样式调整

SafeCampus.WEB/src/views/warn/zjrq/index.vue

@@ -20,7 +20,7 @@
       label="label"
       id="value"
       :isData="true"
-      width="300px"
+      width="260px"
       :data="warnOptions"
       @change="changeType"
     ></TreeFilter>
@@ -59,7 +59,12 @@
           <s-button link :opt="FormOptEnum.DELETE" @click="onDelete([scope.row.id], `确定删除该预警吗？`)" />
         </template>
       </ProTable>
-      <el-dialog v-model="visible" :title="detailData.alarmTypeDesc + '-' + detailData.tick" width="830px" :before-close="handleClose">
+      <el-dialog
+        v-model="visible"
+        :title="detailData.alarmTypeDesc ? detailData.alarmTypeDesc + '-' + detailData.tick : ''"
+        width="830px"
+        :before-close="handleClose"
+      >
         <div>
           <img class="detailpic" :src="detailData.snapshotUrl" alt="" />
           <el-row :gutter="20">
@@ -281,6 +286,7 @@ const columns: ColumnProps<ZJRQ.WarnInfo>[] = [
   { 
     prop: "tick", 
     label: "预警时间",
+    width: 180,
     search: {
       // 自定义 search 组件
       span: 1,
@@ -340,16 +346,14 @@ function RefreshTable() {
 let detailData = ref({});
 function onDetail(row: any) {
   visible.value = true;
-  setTimeout(async ()=> {
-    await warnZJRQApi.detail({ id: row.id }).then((res:any) => {
+   warnZJRQApi.detail({ id: row.id }).then((res:any) => {
       let { code, data } = res;
     
       if (code == 200) {
         detailData.value = data
-        
       }
     });
-  })
+  
   
 }