Pārlūkot izejas kodu

调整我的消息布局样式

Z 2 gadi atpakaļ
vecāks
revīzija
0e0d5360d7
1 mainītis faili ar 12 papildinājumiem un 10 dzēšanām
  1. 12 10
      src/views/bpm/message/index.vue

+ 12 - 10
src/views/bpm/message/index.vue

@@ -66,9 +66,14 @@
             v-if="!row.readStatus"
             @click="handleAddOrEdit(row)"
           >
-            确认
+            已读
           </el-link>
         </template>
+        <template v-slot:readStatus="{row}">
+          <el-tag v-if="row.readStatus" type="success">{{ '已读' }}</el-tag>
+          <el-tag v-else type="danger">{{ '未读' }}</el-tag>
+
+        </template>
       </ele-pro-table>
     </el-card>
   </div>
@@ -100,36 +105,33 @@ export default {
 
         {
           prop: 'templateContent',
-          label: '内容',
+          label: '消息',
           minWidth: '250',
-          align: "center",
         },
         {
           prop: 'readStatus',
           label: '状态',
-          minWidth: '60',
+          width: '80',
           align: "center",
-          formatter: (_row, _column, cellValue) => {
-            return _row.readStatus ? '已读' : '未读';
-          }
+          slot:'readStatus',
         },
         {
           prop: 'readTime',
           label: '阅读时间',
-          minWidth: '100',
+          width: '180',
           align: "center",
           showOverflowTooltip: true,
         },
         {
           prop: 'templateNickname',
           label: '发送人',
-          minWidth: '60',
+          width: '80',
           align: "center",
         },
         {
           prop: 'createTime',
           label: '发送时间',
-          minWidth: '100',
+         width: '180',
           align: "center",
           showOverflowTooltip: true,
         },