style: 交通安全部分样式修改

src/views/traffic/accident/Accident.vue

@@ -331,17 +331,19 @@
 
   .search-container {
     display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
 
     .search-time {
       color: rgba(0, 0, 0, 0.85);
       font-size: 14px;
-      margin-left: 20px;
       display: flex;
       align-items: center;
     }
 
     .search-container-btn {
       margin-left: auto;
+      display: flex;
     }
   }
 

src/views/traffic/accident/config/table.ts

@@ -34,25 +34,25 @@ export const ACCIDENT_LIST_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '事故地点',
     prop: 'accidentLocation',
-    align: 'center',
+    align: 'left',
     minWidth: '180px',
   },
   {
     label: '事故时间',
     prop: 'accidentTime',
-    align: 'center',
-    minWidth: '180px',
+    align: 'left',
+    width: '180px',
   },
   {
     label: '事故描述',
     prop: 'accidentDescription',
-    align: 'center',
-    minWidth: '180px',
+    align: 'left',
+    minWidth: '280px',
   },
   {
     label: '操作',
     prop: 'action',
-    align: 'center',
+    align: 'left',
     slot: 'action',
     fixed: 'right',
     width: '180px',

src/views/traffic/overview/components/AccidentRecords.vue

@@ -10,7 +10,7 @@
     <div class="table-container">
       <el-table :data="accidentRecords" style="width: 100%; height: 100%">
         <el-table-column prop="accidentLocation" label="事故地点" />
-        <el-table-column prop="accidentTime" label="事故时间" />
+        <el-table-column prop="accidentTime" label="事故时间" width="200px" />
         <el-table-column prop="accidentDescription" label="事故描述" />
         <el-table-column prop="action" label="操作" width="140px" align="center" fixed="right">
           <template #default="scope">

src/views/traffic/overview/components/RegulationList.vue

@@ -8,6 +8,10 @@
       ></span>
     </div>
     <div class="regulation-list">
+      <div v-if="regulationList.length === 0" class="empty-style">
+        <img class="empty-img" src="@/assets/images/empty@1X.png" alt="" />
+        <span>暂无数据</span>
+      </div>
       <div
         class="regulation-item"
         v-for="(item, index) in regulationList"
@@ -114,6 +118,21 @@
       margin-top: 18px;
       padding: 0 16px;
 
+      .empty-style {
+        width: 100%;
+        height: 90%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        color: rgba(153, 153, 153, 1);
+
+        .empty-img {
+          height: 90%;
+          object-fit: contain;
+        }
+      }
+
       .regulation-item {
         width: 100%;
         height: 33px;

src/views/traffic/overview/components/ViolationRecords.vue

@@ -31,7 +31,7 @@
           </template>
         </el-table-column>
         <el-table-column prop="captureTime" label="违规时间" />
-        <el-table-column prop="capturePhotos" label="抓拍照片">
+        <el-table-column prop="capturePhotos" label="抓拍照片" align="center">
           <template #default="scope">
             <ImageViewer :file-list="scope.row.capturePhotos" />
           </template>

src/views/traffic/vehicle/config/table.ts

@@ -34,37 +34,37 @@ export const VEHICLE_LIST_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '车牌号',
     prop: 'carNum',
-    align: 'center',
+    align: 'left',
     minWidth: '180px',
   },
   {
     label: '姓名',
     prop: 'userName',
-    align: 'center',
+    align: 'left',
     minWidth: '180px',
   },
   {
     label: '工号',
     prop: 'staffNo',
-    align: 'center',
+    align: 'left',
     minWidth: '180px',
   },
   {
     label: '所属部门',
     prop: 'deptName',
-    align: 'center',
+    align: 'left',
     minWidth: '180px',
   },
   {
     label: '联系方式',
     prop: 'phoneNum',
-    align: 'center',
+    align: 'left',
     minWidth: '180px',
   },
   {
     label: '操作',
     prop: 'action',
-    align: 'center',
+    align: 'left',
     slot: 'action',
     fixed: 'right',
     width: '180px',