事件列表新增创建时间

src/views/system/event/index.vue

@@ -84,6 +84,12 @@
             </el-tag>
           </template>
         </el-table-column>
+        <el-table-column
+          :label="$t('system:event:eventCreateTime')"
+          prop="CreateTime"
+          show-overflow-tooltip
+          sortable="custom"
+        />
         <el-table-column
           :label="$t('common:action:action')"
           fixed="right"
@@ -91,6 +97,9 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
+            <el-button size="mini" type="text" @click="view(scope.row)">
+              {{ $t("common:button:view") }}
+            </el-button>
             <el-button size="mini" type="text" @click="rePublish(scope.row)">
               {{ $t("system:event:button:rePublish") }}
             </el-button>
@@ -106,12 +115,17 @@
         />
       </div>
     </div>
+    <base-model v-if="model_cfg.visible" :config="model_cfg">
+      <template slot="dialog-body">
+        <div v-html="info"></div>
+      </template>
+    </base-model>
   </div>
 </template>
 <script>
 import { getEventStoreRecordList, rePublishEvent } from "@/api/admin";
 import Pagination from "@/components/Pagination";
-import moment from "moment";
+import BaseModel from "@/components/BaseModel";
 const searchDataDefault = () => {
   return {
     EventState: null,
@@ -124,16 +138,17 @@ const searchDataDefault = () => {
 };
 export default {
   name: "event",
-  components: { Pagination },
+  components: { Pagination, BaseModel },
   data() {
     return {
-      moment,
       searchData: searchDataDefault(),
       list: [],
       total: 0,
       loading: false,
       PublishVersionList: [],
       selectTableList: [],
+      model_cfg: { visible: false, title: "", width: "500px" },
+      info: null,
     };
   },
   mounted() {
@@ -189,6 +204,11 @@ export default {
     handleSelectionChange(val) {
       this.selectTableList = val;
     },
+    // 查看
+    view(row) {
+      this.info = row.EventData;
+      this.model_cfg.visible = true;
+    },
   },
 };
 </script>