style: 交通安全样式修改

src/styles/basic-table-file.scss

@@ -1,7 +1,7 @@
 .file-container--div {
   margin: 6px 0;
   display: flex;
-  justify-content: center;
+  justify-content: left;
   align-items: center;
   width: 100%;
   &__icon {

src/views/traffic/regulation/components/RegulationTable.vue

@@ -61,7 +61,7 @@
         </div>
       </template>
       <template #action="scope">
-        <div class="action-container--div">
+        <div class="action-container--div" style="justify-content: left">
           <ActionButton v-if="scope.row.effectState === 0" text="编辑" @click="handleEditRegulation(scope.row.id)" />
           <ActionButton
             v-if="scope.row.effectState === 0"

src/views/traffic/regulation/configs/tables.ts

@@ -17,14 +17,14 @@ export const REGULATION_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '规定名称',
     prop: 'name',
-    align: 'center',
+    align: 'left',
     minWidth: '200px',
   },
   {
     label: '规定文件',
     prop: 'attachment',
     slot: 'attachment',
-    align: 'center',
+    align: 'left',
     minWidth: '360px',
   },
   {
@@ -37,7 +37,7 @@ export const REGULATION_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '发布时间',
     prop: 'pushTime',
-    align: 'center',
+    align: 'left',
     minWidth: '200px',
   },
   {
@@ -46,7 +46,7 @@ export const REGULATION_TABLE_COLUMNS: TableColumnProps[] = [
     slot: 'action',
     fixed: 'right',
     width: '200px',
-    align: 'center',
+    align: 'left',
   },
 ];
 
@@ -60,20 +60,20 @@ export const REGULATION_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
   {
     label: '规定名称',
     prop: 'name',
-    align: 'center',
+    align: 'left',
     minWidth: '200px',
   },
   {
     label: '规定文件',
     prop: 'attachment',
     slot: 'attachment',
-    align: 'center',
+    align: 'left',
     minWidth: '360px',
   },
   {
     label: '发布时间',
     prop: 'pushTime',
-    align: 'center',
+    align: 'left',
     minWidth: '200px',
   },
 ];
@@ -88,16 +88,16 @@ export const NOTICE_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '通知标题',
     prop: 'name',
-    align: 'center',
-    minWidth: '120px',
+    align: 'left',
+    minWidth: '200px',
   },
 
   {
     label: '通知文件',
     prop: 'attachment',
     slot: 'attachment',
-    align: 'center',
-    minWidth: '120px',
+    align: 'left',
+    minWidth: '360px',
   },
   {
     label: '生效状态',
@@ -109,8 +109,8 @@ export const NOTICE_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '发布时间',
     prop: 'pushTime',
-    align: 'center',
-    minWidth: '120px',
+    align: 'left',
+    minWidth: '200px',
   },
 
   {
@@ -118,8 +118,8 @@ export const NOTICE_TABLE_COLUMNS: TableColumnProps[] = [
     prop: 'action',
     slot: 'action',
     fixed: 'right',
-    width: '200px',
-    align: 'center',
+    width: '260px',
+    align: 'left',
   },
 ];
 
@@ -134,7 +134,7 @@ export const NOTICE_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
     label: '通知标题',
     prop: 'name',
     align: 'center',
