工时管家——已读未读

fhKeeper/formulahousekeeper/timesheet/src/views/Home.vue

@@ -16,7 +16,7 @@
             </el-col>
             <el-col :span="10" class="userinfo">
                 到期日期：{{remainingTime}}
-                <el-badge class="itemNew" :value="popoverData.length" :hidden="popoverData.length == 0">
+                <el-badge class="itemNew" :value="num" :hidden="num == 0">
                     <i class="el-icon-message-solid" style="font-size:24px" v-popover:popover1 @click="drawer = true"></i>
                 </el-badge>
                 <el-drawer title="消息中心" :visible.sync="drawer" direction="rtl" :with-header="false" size="30%">
@@ -28,6 +28,12 @@
                                 </el-link>
                             </template>
                         </el-table-column>
+                        <el-table-column property="type" label="状态" align="center">
+                            <template slot-scope="scope">
+                                <span v-if="scope.row.checked == 0" style="color:red">未读</span>
+                                <span v-else style="color:green">已读</span>
+                            </template>
+                        </el-table-column>
                         <el-table-column property="content" label="时间" align="center"></el-table-column>
                     </el-table>
                 </el-drawer>                
@@ -175,6 +181,7 @@
                 drawer: false,
                 tableHeight: 0,
                 popoverData: [],
+                num: 0,
             };
         },
         methods: {
@@ -310,7 +317,15 @@
                 this.http.post( this.port.manage.msgList, {},
                 res => {
                     if (res.code == "ok") {
+                        var list = res.data;
                         this.popoverData = res.data;
+                        var num = 0;
+                        for(var i in list) {
+                            if(list[i].checked != 1) {
+                                num ++;
+                            }
+                        }
+                        this.num = num;
                     } else {
                         this.$message({
                             message: res.msg,

fhKeeper/formulahousekeeper/timesheet/src/views/Login.vue

@@ -85,8 +85,8 @@
                         })
                     }
                 });
-            }
-        }
+            },
+        },
     }
 </script>