【修改】消息通知加颜色区分

src/views/dashboard/Analysis.vue

@@ -22,6 +22,12 @@
           </a-tooltip>
         </template>
 
+        <template slot="color-text" slot-scope="text,record">
+          <!-- 会议通知-->
+          <span :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }">{{ text }}</span>
+
+        </template>
+
         <span slot="action" class="action-span-cell" slot-scope="text, record">
           <a @click="showAnnouncement(record)" style="margin-right: 8px">查看</a>
           <a @click="haveRead(record)" v-if="record.readFlag === '0' ">已读</a>
@@ -103,7 +109,7 @@ export default {
           align: 'center',
           width: 180,
           dataIndex: 'titile_dictText',
-          scopedSlots: {customRender: 'text'}
+          scopedSlots: {customRender: 'color-text'}
         }, {
           title: '内容',
           align: 'center',
@@ -419,4 +425,12 @@ export default {
 
   //width: 150px;
 }
+/*会议通知的颜色*/
+.color-meeting {
+  color: #FF7200;
+}
+/*系统通知的消息*/
+.color-system {
+  color: #690AF7;
+}
 </style>

src/views/system/UserAnnouncementList.vue

@@ -75,6 +75,11 @@
           <j-ellipsis v-if="text" :value="text" :length="20"></j-ellipsis>
           <span v-else></span>
         </template>
+
+        <template slot="color-text" slot-scope="text,record">
+          <span :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }">{{ text }}</span>
+        </template>
+
         <span slot="action" class="action-span-cell" slot-scope="text, record">
         <a @click="showAnnouncement(record)">查看</a>
         <a @click="haveRead(record)" v-if="record.readFlag === '0' ">已读</a>
@@ -129,7 +134,7 @@ export default {
           title: '提醒类型',
           align: 'center',
           dataIndex: 'titile_dictText',
-          scopedSlots: { customRender: 'text' },
+          scopedSlots: { customRender: 'color-text' },
           width: 200
         },
         {
@@ -455,5 +460,13 @@ z
 .ant-modal-cust-warp .ant-modal-content {
   height: 90% !important;
   overflow-y: hidden
+}
+ /*会议通知的颜色*/
+.color-meeting {
+  color: #FF7200;
+}
+/*系统通知的消息*/
+.color-system {
+  color: #690AF7;
 }
 </style>