消息提醒：展示所有类型选项

src/view/index/msg/msg.vue

@@ -2,17 +2,15 @@
 <template>
   <div class="container">
     <div style="margin-bottom:10px">
-      <!-- <RadioGroup v-model="params.readState" style="border-right:1px solid #dcdcdc" @on-change="readStateChange"> -->
-      <RadioGroup v-model="params.readState" @on-change="readStateChange">
+      <RadioGroup v-model="params.readState" style="border-right:1px solid #dcdcdc" @on-change="readStateChange">
           <Radio :label="1">已读</Radio>
           <Radio :label="0">未读</Radio>
       </RadioGroup>
-      <!-- <RadioGroup v-model="params.sourceType" style="margin:0 10px"  @on-change="readStateChange2">
-          <Radio :label="i.sourceType" v-for="i in uMessageStatisticsClassify"  :key="i.sourceType">
-            {{sourceTypeList[i.sourceType]}}<span style="color:red">({{i.count}})</span>
-          </Radio>
-      </RadioGroup> -->
-      
+      <RadioGroup v-model="params.sourceType" style="margin:0 10px"  @on-change="readStateChange2">
+        <Radio :label="index" v-for="(item, index) in sourceTypeList"  :key="index">
+          {{item}}<span style="color:red">({{ getNum(index)}})</span>
+        </Radio>
+      </RadioGroup>
     </div>
     <div style="height:calc(100vh - 200px)">
       <my-table :data="data" :columns="columns" :table-filter="tableFilter" :table-page="params" @event-handle="eventHandle" @on-change="changePage"></my-table>
@@ -131,7 +129,7 @@ export default {
                       // 请购单审批
                       GetApplyPurchasePageList({
                         id: params.row.linkId,
-                        pageNum: 1,
+                        pageIndex: 1,
                         pageSize: 1
                       }).then(res => {
                         if (res.code === 0) {
@@ -143,7 +141,7 @@ export default {
                       // 合同审批
                       GetPurContractPageList({
                         id: params.row.linkId,
-                        pageNum: 1,
+                        pageIndex: 1,
                         pageSize: 1
                       }).then(res => {
                         if (res.code === 0) {
@@ -159,7 +157,7 @@ export default {
                       // 领料申请
                       GetApplyTakePageList({
                         id: params.row.linkId,
-                        pageNum: 1,
+                        pageIndex: 1,
                         pageSize: 1
                       }).then(res => {
                         if (res.code === 0) {
@@ -267,7 +265,7 @@ export default {
                             _this.$Message.info(res.msg || '操作成功')
                             _this.$store.commit('setMsgChange', new Date().getTime())
                             _this.getList()
-                            // _this.getMsgState()
+                            _this.getMsgState()
                           }
                         })
                       }
@@ -296,7 +294,7 @@ export default {
                           _this.$Message.info(res.msg || '操作成功')
                           _this.$store.commit('setMsgChange', new Date().getTime())
                           _this.getList()
-                          // _this.getMsgState()
+                          _this.getMsgState()
                         }
                       })
                     }
@@ -356,27 +354,28 @@ export default {
         
       ],
       params: {
-        pageNum: 1,
+        pageIndex: 1,
         pageSize: 20,
         total: 0,
         userNo:window.localStorage.getItem('jobNo'),
         readState:0,
         search:'',
       },
-      // uMessageStatisticsClassify:[],
+      uMessageStatisticsClassify:[],
     }
   },
   methods: {
     readStateChange2(){
       const v = this
-      v.params.pageNum = 1
+      v.params.pageIndex = 1
       v.getList()
     },
     readStateChange(){
       const v = this
-      v.params.pageNum = 1
+      v.params.pageIndex = 1
+      v.params.sourceType = null
       v.getList()
-      // v.getMsgState()
+      v.getMsgState()
     },
     cfm (type, formData) {
 
@@ -385,7 +384,7 @@ export default {
     eventHandle (option) {
       switch (option._evnet) {
         case 'search':
-          this.params.pageNum = 1
+          this.params.pageIndex = 1
           this.params.keyWord = option.key
           this.getList()
           break
@@ -413,20 +412,27 @@ export default {
           break
       }
     },
-    changePage (pageNum) {
-      this.params.pageNum = pageNum
+    changePage (pageIndex) {
+      this.params.pageIndex = pageIndex
       this.getList()
     },
-    // getMsgState(){
-    //   const v = this
-    //   v.loading = true
-    //   axios
-    //     .post('/cloudApi/uMessage/statisticsClassify', v.params)
-    //     .then((res) => {
-    //       v.uMessageStatisticsClassify = res.data.data
-    //       console.log(res.data.data)
-    //     })
-    // },
+    getMsgState(){
+      const v = this
+      v.loading = true
+      axios
+        .post('/cloudApi/uMessage/statisticsClassify', v.params)
+        .then((res) => {
+          v.uMessageStatisticsClassify = res.data.data
+          console.log(res.data.data,'1111')
+        })
+    },
+    getNum(index) {
+      let data = this.uMessageStatisticsClassify.filter(item => item.sourceType === index)
+      if (data && data.length > 0) {
+        return data[0].count
+      }
+      return 0
+    },
     getList () {
       const v = this
       axios.post('/cloudApi/uMessage/list/count',v.params).then(res=>{
@@ -475,7 +481,7 @@ export default {
   },
   mounted () {
     this.getList()
-    // this.getMsgState()
+    this.getMsgState()
   }
 }
 </script>
@@ -484,4 +490,4 @@ export default {
 .container {
   height: 100%;
 }
-</style>
+</style>