通知管理 多人显示样式

src/views/system/notifyManage/index.vue

@@ -25,16 +25,17 @@
           <!-- <span v-if="scope.row.noticeType===1">系统消息</span> -->
           <span>系统消息</span>
         </el-table-column>
-        <el-table-column prop="pushTo" label="推送对象" align="center" min-width="150">
+        <el-table-column prop="pushTo" :show-overflow-tooltip="true" label="推送对象" align="center" min-width="150">
           <template slot-scope="scope">
             <span v-if="typeof(scope.row.pushTo)==='string'">{{ scope.row.pushTo }}</span>
-            <div v-if="!(typeof(scope.row.pushTo)==='string')">
-              <el-tag v-for="(item,i) in scope.row.pushTo" :key="i" style="margin-left:3px">{{ item }}</el-tag>
+            <div v-if="!(typeof(scope.row.pushTo)==='string')" class="tag-hidden">
+              <!-- <el-tag v-for="(item,i) in scope.row.pushTo" :key="i" style="margin-left:3px;color: #fff">{{ item }}</el-tag> -->
+              {{ scope.row.pushTo.join('，') }}
             </div>
           </template>
         </el-table-column>
         <el-table-column prop="update_by" label="推送人" align="center" min-width="150" />
-        <el-table-column prop="create_time" sortable label="推送时间" align="center" min-width="180">
+        <el-table-column prop="create_time" :sortable="true" label="推送时间" align="center" min-width="180">
           <template slot-scope="scope">
             <div>{{ scope.row.create_time | parseTime }}</div>
           </template>
@@ -103,12 +104,9 @@
 </template>
 
 <script>
-import { presenter, crud } from '@crud/crud'
 import { noticeCreate, getAllDev, getAllUser, getNoticeList, noticeDel } from '@/api/system/logs'
-
 export default {
   name: 'NotifyManage',
-  mixins: [presenter(), crud()],
   data() {
     return {
       tableData: [],
@@ -495,4 +493,10 @@ textarea{
 ::v-deep .el-form-item__error{
   top: 93%;
 }
+.tag-hidden{
+  width: 100%;
+  overflow: hidden;
+  text-overflow:ellipsis;
+  white-space: nowrap;
+}
 </style>