1、大量页面调整

2、完善运力模块
3、完善规范、需求卡

src/views/vehicle/insurance-record.vue

@@ -157,11 +157,16 @@ import { exportBlob } from '@/api/common';
 import { downloadXls } from '@/utils/util';
 import { openImportDialog } from '@/utils/import-excel';
 import { getToken } from '@/utils/auth';
+import { normalizeSearchRangeParams } from '@/utils/search-range';
 import { mapGetters } from 'vuex';
 import { excelOption, option } from '@/option/vehicle/insurance-record';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 
+const createTimeRangeMap = {
+  createTimeRange: ['createTimeStart', 'createTimeEnd'],
+};
+
 export default {
   data() {
     return {
@@ -281,6 +286,9 @@ export default {
       }
       return values;
     },
+    buildQuery(params = {}) {
+      return normalizeSearchRangeParams({ ...params, ...this.query }, createTimeRangeMap);
+    },
     validateRow(row) {
       if (row.startDate && row.endDate && row.endDate < row.startDate) {
         this.$message.warning('结束日期不能早于开始日期');
@@ -386,9 +394,9 @@ export default {
       this.onLoad(this.page);
     },
     searchChange(params, done) {
-      this.query = params;
+      this.query = this.buildQuery(params);
       this.page.currentPage = 1;
-      this.onLoad(this.page, params);
+      this.onLoad(this.page);
       done();
     },
     selectionChange(list) {
@@ -409,7 +417,8 @@ export default {
     },
     onLoad(page, params = {}) {
       this.loading = true;
-      getList(page.currentPage, page.pageSize, { ...params, ...this.query })
+      const query = this.buildQuery(params);
+      getList(page.currentPage, page.pageSize, query)
         .then(res => {
           const data = res.data.data;
           this.page.total = data.total;
@@ -444,7 +453,7 @@ export default {
     },
     buildExportParams() {
       return {
-        ...this.query,
+        ...this.buildQuery(),
         ids: this.ids,
         [this.website.tokenHeader]: getToken(),
       };
@@ -493,10 +502,10 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-height: 116px;
-  padding: 26px 46px 26px 32px;
-  border: 2px dashed #8b8b8b;
-  border-radius: 12px;
+  min-height: 88px;
+  padding: 16px 28px 16px 22px;
+  border: 1px dashed #8b8b8b;
+  border-radius: 8px;
   background: #fff;
 }
 
@@ -511,34 +520,34 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 56px;
-  height: 56px;
-  margin-right: 30px;
+  width: 42px;
+  height: 42px;
+  margin-right: 18px;
   color: #707070;
 }
 
 :global(.insurance-record-page__upload-icon::before),
 :global(.insurance-record-page__upload-icon::after) {
   position: absolute;
-  width: 14px;
-  height: 14px;
+  width: 11px;
+  height: 11px;
   content: '';
 }
 
 :global(.insurance-record-page__upload-icon::before) {
   top: 0;
   left: 0;
-  border-top: 4px solid currentColor;
-  border-left: 4px solid currentColor;
-  border-radius: 4px 0 0;
+  border-top: 3px solid currentColor;
+  border-left: 3px solid currentColor;
+  border-radius: 3px 0 0;
 }
 
 :global(.insurance-record-page__upload-icon::after) {
   right: 0;
   bottom: 0;
-  border-right: 4px solid currentColor;
-  border-bottom: 4px solid currentColor;
-  border-radius: 0 0 4px;
+  border-right: 3px solid currentColor;
+  border-bottom: 3px solid currentColor;
+  border-radius: 0 0 3px;
 }
 
 :global(.insurance-record-page__upload-card) {
@@ -546,10 +555,10 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 36px;
-  height: 28px;
-  border: 4px solid currentColor;
-  border-radius: 4px;
+  width: 28px;
+  height: 22px;
+  border: 3px solid currentColor;
+  border-radius: 3px;
 }
 
 :global(.insurance-record-page__upload-card::before),
@@ -559,38 +568,38 @@ export default {
 }
 
 :global(.insurance-record-page__upload-card::before) {
-  top: 7px;
-  left: 9px;
-  width: 8px;
-  height: 8px;
-  border: 3px solid currentColor;
+  top: 5px;
+  left: 7px;
+  width: 6px;
+  height: 6px;
+  border: 2px solid currentColor;
   border-radius: 2px;
 }
 
 :global(.insurance-record-page__upload-card::after) {
-  top: 8px;
-  right: 7px;
-  width: 8px;
-  height: 3px;
+  top: 6px;
+  right: 5px;
+  width: 6px;
+  height: 2px;
   background: currentColor;
-  box-shadow: 0 8px 0 currentColor;
+  box-shadow: 0 6px 0 currentColor;
 }
 
 :global(.insurance-record-page__upload-card span) {
   position: absolute;
-  right: 7px;
-  bottom: 5px;
-  width: 10px;
-  height: 3px;
+  right: 5px;
+  bottom: 4px;
+  width: 8px;
+  height: 2px;
   background: currentColor;
 }
 
 :global(.insurance-record-page__upload-text) {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 4px;
   color: #303133;
-  font-size: 20px;
+  font-size: 16px;
   line-height: 1.25;
 }
 
@@ -605,7 +614,7 @@ export default {
 
 :global(.insurance-record-page__upload-action) {
   flex: 0 0 auto;
-  margin-left: 24px;
+  margin-left: 18px;
 }
 
 :global(.insurance-record-page__upload-action .el-upload) {
@@ -613,10 +622,10 @@ export default {
 }
 
 :global(.insurance-record-page__upload-button) {
-  min-width: 156px;
-  height: 58px;
-  border-radius: 8px;
-  font-size: 20px;
+  min-width: 112px;
+  height: 40px;
+  border-radius: 6px;
+  font-size: 14px;
   font-weight: 500;
 }
 
@@ -624,8 +633,8 @@ export default {
   :global(.insurance-record-page__upload) {
     align-items: stretch;
     flex-direction: column;
-    gap: 18px;
-    padding: 22px;
+    gap: 12px;
+    padding: 16px;
   }
 
   :global(.insurance-record-page__upload-action) {