update 我的消息未读增加底色

src/enums/commonEnums.js

@@ -576,3 +576,9 @@ export const ClauseUsableRange = new EsEnums({
   DOMESTIC: { text: '国标', value: '1' },
   ENTERPRISE: { text: '企标', value: '3' }
 })
+
+// 阅读状态
+export const ReadFlag = {
+  UNREAD: { text: '未读', value: '0' },
+  READ: { text: '已读', value: '1' }
+}

src/views/system/UserAnnouncementList.vue

@@ -58,6 +58,7 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
+        :rowClassName="rowClassName"
         @change="handleTableChange">
 
         <!-- 操作 -->
@@ -82,6 +83,7 @@ import { JeroListMixin } from '@/mixins/JeroListMixin'
 import Vue from 'vue'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
 import JTable from '@comp/jero/JTable'
+import { ReadFlag } from '@/enums/commonEnums'
 
 export default {
   name: 'UserAnnouncementList',
@@ -179,6 +181,10 @@ export default {
     this.language = localStorage.getItem('language') || ''
   },
   methods: {
+    // 未读的高亮
+    rowClassName (record) {
+      return record.readFlag === ReadFlag.UNREAD.value ? 'row-unread' : ''
+    },
     // 跳转详情
     handleGoDetail (record) {
       this.$router.push({
@@ -308,4 +314,7 @@ export default {
 </script>
 <style scoped lang="less">
 @import '~@assets/less/common.less';
+/deep/ .row-unread > td {
+  background-color: #F9F9F9;
+}
 </style>