完善情报板记录

ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue

@@ -22,18 +22,23 @@
     <!-- 内容 -->
     <div class="body">
       <Table :data="tableData" height="100%">
-        <el-table-column label="序号" type="index" :index="indexMethod" width="100" />
-        <ElTableColumn label="发布时间" prop="operTime" width="280">
+        <el-table-column label="序号" type="index" :index="indexMethod" width="100" align="center"
+          header-align="center" />
+        <ElTableColumn label="发布时间" prop="operTime" width="280" align="center" header-align="center">
           <template slot-scope="scope">
             {{ moment(scope.row.operTime).format("yyyy/MM/DD hh:mm") }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="设备ID" prop="dcDeviceId" width="120">
+        <ElTableColumn label="设备ID" prop="dcDeviceId" width="120" align="center" header-align="center">
           <template slot-scope="scope">
             {{ JSON.parse(scope.row.dcDeviceId).join("、") }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="设备名称" prop="dcDeviceName" />
+        <ElTableColumn label="设备名称" prop="dcDeviceName" align="center" header-align="center">
+          <template slot-scope="scope">
+            {{ scope.row.dcDeviceName.replace(/^\[/,'').replace(/\]$/,'') }}
+          </template>
+        </ElTableColumn>
         <ElTableColumn label="内容" prop="operParam" width="400" header-align="center">
           <template slot-scope="scope">
             <el-carousel direction="horizontal" :autoplay="false" indicator-position="inside" height="80px"
@@ -45,13 +50,18 @@
             </el-carousel>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="状态" prop="status" width="140" :formatter="formatterStatus" />
-        <ElTableColumn label="用户名" prop="operName" width="160" />
-        <ElTableColumn label="用户IP" prop="operIp" width="200">
+        <ElTableColumn label="用户名" prop="operName" width="160" align="center" header-align="center" />
+        <ElTableColumn label="用户IP" prop="operIp" width="200" align="center" header-align="center">
           <template slot-scope="scope">
             {{ ["unknown"].includes(scope.row.operIp) ? "" : scope.row.operIp }}
           </template>
         </ElTableColumn>
+        <ElTableColumn label="发布结果" prop="status" width="140" align="center" header-align="center">
+          <template slot-scope="scope">
+            <i class="el-icon-success" style="font-size: 24px; color:#0c0;" v-if="scope.row.status == 1"></i>
+            <i class="el-icon-error" style="font-size: 24px; color:#BBB;" v-else></i>
+          </template>
+        </ElTableColumn>
       </Table>
     </div>
 
@@ -149,9 +159,6 @@ export default {
     formatterDirection(row, column) {
         return DirectionTypes[row.direction];
       },
-    formatterStatus(row, column) {
-      return ["失败", "成功"][row.releaseStatus];
-      },
     initData() {
       request({
         url: `/business/dcOperLog/list`,