diff --git a/src/request/mechanical_files.js b/src/request/mechanical_files.js
index ddfcb89..80acaf5 100644
--- a/src/request/mechanical_files.js
+++ b/src/request/mechanical_files.js
@@ -55,15 +55,26 @@ export const setBeidouEdit2 = (params) => post("/beidou/edit2", params); // 维
 export const getTrailerListCompass = (params) =>
   post("/beidou/vehicleList", params);
 
-export const getTankTruckInspectionList = (params) => post("/tankTruckInspection/list", params); // 罐检项配置列表
-export const getTankTruckInspectionListAll = (params) => post("/tankTruckInspection/tankTruckInspectionListAll", params); // 罐检项配置不分页列表
-export const getTankTruckInspectionView = (params) => post("/tankTruckInspection/goEdit", params); // 罐检项配置查看
-export const setTankTruckInspectionAdd = (params) => post("/tankTruckInspection/add", params); // 罐检项配置新增
-export const setTankTruckInspectionEdit = (params) => post("/tankTruckInspection/edit", params); // 罐检项配置修改
-export const setTankTruckInspectionDelete = (params) => post("/tankTruckInspection/delete", params); // 罐检项配置删除
+export const getTankTruckInspectionList = (params) =>
+  post("/tankTruckInspection/list", params); // 罐检项配置列表
+export const getTankTruckInspectionListAll = (params) =>
+  post("/tankTruckInspection/tankTruckInspectionListAll", params); // 罐检项配置不分页列表
+export const getTankTruckInspectionView = (params) =>
+  post("/tankTruckInspection/goEdit", params); // 罐检项配置查看
+export const setTankTruckInspectionAdd = (params) =>
+  post("/tankTruckInspection/add", params); // 罐检项配置新增
+export const setTankTruckInspectionEdit = (params) =>
+  post("/tankTruckInspection/edit", params); // 罐检项配置修改
+export const setTankTruckInspectionDelete = (params) =>
+  post("/tankTruckInspection/delete", params); // 罐检项配置删除
 
-export const getTankTruckInspectionRecordList = (params) => post("/tankTruckInspectionRecord/list", params); // 罐检项检查列表
-export const getTankTruckInspectionRecordView = (params) => post("/tankTruckInspectionRecord/goEdit", params); // 罐检项检查查看
-export const setTankTruckInspectionRecordAdd = (params) => post("/tankTruckInspectionRecord/add", params); // 罐检项检查新增
-export const setTankTruckInspectionRecordEdit = (params) => post("/tankTruckInspectionRecord/edit", params); // 罐检项检查修改
-export const setTankTruckInspectionRecordDelete = (params) => post("/tankTruckInspectionRecord/delete", params); // 罐检项检查删除
\ No newline at end of file
+export const getTankTruckInspectionRecordList = (params) =>
+  post("/tankTruckInspectionRecord/list", params); // 罐检项检查列表
+export const getTankTruckInspectionRecordView = (params) =>
+  post("/tankTruckInspectionRecord/goEdit", params); // 罐检项检查查看
+export const setTankTruckInspectionRecordAdd = (params) =>
+  post("/tankTruckInspectionRecord/add", params); // 罐检项检查新增
+export const setTankTruckInspectionRecordEdit = (params) =>
+  post("/tankTruckInspectionRecord/edit", params); // 罐检项检查修改
+export const setTankTruckInspectionRecordDelete = (params) =>
+  post("/tankTruckInspectionRecord/delete", params); // 罐检项检查删除
diff --git a/src/views/driving_inspections/driving_type/index.vue b/src/views/driving_inspections/driving_type/index.vue
index 46ef296..71aefe9 100644
--- a/src/views/driving_inspections/driving_type/index.vue
+++ b/src/views/driving_inspections/driving_type/index.vue
@@ -55,8 +55,8 @@
               row.CHECKTYPE_NAME
             }}</el-tag>
             <el-tag v-if="row.CHECKTYPE_NAME === '待承诺'" type="error">{{
-                row.CHECKTYPE_NAME
-              }}</el-tag>
+              row.CHECKTYPE_NAME
+            }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="REMARKS" label="检查项说明" />
diff --git a/src/views/electronic_waybill_management/waybill_registration/view.vue b/src/views/electronic_waybill_management/waybill_registration/view.vue
index eae60dd..7fc5939 100644
--- a/src/views/electronic_waybill_management/waybill_registration/view.vue
+++ b/src/views/electronic_waybill_management/waybill_registration/view.vue
@@ -53,7 +53,7 @@
             {{ data.info.ORIGIN_NAME }}
           </el-descriptions-item>
           <el-descriptions-item label="起运地址">
-            {{ data.info.SHIPPING_ADDR}}
+            {{ data.info.SHIPPING_ADDR }}
           </el-descriptions-item>
           <el-descriptions-item label="行政区域">
             {{ data.info.DEPARTURE_ADDR }}
diff --git a/src/views/mechanical_files/insure/add.vue b/src/views/mechanical_files/insure/add.vue
index 3d69d60..0bd4a45 100644
--- a/src/views/mechanical_files/insure/add.vue
+++ b/src/views/mechanical_files/insure/add.vue
@@ -298,13 +298,13 @@ import {
   setInsureEdit,
   getTrailerList,
   getTrailerList2,
-  getInsureList
+  getInsureList,
 } from "@/request/mechanical_files.js";
 import {
   INSURANCE_TYPE,
   INSURANCEMENU,
   OPERATING_VEHICLE_TYPE_LIST,
-  REMIND_DAYS
+  REMIND_DAYS,
 } from "@/assets/js/constant.js";
 import { setUploadImg } from "@/request/api.js";
 import { ElMessage } from "element-plus";
