web端产品库 vite版本

packages/wechat/AppNotification/components/noticeManage.vue

@@ -40,6 +40,7 @@
             :total="total"
             :current.sync="search.current"
             :size.sync="search.size"
+            :dict="dict"
             @getList="getList">
           <el-table-column slot="releaseUserName" label="发布人" align="center">
             <template slot-scope="{ row }">
@@ -123,17 +124,20 @@ export default {
         {prop: 'title', label: '标题'},
         {
           prop: 'readNum', label: '查询状态', align: 'center',
-          render: (h, {row}) => [<span class='status'
-                                       onClick={this.showDialog.bind(this, row)}>{row.readNum}人已读，</span>,
-            <span class='status' onClick={this.showDialog.bind(this, row)}>{row.unReadNum}人未读</span>]
+          render: (h, {row}) => h('p', {
+            class: 'status', on: {
+              click() {
+                this.showDialog(row)
+              }
+            }
+          }, `${row.readNum || 0}人已读，${row.unReadNum}人未读`)
         },
         {slot: 'releaseUserName'},
         {slot: 'unitName'},
         {prop: 'releaseTime', label: '发布时间', align: 'center'},
         {
           prop: 'status', label: '发布状态', align: 'center',
-          render: (h, {row}) => [<span
-              style={{color: this.dict.getColor("announcementStatus", row.status)}}>{this.dict.getLabel("announcementStatus", row.status)}</span>]
+          render: (h, {row}) => h('p', {color: this.dict.getColor("announcementStatus", row.status)}, this.dict.getLabel("announcementStatus", row.status))
         },
         {slot: 'options'},
       ];