diff --git a/src/api/basicdata/basicdataVehicle.js b/src/api/basicdata/basicdataVehicle.js
index 2f2cdde7..3e19fb54 100644
--- a/src/api/basicdata/basicdataVehicle.js
+++ b/src/api/basicdata/basicdataVehicle.js
@@ -11,15 +11,13 @@ export const getList = (current, size, params) => {
     },
   });
 };
-export const getPage = (current, size, params) => {
+
+/** 获取车辆列表 */
+export const getPage = params => {
   return request({
     url: '/api/logpm-basicdata/vehicle/page',
     method: 'get',
-    params: {
-      ...params,
-      current,
-      size,
-    },
+    params,
   });
 };
 export const getVehicle = () => {
diff --git a/src/option/basicdata/basicdataVehicle2.js b/src/option/basicdata/basicdataVehicle2.js
index 62a85adc..981a55dd 100644
--- a/src/option/basicdata/basicdataVehicle2.js
+++ b/src/option/basicdata/basicdataVehicle2.js
@@ -1,342 +1,474 @@
-export default {
-  expand: false,
-  index: true,
-  border: true,
-  selection: true,
-  column: [
-    {
-      label: "主键",
-      prop: "id",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "租户号",
-      prop: "tenantId",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "创建人",
-      prop: "createUser",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "创建时间",
-      prop: "createTime",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "更新人",
-      prop: "updateUser",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "更新时间",
-      prop: "updateTime",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "状态",
-      prop: "status",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "是否已删除;1-未删除，2-已删除",
-      prop: "isDeleted",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "创建部门",
-      prop: "createDept",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "车牌号",
-      prop: "vehicleNub",
-      search: true,
-      width:"100px"
-    },
-    {
-      label: "车辆来源",
-      prop: "vehicleSource",
-      search: true,
-      width:"100px"
-    },
-    {
-      label: "是否车头",
-      prop: "isHead",
-      width:"100px"
-    },
-    {
-      label: "挂车类型",
-      prop: "trailerType",
-      search: true,
-      width:"100px"
-    },
-    {
-      label: "车辆类型",
-      prop: "vehicleModel",
-      search: true,
-      width:"100px"
-    },
-    {
-      label: "车厢类型",
-      prop: "carType",
-      width:"100px"
-    },
-    {
-      label: "车长(M)",
-      prop: "vehicleCommander",
-      width:"100px"
-    },
-    {
-      label: "外廓高(M)",
-      prop: "vehicleHeight",
-      width:"100px"
-    },
-    {
-      label: "付款方式",
-      prop: "paymentMethod",
-      search: true,
-      width:"100px"
-    },
-    {
-      label: "核定体积",
-      prop: "approvedVolume",
-      width:"100px"
-    },
-    {
-      label: "车牌颜色",
-      prop: "licensePlateColor",
-      width:"100px"
-    },
-    {
-      label: "车身颜色",
-      prop: "vehicleColor",
-      width:"100px"
-    },
-    {
-      label: "能源类型",
-      prop: "energyType",
-      width:"100px"
-    },
-    {
-      label: "车牌类型",
-      prop: "licensePlateType",
-      width:"100px"
-    },
-    {
-      label: "备注",
-      prop: "notes",
-      width:"100px"
-    },
-    {
-      label: "车辆所属人",
-      prop: "vehicleOwner",
-      width:"120px"
-    },
-    {
-      label: "品牌型号",
-      prop: "vehicleBrand",
-      width:"100px"
-    },
-    {
-      label: "车辆代号",
-      prop: "vehicleCode",
-      width:"100px"
-    },
-    {
-      label: "发动机型号",
-      prop: "engineCode",
-      width:"120px"
-    },
-    {
-      label: "车辆总质量(T)",
-      prop: "vehicleQuality",
-      width:"120px"
-    },
-    {
-      label: "整备质量(T)",
-      prop: "curbWeight",
-      width:"120px"
-    },
-    {
-      label: "载荷质量(T)",
-      prop: "loadMass",
-      width:"120px"
-    },
-    {
-      label: "外廓宽(M)",
-      prop: "outerWidth",
-      width:"120px"
-    },
-    {
-      label: "到期时间",
-      prop: "expirationTime",
-      format: "yyyy-MM-dd",
-      valueFormat: "yyyy-MM-dd",
-      width:"120px"
-    },
-    {
-      label: "道路运输证号",
-      prop: "roadTransport",
-      width:"120px"
-    },
-    {
-      label: "经营许可证号",
-      prop: "businessLicense",
-      width:"120px"
-    },
-    {
-      label: "车辆所属单位",
-      prop: "vehicleUnit",
-      width:"120px"
-    },
-    {
-      label: "车辆所属单位电话",
-      prop: "vehicleUnitPhone",
-      width:"180px"
-    },
-    {
-      label: "车辆所属人手机号",
-      prop: "vehicleOwnerPhone",
-      width:"180px"
-    },
-    {
-      label: "车辆所属人身份证号",
-      prop: "vehicleOwnerCard",
-      width:"180px"
-    },
-    // {
-    //   label: "行驶证正面照片",
-    //   prop: "drivingLicensePhoto",
-    // },
-    // {
-    //   label: "行驶证照片反面",
-    //   prop: "drivingLicensePhotoBack",
-    // },
-    // {
-    //   label: "许可证照片",
-    //   prop: "licensePhoto",
-    // },
-    // {
-    //   label: "车辆照片(最新)",
-    //   prop: "vehiclePhoto",
-    // },
-    // {
-    //   label: "车尾照片",
-    //   prop: "vehicleRearPhoto",
-    // },
-    // {
-    //   label: "道路运输照片",
-    //   prop: "roadTransportPhoto",
-    // },
-    // {
-    //   label: "人车合影照片",
-    //   prop: "vehiclePeoplePhoto",
-    // },
-    // {
-    //   label: "保险卡照片",
-    //   prop: "insuranceCardPhoto",
-    // },
-    {
-      label: "承运商",
-      prop: "carrierId",
-      width:"100px"
-    },
-    {
-      label: "车辆年审时间",
-      prop: "reviewTime",
-      format: "yyyy-MM-dd",
-      valueFormat: "yyyy-MM-dd",
-      width:"150px"
-    },
-    {
-      label: "车辆年审有效期(月)",
-      prop: "reviewValidity",
-      width:"180px"
-    },
-    {
-      label: "车辆保险开始时间",
-      prop: "insuranceStartTime",
-      format: "yyyy-MM-dd",
-      valueFormat: "yyyy-MM-dd",
-      width:"180px"
-    },
-    {
-      label: "车辆保险结束时间",
-      prop: "insuranceEndTime",
-      format: "yyyy-MM-dd",
-      valueFormat: "yyyy-MM-dd",
-      width:"180px"
-    },
-    {
-      label: "有无车身广告",
-      prop: "bodyAdvertising",
-      width:"180px"
-    },
-    {
-      label: "车身广告跟新时间",
-      prop: "advertisementsNewTimes",
-      width:"180px"
-    },
-    {
-      label: "车辆挂靠公司",
-      prop: "vehicleParkingCompany",
-      width:"120px"
-    },
-    {
-      label: "是否有GPS",
-      prop: "withGps",
-      width:"100px"
-    },
-    {
-      label: "GPS服务商",
-      prop: "gpsServiceProvider",
-      width:"100px"
-    },
-    {
-      label: "GPS型号",
-      prop: "gpsModel",
-      width:"100px"
-    },
-    {
-      label: "预留1",
-      prop: "reserve1",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "预留2",
-      prop: "reserve2",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "预留3",
-      prop: "reserve3",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "预留4",
-      prop: "reserve4",
-      display: false,
-      hide: true,
-    },
-    {
-      label: "预留5",
-      prop: "reserve5",
-      display: false,
-      hide: true,
-    },
-  ]
-}
+export default [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    label: '车牌号',
+    prop: 'vehicleNub',
+    type: 2,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆来源',
+    prop: 'vehicleSource',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '是否车头',
+    prop: 'isHead',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [
+      {
+        label: '是',
+        value: '1',
+      },
+      {
+        label: '否',
+        value: '0',
+      },
+    ],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '挂车类型',
+    prop: 'trailerType',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆类型',
+    prop: 'vehicleModel',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车厢类型',
+    prop: 'carType',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车长(M)',
+    prop: 'vehicleCommander',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '外廓高(M)',
+    prop: 'vehicleHeight',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '付款方式',
+    prop: 'paymentMethod',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '核定体积',
+    prop: 'approvedVolume',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车牌颜色',
+    prop: 'licensePlateColor',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车身颜色',
+    prop: 'vehicleColor',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '能源类型',
+    prop: 'energyType',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车牌类型',
+    prop: 'licensePlateType',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '备注',
+    prop: 'notes',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '品牌型号',
+    prop: 'vehicleBrand',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆代号',
+    prop: 'vehicleCode',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '发动机型号',
+    prop: 'engineCode',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆总质量(T)',
+    prop: 'vehicleQuality',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '整备质量(T)',
+    prop: 'curbWeight',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '载荷质量(T)',
+    prop: 'loadMass',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '外廓宽(M)',
+    prop: 'outerWidth',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '到期时间',
+    prop: 'expirationTime',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '道路运输证号',
+    prop: 'roadTransport',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '经营许可证号',
+    prop: 'businessLicense',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆所属单位',
+    prop: 'vehicleUnit',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆所属单位电话',
+    prop: 'vehicleUnitPhone',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆所属人手机号',
+    prop: 'vehicleOwnerPhone',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆所属人身份证号',
+    prop: 'vehicleOwnerCard',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '承运商',
+    prop: 'carrierId',
+    type: 3,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆年审时间',
+    prop: 'reviewTime',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆年审有效期',
+    prop: 'reviewValidity',
+    type: 1,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆保险开始时间',
+    prop: 'insuranceStartTime',
+    type: 1,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆保险结束时间',
+    prop: 'insuranceEndTime',
+    type: 1,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '有无车身广告',
+    prop: 'bodyAdvertising',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [
+      {
+        label: '是',
+        value: '1',
+      },
+      {
+        label: '否',
+        value: '0',
+      },
+    ],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车身广告更新时间',
+    prop: 'advertisementsNewTimes',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '是否有GPS',
+    prop: 'withGps',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [
+      {
+        label: '是',
+        value: '1',
+      },
+      {
+        label: '否',
+        value: '0',
+      },
+    ],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: 'GPS服务商',
+    prop: 'gpsServiceProvider',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: 'GPS型号',
+    prop: 'gpsModel',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆照片(最新)',
+    prop: 'vehiclePhoto',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车尾照片',
+    prop: 'vehicleRearPhoto',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '车辆历史照片',
+    prop: 'historicPhotos',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    label: '操作',
+    prop: '',
+    type: 6,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: 'right',
+    sortable: true,
+  },
+];
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 71a97626..81ce9ac5 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -66,15 +66,15 @@ export default [
   {
     path: '/basicdata',
     component: Layout,
-    redirect: '/basicdata/vehicle/basicdtaVehicleAddForm',
+    redirect: '/basicdata/vehicle/basicdataVehicleAddForm',
     children: [
       {
-        path: 'vehicle/basicdtaVehicleAddForm',
+        path: 'vehicle/basicdataVehicleAddForm',
         name: '车辆添加',
         meta: {
           i18n: 'dict',
         },
-        component: () => import('@/views/basicdata/vehicle/basicdtaVehicleAddForm.vue'),
+        component: () => import('@/views/basicdata/vehicle/basicdataVehicleAddForm.vue'),
       },
     ],
   },
@@ -1524,7 +1524,6 @@ export default [
     ],
   },
 
-
   {
     path: '/aftersales/DataSynchronization',
     component: Layout,
diff --git a/src/views/basicdata/vehicle/basicdataVehicle.vue b/src/views/basicdata/vehicle/basicdataVehicle.vue
index f883b5a4..6dff6377 100644
--- a/src/views/basicdata/vehicle/basicdataVehicle.vue
+++ b/src/views/basicdata/vehicle/basicdataVehicle.vue
@@ -1,84 +1,117 @@
 <template>
-  <basic-container>
-    <avue-crud
-      v-if="edit"
-      :option="option"
-      v-model:search="search"
-      v-model:page="page"
-      v-model="form"
-      :table-loading="loading"
-      :data="data"
-      :permission="permissionList"
-      :before-open="beforeOpen"
-      ref="crud"
-      @row-update="rowUpdate"
-      @row-save="rowSave"
-      @row-del="rowDel"
-      @search-change="searchChange"
-      @search-reset="searchReset"
-      @selection-change="selectionChange"
-      @current-change="currentChange"
-      @size-change="sizeChange"
-      @refresh-change="refreshChange"
-      @on-load="onLoad"
-    >
-      <template #menu-left>
-        <!-- <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd">新 增 </el-button> -->
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          plain
-          v-if="permission.basicdataVehicle_delete"
-          @click="handleDelete"
-          >删 除
-        </el-button>
-        <el-button
-          type="danger"
-          plain
-          @click="ExportVehicle"
-          >导 出
-        </el-button>
+  <basic-container v-loading="details.loadingObj.pageLoading">
+    <div class="avue-crud">
+      <!-- 搜索模块 -->
+      <div v-h5uShow="!search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="query" class="header_search">
+          <el-form-item label="车牌号:" class="el-times">
+            <el-input v-model="query.stockupArea" clearable placeholder="请输入车牌号"></el-input>
+          </el-form-item>
 
-        <el-button
-          type="danger"
-          plain
-          @click="VehicleImport"
-          >导 入
-        </el-button>
-        <!--        <el-button type="warning"-->
-        <!--                   plain-->
-        <!--                   icon="el-icon-download"-->
-        <!--                   @click="handleExport">导 出-->
-        <!--        </el-button>-->
-      </template>
-      <template #menu="{ size, row, index }">
-        <el-button type="primary" text icon="el-icon-view" @click="editDeline(row)"
-          >编 辑</el-button
-        >
-        <el-button type="primary" text icon="el-icon-view" @click="viewDeline(row)"
-          >查 看</el-button
-        >
-      </template>
-    </avue-crud>
-    <basicdata-vehicleform
-      @returnvehicle="returnvehicle"
-      :vehicleformdata="vehicleformdata"
-      :dicDatas="dicDatas"
-      v-if="!edit"
-    />
-    <el-dialog title="车辆导入" append-to-body v-model="excelBox" width="555px">
-      <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
-        <template #excelTemplate>
-          <el-button type="primary" @click="handleTemplate">
-            点击下载<i class="el-icon-download el-icon--right"></i>
-          </el-button>
+          <el-form-item label="有效状态">
+            <el-select class="w100" v-model="query.value" clearable placeholder="有效状态">
+              <el-option label="有效" value="item.value" />
+              <el-option label="作废" value="item.value" />
+            </el-select>
+          </el-form-item>
+
+          <!-- 查询按钮 -->
+          <el-form-item class="el-btn">
+            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button icon="el-icon-delete" @click="searchReset">清 空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <!-- 控件模块 -->
+      <div class="avue-crud__header">
+        <!-- 头部左侧按钮模块 -->
+        <div class="avue-crud__left">
+          <el-button type="primary" icon="Plus" @click="searchChange">新 增</el-button>
+          <el-button type="primary" icon="Delete" @click="searchChange">删 除</el-button>
+          <el-button type="primary" icon="Download" @click="searchChange">导 出</el-button>
+          <el-button type="primary" icon="Upload" @click="searchChange">导 入</el-button>
+        </div>
+        <!-- 头部右侧按钮模块 -->
+        <div class="avue-crud__right">
+          <el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
+          <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+          <el-button icon="Search" @click="searchHide" circle></el-button>
+        </div>
+      </div>
+
+      <!-- 列表模块 -->
+      <tablecmt
+        :columnList="details.columnList"
+        :tableData="data"
+        :loading="loadingObj.list"
+        @inputTxt="inputsc"
+        @timeCheck="timesc"
+        @selectCheck="selectsc"
+        @selection="selectionChange"
+      >
+        <template #default="slotProps">
+          <template v-if="slotProps.scope.column.label === '操作'">
+            <el-text @click="handleAnException(slotProps.scope)"> 删除 </el-text>
+
+            <el-text @click="handleAnException(slotProps.scope)"> 编辑 </el-text>
+
+            <el-text @click="handleAnException(slotProps.scope)"> 查看 </el-text>
+          </template>
         </template>
-      </avue-form>
-    </el-dialog>
+      </tablecmt>
+
+      <!-- 分页模块 -->
+      <div class="flex-c-sb mt20">
+        <div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
+        <!-- 分页模块 -->
+        <el-pagination
+          align="right"
+          background
+          @size-change="sizeChange"
+          @current-change="currentChange"
+          :current-page="page.currentPage"
+          :page-sizes="[30, 50, 80, 120]"
+          :page-size="page.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="page.total"
+        >
+        </el-pagination>
+      </div>
+    </div>
   </basic-container>
+
+  <!-- 列表配置显示 -->
+  <edittablehead
+    @closce="showdrawer"
+    :drawerShow="drawerShow"
+    v-model="details.columnList"
+  ></edittablehead>
 </template>
 
-<script>
+<script setup lang="ts">
+import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
+import functions from '@/utils/functions.js';
+import dayjs from 'dayjs';
+import { mapGetters } from 'vuex';
+/** 获取字典 */
+import { getDictionaryBiz } from '@/api/system/dict';
+import {
+  downloadXls,
+  setNodeHeight,
+  getHtmls,
+  deepClone,
+  handleClearTableQuery,
+  debounce,
+  handleSelectQuery,
+  handleInputQuery,
+  handleTranslationDataSeclect,
+  getObjType,
+} from '@/utils/util';
+import columnList from '@/option/basicdata/basicdataVehicle2.js';
+import { useRouter } from 'vue-router';
+import { ElMessage, ElMessageBox } from 'element-plus';
 import {
   getList,
   getDetail,
@@ -88,1187 +121,274 @@ import {
   getPage,
   getVehicle,
   $_Exportvehicle,
+  getDictionary,
 } from '@/api/basicdata/basicdataVehicle';
 import { getOwn } from '@/api/basicdata/basicdataDriverArtery';
-import option from '@/option/basicdata/basicdataVehicle';
-import { mapGetters } from 'vuex';
-import { exportBlob } from '@/api/common';
-import { getToken } from '@/utils/auth';
-import { downloadXls } from '@/utils/util';
-import { dateNow } from '@/utils/date';
-import NProgress from 'nprogress';
-import 'nprogress/nprogress.css';
-import BasicdataVehicleform from '/src/views/basicdata/vehicle/basicdataVehicleform.vue';
-import { ElMessage } from 'element-plus'
-export default {
-  components: { BasicdataVehicleform },
-  data() {
-    return {
-      excelBox:false,
-      excelForm: {},
-      excelOption: {
-        submitBtn: false,
-        emptyBtn: false,
-        column: [
-          {
-            label: '文件上传',
-            prop: 'excelFile',
-            type: 'upload',
-            drag: true,
-            loadText: '文件上传，请稍等',
-            span: 24,
-            propsHttp: {
-              res: 'data',
-            },
-            tip: '请上传 .xls,.xlsx 标准格式文件',
-            action: '/api/logpm-basicdata/vehicle/import-basicdataVehicle',
-          },
-          {
-            label: '模板下载',
-            prop: 'excelTemplate',
-            formslot: true,
-            span: 24,
-          },
-        ],
-      },
-      form: {},
-      query: {},
-      search: {},
-      loading: true,
-      vehicleformdata: {},
-      dicDatas: [],
-      edit: true, //修改
-      page: {
-        pageSize: 30,
-        currentPage: 1,
-        total: 0,
-      },
-      selectionList: [],
-      option: {
-        height: 'auto',
-        calcHeight: 30,
-        tip: false,
-        searchShow: false,
-        searchMenuSpan: 6,
-        border: true,
-        index: true,
-        viewBtn: false,
-        editBtn: false,
-        selection: true,
-        // 新增按钮不显示
-        // addBtn: false,
-        dialogClickModal: false,
-        column: [
-          {
-            label: '主键',
-            prop: 'id',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '租户号',
-            prop: 'tenantId',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '创建人',
-            prop: 'createUser',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '创建时间',
-            prop: 'createTime',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '更新人',
-            prop: 'updateUser',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '更新时间',
-            prop: 'updateTime',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '状态',
-            prop: 'status',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '是否已删除;1-未删除，2-已删除',
-            prop: 'isDeleted',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '创建部门',
-            prop: 'createDept',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '车牌号',
-            prop: 'vehicleNub',
-            type: 'input',
-            search: true,
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            rules: [{ required: true, message: '请输入车牌号!', trigger: 'blur' }],
-          },
-          //  {
-          //    label: '承运商名称',
-          //    labelWidth: '150',
-          //   // width: 'fit-content',
-          //     width: '100px',
-          //    align: 'center',
-          //    span: 11,
-          //    prop: 'carrierName',
-          //    type: 'input',
-          //    editDisplay: false,
-          //    addDisplay: false,
-          // },
-          {
-            label: '绑定驾驶人',
-            prop: 'vehicleOwners',
-            type: 'select',
-            labelWidth: '150',
-            width: '200px',
-            align: 'center',
-            span: 11,
-            multiple: true,
-            // dicData: [],
-            dicUrl: '/api/logpm-basicdata/vehicle/dictionary',
-            props: {
-              label: 'vehicleNub',
-              value: 'id',
-            },
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '车辆来源',
-            prop: 'vehicleSource',
-            type: 'select',
-            search: true,
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_vehicle_source',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '是否车头',
-            prop: 'isHead',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=isHead_yes_no',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '挂车类型',
-            prop: 'trailerType',
-            type: 'select',
-            search: true,
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_trailer_type',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '车辆类型',
-            prop: 'vehicleModel',
-            type: 'select',
-            search: true,
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_vehicle_model',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '车厢类型',
-            prop: 'carType',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_car_type',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '车长(M)',
-            prop: 'vehicleCommander',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '外廓高',
-            prop: 'vehicleHeight',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '付款方式',
-            prop: 'paymentMethod',
-            type: 'select',
-            search: true,
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            filterable: true,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basicdata_vehicle_paymentmethod',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '核定体积',
-            prop: 'approvedVolume',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车牌颜色',
-            prop: 'licensePlateColor',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_plate_color',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '车身颜色',
-            prop: 'vehicleColor',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_vehicle_color',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '能源类型',
-            prop: 'energyType',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_energy_type',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '车牌类型',
-            prop: 'licensePlateType',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_plate_type',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '备注',
-            prop: 'notes',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          // {
-          //   label: "车辆所属人",
-          //   prop: "vehicleOwner",
-          //   type: "input",
-          //   labelWidth:'150',
-          //   width:"100px",
-          //   align:'center',
-          //   span:11,
-          // },
-          {
-            label: '品牌型号',
-            prop: 'vehicleBrand',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆代号',
-            prop: 'vehicleCode',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '发动机型号',
-            prop: 'engineCode',
-            type: 'input',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆总质量(T)',
-            prop: 'vehicleQuality',
-            type: 'input',
-            labelWidth: '150',
-            width: '120px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '整备质量(T)',
-            prop: 'curbWeight',
-            type: 'input',
-            labelWidth: '150',
-            width: '120px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '载荷质量(T)',
-            prop: 'loadMass',
-            type: 'input',
-            labelWidth: '150',
-            width: '120px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '外廓宽(M)',
-            prop: 'outerWidth',
-            type: 'input',
-            labelWidth: '150',
-            width: '120px',
-            align: 'center',
-            span: 11,
-          },
-          // {
-          //   label: '到期时间',
-          //   prop: 'expirationTime',
-          //   type: 'input',
-          //   labelWidth: '150',
-          //   width: '100px',
-          //   align: 'center',
-          //   span: 11,
-          // },
-            {
-              label: '到期时间',
-              prop: 'expirationTime',
-              type: 'date',
-              format: 'YYYY-MM-DD',
-              valueFormat: 'YYYY-MM-DD',
-              labelWidth: '150',
-              width: '150px',
-              align: 'center',
-              span: 11,
-            },
-          {
-            label: '道路运输证号',
-            prop: 'roadTransport',
-            type: 'input',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '经营许可证号',
-            prop: 'businessLicense',
-            type: 'input',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆所属单位',
-            prop: 'vehicleUnit',
-            type: 'input',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆所属单位电话',
-            prop: 'vehicleUnitPhone',
-            type: 'input',
-            labelWidth: '150',
-            width: '180px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆所属人手机号',
-            prop: 'vehicleOwnerPhone',
-            type: 'input',
-            labelWidth: '150',
-            width: '180px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆所属人身份证号',
-            prop: 'vehicleOwnerCard',
-            type: 'input',
-            labelWidth: '150',
-            width: '180px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '承运商',
-            prop: 'carrierId',
-            type: 'select',
-            labelWidth: '150',
-            width: '100px',
-            align: 'center',
-            search: true,
-            span: 11,
-            filterable: true,
-            dicUrl: '/api/logpm-basicdata/carrier/dictionary',
-            props: {
-              label: 'carrierName',
-              value: 'id',
-            },
-            rules: [{ required: true, message: '请选择承运商!', trigger: 'blur' }],
-          },
-          {
-            label: '车辆年审时间',
-            prop: 'reviewTime',
-            width: '120px',
-            align: 'center',
-            type: 'date',
-            format: 'YYYY-MM-DD',
-            valueFormat: 'YYYY-MM-DD',
-            labelWidth: '150',
-            span: 11,
-          },
-          // {
-          //   label: '车辆年审有效期',
-          //   prop: 'reviewValidity',
-          //   type: 'input',
-          //   labelWidth: '150',
-          //   width: '150px',
-          //   align: 'center',
-          //   span: 11,
-          // },
 
-          {
-            label: '车辆年审有效期',
-            prop: 'reviewValidity',
-            type: 'date',
-            format: 'YYYY-MM-DD',
-            valueFormat: 'YYYY-MM-DD',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆保险开始时间',
-            prop: 'insuranceStartTime',
-            type: 'date',
-            format: 'YYYY-MM-DD',
-            valueFormat: 'YYYY-MM-DD',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '车辆保险结束时间',
-            prop: 'insuranceEndTime',
-            type: 'date',
-            format: 'YYYY-MM-DD',
-            valueFormat: 'YYYY-MM-DD',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '有无车身广告',
-            prop: 'bodyAdvertising',
-            type: 'select',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=bodyAdvertising_yes_no',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: '车身广告更新时间',
-            prop: 'advertisementsNewTimes',
-            type: 'date',
-            format: 'YYYY-MM-DD',
-            valueFormat: 'YYYY-MM-DD',
-            labelWidth: '150',
-            width: '180px',
-            align: 'center',
-            span: 11,
-          },
-          // {
-          //   label: "车辆挂靠公司",
-          //   prop: "vehicleParkingCompany",
-          //   type: "input",
-          //   labelWidth:'150',
-          //   width:"150px",
-          //   align:'center',
-          //   span:11,
-          // },
-          {
-            label: '是否有GPS',
-            prop: 'withGps',
-            type: 'select',
-            labelWidth: '150',
-            width: '150px',
-            align: 'center',
-            span: 11,
-            dicUrl: '/api/blade-system/dict-biz/dictionary?code=yes_no',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-          },
-          {
-            label: 'GPS服务商',
-            prop: 'gpsServiceProvider',
-            type: 'input',
-            labelWidth: '150',
-            width: '120px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: 'GPS型号',
-            prop: 'gpsModel',
-            type: 'input',
-            labelWidth: '150',
-            width: '120px',
-            align: 'center',
-            span: 11,
-          },
-          {
-            label: '行驶证正面照片',
-            prop: 'drivingLicensePhoto',
-            type: 'upload',
-            dataType: 'string',
-            listType: 'picture-img',
-            hide: true,
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '行驶证照片反面',
-            prop: 'drivingLicensePhotoBack',
-            type: 'upload',
-            dataType: 'string',
-            listType: 'picture-img',
-            hide: true,
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '许可证照片',
-            prop: 'licensePhoto',
-            type: 'upload',
-            dataType: 'string',
-            listType: 'picture-img',
-            hide: true,
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '车辆照片(最新)',
-            prop: 'vehiclePhoto',
-            type: 'upload',
-            listType: 'picture-img',
-            dataType: 'string',
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            // limit: 3,
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '车尾照片',
-            prop: 'vehicleRearPhoto',
-            type: 'upload',
-            listType: 'picture-img',
-            dataType: 'string',
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            // limit: 3,
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '道路运输照片',
-            prop: 'roadTransportPhoto',
-            type: 'upload',
-            dataType: 'string',
-            listType: 'picture-img',
-            hide: true,
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '人车合影照片',
-            prop: 'vehiclePeoplePhoto',
-            type: 'upload',
-            dataType: 'string',
-            listType: 'picture-img',
-            hide: true,
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '保险卡照片',
-            prop: 'insuranceCardPhoto',
-            type: 'upload',
-            dataType: 'string',
-            listType: 'picture-img',
-            hide: true,
-            labelWidth: '150',
-            span: 11,
-            multiple: false,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
-          {
-            label: '车俩历史照片',
-            prop: 'historicPhotos',
-            type: 'upload',
-            listType: 'picture-card',
-            dataType: 'string',
-            labelWidth: '150',
-            span: 11,
-            multiple: true,
-            width: '200px',
-            align: 'left',
-            action: '/blade-resource/oss/endpoint/put-file',
-            limit: 3,
-            disabled: true,
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            propsHttp: {
-              res: 'data',
-              url: 'link',
-            },
-          },
+// 获取路由实例
+const $router = useRouter();
 
-          {
-            label: '预留1',
-            prop: 'reserve1',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '预留2',
-            prop: 'reserve2',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '预留3',
-            prop: 'reserve3',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '预留4',
-            prop: 'reserve4',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-          {
-            label: '预留5',
-            prop: 'reserve5',
-            type: 'input',
-            addDisplay: false,
-            editDisplay: false,
-            viewDisplay: false,
-            hide: true,
-          },
-        ],
+const details = reactive<any>({
+  /** 是否开启搜索 */
+  search: true,
+  /** 表格搜索条件 */
+  query: {},
+  /** 时间快捷选择设置 */
+  shortcuts: [
+    {
+      text: '最近一周',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        return [start, end];
       },
-      data: [],
-    };
-  },
-  computed: {
-    ...mapGetters(['permission']),
-    permissionList() {
-      return {
-        // addBtn: this.validData(this.permission.basicdataVehicle_add, false),
-        viewBtn: this.validData(this.permission.basicdataVehicle_view, false),
-        delBtn: this.validData(this.permission.basicdataVehicle_delete, false),
-        editBtn: this.validData(this.permission.basicdataVehicle_edit, false),
-      };
     },
-    ids() {
-      let ids = [];
-      this.selectionList.forEach(ele => {
-        ids.push(ele.id);
-      });
-      return ids.join(',');
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
+      },
     },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
+      },
+    },
+  ],
+  /** 列表 */
+  columnList: deepClone(columnList),
+  /** 列表数据 */
+  data: [{}],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    /** 页面loading */
+    pageLoading: false,
   },
-  methods: {
-    rowSave(row, done, loading) {
-      // if (Array.isArray(row.vehicleOwners) && row.vehicleOwners.length > 0) {
-      //   row.vehicleOwners = row.vehicleOwners.join(",");
-      //   console.log(row.vehicleOwners);
-      // }else{
-      //   row.vehicleOwners=''
-      // }
-      if (Array.isArray(row.vehicleOwners)) {
-        row.vehicleOwners = row.vehicleOwners.join(',');
-        console.log(row.vehicleOwners);
-      }
-      console.log(row.vehicleOwners, '=====1231231');
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    current: 1,
+    size: 30,
+    total: 0,
+  },
+  /** 弹出层显示 */
+  popUpShow: {
+    /** 图片预览 */
+    abnormalVisited: false,
+  },
+  /** 列表Dom节点 */
+  listNode: '',
+  form: {},
+  /** 全屏 */
+  fullscreenObj: {
+    /** 查看 */
+    view: false,
+  },
+});
 
-      console.log('================================================================', row);
-      add(row).then(
-        () => {
-          this.onLoad(this.page);
-          this.$message({
-            type: 'success',
-            message: '操作成功!',
-          });
-          done();
-        },
-        error => {
-          loading();
-          window.console.log(error);
-        }
-      );
-    },
-    editDeline(row) {
-      console.log('触发了编辑');
-      console.log('row>>>>>>>>>>>>>>>', row);
-      console.log('this.dicDatas>>>>>>>>>>>>>>>', this.dicDatas);
-      this.vehicleformdata = row;
-      this.vehicleformdata.view = false;
-      this.edit = false;
-    },
-    viewDeline(row) {
-      console.log('>>>>>>>>>>>>>>>', row);
-      this.vehicleformdata = row;
-      this.vehicleformdata.view = true;
-      console.log('this.vehicleformdata.view>>>>>>>>>>>>>>>', this.vehicleformdata.view);
-      this.edit = false;
-    },
-    returnvehicle(val) {
-      console.log('取消>>>>>', val);
-      this.edit = true;
-    },
-    rowUpdate(row, index, done, loading) {
-      update(row).then(
-        () => {
-          this.onLoad(this.page);
-          this.$message({
-            type: 'success',
-            message: '操作成功!',
-          });
-          done();
-        },
-        error => {
-          loading();
-          console.log(error);
-        }
-      );
-    },
-    rowDel(row) {
-      this.$confirm('确定将选择数据删除?', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      })
-        .then(() => {
-          return remove(row.id);
-        })
-        .then(() => {
-          this.onLoad(this.page);
-          this.$message({
-            type: 'success',
-            message: '操作成功!',
-          });
-        });
-    },
-    /**
-     * 新增车辆
-     */
-    handleAdd() {
-      // 跳转到添加页面
-      this.$router.push('/basicdata/vehicle/basicdtaVehicleAddForm');
-    },
-    handleDelete() {
-      if (this.selectionList.length === 0) {
-        this.$message.warning('请选择至少一条数据');
-        return;
-      }
-      this.$confirm('确定将选择数据删除?', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      })
-        .then(() => {
-          return remove(this.ids);
-        })
-        .then(() => {
-          this.onLoad(this.page);
-          this.$message({
-            type: 'success',
-            message: '操作成功!',
-          });
-          this.$refs.crud.toggleSelection();
-        });
-    },
+const { search, query, shortcuts, stockupDate, data, loadingObj, selectionList, drawerShow, page } =
+  toRefs(details);
 
-    // 导出车辆信息
-    ExportVehicle() {
-      
-      if(!this.selectionList.length){
-        ElMessage({
-        message: '请勾选要导出的数据',
-        type: 'warning',
-        })  
-        return
-      }
+/** vuex */
+const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
 
-      let downloadUrl = `/logpm-basicdata/vehicle/export-basicdataVehicle?${
-        this.website.tokenHeader
-      }=${getToken()}`;
-      let values = {
-        ids:'',
-      }
-      values.ids = this.selectionList.map(item => item.id).join(',');
-      this.$confirm('是否导出数据?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      }).then(() => {
-        this.loading=true
-        NProgress.start();
-        exportBlob(downloadUrl, values).then(res => {
-          downloadXls(res.data, `车辆信息导出${dateNow()}.xlsx`);
-          NProgress.done();
-          this.loading=false
-        }).catch(()=>{
-          this.loading=false
-        });
-      });
-    },
-    // 导入
-    VehicleImport(){
-      this.excelBox=true;// 打开导入弹窗
-    },
-    handleExport() {
-      let downloadUrl = `/blade-basicdataVehicle/basicdataVehicle/export-basicdataVehicle?${
-        this.website.tokenHeader
-      }=${getToken()}`;
-      const {} = this.query;
-      let values = {};
-      this.$confirm('是否导出数据?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      }).then(() => {
-        NProgress.start();
-        exportBlob(downloadUrl, values).then(res => {
-          downloadXls(res.data, `车辆信息表${dateNow()}.xlsx`);
-          NProgress.done();
-        });
-      });
-    },
-    beforeOpen(done, type) {
-      if (['edit', 'view'].includes(type)) {
-        getDetail(this.form.id).then(res => {
-          this.form = res.data.data;
-          console.log('this.form>>>>>>>>>>>>>', this.form);
-        });
+onMounted(() => {
+  const timer = setTimeout(() => {
+    details.listNode = document.querySelector('.maboxhi');
+    details.listNode.style.transition = 'all .5s ease-out';
+    clearTimeout(timer);
+  }, 100);
+});
+
+/** 请求页面数据 */
+const onLoad = debounce(async (page?: any, params = {}) => {
+  try {
+    details.loadingObj.list = true;
+    let _page = details.page;
+    if (page) _page = page;
+    // 获取暂存单列表
+    const res = await getPage({ ..._page, ...details.query, ...params });
+    console.log('res :>> ', res);
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.data = data.records;
+
+    handleTranslationDataSeclect(details.data, details.columnList);
+
+    details.page.total = data.total;
+  } catch (error) {
+  } finally {
+    details.loadingObj.list = false;
+  }
+}, 10);
+
+const handleData = (key, res) => {
+  const { code, data } = res.data;
+  if (code !== 200) return;
+  for (let i = 0; i < details.columnList.length; i++) {
+    const value = details.columnList[i];
+
+    if (value.label === key)
+      return (value.checkarr =
+        getObjType(data) === 'array'
+          ? data.map(val => {
+              val.label = val.dictValue;
+              val.value = val.dictKey;
+              return val;
+            })
+          : []);
+  }
+};
+
+const initData = async () => {
+  await Promise.all([
+    // 车辆来源
+    getDictionaryBiz('basic_vehicle_source').then(res => handleData('车辆来源', res)),
+    // 是否车头
+    getDictionaryBiz('yes_no').then(res => handleData('是否车头', res)),
+    // 挂车类型
+    getDictionaryBiz('basic_trailer_type').then(res => handleData('挂车类型', res)),
+    // 车辆类型
+    getDictionaryBiz('basic_vehicle_model').then(res => handleData('车辆类型', res)),
+    // 车厢类型
+    getDictionaryBiz('basic_car_type').then(res => handleData('车厢类型', res)),
+    // 付款方式
+    getDictionaryBiz('basicdata_vehicle_paymentmethod').then(res => handleData('付款方式', res)),
+    // 车牌颜色
+    getDictionaryBiz('basic_plate_color').then(res => handleData('车牌颜色', res)),
+    // 车身颜色
+    getDictionaryBiz('basic_vehicle_color').then(res => handleData('车身颜色', res)),
+    // 能源类型
+    getDictionaryBiz('basic_energy_type').then(res => handleData('能源类型', res)),
+    // 车牌类型
+    getDictionaryBiz('basic_plate_type').then(res => handleData('车牌类型', res)),
+    // 承运商
+    getDictionary().then(res => {
+      const { code, data } = res.data;
+      if (code !== 200) return;
+      for (let i = 0; i < details.columnList.length; i++) {
+        const value = details.columnList[i];
+
+        if (value.label === '承运商')
+          return (value.checkarr =
+            getObjType(data) === 'array'
+              ? data.map(val => {
+                  val.label = val.carrierName;
+                  val.value = val.id;
+                  return val;
+                })
+              : []);
       }
-      done();
-    },
-            //下载模板
-    handleTemplate() {
-      this.excelBox=true
-      console.log('下载模板！！！');
-      exportBlob(
-        `/api/logpm-basicdata/vehicle/export-vehicleTemplate?${this.website.tokenHeader}=${getToken()}`
-      ).then(res => {
-        this.excelBox=false
-        downloadXls(res.data, '车辆信息导入模板.xlsx');
-        ElMessage({
-        message: '下载成功',
-        type: 'success',
-        })
-      }).catch(()=>{
-        this.excelBox=false
-      });
-    },
-    uploadAfter(res, done, loading, column) {
-      window.console.log(column);
-      this.excelBox = false;
-      this.refreshChange();
-      done();
-    },
-    searchReset() {
-      this.query = {};
-      this.onLoad(this.page);
-    },
-    searchChange(params, done) {
-      this.query = params;
-      this.page.currentPage = 1;
-      this.onLoad(this.page, params);
-      done();
-    },
-    selectionChange(list) {
-      this.selectionList = list;
-    },
-    selectionClear() {
-      this.selectionList = [];
-      this.$refs.crud.toggleSelection();
-    },
-    currentChange(currentPage) {
-      this.page.currentPage = currentPage;
-    },
-    sizeChange(pageSize) {
-      this.page.pageSize = pageSize;
-    },
-    refreshChange() {
-      this.onLoad(this.page, this.query);
-    },
-    onLoad(page, params = {}) {
-      this.loading = true;
+    }),
+    onLoad(),
+  ]);
 
-      const { vehicleNub, vehicleSource, trailerType, vehicleModel, paymentMethod, carrierId } =
-        this.query;
-      let values = {
-        vehicleNub: vehicleNub,
-        vehicleSource: vehicleSource,
-        trailerType: trailerType,
-        vehicleModel: vehicleModel,
-        paymentMethod: paymentMethod,
-        carrierId: carrierId,
-      };
+  await nextTick();
+  handleTranslationDataSeclect(details.data, details.columnList);
+  console.log('details.columnList :>> ', details.columnList);
+};
 
-      getPage(page.currentPage, page.pageSize, values).then(res => {
-        const data = res.data.data;
-        this.page.total = data.total;
-        this.data = data.records;
-        this.option.column[10].dicData = [];
-        this.dicDatas = [];
-        //查询绑定人
-        this.getOwns();
-        this.getOwns();
-        this.loading = false;
-        this.selectionClear();
-      });
-    },
-    //查询绑定人
-    getOwns() {
-      getOwn().then(res => {
-        console.log('res.data.data>>>>>>>', res.data.data);
-        res.data.data.map(v => {
-          let value = {
-            label: v.name,
-            value: v.id,
-          };
-          this.option.column[10].dicData.push(value);
-          this.dicDatas.push(value);
-        });
-      });
-    },
-  },
+initData();
+
+/** 搜索 */
+const searchChange = () => {
+  onLoad(details.page);
+};
+
+/** 清空表单 */
+const searchReset = () => {
+  details.query = {};
+  details.stockupDate = [];
+  details.page.currentPage = 1;
+  handleClearTableQuery(details.columnList);
+  onLoad(details.page);
+};
+
+/** 展开列表控件 */
+const showdrawer = (_flag?: boolean) => {
+  details.drawerShow = _flag;
+};
+
+/** 是否开启搜索区 */
+const searchHide = () => {
+  details.search = !details.search;
+
+  setNodeHeight(details.listNode, '', true);
+};
+
+/** 表格表头输入框搜索 */
+const inputsc = (index, row) => {
+  handleInputQuery(index, row, details.query);
+  onLoad(details.page);
+};
+
+/** 表格表头时间选择 */
+const timesc = (index, row) => {
+  console.log(index, row);
+  if (!!index) {
+    index = dayjs(index).format('YYYY-MM-DD');
+  }
+  details.query[row.prop] = index;
+  if (!index) {
+    delete details.query[row.prop];
+  }
+  onLoad(details.page);
+};
+
+/** 表格表头下拉框选择 */
+const selectsc = (index, row) => {
+  handleSelectQuery(index, row, details.query);
+
+  onLoad(details.page);
+};
+
+/** 表格表头复选框选择 */
+const selectionChange = (list: any) => {
+  details.selectionList = list;
+};
+
+/** 每页数量改变执行的回调 */
+const sizeChange = (size: number) => {
+  details.page.size = size;
+  onLoad(details.page);
+};
+
+/** 页码改变执行的回调 */
+const currentChange = current => {
+  details.page.current = current;
+  onLoad();
 };
 </script>
 
 <style scoped lang="scss">
-:deep(.avue-form__row) {
-  margin-left: 10px;
-  max-width: 250px !important;
+// 日期选择器
+:deep(.el-date-editor.el-input) {
+  height: 100% !important;
+  width: 100% !important;
 }
-:deep(.avue-form__row) {
-  margin-left: 0;
+
+:deep(.el-range-editor.el-input__wrapper) {
+  height: 100% !important;
 }
-:deep(.el-form-item__label) {
-  width: auto !important;
+
+.mt20 {
+  margin-top: 20px;
 }
-:deep(.no-print) {
-  max-width: 120px !important;
-  margin-left: auto;
-  .el-button {
-    margin-right: 0;
-  }
+
+.fwb {
+  font-weight: bold;
 }
 </style>
diff --git a/src/views/basicdata/vehicle/basicdataVehicle1.vue b/src/views/basicdata/vehicle/basicdataVehicle1.vue
new file mode 100644
index 00000000..f883b5a4
--- /dev/null
+++ b/src/views/basicdata/vehicle/basicdataVehicle1.vue
@@ -0,0 +1,1274 @@
+<template>
+  <basic-container>
+    <avue-crud
+      v-if="edit"
+      :option="option"
+      v-model:search="search"
+      v-model:page="page"
+      v-model="form"
+      :table-loading="loading"
+      :data="data"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      ref="crud"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      @row-del="rowDel"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <template #menu-left>
+        <!-- <el-button type="primary" icon="el-icon-plus" plain @click="handleAdd">新 增 </el-button> -->
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          plain
+          v-if="permission.basicdataVehicle_delete"
+          @click="handleDelete"
+          >删 除
+        </el-button>
+        <el-button
+          type="danger"
+          plain
+          @click="ExportVehicle"
+          >导 出
+        </el-button>
+
+        <el-button
+          type="danger"
+          plain
+          @click="VehicleImport"
+          >导 入
+        </el-button>
+        <!--        <el-button type="warning"-->
+        <!--                   plain-->
+        <!--                   icon="el-icon-download"-->
+        <!--                   @click="handleExport">导 出-->
+        <!--        </el-button>-->
+      </template>
+      <template #menu="{ size, row, index }">
+        <el-button type="primary" text icon="el-icon-view" @click="editDeline(row)"
+          >编 辑</el-button
+        >
+        <el-button type="primary" text icon="el-icon-view" @click="viewDeline(row)"
+          >查 看</el-button
+        >
+      </template>
+    </avue-crud>
+    <basicdata-vehicleform
+      @returnvehicle="returnvehicle"
+      :vehicleformdata="vehicleformdata"
+      :dicDatas="dicDatas"
+      v-if="!edit"
+    />
+    <el-dialog title="车辆导入" append-to-body v-model="excelBox" width="555px">
+      <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
+        <template #excelTemplate>
+          <el-button type="primary" @click="handleTemplate">
+            点击下载<i class="el-icon-download el-icon--right"></i>
+          </el-button>
+        </template>
+      </avue-form>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getList,
+  getDetail,
+  add,
+  update,
+  remove,
+  getPage,
+  getVehicle,
+  $_Exportvehicle,
+} from '@/api/basicdata/basicdataVehicle';
+import { getOwn } from '@/api/basicdata/basicdataDriverArtery';
+import option from '@/option/basicdata/basicdataVehicle';
+import { mapGetters } from 'vuex';
+import { exportBlob } from '@/api/common';
+import { getToken } from '@/utils/auth';
+import { downloadXls } from '@/utils/util';
+import { dateNow } from '@/utils/date';
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
+import BasicdataVehicleform from '/src/views/basicdata/vehicle/basicdataVehicleform.vue';
+import { ElMessage } from 'element-plus'
+export default {
+  components: { BasicdataVehicleform },
+  data() {
+    return {
+      excelBox:false,
+      excelForm: {},
+      excelOption: {
+        submitBtn: false,
+        emptyBtn: false,
+        column: [
+          {
+            label: '文件上传',
+            prop: 'excelFile',
+            type: 'upload',
+            drag: true,
+            loadText: '文件上传，请稍等',
+            span: 24,
+            propsHttp: {
+              res: 'data',
+            },
+            tip: '请上传 .xls,.xlsx 标准格式文件',
+            action: '/api/logpm-basicdata/vehicle/import-basicdataVehicle',
+          },
+          {
+            label: '模板下载',
+            prop: 'excelTemplate',
+            formslot: true,
+            span: 24,
+          },
+        ],
+      },
+      form: {},
+      query: {},
+      search: {},
+      loading: true,
+      vehicleformdata: {},
+      dicDatas: [],
+      edit: true, //修改
+      page: {
+        pageSize: 30,
+        currentPage: 1,
+        total: 0,
+      },
+      selectionList: [],
+      option: {
+        height: 'auto',
+        calcHeight: 30,
+        tip: false,
+        searchShow: false,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: false,
+        editBtn: false,
+        selection: true,
+        // 新增按钮不显示
+        // addBtn: false,
+        dialogClickModal: false,
+        column: [
+          {
+            label: '主键',
+            prop: 'id',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '租户号',
+            prop: 'tenantId',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '创建人',
+            prop: 'createUser',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '创建时间',
+            prop: 'createTime',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '更新人',
+            prop: 'updateUser',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '更新时间',
+            prop: 'updateTime',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '状态',
+            prop: 'status',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '是否已删除;1-未删除，2-已删除',
+            prop: 'isDeleted',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '创建部门',
+            prop: 'createDept',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '车牌号',
+            prop: 'vehicleNub',
+            type: 'input',
+            search: true,
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            rules: [{ required: true, message: '请输入车牌号!', trigger: 'blur' }],
+          },
+          //  {
+          //    label: '承运商名称',
+          //    labelWidth: '150',
+          //   // width: 'fit-content',
+          //     width: '100px',
+          //    align: 'center',
+          //    span: 11,
+          //    prop: 'carrierName',
+          //    type: 'input',
+          //    editDisplay: false,
+          //    addDisplay: false,
+          // },
+          {
+            label: '绑定驾驶人',
+            prop: 'vehicleOwners',
+            type: 'select',
+            labelWidth: '150',
+            width: '200px',
+            align: 'center',
+            span: 11,
+            multiple: true,
+            // dicData: [],
+            dicUrl: '/api/logpm-basicdata/vehicle/dictionary',
+            props: {
+              label: 'vehicleNub',
+              value: 'id',
+            },
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '车辆来源',
+            prop: 'vehicleSource',
+            type: 'select',
+            search: true,
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_vehicle_source',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '是否车头',
+            prop: 'isHead',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=isHead_yes_no',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '挂车类型',
+            prop: 'trailerType',
+            type: 'select',
+            search: true,
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_trailer_type',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '车辆类型',
+            prop: 'vehicleModel',
+            type: 'select',
+            search: true,
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_vehicle_model',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '车厢类型',
+            prop: 'carType',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_car_type',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '车长(M)',
+            prop: 'vehicleCommander',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '外廓高',
+            prop: 'vehicleHeight',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '付款方式',
+            prop: 'paymentMethod',
+            type: 'select',
+            search: true,
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            filterable: true,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basicdata_vehicle_paymentmethod',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '核定体积',
+            prop: 'approvedVolume',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车牌颜色',
+            prop: 'licensePlateColor',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_plate_color',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '车身颜色',
+            prop: 'vehicleColor',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_vehicle_color',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '能源类型',
+            prop: 'energyType',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_energy_type',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '车牌类型',
+            prop: 'licensePlateType',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_plate_type',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '备注',
+            prop: 'notes',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          // {
+          //   label: "车辆所属人",
+          //   prop: "vehicleOwner",
+          //   type: "input",
+          //   labelWidth:'150',
+          //   width:"100px",
+          //   align:'center',
+          //   span:11,
+          // },
+          {
+            label: '品牌型号',
+            prop: 'vehicleBrand',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆代号',
+            prop: 'vehicleCode',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '发动机型号',
+            prop: 'engineCode',
+            type: 'input',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆总质量(T)',
+            prop: 'vehicleQuality',
+            type: 'input',
+            labelWidth: '150',
+            width: '120px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '整备质量(T)',
+            prop: 'curbWeight',
+            type: 'input',
+            labelWidth: '150',
+            width: '120px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '载荷质量(T)',
+            prop: 'loadMass',
+            type: 'input',
+            labelWidth: '150',
+            width: '120px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '外廓宽(M)',
+            prop: 'outerWidth',
+            type: 'input',
+            labelWidth: '150',
+            width: '120px',
+            align: 'center',
+            span: 11,
+          },
+          // {
+          //   label: '到期时间',
+          //   prop: 'expirationTime',
+          //   type: 'input',
+          //   labelWidth: '150',
+          //   width: '100px',
+          //   align: 'center',
+          //   span: 11,
+          // },
+            {
+              label: '到期时间',
+              prop: 'expirationTime',
+              type: 'date',
+              format: 'YYYY-MM-DD',
+              valueFormat: 'YYYY-MM-DD',
+              labelWidth: '150',
+              width: '150px',
+              align: 'center',
+              span: 11,
+            },
+          {
+            label: '道路运输证号',
+            prop: 'roadTransport',
+            type: 'input',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '经营许可证号',
+            prop: 'businessLicense',
+            type: 'input',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆所属单位',
+            prop: 'vehicleUnit',
+            type: 'input',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆所属单位电话',
+            prop: 'vehicleUnitPhone',
+            type: 'input',
+            labelWidth: '150',
+            width: '180px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆所属人手机号',
+            prop: 'vehicleOwnerPhone',
+            type: 'input',
+            labelWidth: '150',
+            width: '180px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆所属人身份证号',
+            prop: 'vehicleOwnerCard',
+            type: 'input',
+            labelWidth: '150',
+            width: '180px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '承运商',
+            prop: 'carrierId',
+            type: 'select',
+            labelWidth: '150',
+            width: '100px',
+            align: 'center',
+            search: true,
+            span: 11,
+            filterable: true,
+            dicUrl: '/api/logpm-basicdata/carrier/dictionary',
+            props: {
+              label: 'carrierName',
+              value: 'id',
+            },
+            rules: [{ required: true, message: '请选择承运商!', trigger: 'blur' }],
+          },
+          {
+            label: '车辆年审时间',
+            prop: 'reviewTime',
+            width: '120px',
+            align: 'center',
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            labelWidth: '150',
+            span: 11,
+          },
+          // {
+          //   label: '车辆年审有效期',
+          //   prop: 'reviewValidity',
+          //   type: 'input',
+          //   labelWidth: '150',
+          //   width: '150px',
+          //   align: 'center',
+          //   span: 11,
+          // },
+
+          {
+            label: '车辆年审有效期',
+            prop: 'reviewValidity',
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆保险开始时间',
+            prop: 'insuranceStartTime',
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '车辆保险结束时间',
+            prop: 'insuranceEndTime',
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '有无车身广告',
+            prop: 'bodyAdvertising',
+            type: 'select',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=bodyAdvertising_yes_no',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: '车身广告更新时间',
+            prop: 'advertisementsNewTimes',
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            labelWidth: '150',
+            width: '180px',
+            align: 'center',
+            span: 11,
+          },
+          // {
+          //   label: "车辆挂靠公司",
+          //   prop: "vehicleParkingCompany",
+          //   type: "input",
+          //   labelWidth:'150',
+          //   width:"150px",
+          //   align:'center',
+          //   span:11,
+          // },
+          {
+            label: '是否有GPS',
+            prop: 'withGps',
+            type: 'select',
+            labelWidth: '150',
+            width: '150px',
+            align: 'center',
+            span: 11,
+            dicUrl: '/api/blade-system/dict-biz/dictionary?code=yes_no',
+            props: {
+              label: 'dictValue',
+              value: 'dictKey',
+            },
+          },
+          {
+            label: 'GPS服务商',
+            prop: 'gpsServiceProvider',
+            type: 'input',
+            labelWidth: '150',
+            width: '120px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: 'GPS型号',
+            prop: 'gpsModel',
+            type: 'input',
+            labelWidth: '150',
+            width: '120px',
+            align: 'center',
+            span: 11,
+          },
+          {
+            label: '行驶证正面照片',
+            prop: 'drivingLicensePhoto',
+            type: 'upload',
+            dataType: 'string',
+            listType: 'picture-img',
+            hide: true,
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '行驶证照片反面',
+            prop: 'drivingLicensePhotoBack',
+            type: 'upload',
+            dataType: 'string',
+            listType: 'picture-img',
+            hide: true,
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '许可证照片',
+            prop: 'licensePhoto',
+            type: 'upload',
+            dataType: 'string',
+            listType: 'picture-img',
+            hide: true,
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '车辆照片(最新)',
+            prop: 'vehiclePhoto',
+            type: 'upload',
+            listType: 'picture-img',
+            dataType: 'string',
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            // limit: 3,
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '车尾照片',
+            prop: 'vehicleRearPhoto',
+            type: 'upload',
+            listType: 'picture-img',
+            dataType: 'string',
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            // limit: 3,
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '道路运输照片',
+            prop: 'roadTransportPhoto',
+            type: 'upload',
+            dataType: 'string',
+            listType: 'picture-img',
+            hide: true,
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '人车合影照片',
+            prop: 'vehiclePeoplePhoto',
+            type: 'upload',
+            dataType: 'string',
+            listType: 'picture-img',
+            hide: true,
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '保险卡照片',
+            prop: 'insuranceCardPhoto',
+            type: 'upload',
+            dataType: 'string',
+            listType: 'picture-img',
+            hide: true,
+            labelWidth: '150',
+            span: 11,
+            multiple: false,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+          {
+            label: '车俩历史照片',
+            prop: 'historicPhotos',
+            type: 'upload',
+            listType: 'picture-card',
+            dataType: 'string',
+            labelWidth: '150',
+            span: 11,
+            multiple: true,
+            width: '200px',
+            align: 'left',
+            action: '/blade-resource/oss/endpoint/put-file',
+            limit: 3,
+            disabled: true,
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            propsHttp: {
+              res: 'data',
+              url: 'link',
+            },
+          },
+
+          {
+            label: '预留1',
+            prop: 'reserve1',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '预留2',
+            prop: 'reserve2',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '预留3',
+            prop: 'reserve3',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '预留4',
+            prop: 'reserve4',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+          {
+            label: '预留5',
+            prop: 'reserve5',
+            type: 'input',
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            hide: true,
+          },
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        // addBtn: this.validData(this.permission.basicdataVehicle_add, false),
+        viewBtn: this.validData(this.permission.basicdataVehicle_view, false),
+        delBtn: this.validData(this.permission.basicdataVehicle_delete, false),
+        editBtn: this.validData(this.permission.basicdataVehicle_edit, false),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(',');
+    },
+  },
+  methods: {
+    rowSave(row, done, loading) {
+      // if (Array.isArray(row.vehicleOwners) && row.vehicleOwners.length > 0) {
+      //   row.vehicleOwners = row.vehicleOwners.join(",");
+      //   console.log(row.vehicleOwners);
+      // }else{
+      //   row.vehicleOwners=''
+      // }
+      if (Array.isArray(row.vehicleOwners)) {
+        row.vehicleOwners = row.vehicleOwners.join(',');
+        console.log(row.vehicleOwners);
+      }
+      console.log(row.vehicleOwners, '=====1231231');
+
+      console.log('================================================================', row);
+      add(row).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          done();
+        },
+        error => {
+          loading();
+          window.console.log(error);
+        }
+      );
+    },
+    editDeline(row) {
+      console.log('触发了编辑');
+      console.log('row>>>>>>>>>>>>>>>', row);
+      console.log('this.dicDatas>>>>>>>>>>>>>>>', this.dicDatas);
+      this.vehicleformdata = row;
+      this.vehicleformdata.view = false;
+      this.edit = false;
+    },
+    viewDeline(row) {
+      console.log('>>>>>>>>>>>>>>>', row);
+      this.vehicleformdata = row;
+      this.vehicleformdata.view = true;
+      console.log('this.vehicleformdata.view>>>>>>>>>>>>>>>', this.vehicleformdata.view);
+      this.edit = false;
+    },
+    returnvehicle(val) {
+      console.log('取消>>>>>', val);
+      this.edit = true;
+    },
+    rowUpdate(row, index, done, loading) {
+      update(row).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          done();
+        },
+        error => {
+          loading();
+          console.log(error);
+        }
+      );
+    },
+    rowDel(row) {
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return remove(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    /**
+     * 新增车辆
+     */
+    handleAdd() {
+      // 跳转到添加页面
+      this.$router.push('/basicdata/vehicle/basicdtaVehicleAddForm');
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return remove(this.ids);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          this.$refs.crud.toggleSelection();
+        });
+    },
+
+    // 导出车辆信息
+    ExportVehicle() {
+      
+      if(!this.selectionList.length){
+        ElMessage({
+        message: '请勾选要导出的数据',
+        type: 'warning',
+        })  
+        return
+      }
+
+      let downloadUrl = `/logpm-basicdata/vehicle/export-basicdataVehicle?${
+        this.website.tokenHeader
+      }=${getToken()}`;
+      let values = {
+        ids:'',
+      }
+      values.ids = this.selectionList.map(item => item.id).join(',');
+      this.$confirm('是否导出数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        this.loading=true
+        NProgress.start();
+        exportBlob(downloadUrl, values).then(res => {
+          downloadXls(res.data, `车辆信息导出${dateNow()}.xlsx`);
+          NProgress.done();
+          this.loading=false
+        }).catch(()=>{
+          this.loading=false
+        });
+      });
+    },
+    // 导入
+    VehicleImport(){
+      this.excelBox=true;// 打开导入弹窗
+    },
+    handleExport() {
+      let downloadUrl = `/blade-basicdataVehicle/basicdataVehicle/export-basicdataVehicle?${
+        this.website.tokenHeader
+      }=${getToken()}`;
+      const {} = this.query;
+      let values = {};
+      this.$confirm('是否导出数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        NProgress.start();
+        exportBlob(downloadUrl, values).then(res => {
+          downloadXls(res.data, `车辆信息表${dateNow()}.xlsx`);
+          NProgress.done();
+        });
+      });
+    },
+    beforeOpen(done, type) {
+      if (['edit', 'view'].includes(type)) {
+        getDetail(this.form.id).then(res => {
+          this.form = res.data.data;
+          console.log('this.form>>>>>>>>>>>>>', this.form);
+        });
+      }
+      done();
+    },
+            //下载模板
+    handleTemplate() {
+      this.excelBox=true
+      console.log('下载模板！！！');
+      exportBlob(
+        `/api/logpm-basicdata/vehicle/export-vehicleTemplate?${this.website.tokenHeader}=${getToken()}`
+      ).then(res => {
+        this.excelBox=false
+        downloadXls(res.data, '车辆信息导入模板.xlsx');
+        ElMessage({
+        message: '下载成功',
+        type: 'success',
+        })
+      }).catch(()=>{
+        this.excelBox=false
+      });
+    },
+    uploadAfter(res, done, loading, column) {
+      window.console.log(column);
+      this.excelBox = false;
+      this.refreshChange();
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+
+      const { vehicleNub, vehicleSource, trailerType, vehicleModel, paymentMethod, carrierId } =
+        this.query;
+      let values = {
+        vehicleNub: vehicleNub,
+        vehicleSource: vehicleSource,
+        trailerType: trailerType,
+        vehicleModel: vehicleModel,
+        paymentMethod: paymentMethod,
+        carrierId: carrierId,
+      };
+
+      getPage(page.currentPage, page.pageSize, values).then(res => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.option.column[10].dicData = [];
+        this.dicDatas = [];
+        //查询绑定人
+        this.getOwns();
+        this.getOwns();
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+    //查询绑定人
+    getOwns() {
+      getOwn().then(res => {
+        console.log('res.data.data>>>>>>>', res.data.data);
+        res.data.data.map(v => {
+          let value = {
+            label: v.name,
+            value: v.id,
+          };
+          this.option.column[10].dicData.push(value);
+          this.dicDatas.push(value);
+        });
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+:deep(.avue-form__row) {
+  margin-left: 10px;
+  max-width: 250px !important;
+}
+:deep(.avue-form__row) {
+  margin-left: 0;
+}
+:deep(.el-form-item__label) {
+  width: auto !important;
+}
+:deep(.no-print) {
+  max-width: 120px !important;
+  margin-left: auto;
+  .el-button {
+    margin-right: 0;
+  }
+}
+</style>
diff --git a/src/views/basicdata/vehicle/basicdataVehicle2.vue b/src/views/basicdata/vehicle/basicdataVehicle2.vue
deleted file mode 100644
index 2df02119..00000000
--- a/src/views/basicdata/vehicle/basicdataVehicle2.vue
+++ /dev/null
@@ -1,372 +0,0 @@
-<template>
-  <basic-container v-loading="details.loadingObj.pageLoading">
-    <div class="avue-crud">
-      <!-- 搜索模块 -->
-      <div v-h5uShow="!search">
-        <!-- 查询模块 -->
-        <el-form :inline="true" :model="query" class="header_search">
-          <el-form-item label="有效状态">
-            <el-select class="w100" v-model="query.value" clearable placeholder="有效状态">
-              <el-option label="有效" value="item.value" />
-              <el-option label="作废" value="item.value" />
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="运单号:" class="el-times">
-            <el-input v-model="query.stockupArea" clearable placeholder="请输入运单号"></el-input>
-          </el-form-item>
-          <el-form-item label="制单时间:" class="el-times">
-            <el-date-picker
-              v-model="stockupDate"
-              type="daterange"
-              unlink-panels
-              range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              clearable
-            />
-          </el-form-item>
-
-          <el-form-item label="创建时间:" class="el-times">
-            <el-date-picker
-              v-model="stockupDate"
-              type="daterange"
-              unlink-panels
-              range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              clearable
-            />
-          </el-form-item>
-
-          <el-form-item label="送货时间:" class="el-times">
-            <el-date-picker
-              v-model="stockupDate"
-              type="daterange"
-              unlink-panels
-              range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              clearable
-            />
-          </el-form-item>
-
-          <el-form-item label="签收时间:" class="el-times">
-            <el-date-picker
-              v-model="stockupDate"
-              type="daterange"
-              unlink-panels
-              range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              clearable
-            />
-          </el-form-item>
-          <!-- 查询按钮 -->
-          <el-form-item class="el-btn">
-            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
-            <el-button icon="el-icon-delete" @click="searchReset">清 空</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-
-      <!-- 控件模块 -->
-      <div class="avue-crud__header">
-        <!-- 头部左侧按钮模块 -->
-        <div class="avue-crud__left"></div>
-        <!-- 头部右侧按钮模块 -->
-        <div class="avue-crud__right">
-          <el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
-          <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
-          <el-button icon="Search" @click="searchHide" circle></el-button>
-        </div>
-      </div>
-
-      <!-- 列表模块 -->
-      <tablecmt
-        :columnList="details.columnList"
-        :tableData="data"
-        :loading="loadingObj.list"
-        @inputTxt="inputsc"
-        @timeCheck="timesc"
-        @selectCheck="selectsc"
-        @selection="selectionChange"
-      >
-        <template #default="slotProps">
-          <template v-if="slotProps.scope.column.label === '操作'">
-            <el-text
-              v-if="Number(slotProps.scope.row.abnormalStatus) === 0"
-              @click="handleAnException(slotProps.scope)"
-            >
-              处理
-            </el-text>
-          </template>
-        </template>
-      </tablecmt>
-
-      <!-- 分页模块 -->
-      <div class="flex-c-sb">
-        <div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
-        <!-- 分页模块 -->
-        <el-pagination
-          align="right"
-          background
-          @size-change="sizeChange"
-          @current-change="currentChange"
-          :current-page="page.currentPage"
-          :page-sizes="[30, 50, 80, 120]"
-          :page-size="page.pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="page.total"
-        >
-        </el-pagination>
-      </div>
-    </div>
-  </basic-container>
-
-  <!-- 列表配置显示 -->
-  <edittablehead
-    @closce="showdrawer"
-    :drawerShow="drawerShow"
-    v-model="details.columnList"
-  ></edittablehead>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
-import functions from '@/utils/functions.js';
-import dayjs from 'dayjs';
-import { mapGetters } from 'vuex';
-/** 获取字典 */
-import { getDictionaryBiz } from '@/api/system/dict';
-import {
-  downloadXls,
-  setNodeHeight,
-  getHtmls,
-  deepClone,
-  handleClearTableQuery,
-  debounce,
-  handleSelectQuery,
-  handleInputQuery,
-} from '@/utils/util';
-import { columnList } from '@/option/distribution/abnormalList';
-import { useRouter } from 'vue-router';
-import { ElMessage, ElMessageBox } from 'element-plus';
-
-// 获取路由实例
-const $router = useRouter();
-
-const details = reactive<any>({
-  /** 是否开启搜索 */
-  search: true,
-  /** 表格搜索条件 */
-  query: {},
-  /** 时间快捷选择设置 */
-  shortcuts: [
-    {
-      text: '最近一周',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-        return [start, end];
-      },
-    },
-    {
-      text: '最近一个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-        return [start, end];
-      },
-    },
-    {
-      text: '最近三个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-        return [start, end];
-      },
-    },
-  ],
-  /** 列表 */
-  columnList: deepClone(columnList),
-  /** 列表数据 */
-  data: [{}],
-  /** 页面loading */
-  loadingObj: {
-    /** 列表加载loading */
-    list: false,
-    /** 页面loading */
-    pageLoading: false,
-  },
-  /** 列表复选框选中的数据 */
-  selectionList: [],
-  /** 是否显示设置表格 */
-  drawerShow: false,
-  /** 分页参数 */
-  page: {
-    pageNum: 1,
-    pageSize: 30,
-    total: 0,
-  },
-  /** 弹出层显示 */
-  popUpShow: {
-    /** 图片预览 */
-    abnormalVisited: false,
-  },
-  /** 列表Dom节点 */
-  listNode: '',
-  form: {},
-  /** 全屏 */
-  fullscreenObj: {
-    /** 查看 */
-    view: false,
-  },
-});
-
-const { search, query, shortcuts, stockupDate, data, loadingObj, selectionList, drawerShow, page } =
-  toRefs(details);
-
-/** vuex */
-const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
-
-onMounted(() => {
-  const timer = setTimeout(() => {
-    details.listNode = document.querySelector('.maboxhi');
-    details.listNode.style.transition = 'all .5s ease-out';
-    clearTimeout(timer);
-  }, 100);
-});
-
-/** 请求页面数据 */
-const onLoad = debounce(async (page?: any, params = {}) => {
-  try {
-    details.loadingObj.list = true;
-    let _page = details.page;
-    if (page) _page = page;
-    // 获取暂存单列表
-    const res = await postFindPageList({ ..._page, ...details.query, ...params });
-    console.log('res :>> ', res);
-    const { code, data } = res.data;
-    if (code !== 200) return;
-    details.data = data.records;
-
-    const valueArr = details.columnList.filter(val => val.type === 3);
-
-    for (let i = 0; i < details.data.length; i++) {
-      const value = details.data[i];
-
-      for (let index = 0; index < valueArr.length; index++) {
-        const item = valueArr[index];
-        const label = item.prop.replace('Name', '');
-        value[item.prop] =
-          (item.checkarr.find(val => Number(val.value) === Number(value[label])) || {}).label ||
-          value[label];
-      }
-    }
-
-    details.page.total = data.total;
-  } catch (error) {
-  } finally {
-    details.loadingObj.list = false;
-  }
-}, 10);
-
-onLoad();
-
-/** 搜索 */
-const searchChange = () => {
-  onLoad(details.page);
-};
-
-/** 清空表单 */
-const searchReset = () => {
-  details.query = {};
-  details.stockupDate = [];
-  details.page.currentPage = 1;
-  handleClearTableQuery(details.columnList);
-  onLoad(details.page);
-};
-
-/** 展开列表控件 */
-const showdrawer = (_flag?: boolean) => {
-  details.drawerShow = _flag;
-};
-
-/** 是否开启搜索区 */
-const searchHide = () => {
-  details.search = !details.search;
-
-  setNodeHeight(details.listNode, '', true);
-};
-
-/** 表格表头输入框搜索 */
-const inputsc = (index, row) => {
-  handleInputQuery(index, row, details.query);
-  onLoad(details.page);
-};
-
-/** 表格表头时间选择 */
-const timesc = (index, row) => {
-  console.log(index, row);
-  if (!!index) {
-    index = dayjs(index).format('YYYY-MM-DD');
-  }
-  details.query[row.prop] = index;
-  if (!index) {
-    delete details.query[row.prop];
-  }
-  onLoad(details.page);
-};
-
-/** 表格表头下拉框选择 */
-const selectsc = (index, row) => {
-  handleSelectQuery(index, row, details.query);
-
-  onLoad(details.page);
-};
-
-/** 表格表头复选框选择 */
-const selectionChange = (list: any) => {
-  details.selectionList = list;
-};
-
-/** 每页数量改变执行的回调 */
-const sizeChange = (pageSize: number) => {
-  details.page.pageSize = pageSize;
-  onLoad(details.page);
-};
-
-/** 页码改变执行的回调 */
-const currentChange = current => {
-  details.page.pageNum = current;
-  onLoad();
-};
-</script>
-
-<style scoped lang="scss">
-// 日期选择器
-:deep(.el-date-editor.el-input) {
-  height: 100% !important;
-  width: 100% !important;
-}
-
-:deep(.el-range-editor.el-input__wrapper) {
-  height: 100% !important;
-}
-
-.mt20 {
-  margin-top: 20px;
-}
-
-.fwb {
-  font-weight: bold;
-}
-</style>
diff --git a/src/views/basicdata/vehicle/basicdataVehicleAddForm.vue b/src/views/basicdata/vehicle/basicdataVehicleAddForm.vue
new file mode 100644
index 00000000..99344c22
--- /dev/null
+++ b/src/views/basicdata/vehicle/basicdataVehicleAddForm.vue
@@ -0,0 +1,416 @@
+<template>
+  <basic-container>
+    <div class="main">
+      <!-- 车辆基本信息 -->
+      <div class="pageTitle">
+        <div>车辆基本信息</div>
+      </div>
+
+      <el-form inline class="mt20 pl20">
+        <el-form-item
+          v-for="item in details.carBasicForm"
+          :label="item.label"
+          label-width="160px"
+          :class="item.type !== 5 ? 'w20' : 'w100'"
+        >
+          <!-- 普通输入框 -->
+          <template v-if="item.type === 1">
+            <el-input
+              class="w100"
+              :placeholder="`请输入${item.label}`"
+              v-model="details.form[item.prop]"
+              clearable
+            ></el-input>
+          </template>
+
+          <!-- 数字输入框 -->
+          <template v-else-if="item.type === 2">
+            <el-input-number
+              :controls="false"
+              v-model="details.form[item.prop]"
+              :placeholder="`请输入${item.label}`"
+              :min="item.min || 0"
+              :value-on-clear="0"
+              class="w100"
+            ></el-input-number>
+          </template>
+
+          <!-- 下拉框 -->
+          <template v-else-if="item.type === 3">
+            <el-select
+              v-model="details.form[item.prop]"
+              :placeholder="`请选择${item.label}`"
+              class="w100"
+              clearable
+            >
+              <el-option
+                v-for="val in item.checkarr"
+                :key="val.value"
+                :label="val.label"
+                :value="val.value"
+              />
+            </el-select>
+          </template>
+
+          <!-- 时间选择 -->
+          <template v-else-if="item.type === 4">
+            <el-date-picker
+              v-model="details.form[item.prop]"
+              type="date"
+              :placeholder="`请选择${item.label}`"
+              class="w100"
+              :default-value="new Date()"
+              clearable
+            />
+          </template>
+
+          <template v-else-if="item.type === 5">
+            <el-input
+              type="textarea"
+              v-model="details.form[item.prop]"
+              clearable
+              :placeholder="`请选择${item.label}`"
+              class="w100"
+            />
+          </template>
+        </el-form-item>
+      </el-form>
+
+      <!-- 相关图片 -->
+      <div class="pageTitle">
+        <div>相关图片</div>
+      </div>
+
+      <div class="mt20 pl20 imgContainer">
+        <div>
+          <div class="title">123123</div>
+        </div>
+      </div>
+    </div>
+  </basic-container>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+
+const details = reactive({
+  carBasicForm: [
+    {
+      label: '车牌号',
+      prop: 'vehicleNub',
+      type: 2,
+      checkarr: [],
+    },
+    {
+      label: '车辆来源',
+      prop: 'vehicleSource',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '是否车头',
+      prop: 'isHead',
+      type: 3,
+      checkarr: [
+        {
+          label: '是',
+          value: '1',
+        },
+        {
+          label: '否',
+          value: '0',
+        },
+      ],
+    },
+    {
+      label: '挂车类型',
+      prop: 'trailerType',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车辆类型',
+      prop: 'vehicleModel',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车厢类型',
+      prop: 'carType',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车长(M)',
+      prop: 'vehicleCommander',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '外廓高(M)',
+      prop: 'vehicleHeight',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '付款方式',
+      prop: 'paymentMethod',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '核定体积',
+      prop: 'approvedVolume',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '车牌颜色',
+      prop: 'licensePlateColor',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车身颜色',
+      prop: 'vehicleColor',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '能源类型',
+      prop: 'energyType',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车牌类型',
+      prop: 'licensePlateType',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '品牌型号',
+      prop: 'vehicleBrand',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车辆代号',
+      prop: 'vehicleCode',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '发动机型号',
+      prop: 'engineCode',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '车辆总质量(T)',
+      prop: 'vehicleQuality',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '整备质量(T)',
+      prop: 'curbWeight',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '载荷质量(T)',
+      prop: 'loadMass',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '外廓宽(M)',
+      prop: 'outerWidth',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '到期时间',
+      prop: 'expirationTime',
+      type: 4,
+      checkarr: [],
+    },
+    {
+      label: '道路运输证号',
+      prop: 'roadTransport',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '经营许可证号',
+      prop: 'businessLicense',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '车辆所属单位',
+      prop: 'vehicleUnit',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '车辆所属单位电话',
+      prop: 'vehicleUnitPhone',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '车辆所属人手机号',
+      prop: 'vehicleOwnerPhone',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '车辆所属人身份证号',
+      prop: 'vehicleOwnerCard',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '承运商',
+      prop: 'carrierId',
+      type: 3,
+      checkarr: [],
+    },
+    {
+      label: '车辆年审时间',
+      prop: 'reviewTime',
+      type: 4,
+      checkarr: [],
+    },
+    {
+      label: '车辆年审有效期',
+      prop: 'reviewValidity',
+      type: 4,
+      checkarr: [],
+    },
+    {
+      label: '车辆保险开始时间',
+      prop: 'insuranceStartTime',
+      type: 4,
+      checkarr: [],
+    },
+    {
+      label: '车辆保险结束时间',
+      prop: 'insuranceEndTime',
+      type: 4,
+      checkarr: [],
+    },
+    {
+      label: '有无车身广告',
+      prop: 'bodyAdvertising',
+      type: 3,
+      checkarr: [
+        {
+          label: '是',
+          value: '1',
+        },
+        {
+          label: '否',
+          value: '0',
+        },
+      ],
+    },
+    {
+      label: '车身广告更新时间',
+      prop: 'advertisementsNewTimes',
+      type: 4,
+      checkarr: [],
+    },
+    {
+      label: '是否有GPS',
+      prop: 'withGps',
+      type: 3,
+      checkarr: [
+        {
+          label: '是',
+          value: '1',
+        },
+        {
+          label: '否',
+          value: '0',
+        },
+      ],
+    },
+    {
+      label: 'GPS服务商',
+      prop: 'gpsServiceProvider',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: 'GPS型号',
+      prop: 'gpsModel',
+      type: 1,
+      checkarr: [],
+    },
+    {
+      label: '备注',
+      prop: 'notes',
+      type: 5,
+      checkarr: [],
+    },
+  ],
+  imgArr: [
+    { label: '行驶证正面照片' },
+    { label: '行驶证反面照片' },
+    { label: '许可证照片' },
+    { label: '车辆照片(最新)' },
+    { label: '车尾照片' },
+    { label: '道理运输照片' },
+    { label: '人车合影照片' },
+    { label: '保险卡照片' },
+  ],
+  form: {},
+});
+</script>
+
+<style lang="scss" scoped>
+.main {
+  padding: 20px;
+}
+
+.pl20 {
+  padding-left: 20px;
+}
+
+.pageTitle {
+  font-size: 18px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+
+  &::before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    width: 4px;
+    background: #d3832a;
+    height: 18px;
+    margin-right: 10px;
+  }
+}
+
+.imgContainer {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.w20 {
+  width: 22%;
+}
+
+.w100 {
+  width: 100% !important;
+}
+
+:deep(.el-input__inner) {
+  text-align: left;
+}
+</style>
diff --git a/src/views/basicdata/vehicle/basicdtaVehicleAddForm.vue b/src/views/basicdata/vehicle/basicdtaVehicleAddForm.vue
deleted file mode 100644
index c1e84fed..00000000
--- a/src/views/basicdata/vehicle/basicdtaVehicleAddForm.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <basic-container>
-    <div class="pageTitle">
-      <div>车辆基本信息</div>
-    </div>
-  </basic-container>
-</template>
-
-<script setup lang="ts"></script>
-
-<style lang="scss" scoped></style>
diff --git a/src/views/distribution/inventory/BookingNote.vue b/src/views/distribution/inventory/BookingNote.vue
index fef42c5e..3a43bbbf 100644
--- a/src/views/distribution/inventory/BookingNote.vue
+++ b/src/views/distribution/inventory/BookingNote.vue
@@ -882,7 +882,7 @@
             <div class="table-row">
               <el-form-item label="备注:" class="el-times">
                 <el-input
-                  v-model="pageInfo.remark"
+                  v-model="query.remark"
                   type="textarea"
                   readonly
                   placeholder="备注"