@@ -352,16 +352,16 @@ const data = reactive({
     INITIAL_REGISTRATION_DATE: "",
     COMPANY_AREA: "",
   },
-  info: {}
+  info: {},
 });
 
 const insureType = async (rule, insureType, callback) => {
-  if(!INSURE_ID) {
+  if (!INSURE_ID) {
     if (insureType) {
       data.info = await getInsureList();
       data.info.varList.forEach((item) => {
-        if(item.VEHICLE === data.busInfo.ID) {
-          if(insureType === item.INSURANCE_COVERAGE) {
+        if (item.VEHICLE === data.busInfo.ID) {
+          if (insureType === item.INSURANCE_COVERAGE) {
             callback(new Error("该保险已被此车辆重复选择"));
           }
         }
@@ -369,16 +369,16 @@ const insureType = async (rule, insureType, callback) => {
     } else {
       callback();
     }
-  }else{
+  } else {
     if (insureType) {
-      const resData = await getInsureView({ INSURE_ID })
-      if(insureType === resData.pd.INSURANCE_COVERAGE) {
+      const resData = await getInsureView({ INSURE_ID });
+      if (insureType === resData.pd.INSURANCE_COVERAGE) {
         callback();
-      }else{
+      } else {
         data.info = await getInsureList();
         data.info.varList.forEach((item) => {
-          if(item.VEHICLE === data.busInfo.ID) {
-            if(insureType === item.INSURANCE_COVERAGE) {
+          if (item.VEHICLE === data.busInfo.ID) {
+            if (insureType === item.INSURANCE_COVERAGE) {
               callback(new Error("该保险已被此车辆重复选择"));
             }
           }
diff --git a/src/views/mechanical_files/insure/index.vue b/src/views/mechanical_files/insure/index.vue
index 054c13d..0cd9233 100644
--- a/src/views/mechanical_files/insure/index.vue
+++ b/src/views/mechanical_files/insure/index.vue
@@ -139,8 +139,12 @@
         <el-table-column prop="PLATE_NUMBER" label="车牌号" />
         <el-table-column prop="CAR_OWNERS" label="车主业户" />
         <el-table-column prop="TELEPHONE" label="联系电话" width="100" />
-        <el-table-column prop="PROCESSING_DATE_YEAR" label="保险年份" width="80" />
-        <el-table-column prop="INSURANCE_COVERAGE" label="保险项目" width="160" >
+        <el-table-column
+          prop="PROCESSING_DATE_YEAR"
+          label="保险年份"
+          width="80"
+        />
+        <el-table-column prop="INSURANCE_COVERAGE" label="保险项目" width="160">
           <template #default="{ row }">
             {{ row.INSURANCE_COVERAGE === "0" ? "承运人责任险" : "" }}
             {{ row.INSURANCE_COVERAGE === "1" ? "强制险" : "" }}
diff --git a/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/add.vue b/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/add.vue
index 0fbdce2..5e178d4 100644
--- a/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/add.vue
+++ b/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/add.vue
@@ -16,13 +16,12 @@
       </el-form-item>
       <el-form-item label="规定状态" prop="REGULATORY_STATUS">
         <el-input
-                v-model="form.REGULATORY_STATUS"
-                placeholder="请输入"
-                maxlength="100"
-                style="width: 300px"
+          v-model="form.REGULATORY_STATUS"
+          placeholder="请输入"
+          maxlength="100"
+          style="width: 300px"
         ></el-input>
       </el-form-item>
-
     </el-form>
     <template #footer>
       <el-button @click="fnClose">取消</el-button>
@@ -36,8 +35,8 @@ import { ref, toRaw } from "vue";
 import { useVModels } from "@vueuse/core";
 import { ElMessage } from "element-plus";
 import {
-    setTankTruckInspectionAdd,
-    setTankTruckInspectionEdit,
+  setTankTruckInspectionAdd,
+  setTankTruckInspectionEdit,
 } from "@/request/mechanical_files.js";
 
 const props = defineProps({
@@ -70,8 +69,8 @@ const props = defineProps({
 const emits = defineEmits(["update:visible", "update:form", "get-data"]);
 const { visible, form } = useVModels(props, emits);
 const rules = {
-    INSPECTION_SITE: [{ required: true, message: "请输入", trigger: "blur" },],
-    REGULATORY_STATUS: [{ required: true, message: "请输入", trigger: "blur" },],
+  INSPECTION_SITE: [{ required: true, message: "请输入", trigger: "blur" }],
+  REGULATORY_STATUS: [{ required: true, message: "请输入", trigger: "blur" }],
 };
 
 const formRef = ref(null);
@@ -88,9 +87,8 @@ const fnSubmit = async () => {
   const formData = new FormData();
 
   Object.keys(rawFormValue).forEach((key) => {
-      formData.append(key, rawFormValue[key]);
+    formData.append(key, rawFormValue[key]);
   });
-  console.log(rawFormValue,formData)
   // 执行添加或编辑操作
   if (props.type === "add") {
     await setTankTruckInspectionAdd(rawFormValue);
diff --git a/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/view.vue b/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/view.vue
index 358f0b4..cee9ef9 100644
--- a/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/view.vue
+++ b/src/views/mechanical_files/tank_truck/tank_truck_inspection/components/view.vue
@@ -17,7 +17,6 @@
 <script setup>
 import { useVModel } from "@vueuse/core";
 
-
 const props = defineProps({
   visible: {
     type: Boolean,
diff --git a/src/views/mechanical_files/tank_truck/tank_truck_inspection/index.vue b/src/views/mechanical_files/tank_truck/tank_truck_inspection/index.vue
index 2d40bd4..f2ae44a 100644
--- a/src/views/mechanical_files/tank_truck/tank_truck_inspection/index.vue
+++ b/src/views/mechanical_files/tank_truck/tank_truck_inspection/index.vue
@@ -1,165 +1,165 @@
 <template>
-    <div>
-        <el-card>
-            <el-form
-                    :model="searchForm"
-                    label-width="100px"
-                    @submit.prevent="fnResetPagination"
+  <div>
+    <el-card>
+      <el-form
+        :model="searchForm"
+        label-width="100px"
+        @submit.prevent="fnResetPagination"
+      >
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="检查部位" prop="INSPECTION_SITE">
+              <el-input
+                v-model="searchForm.INSPECTION_SITE"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="规定状态" prop="REGULATORY_STATUS">
+              <el-input
+                v-model="searchForm.REGULATORY_STATUS"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="10px">
+              <el-button type="primary" native-type="submit">搜索</el-button>
+              <el-button native-type="reset" @click="fnResetPagination">
+                重置
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+    <layout-card>
+      <layout-table
+        ref="tableRef"
+        v-model:pagination="pagination"
+        :data="list"
+        row-key="MANAGEMENTAGREEMENT_ID"
+        @get-data="fnGetData"
+      >
+        <el-table-column label="序号" width="60">
+          <template #default="{ $index }">
+            {{ serialNumber(pagination, $index) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="INSPECTION_SITE" label="检查部位" />
+        <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
+        <el-table-column label="操作" width="180">
+          <template #default="{ row }">
+            <el-button
+              type="primary"
+              text
+              link
+              @click="fnView(row.TANKTRUCKINSPECTION_ID)"
             >
-                <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="检查部位" prop="INSPECTION_SITE">
-                            <el-input
-                                    v-model="searchForm.INSPECTION_SITE"
-                                    placeholder="请输入"
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="规定状态" prop="REGULATORY_STATUS">
-                            <el-input
-                                    v-model="searchForm.REGULATORY_STATUS"
-                                    placeholder="请输入"
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label-width="10px">
-                            <el-button type="primary" native-type="submit">搜索</el-button>
-                            <el-button native-type="reset" @click="fnResetPagination">
-                                重置
-                            </el-button>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-            </el-form>
-        </el-card>
-        <layout-card>
-            <layout-table
-                    ref="tableRef"
-                    v-model:pagination="pagination"
-                    :data="list"
-                    row-key="MANAGEMENTAGREEMENT_ID"
-                    @get-data="fnGetData"
+              查看
+            </el-button>
+            <el-button
+              type="primary"
+              text
+              link
+              @click="fnAddOrEdit(row.TANKTRUCKINSPECTION_ID, 'edit')"
             >
-                <el-table-column label="序号" width="60">
-                    <template #default="{ $index }">
-                        {{ serialNumber(pagination, $index) }}
-                    </template>
-                </el-table-column>
-                <el-table-column prop="INSPECTION_SITE" label="检查部位"/>
-                <el-table-column prop="REGULATORY_STATUS" label="规定状态"/>
-                <el-table-column label="操作" width="180">
-                    <template #default="{ row }">
-                        <el-button
-                                type="primary"
-                                text
-                                link
-                                @click="fnView(row.TANKTRUCKINSPECTION_ID)"
-                        >
-                            查看
-                        </el-button>
-                        <el-button
-                                type="primary"
-                                text
-                                link
-                                @click="fnAddOrEdit(row.TANKTRUCKINSPECTION_ID, 'edit')"
-                        >
-                            编辑
-                        </el-button>
-                        <el-button
-                                text
-                                link
-                                type="danger"
-                                @click="deleteItem(row.TANKTRUCKINSPECTION_ID)"
-                        >
-                            删除
-                        </el-button>
-                    </template>
-                </el-table-column>
-                <template #button>
-                    <el-button type="primary" @click="fnAddOrEdit('', 'add')">
-                        新增
-                    </el-button>
-                </template>
-            </layout-table>
-        </layout-card>
-        <add
-                v-model:visible="data.addOrEditDialog.visible"
-                v-model:form="data.addOrEditDialog.form"
-                :type="data.addOrEditDialog.type"
-                :options="[]"
-                :loading="false"
-                @get-data="fnResetPagination"
-        />
-        <view-info
-                v-model:visible="data.viewDialog.visible"
-                :info="data.viewDialog.info"
-                label-name="详情"
-        />
-    </div>
+              编辑
+            </el-button>
+            <el-button
+              text
+              link
+              type="danger"
+              @click="deleteItem(row.TANKTRUCKINSPECTION_ID)"
+            >
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+        <template #button>
+          <el-button type="primary" @click="fnAddOrEdit('', 'add')">
+            新增
+          </el-button>
+        </template>
+      </layout-table>
+    </layout-card>
+    <add
+      v-model:visible="data.addOrEditDialog.visible"
+      v-model:form="data.addOrEditDialog.form"
+      :type="data.addOrEditDialog.type"
+      :options="[]"
+      :loading="false"
+      @get-data="fnResetPagination"
+    />
+    <view-info
+      v-model:visible="data.viewDialog.visible"
+      :info="data.viewDialog.info"
+      label-name="详情"
+    />
+  </div>
 </template>
 
 <script setup>
-    import {serialNumber} from "@/assets/js/utils";
-    import useListData from "@/assets/js/useListData.js";
-    import Add from "./components/add.vue";
-    import {nextTick, reactive} from "vue";
-    import ViewInfo from "./components/view.vue";
-    import {
-        setTankTruckInspectionDelete,
-        getTankTruckInspectionList,
-        getTankTruckInspectionView,
-    } from  "@/request/mechanical_files.js";
-    import {ElMessage, ElMessageBox} from "element-plus";
+import { serialNumber } from "@/assets/js/utils";
+import useListData from "@/assets/js/useListData.js";
+import Add from "./components/add.vue";
+import { nextTick, reactive } from "vue";
+import ViewInfo from "./components/view.vue";
+import {
+  setTankTruckInspectionDelete,
+  getTankTruckInspectionList,
+  getTankTruckInspectionView,
+} from "@/request/mechanical_files.js";
+import { ElMessage, ElMessageBox } from "element-plus";
 
-    const {list, pagination, searchForm, fnGetData, fnResetPagination} =
-        useListData(getTankTruckInspectionList);
-    const data = reactive({
-        addOrEditDialog: {
-            visible: false,
-            type: "",
-            form: {},
-        },
-        viewDialog: {
-            visible: false,
-            info: {},
-        },
+const { list, pagination, searchForm, fnGetData, fnResetPagination } =
+  useListData(getTankTruckInspectionList);
+const data = reactive({
+  addOrEditDialog: {
+    visible: false,
+    type: "",
+    form: {},
+  },
+  viewDialog: {
+    visible: false,
+    info: {},
+  },
+});
+
+const fnAddOrEdit = async (TANKTRUCKINSPECTION_ID = "", type = "add") => {
+  data.addOrEditDialog.visible = true;
+  data.addOrEditDialog.type = type;
+  if (type === "edit" && TANKTRUCKINSPECTION_ID) {
+    const resData = await getTankTruckInspectionView({
+      TANKTRUCKINSPECTION_ID,
     });
+    data.addOrEditDialog.form = resData.pd;
+  } else {
+    data.addOrEditDialog.form = {
+      INSPECTION_SITE: "",
+      REGULATORY_STATUS: "",
+    }; // 新增时清空表单
+  }
+  await nextTick();
+};
 
-    const fnAddOrEdit = async (TANKTRUCKINSPECTION_ID = "", type = "add") => {
-        data.addOrEditDialog.visible = true;
-        data.addOrEditDialog.type = type;
-        if (type === "edit" && TANKTRUCKINSPECTION_ID) {
-            const resData = await getTankTruckInspectionView({
-                TANKTRUCKINSPECTION_ID,
-            });
-            data.addOrEditDialog.form = resData.pd
-        } else {
-            data.addOrEditDialog.form = {
-                INSPECTION_SITE:'',
-                REGULATORY_STATUS:'',
-            }; // 新增时清空表单
-        }
-        await nextTick();
-    };
-
-    // 删除事件
-    const deleteItem = async (value) => {
-        await ElMessageBox.confirm(`确定要删除吗？`, {
-            type: "warning",
-        });
-        await setTankTruckInspectionDelete({TANKTRUCKINSPECTION_ID: value});
-        ElMessage.success("删除成功");
-        fnGetData();
-    };
-    const fnView = async (TANKTRUCKINSPECTION_ID) => {
-        const resData = await getTankTruckInspectionView({
-            TANKTRUCKINSPECTION_ID,
-        });
-        data.viewDialog.info = resData.pd;
-        data.viewDialog.visible = true;
-    };
+// 删除事件
+const deleteItem = async (value) => {
+  await ElMessageBox.confirm(`确定要删除吗？`, {
+    type: "warning",
+  });
+  await setTankTruckInspectionDelete({ TANKTRUCKINSPECTION_ID: value });
+  ElMessage.success("删除成功");
+  fnGetData();
+};
+const fnView = async (TANKTRUCKINSPECTION_ID) => {
+  const resData = await getTankTruckInspectionView({
+    TANKTRUCKINSPECTION_ID,
+  });
+  data.viewDialog.info = resData.pd;
+  data.viewDialog.visible = true;
+};
 </script>
 
 <style scoped></style>
diff --git a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/add.vue b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/add.vue
index afff9d9..d31ec62 100644
--- a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/add.vue
+++ b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/add.vue
@@ -1,450 +1,463 @@
 <template>
-    <layout-card>
-        <el-form ref="formRef" :rules="rules" :model="form" label-width="140px">
-            <el-row :gutter="20">
-                <el-col :span="24">
-                    <el-divider content-position="left">车辆选择</el-divider>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="罐检车辆" prop="VEHICLE">
-                        <el-select
-                                v-model="form.VEHICLE"
-                                @change="getBusInfo"
-                        >
-                            <el-option
-                                    v-for="item in data.vehicleList"
-                                    :key="item.ID"
-                                    :label="item.PLATE_NUMBER"
-                                    :value="item.ID"
-                            />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="24">
-                    <el-divider content-position="left">基本信息</el-divider>
-                </el-col>
-                <el-col :span="13">
-                    <el-form-item label="行驶证照片" prop="DRIVING_LICENSE_IMG">
-                        <layout-upload
-                                v-model:file-list="data.busInfo.DRIVING_LICENSE_IMG"
-                                list-type="picture-card"
-                                accept=".jpg,.jpeg,.png"
-                                delete-to-server
-                                disabled
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="车牌号" prop="PLATE_NUMBER">
-                        <el-input v-model="data.busInfo.PLATE_NUMBER" disabled/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="车架号" prop="VIN">
-                        <el-input v-model="data.busInfo.VIN" disabled/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="车辆类型" prop="TRAILER_TYPE">
-                        <el-input v-model="data.busInfo.TRAILER_TYPE" disabled/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="车主/业户" prop="CAR_OWNERS ">
-                        <el-input v-model="data.busInfo.CAR_OWNERS" disabled/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
-                        <el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
-                        <el-date-picker
-                                v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
-                                value-format="YYYY-MM-DD"
-                                format="YYYY-MM-DD"
-                                type="date"
-                                disabled
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="所属区域" prop="COMPANY_AREA">
-                        <el-input v-model="data.busInfo.COMPANY_AREA" disabled/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="24">
-                    <el-divider content-position="left">罐检信息</el-divider>
-                </el-col>
-                <el-col :span="24">
-                    <layout-table :data="data.childList" :show-pagination="false">
-                        <el-table-column type="index" label="序号" width="50"/>
-                        <el-table-column prop="INSPECTION_SITE" label="检查部位"/>
-                        <el-table-column prop="REGULATORY_STATUS" label="规定状态"/>
-                        <el-table-column label="操作" width="300">
-                            <template #default="{ row }">
-                                <el-radio-group v-model="row.INSPECTION_STATUS">
-                                    <el-radio value="1">合格</el-radio>
-                                    <el-radio value="2">不合格</el-radio>
-                                    <el-radio value="3">不涉及</el-radio>
-                                </el-radio-group>
-                            </template>
-                        </el-table-column>
-                    </layout-table>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="检查日期" prop="INSPECTION_DATE">
-                        <el-date-picker
-                                v-model="form.INSPECTION_DATE"
-                                value-format="YYYY-MM-DD"
-                                format="YYYY-MM-DD"
-                                type="date"
-                                @change="getDueDate"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="检查人" prop="INSPECTIONTOR">
-                        <el-select v-model="form.INSPECTIONTOR" multiple filterable>
-                            <el-option
-                                    v-for="item in data.userList"
-                                    :key="item.USER_ID"
-                                    :label="item.NAME"
-                                    :value="item.USER_ID"
-                            />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="检查周期（天）" prop="INSPECTION_CYCLE">
-                        <el-input
-                                v-model.number="form.INSPECTION_CYCLE"
-                                type="number"
-                                maxlength="50"
-                                show-word-limit
-                                @change="getDueDate"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="到期日期" prop="DUE_DATE">
-                        <el-date-picker
-                                v-model="form.DUE_DATE"
-                                value-format="YYYY-MM-DD"
-                                format="YYYY-MM-DD"
-                                type="date"
-                                @change="getRemiderDate"
-                        />
-                    </el-form-item>
-                </el-col>
+  <layout-card>
+    <el-form ref="formRef" :rules="rules" :model="form" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-divider content-position="left">车辆选择</el-divider>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="罐检车辆" prop="VEHICLE">
+            <el-select v-model="form.VEHICLE" @change="getBusInfo">
+              <el-option
+                v-for="item in data.vehicleList"
+                :key="item.ID"
+                :label="item.PLATE_NUMBER"
+                :value="item.ID"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-divider content-position="left">基本信息</el-divider>
+        </el-col>
+        <el-col :span="13">
+          <el-form-item label="行驶证照片" prop="DRIVING_LICENSE_IMG">
+            <layout-upload
+              v-model:file-list="data.busInfo.DRIVING_LICENSE_IMG"
+              list-type="picture-card"
+              accept=".jpg,.jpeg,.png"
+              delete-to-server
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车牌号" prop="PLATE_NUMBER">
+            <el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车架号" prop="VIN">
+            <el-input v-model="data.busInfo.VIN" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车辆类型" prop="TRAILER_TYPE">
+            <el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车主/业户" prop="CAR_OWNERS ">
+            <el-input v-model="data.busInfo.CAR_OWNERS" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
+            <el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
+            <el-date-picker
+              v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属区域" prop="COMPANY_AREA">
+            <el-input v-model="data.busInfo.COMPANY_AREA" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-divider content-position="left">罐检信息</el-divider>
+        </el-col>
+        <el-col :span="24">
+          <layout-table :data="data.childList" :show-pagination="false">
+            <el-table-column type="index" label="序号" width="50" />
+            <el-table-column prop="INSPECTION_SITE" label="检查部位" />
+            <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
+            <el-table-column label="操作" width="300">
+              <template #default="{ row }">
+                <el-radio-group v-model="row.INSPECTION_STATUS">
+                  <el-radio value="1">合格</el-radio>
+                  <el-radio value="2">不合格</el-radio>
+                  <el-radio value="3">不涉及</el-radio>
+                </el-radio-group>
+              </template>
+            </el-table-column>
+          </layout-table>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="检查日期" prop="INSPECTION_DATE">
+            <el-date-picker
+              v-model="form.INSPECTION_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              @change="getDueDate"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="检查人" prop="INSPECTIONTOR">
+            <el-select v-model="form.INSPECTIONTOR" multiple filterable>
+              <el-option
+                v-for="item in data.userList"
+                :key="item.USER_ID"
+                :label="item.NAME"
+                :value="item.USER_ID"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="检查周期（天）" prop="INSPECTION_CYCLE">
+            <el-input
+              v-model.number="form.INSPECTION_CYCLE"
+              type="number"
+              maxlength="50"
+              show-word-limit
+              @change="getDueDate"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="到期日期" prop="DUE_DATE">
+            <el-date-picker
+              v-model="form.DUE_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              @change="getRemiderDate"
+            />
+          </el-form-item>
+        </el-col>
 
-                <el-col :span="12">
-                    <el-form-item label="提醒天数" prop="REMINDER_DAYS">
-                        <el-select v-model="form.REMINDER_DAYS" @change="getRemiderDate">
-                            <el-option
-                                    v-for="item in REMIND_DAYS"
-                                    :key="item.NAME"
-                                    :label="item.NAME"
-                                    :value="item.NUM"
-                            />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="提醒日期" prop="REMINDER_DATE">
-                        <el-date-picker
-                                v-model="form.REMINDER_DATE"
-                                value-format="YYYY-MM-DD"
-                                format="YYYY-MM-DD"
-                                type="date"
-                                disabled
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="24">
-                    <el-form-item label="提醒状态" prop="REMINDER_STATUS">
-                        <el-switch
-                                v-model="form.REMINDER_STATUS"
-                                inline-prompt
-                                active-text="开"
-                                inactive-text="关"
-                                active-value="1"
-                                inactive-value="0"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="检查附件" prop="INSPECTION_ATTACHMENT">
-                        <layout-upload
-                                v-model:file-list="form.INSPECTION_ATTACHMENT"
-                                accept=".pdf"
-                                delete-to-server
-                                :limit="99"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="检查图片" prop="INSPECTION_IMG">
-                        <layout-upload
-                                v-model:file-list="form.INSPECTION_IMG"
-                                list-type="picture-card"
-                                accept=".jpg,.jpeg,.png"
-                                :limit="99"
-                                delete-to-server
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="24">
-                    <el-form-item label="备注" prop="NOTES">
-                        <el-input
-                                v-model="form.NOTES"
-                                type="textarea"
-                                :autosize="{ minRows: 3 }"
-                                maxlength="250"
-                                show-word-limit
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-        </el-form>
-        <div class="mt-10 tc">
-            <el-button type="primary" @click="fnSubmit">保存</el-button>
-        </div>
-    </layout-card>
+        <el-col :span="12">
+          <el-form-item label="提醒天数" prop="REMINDER_DAYS">
+            <el-select v-model="form.REMINDER_DAYS" @change="getRemiderDate">
+              <el-option
+                v-for="item in REMIND_DAYS"
+                :key="item.NAME"
+                :label="item.NAME"
+                :value="item.NUM"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="提醒日期" prop="REMINDER_DATE">
+            <el-date-picker
+              v-model="form.REMINDER_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="提醒状态" prop="REMINDER_STATUS">
+            <el-switch
+              v-model="form.REMINDER_STATUS"
+              inline-prompt
+              active-text="开"
+              inactive-text="关"
+              active-value="1"
+              inactive-value="0"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="检查附件" prop="INSPECTION_ATTACHMENT">
+            <layout-upload
+              v-model:file-list="form.INSPECTION_ATTACHMENT"
+              accept=".pdf"
+              delete-to-server
+              :limit="99"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="检查图片" prop="INSPECTION_IMG">
+            <layout-upload
+              v-model:file-list="form.INSPECTION_IMG"
+              list-type="picture-card"
+              accept=".jpg,.jpeg,.png"
+              :limit="99"
+              delete-to-server
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="备注" prop="NOTES">
+            <el-input
+              v-model="form.NOTES"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+              maxlength="250"
+              show-word-limit
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="mt-10 tc">
+      <el-button type="primary" @click="fnSubmit">保存</el-button>
+    </div>
+  </layout-card>
 </template>
 
 <script setup>
-    import {getUserListAll} from "@/request/data_dictionary.js";
-    import LayoutUpload from "@/components/upload/index.vue";
-    import {ref, reactive} from "vue";
-    import {debounce} from "throttle-debounce";
-    import {
-        getTankTruckInspectionRecordView,
-        setTankTruckInspectionRecordAdd,
-        setTankTruckInspectionRecordEdit,
-        getTankTruckInspectionListAll,
-        getTrailerList,
-    } from "@/request/mechanical_files.js";
-    import {setUploadImg} from "@/request/api.js";
-    import {ElMessage} from "element-plus";
-    import {useRoute, useRouter} from "vue-router";
-    import useFormValidate from "@/assets/js/useFormValidate.js";
-    import {addingPrefixToFile, subtractDaysFromDate} from "@/assets/js/utils.js";
-    import {REMIND_DAYS} from "@/assets/js/constant.js";
+import { getUserListAll } from "@/request/data_dictionary.js";
+import LayoutUpload from "@/components/upload/index.vue";
+import { ref, reactive } from "vue";
+import { debounce } from "throttle-debounce";
+import {
+  getTankTruckInspectionRecordView,
+  setTankTruckInspectionRecordAdd,
+  setTankTruckInspectionRecordEdit,
+  getTankTruckInspectionListAll,
+  getTrailerList,
+} from "@/request/mechanical_files.js";
+import { setUploadImg } from "@/request/api.js";
+import { ElMessage } from "element-plus";
+import { useRoute, useRouter } from "vue-router";
+import useFormValidate from "@/assets/js/useFormValidate.js";
+import { addingPrefixToFile, subtractDaysFromDate } from "@/assets/js/utils.js";
+import { REMIND_DAYS } from "@/assets/js/constant.js";
 
-    const route = useRoute();
-    const router = useRouter();
-    const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID;
-    const formRef = ref(null);
-    const form = ref({
-        VEHICLE: '',
-        INSPECTION_DATE: '',
-        INSPECTIONTOR: [],
-        DUE_DATE: '',
-        INSPECTION_CYCLE: '',
-        REMINDER_DAYS: '',
-        REMINDER_DATE: '',
-        REMINDER_STATUS: '',
-        INSPECTION_ATTACHMENT: [],
-        INSPECTION_IMG: [],
-        NOTES: ''
-    });
-    const data = reactive({
-        vehicleList: [],
-        busInfo: {
-            DRIVING_LICENSE_IMG: [],
-            PLATE_NUMBER: "",
-            VIN: "",
-            TRAILER_TYPE: "",
-            CAR_OWNERS: "",
-            CAR_OWNERS_TEL: "",
-            INITIAL_REGISTRATION_DATE: "",
-            COMPANY_AREA: "",
-        },
-        userList: [],
-        childList: []
-    });
-    const rules = {
-        VEHICLE: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTION_DATE: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTIONTOR: [{required: true, message: "请输入", trigger: "blur"}],
-        DUE_DATE: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTION_CYCLE: [{required: true, message: "请输入", trigger: "blur"}],
-        REMINDER_DAYS: [{required: true, message: "请输入", trigger: "blur"}],
-        REMINDER_DATE: [{required: true, message: "请输入", trigger: "blur"}],
-        REMINDER_STATUS: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTION_ATTACHMENT: [{required: true, message: "请添加附件", trigger: "blur"}],
-        INSPECTION_IMG: [{required: true, message: "请添加图片", trigger: "blur"}],
-    };
-    const getDueDate = () => {
-        if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) {
-            form.value.DUE_DATE = subtractDaysFromDate(
-                form.value.INSPECTION_DATE,
-                form.value.INSPECTION_CYCLE,
-                true
-            );
-            if (form.value.REMINDER_DAYS) {
-                form.value.REMINDER_DATE = subtractDaysFromDate(
-                    form.value.DUE_DATE,
-                    form.value.REMINDER_DAYS
-                );
-            }
-        } else {
-            form.value.DUE_DATE = "";
-            form.value.REMINDER_DATE = "";
-        }
-    };
-    const getRemiderDate = (val) => {
-        if (val) {
-            if (form.value.DUE_DATE) {
-                // 计算提醒日期
-                const reminderDateStr = subtractDaysFromDate(form.value.DUE_DATE, val);
-                const reminderDate = new Date(reminderDateStr);
-                const today = new Date();
-
-                // 检查计算出的提醒日期是否早于当前时间
-                if (reminderDate < today) {
-                    // 如果提醒日期早于当前日期，显示错误提示并重置提醒日期
-                    ElMessage.error("输入的提醒天数错误，提醒日期不能早于当前日期。");
-                    form.value.REMINDER_DATE = ""; // 重置提醒日期
-                } else {
-                    // 如果提醒日期正常，更新表单值
-                    form.value.REMINDER_DATE = reminderDateStr;
-                }
-            }
-        } else {
-            form.value.REMINDER_DATE = "";
-        }
-    };
-    const getUserList = async () => {
-        const resData = await getUserListAll();
-        data.userList = resData.userList;
-    };
-    getUserList()
-    const getVehicle = async (event) => {
-        const resData = await getTrailerList({TRAFFIC_TYPE: event});
-        data.vehicleList = resData.list;
-        form.value.VEHICLE = "";
-        data.busInfo.DRIVING_LICENSE_IMG = [];
-        data.busInfo.PLATE_NUMBER = "";
-        data.busInfo.VIN = "";
-        data.busInfo.TRAILER_TYPE = "";
-        data.busInfo.CAR_OWNERS = "";
-        data.busInfo.CAR_OWNERS_TEL = "";
-        data.busInfo.INITIAL_REGISTRATION_DATE = "";
-        data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
-    };
-    getVehicle("2");
-    const fnBusChange = async (event) => {
-        const resData = await getTrailerList({ID: event});
-        data.busInfo = resData.list[0];
-        if (form.value.TELEPHONE === "") {
-            form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL;
-        }
-        if (form.value.CAR_OWNERS === "") {
-            form.value.CAR_OWNERS = data.busInfo.CAR_OWNERS;
-        }
-        data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
-            resData.drivingLicenseImgs
-        );
-    };
-    const getBusInfo = (val) => {
-        if (val) {
-            fnBusChange(val);
-        } else {
-            data.busInfo.DRIVING_LICENSE_IMG = [];
-            data.busInfo.PLATE_NUMBER = "";
-            data.busInfo.VIN = "";
-            data.busInfo.TRAILER_TYPE = "";
-            data.busInfo.CAR_OWNERS = "";
-            data.busInfo.CAR_OWNERS_TEL = "";
-            data.busInfo.INITIAL_REGISTRATION_DATE = "";
-            data.busInfo.COMPANY_AREA = "";
-            data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
-        }
-    };
-    const fnGetData = async () => {
-        if (!TANKTRUCKINSPECTIONRECORD_ID) {
-            const tableData = await getTankTruckInspectionListAll()
-            const childList = []
-            tableData.list.forEach(item => {
-                const _obj = {
-                    INSPECTION_SITE: item.INSPECTION_SITE,
-                    REGULATORY_STATUS: item.REGULATORY_STATUS,
-                    INSPECTION_STATUS: '1'
-                }
-                childList.push(_obj)
-            })
-            data.childList = childList
-            return;
-        }
-        const resData = await getTankTruckInspectionRecordView({TANKTRUCKINSPECTIONRECORD_ID});
-        resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",")
-        form.value = resData.pd;
-        data.childList = resData.detail
-        form.value.INSPECTION_ATTACHMENT = [];
-        form.value.INSPECTION_IMG = [];
-        fnBusChange(form.value.VEHICLE);
-        form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(resData.inspectionAttachmentImgs);
-        form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
-
-    };
-    fnGetData();
-
-    const fnUploadImage = async (currentId, FFILE, TYPE) => {
-        const formData = new FormData();
-        formData.append("FOREIGN_KEY", currentId);
-        formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定
-        formData.append("FFILE", FFILE);
-        await setUploadImg(formData);
-    };
-
-    const fnSubmit = debounce(
-        1000,
-        async () => {
-            await useFormValidate(formRef);
-            const formData = {};
-            Object.keys(form.value).forEach((key) => {
-                if(key!=='INSPECTIONTOR'&&key!=='INSPECTION_ATTACHMENT'&&key!=='INSPECTION_IMG'){
-                    formData[key] = form.value[key]
-                }
-            });
-            formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(',')
-            const DETAILS =[]
-            data.childList.forEach(item=>{
-                DETAILS.push({
-                    INSPECTION_SITE: item.INSPECTION_SITE,
-                    REGULATORY_STATUS: item.REGULATORY_STATUS,
-                    INSPECTION_STATUS: item.INSPECTION_STATUS
-                })
-            })
-            formData.DETAILS = JSON.stringify(DETAILS)
-            const resData = !TANKTRUCKINSPECTIONRECORD_ID
-                ? await setTankTruckInspectionRecordAdd({...formData})
-                : await setTankTruckInspectionRecordEdit({...formData, TANKTRUCKINSPECTIONRECORD_ID});
-            const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID;
-
-            // 附件上传
-            for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) {
-                if (form.value.INSPECTION_ATTACHMENT[i].raw) {
-                    await fnUploadImage(currentId, form.value.INSPECTION_ATTACHMENT[i].raw, "130"); // 附件上传
-                }
-            }
-
-            // 图片上传
-            for (let i = 0; i < form.value.INSPECTION_IMG.length; i++) {
-                if (form.value.INSPECTION_IMG[i].raw) {
-                    await fnUploadImage(currentId, form.value.INSPECTION_IMG[i].raw, "131"); // 图片上传
-                }
-            }
-
-            ElMessage.success("保存成功");
-            router.back();
-        },
-        {atBegin: true}
+const route = useRoute();
+const router = useRouter();
+const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID;
+const formRef = ref(null);
+const form = ref({
+  VEHICLE: "",
+  INSPECTION_DATE: "",
+  INSPECTIONTOR: [],
+  DUE_DATE: "",
+  INSPECTION_CYCLE: "",
+  REMINDER_DAYS: "",
+  REMINDER_DATE: "",
+  REMINDER_STATUS: "",
+  INSPECTION_ATTACHMENT: [],
+  INSPECTION_IMG: [],
+  NOTES: "",
+});
+const data = reactive({
+  vehicleList: [],
+  busInfo: {
+    DRIVING_LICENSE_IMG: [],
+    PLATE_NUMBER: "",
+    VIN: "",
+    TRAILER_TYPE: "",
+    CAR_OWNERS: "",
+    CAR_OWNERS_TEL: "",
+    INITIAL_REGISTRATION_DATE: "",
+    COMPANY_AREA: "",
+  },
+  userList: [],
+  childList: [],
+});
+const rules = {
+  VEHICLE: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTION_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTIONTOR: [{ required: true, message: "请输入", trigger: "blur" }],
+  DUE_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTION_CYCLE: [{ required: true, message: "请输入", trigger: "blur" }],
+  REMINDER_DAYS: [{ required: true, message: "请输入", trigger: "blur" }],
+  REMINDER_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
+  REMINDER_STATUS: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTION_ATTACHMENT: [
+    { required: true, message: "请添加附件", trigger: "blur" },
+  ],
+  INSPECTION_IMG: [{ required: true, message: "请添加图片", trigger: "blur" }],
+};
+const getDueDate = () => {
+  if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) {
+    form.value.DUE_DATE = subtractDaysFromDate(
+      form.value.INSPECTION_DATE,
+      form.value.INSPECTION_CYCLE,
+      true
     );
+    if (form.value.REMINDER_DAYS) {
+      form.value.REMINDER_DATE = subtractDaysFromDate(
+        form.value.DUE_DATE,
+        form.value.REMINDER_DAYS
+      );
+    }
+  } else {
+    form.value.DUE_DATE = "";
+    form.value.REMINDER_DATE = "";
+  }
+};
+const getRemiderDate = (val) => {
+  if (val) {
+    if (form.value.DUE_DATE) {
+      // 计算提醒日期
+      const reminderDateStr = subtractDaysFromDate(form.value.DUE_DATE, val);
+      const reminderDate = new Date(reminderDateStr);
+      const today = new Date();
+
+      // 检查计算出的提醒日期是否早于当前时间
+      if (reminderDate < today) {
+        // 如果提醒日期早于当前日期，显示错误提示并重置提醒日期
+        ElMessage.error("输入的提醒天数错误，提醒日期不能早于当前日期。");
+        form.value.REMINDER_DATE = ""; // 重置提醒日期
+      } else {
+        // 如果提醒日期正常，更新表单值
+        form.value.REMINDER_DATE = reminderDateStr;
+      }
+    }
+  } else {
+    form.value.REMINDER_DATE = "";
+  }
+};
+const getUserList = async () => {
+  const resData = await getUserListAll();
+  data.userList = resData.userList;
+};
+getUserList();
+const getVehicle = async (event) => {
+  const resData = await getTrailerList({ TRAFFIC_TYPE: event });
+  data.vehicleList = resData.list;
+  form.value.VEHICLE = "";
+  data.busInfo.DRIVING_LICENSE_IMG = [];
+  data.busInfo.PLATE_NUMBER = "";
+  data.busInfo.VIN = "";
+  data.busInfo.TRAILER_TYPE = "";
+  data.busInfo.CAR_OWNERS = "";
+  data.busInfo.CAR_OWNERS_TEL = "";
+  data.busInfo.INITIAL_REGISTRATION_DATE = "";
+  data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
+};
+getVehicle("2");
+const fnBusChange = async (event) => {
+  const resData = await getTrailerList({ ID: event });
+  data.busInfo = resData.list[0];
+  if (form.value.TELEPHONE === "") {
+    form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL;
+  }
+  if (form.value.CAR_OWNERS === "") {
+    form.value.CAR_OWNERS = data.busInfo.CAR_OWNERS;
+  }
+  data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
+    resData.drivingLicenseImgs
+  );
+};
+const getBusInfo = (val) => {
+  if (val) {
+    fnBusChange(val);
+  } else {
+    data.busInfo.DRIVING_LICENSE_IMG = [];
+    data.busInfo.PLATE_NUMBER = "";
+    data.busInfo.VIN = "";
+    data.busInfo.TRAILER_TYPE = "";
+    data.busInfo.CAR_OWNERS = "";
+    data.busInfo.CAR_OWNERS_TEL = "";
+    data.busInfo.INITIAL_REGISTRATION_DATE = "";
+    data.busInfo.COMPANY_AREA = "";
+    data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
+  }
+};
+const fnGetData = async () => {
+  if (!TANKTRUCKINSPECTIONRECORD_ID) {
+    const tableData = await getTankTruckInspectionListAll();
+    const childList = [];
+    tableData.list.forEach((item) => {
+      const _obj = {
+        INSPECTION_SITE: item.INSPECTION_SITE,
+        REGULATORY_STATUS: item.REGULATORY_STATUS,
+        INSPECTION_STATUS: "1",
+      };
+      childList.push(_obj);
+    });
+    data.childList = childList;
+    return;
+  }
+  const resData = await getTankTruckInspectionRecordView({
+    TANKTRUCKINSPECTIONRECORD_ID,
+  });
+  resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",");
+  form.value = resData.pd;
+  data.childList = resData.detail;
+  form.value.INSPECTION_ATTACHMENT = [];
+  form.value.INSPECTION_IMG = [];
+  fnBusChange(form.value.VEHICLE);
+  form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(
+    resData.inspectionAttachmentImgs
+  );
+  form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
+};
+fnGetData();
+
+const fnUploadImage = async (currentId, FFILE, TYPE) => {
+  const formData = new FormData();
+  formData.append("FOREIGN_KEY", currentId);
+  formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定
+  formData.append("FFILE", FFILE);
+  await setUploadImg(formData);
+};
+
+const fnSubmit = debounce(
+  1000,
+  async () => {
+    await useFormValidate(formRef);
+    const formData = {};
+    Object.keys(form.value).forEach((key) => {
+      if (
+        key !== "INSPECTIONTOR" &&
+        key !== "INSPECTION_ATTACHMENT" &&
+        key !== "INSPECTION_IMG"
+      ) {
+        formData[key] = form.value[key];
+      }
+    });
+    formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(",");
+    const DETAILS = [];
+    data.childList.forEach((item) => {
+      DETAILS.push({
+        INSPECTION_SITE: item.INSPECTION_SITE,
+        REGULATORY_STATUS: item.REGULATORY_STATUS,
+        INSPECTION_STATUS: item.INSPECTION_STATUS,
+      });
+    });
+    formData.DETAILS = JSON.stringify(DETAILS);
+    const resData = !TANKTRUCKINSPECTIONRECORD_ID
+      ? await setTankTruckInspectionRecordAdd({ ...formData })
+      : await setTankTruckInspectionRecordEdit({
+          ...formData,
+          TANKTRUCKINSPECTIONRECORD_ID,
+        });
+    const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID;
+
+    // 附件上传
+    for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) {
+      if (form.value.INSPECTION_ATTACHMENT[i].raw) {
+        await fnUploadImage(
+          currentId,
+          form.value.INSPECTION_ATTACHMENT[i].raw,
+          "130"
+        ); // 附件上传
+      }
+    }
+
+    // 图片上传
+    for (let i = 0; i < form.value.INSPECTION_IMG.length; i++) {
+      if (form.value.INSPECTION_IMG[i].raw) {
+        await fnUploadImage(currentId, form.value.INSPECTION_IMG[i].raw, "131"); // 图片上传
+      }
+    }
+
+    ElMessage.success("保存成功");
+    router.back();
+  },
+  { atBegin: true }
+);
 </script>
 
 <style scoped lang="scss"></style>
diff --git a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit.vue b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit.vue
index 334810f..9d0b239 100644
--- a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit.vue
+++ b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit.vue
@@ -7,15 +7,12 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="罐检车辆" prop="VEHICLE">
-            <el-select
-                    v-model="form.VEHICLE"
-                    @change="getBusInfo"
-            >
+            <el-select v-model="form.VEHICLE" @change="getBusInfo">
               <el-option
-                      v-for="item in data.vehicleList"
-                      :key="item.ID"
-                      :label="item.PLATE_NUMBER"
-                      :value="item.ID"
+                v-for="item in data.vehicleList"
+                :key="item.ID"
+                :label="item.PLATE_NUMBER"
+                :value="item.ID"
               />
             </el-select>
           </el-form-item>
@@ -26,53 +23,53 @@
         <el-col :span="13">
           <el-form-item label="行驶证照片" prop="DRIVING_LICENSE_IMG">
             <layout-upload
-                    v-model:file-list="data.busInfo.DRIVING_LICENSE_IMG"
-                    list-type="picture-card"
-                    accept=".jpg,.jpeg,.png"
-                    delete-to-server
-                    disabled
+              v-model:file-list="data.busInfo.DRIVING_LICENSE_IMG"
+              list-type="picture-card"
+              accept=".jpg,.jpeg,.png"
+              delete-to-server
+              disabled
             />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="车牌号" prop="PLATE_NUMBER">
-            <el-input v-model="data.busInfo.PLATE_NUMBER" disabled/>
+            <el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="车架号" prop="VIN">
-            <el-input v-model="data.busInfo.VIN" disabled/>
+            <el-input v-model="data.busInfo.VIN" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="车辆类型" prop="TRAILER_TYPE">
-            <el-input v-model="data.busInfo.TRAILER_TYPE" disabled/>
+            <el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="车主/业户" prop="CAR_OWNERS ">
-            <el-input v-model="data.busInfo.CAR_OWNERS" disabled/>
+            <el-input v-model="data.busInfo.CAR_OWNERS" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
-            <el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled/>
+            <el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
             <el-date-picker
-                    v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
-                    value-format="YYYY-MM-DD"
-                    format="YYYY-MM-DD"
-                    type="date"
-                    disabled
+              v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              disabled
             />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="所属区域" prop="COMPANY_AREA">
-            <el-input v-model="data.busInfo.COMPANY_AREA" disabled/>
+            <el-input v-model="data.busInfo.COMPANY_AREA" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -80,9 +77,9 @@
         </el-col>
         <el-col :span="24">
           <layout-table :data="data.childList" :show-pagination="false">
-            <el-table-column type="index" label="序号" width="50"/>
-            <el-table-column prop="INSPECTION_SITE" label="检查部位"/>
-            <el-table-column prop="REGULATORY_STATUS" label="规定状态"/>
+            <el-table-column type="index" label="序号" width="50" />
+            <el-table-column prop="INSPECTION_SITE" label="检查部位" />
+            <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
             <el-table-column label="操作" width="300">
               <template #default="{ row }">
                 <el-radio-group v-model="row.INSPECTION_STATUS">
@@ -97,11 +94,11 @@
         <el-col :span="12">
           <el-form-item label="检查日期" prop="INSPECTION_DATE">
             <el-date-picker
-                    v-model="form.INSPECTION_DATE"
-                    value-format="YYYY-MM-DD"
-                    format="YYYY-MM-DD"
-                    type="date"
-                    @change="getDueDate"
+              v-model="form.INSPECTION_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              @change="getDueDate"
             />
           </el-form-item>
         </el-col>
@@ -109,10 +106,10 @@
           <el-form-item label="检查人" prop="INSPECTIONTOR">
             <el-select v-model="form.INSPECTIONTOR" multiple filterable>
               <el-option
-                      v-for="item in data.userList"
-                      :key="item.USER_ID"
-                      :label="item.NAME"
-                      :value="item.USER_ID"
+                v-for="item in data.userList"
+                :key="item.USER_ID"
+                :label="item.NAME"
+                :value="item.USER_ID"
               />
             </el-select>
           </el-form-item>
@@ -120,22 +117,22 @@
         <el-col :span="12">
           <el-form-item label="检查周期（天）" prop="INSPECTION_CYCLE">
             <el-input
-                    v-model.number="form.INSPECTION_CYCLE"
-                    type="number"
-                    maxlength="50"
-                    show-word-limit
-                    @change="getDueDate"
+              v-model.number="form.INSPECTION_CYCLE"
+              type="number"
+              maxlength="50"
+              show-word-limit
+              @change="getDueDate"
             />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="到期日期" prop="DUE_DATE">
             <el-date-picker
-                    v-model="form.DUE_DATE"
-                    value-format="YYYY-MM-DD"
-                    format="YYYY-MM-DD"
-                    type="date"
-                    @change="getRemiderDate"
+              v-model="form.DUE_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              @change="getRemiderDate"
             />
           </el-form-item>
         </el-col>
@@ -144,10 +141,10 @@
           <el-form-item label="提醒天数" prop="REMINDER_DAYS">
             <el-select v-model="form.REMINDER_DAYS" @change="getRemiderDate">
               <el-option
-                      v-for="item in REMIND_DAYS"
-                      :key="item.NAME"
-                      :label="item.NAME"
-                      :value="item.NUM"
+                v-for="item in REMIND_DAYS"
+                :key="item.NAME"
+                :label="item.NAME"
+                :value="item.NUM"
               />
             </el-select>
           </el-form-item>
@@ -155,55 +152,55 @@
         <el-col :span="12">
           <el-form-item label="提醒日期" prop="REMINDER_DATE">
             <el-date-picker
-                    v-model="form.REMINDER_DATE"
-                    value-format="YYYY-MM-DD"
-                    format="YYYY-MM-DD"
-                    type="date"
-                    disabled
+              v-model="form.REMINDER_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              disabled
             />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="提醒状态" prop="REMINDER_STATUS">
             <el-switch
-                    v-model="form.REMINDER_STATUS"
-                    inline-prompt
-                    active-text="开"
-                    inactive-text="关"
-                    active-value="1"
-                    inactive-value="0"
+              v-model="form.REMINDER_STATUS"
+              inline-prompt
+              active-text="开"
+              inactive-text="关"
+              active-value="1"
+              inactive-value="0"
             />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="检查附件" prop="INSPECTION_ATTACHMENT">
             <layout-upload
-                    v-model:file-list="form.INSPECTION_ATTACHMENT"
-                    accept=".pdf"
-                    delete-to-server
-                    :limit="99"
+              v-model:file-list="form.INSPECTION_ATTACHMENT"
+              accept=".pdf"
+              delete-to-server
+              :limit="99"
             />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="检查图片" prop="INSPECTION_IMG">
             <layout-upload
-                    v-model:file-list="form.INSPECTION_IMG"
-                    list-type="picture-card"
-                    accept=".jpg,.jpeg,.png"
-                    :limit="99"
-                    delete-to-server
+              v-model:file-list="form.INSPECTION_IMG"
+              list-type="picture-card"
+              accept=".jpg,.jpeg,.png"
+              :limit="99"
+              delete-to-server
             />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="备注" prop="NOTES">
             <el-input
-                    v-model="form.NOTES"
-                    type="textarea"
-                    :autosize="{ minRows: 3 }"
-                    maxlength="250"
-                    show-word-limit
+              v-model="form.NOTES"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+              maxlength="250"
+              show-word-limit
             />
           </el-form-item>
         </el-col>
@@ -216,233 +213,249 @@
 </template>
 
 <script setup>
-    import {getUserListAll} from "@/request/data_dictionary.js";
-    import LayoutUpload from "@/components/upload/index.vue";
-    import {ref, reactive} from "vue";
-    import {debounce} from "throttle-debounce";
-    import {
-        getTankTruckInspectionRecordView,
-        setTankTruckInspectionRecordAdd,
-        setTankTruckInspectionRecordEdit,
-        getTankTruckInspectionListAll,
-        getTrailerList,
-    } from "@/request/mechanical_files.js";
-    import {setUploadImg} from "@/request/api.js";
-    import {ElMessage} from "element-plus";
-    import {useRoute, useRouter} from "vue-router";
-    import useFormValidate from "@/assets/js/useFormValidate.js";
-    import {addingPrefixToFile, subtractDaysFromDate} from "@/assets/js/utils.js";
-    import {REMIND_DAYS} from "@/assets/js/constant.js";
+import { getUserListAll } from "@/request/data_dictionary.js";
+import LayoutUpload from "@/components/upload/index.vue";
+import { ref, reactive } from "vue";
+import { debounce } from "throttle-debounce";
+import {
+  getTankTruckInspectionRecordView,
+  setTankTruckInspectionRecordAdd,
+  setTankTruckInspectionRecordEdit,
+  getTankTruckInspectionListAll,
+  getTrailerList,
+} from "@/request/mechanical_files.js";
+import { setUploadImg } from "@/request/api.js";
+import { ElMessage } from "element-plus";
+import { useRoute, useRouter } from "vue-router";
+import useFormValidate from "@/assets/js/useFormValidate.js";
+import { addingPrefixToFile, subtractDaysFromDate } from "@/assets/js/utils.js";
+import { REMIND_DAYS } from "@/assets/js/constant.js";
 
-    const route = useRoute();
-    const router = useRouter();
-    const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID;
-    const formRef = ref(null);
-    const form = ref({
-        VEHICLE: '',
-        INSPECTION_DATE: '',
-        INSPECTIONTOR: [],
-        DUE_DATE: '',
-        INSPECTION_CYCLE: '',
-        REMINDER_DAYS: '',
-        REMINDER_DATE: '',
-        REMINDER_STATUS: '',
-        INSPECTION_ATTACHMENT: [],
-        INSPECTION_IMG: [],
-        NOTES: ''
-    });
-    const data = reactive({
-        vehicleList: [],
-        busInfo: {
-            DRIVING_LICENSE_IMG: [],
-            PLATE_NUMBER: "",
-            VIN: "",
-            TRAILER_TYPE: "",
-            CAR_OWNERS: "",
-            CAR_OWNERS_TEL: "",
-            INITIAL_REGISTRATION_DATE: "",
-            COMPANY_AREA: "",
-        },
-        userList: [],
-        childList: []
-    });
-    const rules = {
-        VEHICLE: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTION_DATE: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTIONTOR: [{required: true, message: "请输入", trigger: "blur"}],
-        DUE_DATE: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTION_CYCLE: [{required: true, message: "请输入", trigger: "blur"}],
-        REMINDER_DAYS: [{required: true, message: "请输入", trigger: "blur"}],
-        REMINDER_DATE: [{required: true, message: "请输入", trigger: "blur"}],
-        REMINDER_STATUS: [{required: true, message: "请输入", trigger: "blur"}],
-        INSPECTION_ATTACHMENT: [{required: true, message: "请添加附件", trigger: "blur"}],
-        INSPECTION_IMG: [{required: true, message: "请添加图片", trigger: "blur"}],
-    };
-    const getDueDate = () => {
-        if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) {
-            form.value.DUE_DATE = subtractDaysFromDate(
-                form.value.INSPECTION_DATE,
-                form.value.INSPECTION_CYCLE,
-                true
-            );
-            if (form.value.REMINDER_DAYS) {
-                form.value.REMINDER_DATE = subtractDaysFromDate(
-                    form.value.DUE_DATE,
-                    form.value.REMINDER_DAYS
-                );
-            }
-        } else {
-            form.value.DUE_DATE = "";
-            form.value.REMINDER_DATE = "";
-        }
-    };
-    const getRemiderDate = (val) => {
-        if (val) {
-            if (form.value.DUE_DATE) {
-                // 计算提醒日期
-                const reminderDateStr = subtractDaysFromDate(form.value.DUE_DATE, val);
-                const reminderDate = new Date(reminderDateStr);
-                const today = new Date();
-
-                // 检查计算出的提醒日期是否早于当前时间
-                if (reminderDate < today) {
-                    // 如果提醒日期早于当前日期，显示错误提示并重置提醒日期
-                    ElMessage.error("输入的提醒天数错误，提醒日期不能早于当前日期。");
-                    form.value.REMINDER_DATE = ""; // 重置提醒日期
-                } else {
-                    // 如果提醒日期正常，更新表单值
-                    form.value.REMINDER_DATE = reminderDateStr;
-                }
-            }
-        } else {
-            form.value.REMINDER_DATE = "";
-        }
-    };
-    const getUserList = async () => {
-        const resData = await getUserListAll();
-        data.userList = resData.userList;
-    };
-    getUserList()
-    const getVehicle = async (event) => {
-        const resData = await getTrailerList({TRAFFIC_TYPE: event});
-        data.vehicleList = resData.list;
-        form.value.VEHICLE = "";
-        data.busInfo.DRIVING_LICENSE_IMG = [];
-        data.busInfo.PLATE_NUMBER = "";
-        data.busInfo.VIN = "";
-        data.busInfo.TRAILER_TYPE = "";
-        data.busInfo.CAR_OWNERS = "";
-        data.busInfo.CAR_OWNERS_TEL = "";
-        data.busInfo.INITIAL_REGISTRATION_DATE = "";
-        data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
-    };
-    getVehicle("2");
-    const fnBusChange = async (event) => {
-        const resData = await getTrailerList({ID: event});
-        data.busInfo = resData.list[0];
-        if (form.value.TELEPHONE === "") {
-            form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL;
-        }
-        if (form.value.CAR_OWNERS === "") {
-            form.value.CAR_OWNERS = data.busInfo.CAR_OWNERS;
-        }
-        data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
-            resData.drivingLicenseImgs
-        );
-    };
-    const getBusInfo = (val) => {
-        if (val) {
-            fnBusChange(val);
-        } else {
-            data.busInfo.DRIVING_LICENSE_IMG = [];
-            data.busInfo.PLATE_NUMBER = "";
-            data.busInfo.VIN = "";
-            data.busInfo.TRAILER_TYPE = "";
-            data.busInfo.CAR_OWNERS = "";
-            data.busInfo.CAR_OWNERS_TEL = "";
-            data.busInfo.INITIAL_REGISTRATION_DATE = "";
-            data.busInfo.COMPANY_AREA = "";
-            data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
-        }
-    };
-    const fnGetData = async () => {
-        if (!TANKTRUCKINSPECTIONRECORD_ID) {
-            const tableData = await getTankTruckInspectionListAll()
-            const childList = []
-            tableData.list.forEach(item => {
-                const _obj = {
-                    INSPECTION_SITE: item.INSPECTION_SITE,
-                    REGULATORY_STATUS: item.REGULATORY_STATUS,
-                    INSPECTION_STATUS: 1
-                }
-                childList.push(_obj)
-            })
-            data.childList = childList
-            return;
-        }
-        const resData = await getTankTruckInspectionRecordView({TANKTRUCKINSPECTIONRECORD_ID});
-        form.value = resData.pd;
-        form.value.INSPECTION_ATTACHMENT = [];
-        form.value.INSPECTION_IMG = [];
-        fnBusChange(form.value.VEHICLE);
-        form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(resData.inspectionAttachmentImgs);
-        form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
-
-    };
-    fnGetData();
-
-    const fnUploadImage = async (currentId, FFILE, TYPE) => {
-        const formData = new FormData();
-        formData.append("FOREIGN_KEY", currentId);
-        formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定
-        formData.append("FFILE", FFILE);
-        await setUploadImg(formData);
-    };
-
-    const fnSubmit = debounce(
-        1000,
-        async () => {
-            await useFormValidate(formRef);
-            const formData = {};
-            Object.keys(form.value).forEach((key) => {
-                if(key!=='INSPECTIONTOR'&&key!=='INSPECTION_ATTACHMENT'&&key!=='INSPECTION_IMG'){
-                    formData[key] = form.value[key]
-                }
-            });
-            formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(',')
-            const DETAILS =[]
-            data.childList.forEach(item=>{
-                DETAILS.push({
-                    INSPECTION_SITE: item.INSPECTION_SITE,
-                    REGULATORY_STATUS: item.REGULATORY_STATUS,
-                    INSPECTION_STATUS: item.INSPECTION_STATUS
-                })
-            })
-            formData.DETAILS = JSON.stringify(DETAILS)
-            const resData = !TANKTRUCKINSPECTIONRECORD_ID
-                ? await setTankTruckInspectionRecordAdd({...formData})
-                : await setTankTruckInspectionRecordEdit({...formData, TANKTRUCKINSPECTIONRECORD_ID});
-            const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID;
-
-            // 附件上传
-            for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) {
-                if (form.value.INSPECTION_ATTACHMENT[i].raw) {
-                    await fnUploadImage(currentId, form.value.INSPECTION_ATTACHMENT[i].raw, "130"); // 附件上传
-                }
-            }
-
-            // 图片上传
-            for (let i = 0; i < form.value.INSPECTION_IMG.length; i++) {
-                if (form.value.INSPECTION_IMG[i].raw) {
-                    await fnUploadImage(currentId, form.value.INSPECTION_IMG[i].raw, "131"); // 图片上传
-                }
-            }
-
-            ElMessage.success("保存成功");
-            router.back();
-        },
-        {atBegin: true}
+const route = useRoute();
+const router = useRouter();
+const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID;
+const formRef = ref(null);
+const form = ref({
+  VEHICLE: "",
+  INSPECTION_DATE: "",
+  INSPECTIONTOR: [],
+  DUE_DATE: "",
+  INSPECTION_CYCLE: "",
+  REMINDER_DAYS: "",
+  REMINDER_DATE: "",
+  REMINDER_STATUS: "",
+  INSPECTION_ATTACHMENT: [],
+  INSPECTION_IMG: [],
+  NOTES: "",
+});
+const data = reactive({
+  vehicleList: [],
+  busInfo: {
+    DRIVING_LICENSE_IMG: [],
+    PLATE_NUMBER: "",
+    VIN: "",
+    TRAILER_TYPE: "",
+    CAR_OWNERS: "",
+    CAR_OWNERS_TEL: "",
+    INITIAL_REGISTRATION_DATE: "",
+    COMPANY_AREA: "",
+  },
+  userList: [],
+  childList: [],
+});
+const rules = {
+  VEHICLE: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTION_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTIONTOR: [{ required: true, message: "请输入", trigger: "blur" }],
+  DUE_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTION_CYCLE: [{ required: true, message: "请输入", trigger: "blur" }],
+  REMINDER_DAYS: [{ required: true, message: "请输入", trigger: "blur" }],
+  REMINDER_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
+  REMINDER_STATUS: [{ required: true, message: "请输入", trigger: "blur" }],
+  INSPECTION_ATTACHMENT: [
+    { required: true, message: "请添加附件", trigger: "blur" },
+  ],
+  INSPECTION_IMG: [{ required: true, message: "请添加图片", trigger: "blur" }],
+};
+const getDueDate = () => {
+  if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) {
+    form.value.DUE_DATE = subtractDaysFromDate(
+      form.value.INSPECTION_DATE,
+      form.value.INSPECTION_CYCLE,
+      true
     );
+    if (form.value.REMINDER_DAYS) {
+      form.value.REMINDER_DATE = subtractDaysFromDate(
+        form.value.DUE_DATE,
+        form.value.REMINDER_DAYS
+      );
+    }
+  } else {
+    form.value.DUE_DATE = "";
+    form.value.REMINDER_DATE = "";
+  }
+};
+const getRemiderDate = (val) => {
+  if (val) {
+    if (form.value.DUE_DATE) {
+      // 计算提醒日期
+      const reminderDateStr = subtractDaysFromDate(form.value.DUE_DATE, val);
+      const reminderDate = new Date(reminderDateStr);
+      const today = new Date();
+
+      // 检查计算出的提醒日期是否早于当前时间
+      if (reminderDate < today) {
+        // 如果提醒日期早于当前日期，显示错误提示并重置提醒日期
+        ElMessage.error("输入的提醒天数错误，提醒日期不能早于当前日期。");
+        form.value.REMINDER_DATE = ""; // 重置提醒日期
+      } else {
+        // 如果提醒日期正常，更新表单值
+        form.value.REMINDER_DATE = reminderDateStr;
+      }
+    }
+  } else {
+    form.value.REMINDER_DATE = "";
+  }
+};
+const getUserList = async () => {
+  const resData = await getUserListAll();
+  data.userList = resData.userList;
+};
+getUserList();
+const getVehicle = async (event) => {
+  const resData = await getTrailerList({ TRAFFIC_TYPE: event });
+  data.vehicleList = resData.list;
+  form.value.VEHICLE = "";
+  data.busInfo.DRIVING_LICENSE_IMG = [];
+  data.busInfo.PLATE_NUMBER = "";
+  data.busInfo.VIN = "";
+  data.busInfo.TRAILER_TYPE = "";
+  data.busInfo.CAR_OWNERS = "";
+  data.busInfo.CAR_OWNERS_TEL = "";
+  data.busInfo.INITIAL_REGISTRATION_DATE = "";
+  data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
+};
+getVehicle("2");
+const fnBusChange = async (event) => {
+  const resData = await getTrailerList({ ID: event });
+  data.busInfo = resData.list[0];
+  if (form.value.TELEPHONE === "") {
+    form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL;
+  }
+  if (form.value.CAR_OWNERS === "") {
+    form.value.CAR_OWNERS = data.busInfo.CAR_OWNERS;
+  }
+  data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
+    resData.drivingLicenseImgs
+  );
+};
+const getBusInfo = (val) => {
+  if (val) {
+    fnBusChange(val);
+  } else {
+    data.busInfo.DRIVING_LICENSE_IMG = [];
+    data.busInfo.PLATE_NUMBER = "";
+    data.busInfo.VIN = "";
+    data.busInfo.TRAILER_TYPE = "";
+    data.busInfo.CAR_OWNERS = "";
+    data.busInfo.CAR_OWNERS_TEL = "";
+    data.busInfo.INITIAL_REGISTRATION_DATE = "";
+    data.busInfo.COMPANY_AREA = "";
+    data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
+  }
+};
+const fnGetData = async () => {
+  if (!TANKTRUCKINSPECTIONRECORD_ID) {
+    const tableData = await getTankTruckInspectionListAll();
+    const childList = [];
+    tableData.list.forEach((item) => {
+      const _obj = {
+        INSPECTION_SITE: item.INSPECTION_SITE,
+        REGULATORY_STATUS: item.REGULATORY_STATUS,
+        INSPECTION_STATUS: 1,
+      };
+      childList.push(_obj);
+    });
+    data.childList = childList;
+    return;
+  }
+  const resData = await getTankTruckInspectionRecordView({
+    TANKTRUCKINSPECTIONRECORD_ID,
+  });
+  form.value = resData.pd;
+  form.value.INSPECTION_ATTACHMENT = [];
+  form.value.INSPECTION_IMG = [];
+  fnBusChange(form.value.VEHICLE);
+  form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(
+    resData.inspectionAttachmentImgs
+  );
+  form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
+};
+fnGetData();
+
+const fnUploadImage = async (currentId, FFILE, TYPE) => {
+  const formData = new FormData();
+  formData.append("FOREIGN_KEY", currentId);
+  formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定
+  formData.append("FFILE", FFILE);
+  await setUploadImg(formData);
+};
+
+const fnSubmit = debounce(
+  1000,
+  async () => {
+    await useFormValidate(formRef);
+    const formData = {};
+    Object.keys(form.value).forEach((key) => {
+      if (
+        key !== "INSPECTIONTOR" &&
+        key !== "INSPECTION_ATTACHMENT" &&
+        key !== "INSPECTION_IMG"
+      ) {
+        formData[key] = form.value[key];
+      }
+    });
+    formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(",");
+    const DETAILS = [];
+    data.childList.forEach((item) => {
+      DETAILS.push({
+        INSPECTION_SITE: item.INSPECTION_SITE,
+        REGULATORY_STATUS: item.REGULATORY_STATUS,
+        INSPECTION_STATUS: item.INSPECTION_STATUS,
+      });
+    });
+    formData.DETAILS = JSON.stringify(DETAILS);
+    const resData = !TANKTRUCKINSPECTIONRECORD_ID
+      ? await setTankTruckInspectionRecordAdd({ ...formData })
+      : await setTankTruckInspectionRecordEdit({
+          ...formData,
+          TANKTRUCKINSPECTIONRECORD_ID,
+        });
+    const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID;
+
+    // 附件上传
+    for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) {
+      if (form.value.INSPECTION_ATTACHMENT[i].raw) {
+        await fnUploadImage(
+          currentId,
+          form.value.INSPECTION_ATTACHMENT[i].raw,
+          "130"
+        ); // 附件上传
+      }
+    }
+
+    // 图片上传
+    for (let i = 0; i < form.value.INSPECTION_IMG.length; i++) {
+      if (form.value.INSPECTION_IMG[i].raw) {
+        await fnUploadImage(currentId, form.value.INSPECTION_IMG[i].raw, "131"); // 图片上传
+      }
+    }
+
+    ElMessage.success("保存成功");
+    router.back();
+  },
+  { atBegin: true }
+);
 </script>
 
 <style scoped lang="scss"></style>
diff --git a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/index.vue b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/index.vue
index e09f50e..38304b8 100644
--- a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/index.vue
+++ b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/index.vue
@@ -11,10 +11,10 @@
             <el-form-item label="检查车辆" prop="VEHICLE">
               <el-select v-model="searchForm.VEHICLE">
                 <el-option
-                        v-for="item in data.vehicleList"
-                        :key="item.ID"
-                        :label="item.PLATE_NUMBER"
-                        :value="item.ID"
+                  v-for="item in data.vehicleList"
+                  :key="item.ID"
+                  :label="item.PLATE_NUMBER"
+                  :value="item.ID"
                 />
               </el-select>
             </el-form-item>
@@ -32,12 +32,12 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="检查人" prop="INSPECTIONTOR">
-              <el-select v-model="searchForm.INSPECTIONTOR"  filterable>
+              <el-select v-model="searchForm.INSPECTIONTOR" filterable>
                 <el-option
-                        v-for="item in data.userList"
-                        :key="item.USER_ID"
-                        :label="item.NAME"
-                        :value="item.USER_ID"
+                  v-for="item in data.userList"
+                  :key="item.USER_ID"
+                  :label="item.NAME"
+                  :value="item.USER_ID"
                 />
               </el-select>
             </el-form-item>
@@ -85,7 +85,10 @@
               @click="
                 router.push({
                   path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/view',
-                  query: { TANKTRUCKINSPECTIONRECORD_ID: row.TANKTRUCKINSPECTIONRECORD_ID },
+                  query: {
+                    TANKTRUCKINSPECTIONRECORD_ID:
+                      row.TANKTRUCKINSPECTIONRECORD_ID,
+                  },
                 })
               "
             >
@@ -98,13 +101,21 @@
               @click="
                 router.push({
                   path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit',
-                  query: { TANKTRUCKINSPECTIONRECORD_ID: row.TANKTRUCKINSPECTIONRECORD_ID },
+                  query: {
+                    TANKTRUCKINSPECTIONRECORD_ID:
+                      row.TANKTRUCKINSPECTIONRECORD_ID,
+                  },
                 })
               "
             >
               编辑
             </el-button>
-            <el-button type="danger" text link @click="fnDelete(row.TANKTRUCKINSPECTIONRECORD_ID)">
+            <el-button
+              type="danger"
+              text
+              link
+              @click="fnDelete(row.TANKTRUCKINSPECTIONRECORD_ID)"
+            >
               删除
             </el-button>
           </template>
@@ -112,7 +123,11 @@
         <template #button>
           <el-button
             type="primary"
-            @click="router.push({ path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/add' })"
+            @click="
+              router.push({
+                path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/add',
+              })
+            "
           >
             新增
           </el-button>
@@ -123,31 +138,31 @@
 </template>
 
 <script setup>
-import { reactive} from "vue";
-import {getUserListAll} from "@/request/data_dictionary.js";
+import { reactive } from "vue";
+import { getUserListAll } from "@/request/data_dictionary.js";
 import { useRouter } from "vue-router";
 import { serialNumber } from "@/assets/js/utils";
 import useListData from "@/assets/js/useListData.js";
 import {
   getTankTruckInspectionRecordList,
   setTankTruckInspectionRecordDelete,
-    getTrailerList,
+  getTrailerList,
 } from "@/request/mechanical_files.js";
 import { debounce } from "throttle-debounce";
 import { ElMessageBox, ElMessage } from "element-plus";
 const router = useRouter();
 const data = reactive({
-    vehicleList: [],
-    userList: [],
+  vehicleList: [],
+  userList: [],
 });
 const getUserList = async () => {
-    const resData = await getUserListAll();
-    data.userList = resData.userList;
+  const resData = await getUserListAll();
+  data.userList = resData.userList;
 };
-getUserList()
+getUserList();
 const getVehicle = async (event) => {
-    const resData = await getTrailerList({TRAFFIC_TYPE: event});
-    data.vehicleList = resData.list;
+  const resData = await getTrailerList({ TRAFFIC_TYPE: event });
+  data.vehicleList = resData.list;
 };
 getVehicle("2");
 const { list, pagination, searchForm, fnGetData, fnResetPagination, tableRef } =
@@ -160,7 +175,6 @@ const fnGetDataTransfer = () => {
   });
 };
 const fnResetPaginationTransfer = () => {
-    console.log()
   fnResetPagination({
     VEHICLE: searchForm.value.VEHICLE,
     INSPECTION_DATE: searchForm.value.INSPECTION_DATE,
diff --git a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/view.vue b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/view.vue
index 6bcc9a1..7867a49 100644
--- a/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/view.vue
+++ b/src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/view.vue
@@ -29,20 +29,20 @@
       </el-descriptions>
       <el-divider content-position="left">罐检信息</el-divider>
       <layout-table :data="data.childList" :show-pagination="false">
-        <el-table-column type="index" label="序号" width="50"/>
-        <el-table-column prop="INSPECTION_SITE" label="检查部位"/>
-        <el-table-column prop="REGULATORY_STATUS" label="规定状态"/>
+        <el-table-column type="index" label="序号" width="50" />
+        <el-table-column prop="INSPECTION_SITE" label="检查部位" />
+        <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
         <el-table-column label="操作" width="300">
           <template #default="{ row }">
-            <span v-if="row.INSPECTION_STATUS==='1'">合格</span>
-            <span v-if="row.INSPECTION_STATUS==='2'">不合格</span>
-            <span v-if="row.INSPECTION_STATUS==='3'">不涉及</span>
+            <span v-if="row.INSPECTION_STATUS === '1'">合格</span>
+            <span v-if="row.INSPECTION_STATUS === '2'">不合格</span>
+            <span v-if="row.INSPECTION_STATUS === '3'">不涉及</span>
           </template>
         </el-table-column>
       </layout-table>
       <el-descriptions :column="2" border>
         <el-descriptions-item label-class-name="width_200" label="检查日期">
-        {{ info.INSPECTION_DATE }}
+          {{ info.INSPECTION_DATE }}
         </el-descriptions-item>
         <el-descriptions-item label-class-name="width_200" label="检查人">
           {{ info.INSPECTIONTOR_NAME }}
@@ -50,7 +50,10 @@
         <el-descriptions-item label-class-name="width_200" label="到期日期">
           {{ info.DUE_DATE }}
         </el-descriptions-item>
-        <el-descriptions-item label-class-name="width_200" label="检查周期（天）">
+        <el-descriptions-item
+          label-class-name="width_200"
+          label="检查周期（天）"
+        >
           {{ info.INSPECTION_CYCLE }}
         </el-descriptions-item>
         <el-descriptions-item label-class-name="width_200" label="提醒天数">
@@ -59,7 +62,11 @@
         <el-descriptions-item label-class-name="width_200" label="提醒日期">
           {{ info.REMINDER_DATE }}
         </el-descriptions-item>
-        <el-descriptions-item label-class-name="width_200" label="提醒状态" span="2">
+        <el-descriptions-item
+          label-class-name="width_200"
+          label="提醒状态"
+          span="2"
+        >
           {{ info.REMINDER_STATUS === "1" ? "开启" : "关闭" }}
         </el-descriptions-item>
         <el-descriptions-item
@@ -67,19 +74,16 @@
           label="检查附件"
           span="2"
         >
-          <div v-for="item in info.INSPECTION_ATTACHMENT"
-               :key="item.FILEPATH">
+          <div v-for="item in info.INSPECTION_ATTACHMENT" :key="item.FILEPATH">
             <el-button
-
-                    type="primary"
-                    text
-                    link
-                    @click="useDownloadFile(item.FILEPATH)"
+              type="primary"
+              text
+              link
+              @click="useDownloadFile(item.FILEPATH)"
             >
-              {{item.name}} 下载
+              {{ item.name }} 下载
             </el-button>
           </div>
-
         </el-descriptions-item>
         <el-descriptions-item
           label-class-name="width_200"
@@ -116,7 +120,10 @@
 <script setup>
 import useDownloadFile from "@/assets/js/useDownloadFile.js";
 import { ref, reactive } from "vue";
-import { getTankTruckInspectionRecordView, getTrailerList } from "@/request/mechanical_files.js";
+import {
+  getTankTruckInspectionRecordView,
+  getTrailerList,
+} from "@/request/mechanical_files.js";
 import { useRoute } from "vue-router";
 import { addingPrefixToFile } from "@/assets/js/utils.js";
 const route = useRoute();
@@ -134,7 +141,7 @@ const data = reactive({
     CAR_OWNERS_TEL: "",
     INITIAL_REGISTRATION_DATE: "",
   },
-    childList:[]
+  childList: [],
 });
 const fnBusChange = async (event) => {
   const resData = await getTrailerList({ ID: event });
@@ -145,15 +152,19 @@ const fnBusChange = async (event) => {
 };
 const fnGetData = async () => {
   if (!TANKTRUCKINSPECTIONRECORD_ID) return;
-    const resData = await getTankTruckInspectionRecordView({TANKTRUCKINSPECTIONRECORD_ID});
-    resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",")
-    info.value = resData.pd;
-    data.childList = resData.detail
-    info.value.INSPECTION_ATTACHMENT = [];
-    info.value.INSPECTION_IMG = [];
-    fnBusChange(info.value.VEHICLE);
-    info.value.INSPECTION_ATTACHMENT = addingPrefixToFile(resData.inspectionAttachmentImgs);
-    info.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
+  const resData = await getTankTruckInspectionRecordView({
+    TANKTRUCKINSPECTIONRECORD_ID,
+  });
+  resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",");
+  info.value = resData.pd;
+  data.childList = resData.detail;
+  info.value.INSPECTION_ATTACHMENT = [];
+  info.value.INSPECTION_IMG = [];
+  fnBusChange(info.value.VEHICLE);
+  info.value.INSPECTION_ATTACHMENT = addingPrefixToFile(
+    resData.inspectionAttachmentImgs
+  );
+  info.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
 };
 fnGetData();
 </script>