-    minWidth: '120px',
+    minWidth: '200px',
   },
 
   {
@@ -148,7 +148,7 @@ export const NOTICE_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
     label: '发布时间',
     prop: 'pushTime',
     align: 'center',
-    minWidth: '120px',
+    minWidth: '200px',
   },
 
   {

src/views/traffic/violation/act/Act.vue

@@ -405,69 +405,5 @@
   @use '@/styles/page-details-layout.scss' as *;
   @use '@/styles/page-main-layout.scss' as *;
   @use '@/styles/basic-table-action.scss' as *;
-  .act-search-input {
-    max-width: 500px;
-  }
-  .act-search {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-  }
-  .select-box {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 32px;
-    &--item {
-      @include flex-center;
-      white-space: nowrap;
-    }
-    span {
-      color: rgba(0, 0, 0, 0.85);
-      font-size: 14px;
-    }
-    .el-select {
-      width: 200px;
-    }
-  }
-  .search-btn {
-    display: flex;
-  }
-
-  .notice-state {
-    display: flex;
-    align-items: center;
-    justify-self: center;
-  }
-
-  .batch-table {
-    position: relative;
-    width: 100%;
-    height: 100%;
-  }
-  .batch-operation--div {
-    @include flex-center;
-    justify-content: flex-start;
-    position: absolute;
-    top: 0;
-    left: 0;
-    gap: 60px;
-    width: 100%;
-    height: 48px;
-    border: 4px;
-    padding: 16px 25px;
-    background-color: #ddefff;
-    z-index: 100;
-    &--close {
-      @include flex-center;
-      justify-content: space-between;
-      flex: 1;
-    }
-    .close-icon {
-      font-size: 20px;
-      color: #ff4d4f;
-      cursor: pointer;
-    }
-  }
+  @use '../style/act-search-table.scss' as *;
 </style>

src/views/traffic/violation/act/configs/tables.ts

@@ -24,21 +24,21 @@ export const VIOLATION_ACT_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '车牌号',
     prop: 'carNumber',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '车主',
     prop: 'violateName',
     slot: 'violateName',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '所属部门',
     prop: 'deptName',
     slot: 'deptName',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
@@ -67,28 +67,28 @@ export const VIOLATION_ACT_TABLE_COLUMNS: TableColumnProps[] = [
     label: '违规地点',
     prop: 'violateLocation',
     slot: 'violateLocation',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '时间',
     prop: 'captureTime',
-    align: 'center',
-    width: '200px',
+    align: 'left',
+    minWidth: '200px',
   },
   {
     label: '数据来源',
     prop: 'createSource',
     slot: 'createSource',
     align: 'center',
-    width: '200px',
+    minWidth: '120px',
   },
   {
     label: '通知状态',
     prop: 'isNotice',
     slot: 'isNotice',
     align: 'center',
-    width: '200px',
+    minWidth: '120px',
   },
   {
     label: '操作',
@@ -96,7 +96,7 @@ export const VIOLATION_ACT_TABLE_COLUMNS: TableColumnProps[] = [
     slot: 'action',
     fixed: 'right',
     width: '200px',
-    align: 'center',
+    align: 'left',
   },
 ];
 
@@ -110,21 +110,21 @@ export const VIOLATION_ACT_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
   {
     label: '车牌号',
     prop: 'carNumber',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '车主',
     prop: 'violateName',
     slot: 'violateName',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '所属部门',
     prop: 'deptName',
     slot: 'deptName',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
@@ -153,28 +153,28 @@ export const VIOLATION_ACT_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
     label: '违规地点',
     prop: 'violateLocation',
     slot: 'violateLocation',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '时间',
     prop: 'captureTime',
-    align: 'center',
-    width: '200px',
+    align: 'left',
+    minWidth: '120px',
   },
   {
     label: '数据来源',
     prop: 'createSource',
     slot: 'createSource',
     align: 'center',
-    width: '200px',
+    minWidth: '120px',
   },
   {
     label: '通知状态',
     prop: 'isNotice',
     slot: 'isNotice',
     align: 'center',
-    width: '200px',
+    minWidth: '120px',
   },
 ];
 
@@ -188,21 +188,21 @@ export const VIOLATION_NOTICE_TABLE_COLUMNS: TableColumnProps[] = [
   {
     label: '车牌号',
     prop: 'carNumber',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '车主',
     prop: 'violateName',
     slot: 'violateName',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '所属部门',
     prop: 'deptName',
     slot: 'deptName',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
@@ -231,21 +231,21 @@ export const VIOLATION_NOTICE_TABLE_COLUMNS: TableColumnProps[] = [
     label: '违规地点',
     prop: 'violateLocation',
     slot: 'violateLocation',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '时间',
     prop: 'captureTime',
-    align: 'center',
-    width: '200px',
+    align: 'left',
+    minWidth: '200px',
   },
   {
     label: '数据来源',
     prop: 'createSource',
     slot: 'createSource',
     align: 'center',
-    width: '200px',
+    minWidth: '200px',
   },
 ];
 
@@ -259,7 +259,7 @@ export const VIOLATION_NOTICE_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
   {
     label: '车牌号',
     prop: 'carNumber',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
 
@@ -277,7 +277,6 @@ export const VIOLATION_NOTICE_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
     align: 'center',
     minWidth: '120px',
   },
-
   {
     label: '抓拍图片',
     prop: 'capturePhotos',
@@ -289,13 +288,13 @@ export const VIOLATION_NOTICE_TABLE_COLUMNS_CHECKONLY: TableColumnProps[] = [
     label: '违规地点',
     prop: 'violateLocation',
     slot: 'violateLocation',
-    align: 'center',
+    align: 'left',
     minWidth: '120px',
   },
   {
     label: '时间',
     prop: 'captureTime',
-    align: 'center',
-    width: '200px',
+    align: 'left',
+    minWidth: '200px',
   },
 ];

src/views/traffic/violation/notice/Notice.vue

@@ -242,39 +242,5 @@
   @use '@/styles/page-details-layout.scss' as *;
   @use '@/styles/page-main-layout.scss' as *;
   @use '@/styles/basic-table-action.scss' as *;
-  .act-search-input {
-    max-width: 500px;
-  }
-  .act-search {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-  }
-  .select-box {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 32px;
-    &--item {
-      @include flex-center;
-      white-space: nowrap;
-    }
-    span {
-      color: rgba(0, 0, 0, 0.85);
-      font-size: 14px;
-    }
-    .el-select {
-      width: 200px;
-    }
-  }
-  .search-btn {
-    display: flex;
-  }
-
-  .notice-state {
-    display: flex;
-    align-items: center;
-    justify-self: center;
-  }
+  @use '../style/act-search-table.scss' as *;
 </style>