弹窗公共列表增加类型展示

src/views/message/message.vue

@@ -16,7 +16,12 @@
         <el-table v-loading="tableDataLoading" :data="tableData.list">
           <el-table-column prop="id" label="编号" width="80"> </el-table-column>
           <el-table-column prop="title" label="标题"> </el-table-column>
-          <el-table-column prop="content" label="内容">
+          <el-table-column prop="title" label="类型">
+			<template slot-scope="scope">
+				<div>{{ returnType(scope.row) }}</div>
+			</template>
+			 </el-table-column>
+          <el-table-column prop="content" label="内容" width="480">
             <template slot-scope="scope">
 				<div v-html="scope.row.content"></div>
 			</template>
@@ -359,10 +364,12 @@
 <script>
 import {$announcement} from '@/api/announcement';
 import  popAddMessage from './components/pop-add-message.vue';
+import {$types} from './data.js';
 	export default {
 		components:{popAddMessage},
 		data() {
 			return {
+				noticeTypes: $types,
 				limit: 10,
 				page: 1,
 				state: 1,
@@ -417,6 +424,10 @@ import  popAddMessage from './components/pop-add-message.vue';
 			}
 		},
 		methods: {
+			returnType(row) {
+				const item=this.noticeTypes.find(item => item.value == row.type)
+				return item.label
+			},
 			dialogMessageUpdate(e,item){
 				$announcement.update({...item,state:e}).then(({
 					data