style: 交通安全样式修改

src/views/traffic/accident/AccidentItem.vue

@@ -36,7 +36,7 @@
     } else if (operate === 'edit') {
       return `编辑${title}`;
     }
-    return `查看${title}`;
+    return '事故详情';
   });
 
   const dynamicComponent = computed(() => {

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

@@ -41,7 +41,7 @@ export const ACCIDENT_LIST_TABLE_COLUMNS: TableColumnProps[] = [
     label: '事故时间',
     prop: 'accidentTime',
     align: 'left',
-    width: '180px',
+    width: '200px',
   },
   {
     label: '事故描述',

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

@@ -12,9 +12,9 @@
         <el-table-column prop="accidentLocation" 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">
+        <el-table-column prop="action" label="操作" width="120px" align="left" fixed="right">
           <template #default="scope">
-            <el-button link type="primary" @click="handleViewDetail(scope.row.id)"> 查看详情 </el-button>
+            <div class="view-detail" @click="handleViewDetail(scope.row.id)"> 查看详情 </div>
           </template>
         </el-table-column>
       </el-table>
@@ -95,10 +95,7 @@
     }
 
     .more:hover {
-      background-color: #1777ff;
-      color: #fff;
-      border-radius: 4px;
-      padding: 2px 4px 2px 6px;
+      color: #94c1ff;
     }
   }
 
@@ -113,6 +110,16 @@
       margin-top: 18px;
       padding: 0 16px;
       overflow: auto;
+
+      .view-detail {
+        font-size: 14px;
+        color: #1777ff;
+        cursor: pointer;
+      }
+
+      .view-detail:hover {
+        color: #94c1ff;
+      }
     }
   }
 </style>

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

@@ -100,10 +100,7 @@
     }
 
     .more:hover {
-      background-color: #1777ff;
-      color: #fff;
-      border-radius: 4px;
-      padding: 2px 4px 2px 6px;
+      color: #94c1ff;
     }
   }
 
@@ -125,6 +122,7 @@
         flex-direction: column;
         justify-content: center;
         align-items: center;
+        font-size: 14px;
         color: rgba(153, 153, 153, 1);
 
         .empty-img {

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

@@ -109,10 +109,7 @@
     }
 
     .more:hover {
-      background-color: #1777ff;
-      color: #fff;
-      border-radius: 4px;
-      padding: 2px 4px 2px 6px;
+      color: #94c1ff;
     }
   }
 

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

@@ -67,6 +67,6 @@ export const VEHICLE_LIST_TABLE_COLUMNS: TableColumnProps[] = [
     align: 'left',
     slot: 'action',
     fixed: 'right',
-    width: '180px',
+    width: '128px',
   },
 ];