运营车辆 修改 车船税

src/assets/js/taxation_manage.js

@@ -0,0 +1,57 @@
+import {
+  getExpireStatus, getRemindStatus, getTaxesPeriod, getTrailerList, getTrailerVehicle, getTransportEnterprises,
+  getVehicleType, getTaxationList
+} from "@/request/taxation_manage.js";
+import { ref } from "vue";
+
+export const layoutFnGetExpireStatus = async () => {
+  const resData = await getExpireStatus({
+    DICTIONARIES_ID: "0000aeffdabfccos952559772f5b9fd4",
+  });
+  return ref(resData.list);
+};
+export const layoutFnGetRemindStatus = async () => {
+  const resData = await getRemindStatus({
+    DICTIONARIES_ID: "0000aeffdabfccos952559772f5b3421",
+  });
+  return ref(resData.list);
+};
+export const layoutFnGetTrailerList = async () => {
+  const resData = await getTrailerList({
+  });
+  return ref(resData.list);
+};
+
+export const layoutFnGetTaxationList = async () => {
+  const resData = await getTaxationList({
+  });
+  return ref(resData.list);
+};
+
+export const layoutFnGetTransportEnterprises = async () => {
+  const resData = await getTransportEnterprises({
+    DICTIONARIES_ID: "0000aeffdabfccos952559772f5b3777",
+  });
+  return ref(resData.list);
+};
+export const layoutFnGetTrailerVehicle = async () => {
+  const resData = await getTrailerVehicle({
+    DICTIONARIES_ID: "0000aeffdabfccos952559772f5b3xe1",
+  });
+  return ref(resData.list);
+};
+export const layoutFnGetTaxesPeriod = async () => {
+  const resData = await getTaxesPeriod({
+    DICTIONARIES_ID: "0000aeffdabfccos952559772f5b3xe3",
+  });
+  return ref(resData.list);
+};
+
+export const layoutFnGetVehicleType = async () => {   // 获取车辆类型
+  const resData = await getVehicleType({
+    DICTIONARIES_ID: "08411f2b259a45681512dfad07c4f11a",
+  });
+  return ref(resData.list);
+};
+
+

src/request/taxation_manage.js

@@ -0,0 +1,58 @@
+import { post, upload } from "@/request/axios.js";
+
+
+export const getTaxationManageList = (params) =>
+  post("/taxationmanage/list", params); // 运营车辆列表export const getOperationVehicleList = (params) =>
+
+export const setTaxatonManageDelete = (params) =>
+  post("/taxationmanage/delete", params); // 删除车船税管理export const getOperationVehicleList = (params) =>
+
+export const getExpireStatus = (params) =>
+  post("/dictionaries/getExpireStatus", {
+    loading: false,
+    ...params,
+  });
+export const getRemindStatus = (params) =>
+  post("/dictionaries/getRemindStatus", {
+    loading: false,
+    ...params,
+  });
+export const getTransportEnterprises = (params) =>
+  post("/dictionaries/getTransportEnterprises", {
+    loading: false,
+    ...params,
+  });
+export const findByIdTaxationManageInfo = (params) =>
+  post("/taxationmanage/goEdit", {
+    loading: false,
+    ...params,
+  });
+export const getTrailerVehicle = (params) =>
+  post("/dictionaries/getTrailerVehicle", {
+    loading: false,
+    ...params,
+  });
+export const getTaxesPeriod = (params) =>
+  post("/dictionaries/getTaxesPeriod", {
+    loading: false,
+    ...params,
+  });
+export const getVehicleType = (params) =>
+  post("/dictionaries/getVehicleType", {
+    loading: false,
+    ...params,
+  });
+export const setTaxationManageAdd = (params) =>
+  upload("/taxationmanage/add", params);  // 新增车船税管理
+
+export const editTaxationManageInfo = (params) =>
+  upload("/taxationmanage/edit", params);  // 修改车船税管理
+
+export const getTrailerList = (params) =>
+  upload("/freightTrailer/vehicleList", params);  // 获取所有挂车
+
+export const getTaxationList = (params) =>
+  upload("/taxationmanage/taxationList", params);  // 获取所有挂车
+
+
+

src/views/enterprise_management/basics_info_management/operation_vehicle/add.vue

@@ -1,26 +1,25 @@
 <template>
   <layout-card>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+      <el-row :gutter="20">
+        <el-col :span="24">
           <el-divider content-position="left">基本信息</el-divider>
-    <el-form
+        </el-col>
-      ref="formRef"
+      </el-row>
-      :model="data.form"
-      :rules="rules"
-      label-width="100px"
-    >
       <el-row>
         <el-col :span="6">
           <el-form-item label="编号" prop="GOODSSELFNUMBER">
-            <el-input v-model="data.form.GOODSSELFNUMBER" placeholder="请填写编号" />
+            <el-input v-model="form.GOODSSELFNUMBER" placeholder="请填写编号" />
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item prop="PLATE_NUMBER" label="车牌号">
-            <el-input v-model = "data.form.PLATE_NUMBER" placeholder = "请填写车牌号"></el-input>
+            <el-input v-model = "form.PLATE_NUMBER" placeholder = "请填写车牌号"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="车辆颜色" prop="VEHICLE_COLOR">
-            <el-select v-model="data.form.VEHICLE_COLOR">
+            <el-select v-model="form.VEHICLE_COLOR">
               <el-option
                 v-for="item in getVehicleColorList"
                 :key="item.BIANMA"
@@ -32,22 +31,22 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="车架号" prop="FRAMES_NUMBER">
-            <el-input v-model="data.form.FRAMES_NUMBER" placeholder="请填写车架号"></el-input>
+            <el-input v-model="form.FRAMES_NUMBER" placeholder="请填写车架号"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="发动机号" prop="ENGINE_NUMBER">
-            <el-input v-model="data.form.ENGINE_NUMBER" placeholder="请填写发动机号"></el-input>
+            <el-input v-model="form.ENGINE_NUMBER" placeholder="请填写发动机号"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="营运证号" prop="OPERATING_CERTIFICATE">
-            <el-input v-model="data.form.OPERATING_CERTIFICATE" placeholder="请填写营运证号"></el-input>
+            <el-input v-model="form.OPERATING_CERTIFICATE" placeholder="请填写营运证号"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="运输类别" prop="TRANSPORT_TYPE">
-            <el-select v-model="data.form.TRANSPORT_TYPE">
+            <el-select v-model="form.TRANSPORT_TYPE">
               <el-option
                 v-for="item in getTransportCategoryList"
                 :key="item.BIANMA"
@@ -59,7 +58,7 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="归属部门" prop="BELONGING_DEPARTMENT">
-            <el-select v-model="data.form.BELONGING_DEPARTMENT">
+            <el-select v-model="form.BELONGING_DEPARTMENT">
               <el-option
                 v-for="item in getBelongingDepartment"
                 :key="item.BIANMA"
@@ -71,7 +70,7 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
-            <el-select v-model="data.form.VEHICLE_TYPE">
+            <el-select v-model="form.VEHICLE_TYPE">
               <el-option
                 v-for="item in getVehicleTypeList"
                 :key="item.BIANMA"
@@ -83,43 +82,43 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="车主/业主" prop="VEHICLEOWNER">
-            <el-input v-model="data.form.VEHICLEOWNER" placeholder="请填写车主/业主"></el-input>
+            <el-input v-model="form.VEHICLEOWNER" placeholder="请填写车主/业主"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="车主电话" prop="VEHICLEOWNER_NUMBER">
-            <el-input v-model="data.form.VEHICLEOWNER_NUMBER" placeholder="请填写车主电话"></el-input>
+            <el-input v-model="form.VEHICLEOWNER_NUMBER" placeholder="请填写车主电话"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="车主住址" prop="VEHICLEOWNER_ADDRESS">
-            <el-input v-model="data.form.VEHICLEOWNER_ADDRESS" placeholder="请填写车主住址"></el-input>
+            <el-input v-model="form.VEHICLEOWNER_ADDRESS" placeholder="请填写车主住址"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人" prop="CONTACT">
-            <el-input v-model="data.form.CONTACT" placeholder="请填写联系人"></el-input>
+            <el-input v-model="form.CONTACT" placeholder="请填写联系人"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话" prop="CONTACT_NUMBER">
-            <el-input v-model="data.form.CONTACT_NUMBER" placeholder="请填写联系电话"></el-input>
+            <el-input v-model="form.CONTACT_NUMBER" placeholder="请填写联系电话"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="家庭住址" prop="HOME_ADDRESS">
-            <el-input v-model="data.form.HOME_ADDRESS" placeholder="请输入家庭住址"></el-input>
+            <el-input v-model="form.HOME_ADDRESS" placeholder="请输入家庭住址"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="实际住址" prop="PHYSICAL_ADDRESS">
-            <el-input v-model="data.form.PHYSICAL_ADDRESS" placeholder="请输入实际住址"></el-input>
+            <el-input v-model="form.PHYSICAL_ADDRESS" placeholder="请输入实际住址"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="初登日期" prop="FIRSTSHOW_DATE">
             <el-date-picker
-              v-model="data.form.FIRSTSHOW_DATE"
+              v-model="form.FIRSTSHOW_DATE"
               value-format="YYYY-MM-DD"
               format="YYYY-MM-DD"
               type="date"
@@ -130,7 +129,7 @@
         <el-col :span="6">
           <el-form-item label="发证日期" prop="CERTIFICATE_DATE">
             <el-date-picker
-              v-model="data.form.CERTIFICATE_DATE"
+              v-model="form.CERTIFICATE_DATE"
               value-format="YYYY-MM-DD"
               format="YYYY-MM-DD"
               type="date"
@@ -141,7 +140,7 @@
         <el-col :span="6">
           <el-form-item label="到期日期" prop="EXPIRE_DATE">
             <el-date-picker
-              v-model="data.form.EXPIRE_DATE"
+              v-model="form.EXPIRE_DATE"
               value-format="YYYY-MM-DD"
               format="YYYY-MM-DD"
               type="date"
@@ -151,7 +150,7 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="车载设备" prop="VEHICLE_EQUIPMENT">
-            <el-select v-model="data.form.VEHICLE_EQUIPMENT">
+            <el-select v-model="form.VEHICLE_EQUIPMENT">
               <el-option
                 v-for="item in getMobileUnitList"
                 :key="item.BIANMA"
@@ -164,17 +163,17 @@
         <el-divider content-position="left">详细信息</el-divider>
         <el-col :span="6">
           <el-form-item label="车辆品牌" prop="VEHICLE_BRAND">
-            <el-input v-model="data.form.VEHICLE_BRAND" placeholder="请填写车辆品牌"></el-input>
+            <el-input v-model="form.VEHICLE_BRAND" placeholder="请填写车辆品牌"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="车辆型号" prop="VEHICLE_MODEL">
-            <el-input v-model="data.form.VEHICLE_MODEL" placeholder="请填写车辆型号"></el-input>
+            <el-input v-model="form.VEHICLE_MODEL" placeholder="请填写车辆型号"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="燃料类型" prop="FUEL_TYPE">
-            <el-select v-model="data.form.FUEL_TYPE">
+            <el-select v-model="form.FUEL_TYPE">
               <el-option
                 v-for="item in getFuelTypeList"
                 :key="item.BIANMA"
@@ -186,7 +185,7 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="排放标准" prop="EMISSION_STANDARD">
-            <el-select v-model="data.form.EMISSION_STANDARD">
+            <el-select v-model="form.EMISSION_STANDARD">
               <el-option
                 v-for="item in getEmissionStandardList"
                 :key="item.BIANMA"
@@ -198,28 +197,28 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="核定总质量" prop="VOUCH_TOTALMASS">
-            <el-input v-model="data.form.VOUCH_TOTALMASS" placeholder="请填写核定总质量"></el-input>
+            <el-input v-model="form.VOUCH_TOTALMASS" placeholder="请填写核定总质量"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="核定载人数" prop="VOUCH_NUMBERLOAD">
-            <el-input v-model="data.form.VOUCH_NUMBERLOAD" placeholder="请填写核定载人数"></el-input>
+            <el-input v-model="form.VOUCH_NUMBERLOAD" placeholder="请填写核定载人数"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="核定载质量" prop="VOUCH_PAYLOAD">
-            <el-input v-model="data.form.VOUCH_PAYLOAD" placeholder="请填写核定载质量"></el-input>
+            <el-input v-model="form.VOUCH_PAYLOAD" placeholder="请填写核定载质量"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="准牵引质量" prop="RACTIONMASS_QUALITY">
-            <el-input v-model="data.form.RACTIONMASS_QUALITY" placeholder="请填写准牵引质量"></el-input>
+            <el-input v-model="form.RACTIONMASS_QUALITY" placeholder="请填写准牵引质量"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="备注" prop="REMARK">
             <el-input
-              v-model="data.form.REMARK"
+              v-model="form.REMARK"
               placeholder="请填写备注"
               type="textarea"
               :autosize="{ minRows: 3 }"
@@ -230,34 +229,37 @@
         <el-col :span="7">
           <el-form-item label="车头图片" prop="HEADSTOCK_PHOTO">
             <layout-upload
-              v-model:file-list="data.form.HEADSTOCK_PHOTO"
+              v-model:file-list="form.HEADSTOCK_PHOTO"
               list-type="picture-card"
               accept=".jpg,.jpeg,.png"
+              delete-to-server
             />
           </el-form-item>
         </el-col>
         <el-col :span="7">
           <el-form-item label="行驶证照片" prop="DRIVINGLICENSE_PHOTO">
             <layout-upload
-              v-model:file-list="data.form.DRIVINGLICENSE_PHOTO"
+              v-model:file-list="form.DRIVINGLICENSE_PHOTO"
               list-type="picture-card"
               accept=".jpg,.jpeg,.png"
+              delete-to-server
             />
           </el-form-item>
         </el-col>
         <el-col :span="7">
           <el-form-item label="营运证照片" prop="OPERATING_CERTIFICATE_PHOTO">
             <layout-upload
-              v-model:file-list="data.form.OPERATING_CERTIFICATE_PHOTO"
+              v-model:file-list="form.OPERATING_CERTIFICATE_PHOTO"
               list-type="picture-card"
               accept=".jpg,.jpeg,.png"
+              delete-to-server
             />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="车辆资料" prop="VEHICLE_MATERIAL">
             <el-input
-              v-model="data.form.VEHICLE_MATERIAL"
+              v-model="form.VEHICLE_MATERIAL"
               placeholder="请填写车辆资料"
               type="textarea"
               :autosize="{ minRows: 3 }"
@@ -273,7 +275,7 @@
 </template>
 
 <script setup>
-import { reactive, ref } from "vue";
+import { ref } from "vue";
 import {
   layoutFnGetVehicleColor,
   layoutFnGetTransportCategory,
@@ -285,15 +287,19 @@ import {
 } from "@/assets/js/operation_vehicle.js";
 import {
   addOperatingVehicleInfo,
+  editOperatingVehicleInfo,
+  findByIdOperatingVehicleInfo
 } from "@/request/operation_vehicle.js";
 import useFormValidate from "@/assets/js/useFormValidate.js";
-
 import LayoutUpload from "@/components/upload/index.vue";
 import { ElMessage } from "element-plus";
 import { debounce } from "throttle-debounce";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
-
+import { setUploadImg } from "@/request/api.js";
+import { addingPrefixToFile } from "@/assets/js/utils.js";
 const router = useRouter();
+const route = useRoute();
+const OPERATING_ID = route.query.OPERATING_ID
 
 const rules = {
   PLATE_NUMBER: [{ required: true, message: "车牌号不能为空", trigger: "blur" }],
@@ -308,55 +314,56 @@ const rules = {
   CONTACT_NUMBER: [{required: true, message: "联系电话不能为空", trigger: "blur"}],
   FIRSTSHOW_DATE: [{required: true, message: "初登日期不能为空", trigger: "blur"}],
   VEHICLE_EQUIPMENT: [{required: true, message: "车载设备不能为空", trigger: "change"}],
+  HEADSTOCK_PHOTO: [{required: true, message: "车头照片不能为空", trigger: "blur"}],
+  DRIVINGLICENSE_PHOTO: [{required: true, message: "行驶证照片不能为空", trigger: "blur"}],
+  OPERATING_CERTIFICATE_PHOTO: [{required: true, message: "营运证照片不能为空", trigger: "blur"}],
 };
 const formRef = ref(null);
-const data = reactive({
+const form = ref({
-  form: {
+  GOODSSELFNUMBER: '',
-    GOODSSELFNUMBER: "",
+  PLATE_NUMBER: '',
-    PLATE_NUMBER: "",
+  VEHICLE_COLOR: '',
-    VEHICLE_COLOR: "",
+  FRAMES_NUMBER: '',
-    FRAMES_NUMBER: "",
+  ENGINE_NUMBER: '',
-    ENGINE_NUMBER: "",
+  MANAGING_ENTERPRISE: '',
-    MANAGING_ENTERPRISE: "",
   OPERATING_CERTIFICATE: [],
-    TRANSPORT_ENTERPRISES: "",
+  TRANSPORT_ENTERPRISES: '',
-    TRANSPORT_TYPE: "",
+  TRANSPORT_TYPE: '',
-    BELONGING_DEPARTMENT: "",
+  BELONGING_DEPARTMENT: '',
-    VEHICLE_TYPE: "",
+  VEHICLE_TYPE: '',
-    VEHICLEOWNER: "",
+  VEHICLEOWNER: '',
-    VEHICLEOWNER_NUMBER: "",
+  VEHICLEOWNER_NUMBER: '',
-    VEHICLEOWNER_ADDRESS: "",
+  VEHICLEOWNER_ADDRESS: '',
-    CONTACT: "",
+  CONTACT: '',
-    CONTACT_NUMBER: "",
+  CONTACT_NUMBER: '',
-    HOME_ADDRESS: "",
+  HOME_ADDRESS: '',
-    PHYSICAL_ADDRESS: "",
+  PHYSICAL_ADDRESS: '',
-    FIRSTSHOW_DATE: "",
+  FIRSTSHOW_DATE: '',
-    CERTIFICATE_DATE: "",
+  CERTIFICATE_DATE: '',
-    EXPIRE_DATE: "",
+  EXPIRE_DATE: '',
-    VEHICLE_EQUIPMENT: "",
+  VEHICLE_EQUIPMENT: '',
-    GOVERNMENT_OVERSIGHT: "",
+  GOVERNMENT_OVERSIGHT: '',
-    VEHICLE_BRAND: "",
+  VEHICLE_BRAND: '',
-    VEHICLE_MODEL: "",
+  VEHICLE_MODEL: '',
-    FUEL_TYPE: "",
+  FUEL_TYPE: '',
-    EMISSION_STANDARD: "",
+  EMISSION_STANDARD: '',
-    VOUCH_TOTALMASS: "",
+  VOUCH_TOTALMASS: '',
-    VOUCH_NUMBERLOAD: "",
+  VOUCH_NUMBERLOAD: '',
-    VOUCH_PAYLOAD: "",
+  VOUCH_PAYLOAD: '',
-    RACTIONMASS_QUALITY: "",
+  RACTIONMASS_QUALITY: '',
-    REMARK: "",
+  REMARK: '',
   HEADSTOCK_PHOTO: [],
   DRIVINGLICENSE_PHOTO: [],
   OPERATING_CERTIFICATE_PHOTO: [],
-    NETWORK_STATUS: "",
+  NETWORK_STATUS: '',
-    DYNAMIC_SUPERVISION: "",
+  DYNAMIC_SUPERVISION: '',
-    ACTIVE_SAFETY: "",
+  ACTIVE_SAFETY: '',
-    DRIVINGPREMIT_STATUS: "",
+  DRIVINGPREMIT_STATUS: '',
-    TRANSPORT_CATEGORY: "",
+  TRANSPORT_CATEGORY: '',
-    VEHICLE_MATERIAL: "",
+  VEHICLE_MATERIAL: '',
-    FREIGHT_TYPE: "",
+  FREIGHT_TYPE: '',
-    HOME_TERRITORY: "",
+  HOME_TERRITORY: '',
-    MANAGEMENT_TYPE: ""
+  MANAGEMENT_TYPE: ''
-  },
 });
 const getVehicleColorList = await layoutFnGetVehicleColor();
 const getTransportCategoryList = await layoutFnGetTransportCategory();
@@ -366,29 +373,56 @@ const getEmissionStandardList = await layoutFnGetEmissionStandard();
 const getVehicleTypeList = await layoutFnGetVehicleType();
 const getMobileUnitList = await layoutFnGetMobileUnit();
 
+const fnGetData = async () => {
+  if (!OPERATING_ID) return;
+  const resData = await findByIdOperatingVehicleInfo({ OPERATING_ID });
+  form.value = resData.pd;
+  form.value.HEADSTOCK_PHOTO = addingPrefixToFile(
+    resData.headstockphoto
+  );
+  form.value.DRIVINGLICENSE_PHOTO = addingPrefixToFile(
+    resData.drivinglicensephoto
+  );
+  form.value.OPERATING_CERTIFICATE_PHOTO = addingPrefixToFile(
+    resData.operatingcertificatephoto
+  );
+};
+fnGetData();
 const fnSubmit = debounce(
   1000,
   async () => {
     await useFormValidate(formRef);
-    const formData = new FormData();
+    const resData = ! OPERATING_ID
-    Object.keys(data.form).forEach((key) => {
+      ? await addOperatingVehicleInfo({...form.value} )
-      formData.append(key, data.form[key]);
+      : await editOperatingVehicleInfo({...form.value, OPERATING_ID:OPERATING_ID});
-    });
+    const currentOperatingVehicleId = resData.pd.OPERATING_ID
-    formData.delete("HEADSTOCK_PHOTO");
+    for (let i = 0; i < form.value.HEADSTOCK_PHOTO.length; i++){
-    formData.delete("DRIVINGLICENSE_PHOTO");
+      if(form.value.HEADSTOCK_PHOTO[i].raw) {
-    formData.delete("OPERATING_CERTIFICATE_PHOTO");
+        await fnUploadImage(currentOperatingVehicleId, form.value.HEADSTOCK_PHOTO[i].raw, 120)
-    if (data.form.HEADSTOCK_PHOTO[0].raw) formData.append("headstockFile", data.form.HEADSTOCK_PHOTO[0].raw);
+      }
-    if (data.form.DRIVINGLICENSE_PHOTO[0].raw) formData.append("drivinglicenseFile", data.form.DRIVINGLICENSE_PHOTO[0].raw);
+    }
-    if (data.form.OPERATING_CERTIFICATE_PHOTO[0].raw) formData.append("operatingCertificateFile", data.form.OPERATING_CERTIFICATE_PHOTO[0].raw);
+    for (let i = 0; i < form.value.DRIVINGLICENSE_PHOTO.length; i++){
-    formData.append("headstockFileType", !!data.form.HEADSTOCK_PHOTO[0].raw);
+      if(form.value.DRIVINGLICENSE_PHOTO[i].raw) {
-    formData.append("drivinglicenseFileType", !!data.form.DRIVINGLICENSE_PHOTO[0].raw);
+        await fnUploadImage(currentOperatingVehicleId, form.value.DRIVINGLICENSE_PHOTO[i].raw, 121)
-    formData.append("operatingCertificateFileType", !!data.form.OPERATING_CERTIFICATE_PHOTO[0].raw);
+      }
-    await addOperatingVehicleInfo(formData);
+    }
+    for (let i = 0; i < form.value.OPERATING_CERTIFICATE_PHOTO.length; i++){
+      if(form.value.OPERATING_CERTIFICATE_PHOTO[i].raw) {
+        await fnUploadImage(currentOperatingVehicleId, form.value.OPERATING_CERTIFICATE_PHOTO[i].raw, 122)
+      }
+    }
     ElMessage.success("提交成功");
     router.back();
   },
     { atBegin: true }
 );
+const fnUploadImage = async (HIDDEN_ID, FFILE, TYPE) => {
+  const formData = new FormData();
+  formData.append("FOREIGN_KEY", HIDDEN_ID);
+  formData.append("TYPE", TYPE);
+  formData.append("FFILE", FFILE);
+  await setUploadImg(formData);
+};
 </script>
 
 <style scoped lang="scss"></style>

src/views/mechanical_files/taxation_manage/add.vue

@@ -0,0 +1,383 @@
+<template>
+  <layout-card>
+    <el-divider content-position="left">车辆选择</el-divider>
+    <el-form
+      ref="formRef"
+      :model="data.form"
+      :rules="rules"
+      label-width="100px"
+    >
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="挂车车辆" prop="TRAILER_VEHICLE">
+            <el-select
+              v-model="data.form.TRAILER_VEHICLE"
+              @change="fnGetTrailerInfo"
+            >
+              <el-option
+                v-for="item in getTrailerList"
+                :key="item.PLATE_NUMBER"
+                :label="item.PLATE_NUMBER"
+                :value="(data.TRAILERRECORD_NUMBER = item.FREIGHTTRAILER_ID)"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="登记编号" prop="RECORD_NUMBER">
+            <el-input
+              v-model="data.form.RECORD_NUMBER"
+              placeholder="请输入登记编号"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-divider content-position="left">基本信息</el-divider>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="车牌号" prop="PLATE_NUMBER">
+            <el-input v-model="data.Trailer.PLATE_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车架号" prop="FRAMES_NUMBER">
+            <el-input v-model="data.Trailer.VIN"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+            <el-input v-model="data.Trailer.TRAILER_TYPE"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="车主业主" prop="CAR_OWNERS">
+            <el-input v-model="data.Trailer.CAR_OWNERS"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车主电话" prop="VEHICLEOWNER_NUMBER">
+            <el-input
+              v-model="data.Trailer.CAR_OWNERS_TEL"
+              placeholder="--"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="初登日期" prop="FIRSTSHOW_DATE">
+            <el-input
+              v-model="data.Trailer.INITIAL_REGISTRATION_DATE"
+              placeholder="--"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="所属省份" prop="PROVINCE">
+            <el-input v-model="data.Trailer.PROVINCE"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属地市" prop="CITY">
+            <el-input v-model="data.form.CITY"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属区县" prop="COUNTY">
+            <el-input v-model="data.form.COUNTY"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="行驶证照片" prop="DRIVINGLICENSE_PHOTO">
+            <layout-upload
+              v-model:file-list="data.form.DRIVINGLICENSE_PHOTO"
+              list-type="picture-card"
+              accept=".jpg,.jpeg,.png"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-divider content-position="left">挂车税务信息</el-divider>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="车主业主" prop="VEHICLEOWNER">
+            <el-input
+              v-model="data.form.VEHICLEOWNER"
+              placeholder="请填写车主业主"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="联系电话" prop="CONTACT_NUMBER">
+            <el-input
+              v-model="data.form.CONTACT_NUMBER"
+              placeholder="请填写联系电话"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="登记人" prop="REGISTRANT">
+            <el-input
+              v-model="data.form.REGISTRANT"
+              placeholder="请填写登记人"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="办理日期" prop="TRANSACTION_DATA">
+            <el-date-picker
+              v-model="data.form.TRANSACTION_DATA"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              placeholder="请选择办理日期"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="税务周期" prop="TAXESDUES_PERIOD">
+            <el-select v-model="data.form.TAXESDUES_PERIOD">
+              <el-option
+                v-for="item in TaxesPeriodList"
+                :key="item.BIANMA"
+                :label="item.NAME"
+                :value="item.NAME"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="到期日期" prop="EXPIRE_DATE">
+            <el-date-picker
+              v-model="data.form.EXPIRE_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              placeholder="请选择到期日期"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="提醒天数" prop="REMINDER_DAY">
+            <el-input
+              v-model="data.form.REMINDER_DAY"
+              placeholder="请填写提醒天数"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="提醒日期" prop="REMINDER_DATA">
+            <el-date-picker
+              v-model="data.form.REMINDER_DATA"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              placeholder="请选择提醒日期"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="提醒状态">
+            <el-switch
+              v-model="data.form.REMINDER_STATUS"
+              active-value="0"
+              inactive-value="1"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="税费资料" prop="TAXESDUES_MATERIAL">
+            <el-input
+              v-model="data.form.TAXESDUES_MATERIAL"
+              placeholder="请填写税费资料"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="备注" prop="REMARK">
+            <el-input
+              v-model="data.form.REMARK"
+              placeholder="请填写备注"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="tc mt-10">
+      <el-button type="primary" @click="fnSubmit">保存</el-button>
+    </div>
+  </layout-card>
+</template>
+
+<script setup>
+import { reactive, ref } from "vue";
+import {
+  layoutFnGetTaxesPeriod,
+  layoutFnGetTrailerList,
+} from "@/assets/js/taxation_manage.js";
+import LayoutUpload from "@/components/upload/index.vue";
+import { debounce } from "throttle-debounce";
+import useFormValidate from "@/assets/js/useFormValidate.js";
+import { setTaxationManageAdd } from "@/request/taxation_manage.js";
+import { getFreightTrailerView } from "@/request/enterprise_management.js";
+import { ElMessage } from "element-plus";
+import { useRouter } from "vue-router";
+import { addingPrefixToFile } from "@/assets/js/utils.js";
+const router = useRouter();
+const TaxesPeriodList = await layoutFnGetTaxesPeriod();
+const getTrailerList = await layoutFnGetTrailerList();
+
+const rules = {
+  TRAILER_VEHICLE: [
+    { required: true, message: "挂车车辆不能为空", trigger: "blur" },
+  ],
+  VEHICLEOWNER: [
+    { required: true, message: "车主/业主不能为空", trigger: "blur" },
+  ],
+  CONTACT_NUMBER: [
+    { required: true, message: "联系电话不能为空", trigger: "blur" },
+  ],
+  REGISTRANT: [{ required: true, message: "登记人不能为空", trigger: "blur" }],
+  TRANSACTION_DATA: [
+    { required: true, message: "办理日期不能为空", trigger: "change" },
+  ],
+  TAXESDUES_PERIOD: [
+    { required: true, message: "税费周期不能为空", trigger: "change" },
+  ],
+  EXPIRE_DATE: [
+    { required: true, message: "到期日期不能为空", trigger: "change" },
+  ],
+  REMINDER_DAY: [
+    { required: true, message: "提醒天数不能为空", trigger: "blur" },
+  ],
+  REMINDER_DATA: [
+    { required: true, message: "提醒日期不能为空", trigger: "change" },
+  ],
+};
+const formRef = ref(null);
+const data = reactive({
+  form: {
+    TAXATION_ID: "",
+    RECORD_NUMBER: "",
+    PLATE_NUMBER: "",
+    VEHICLEOWNER: "",
+    CONTACT_NUMBER: "",
+    TRANSACTION_DATA: "",
+    TAXESDUES_PERIOD: "",
+    EXPIRE_DATE: "",
+    REGISTRANT: "",
+    TRANSPORT_ENTERPRISES: "",
+    REMINDER_STATUS: "",
+    EXPIRE_STATUS: "",
+    RECORD_STATUS: "",
+    TRAILER_VEHICLE: "",
+    FRAMES_NUMBER: "",
+    VEHICLE_TYPE: "",
+    VEHICLEOWNER_NUMBER: "",
+    FIRSTSHOW_DATE: "",
+    PROVINCE: "",
+    CITY: "",
+    COUNTY: "",
+    REMINDER_DAY: "",
+    REMINDER_DATA: "",
+    TAXESDUES_MATERIAL: "",
+    REMARK: "",
+    REGISTER_NUMBER: "",
+    VEHICLE_MODEL: "",
+    VEHICLE_BRAND: "",
+    DRIVINGLICENSE_PHOTO: [],
+  },
+  TrailerInfo: [],
+  TRAILERRECORD_NUMBER: "",
+  Trailer: {},
+});
+data.TrailerInfo = getTrailerList;
+const info = ref({});
+const fnGetTrailerInfo = async () => {
+  const FREIGHTTRAILER_ID = data.form.TRAILER_VEHICLE;
+  const resData = await getFreightTrailerView({ FREIGHTTRAILER_ID });
+  info.value = resData.pd;
+  info.value.TRAILER_IMG = addingPrefixToFile(resData.trailerImgs);
+  info.value.DRIVING_LICENSE_IMG = addingPrefixToFile(
+    resData.drivingLicenseImgs
+  );
+  info.value.OPER_CERTIFICATE_IMG = addingPrefixToFile(
+    resData.operCertificateImgs
+  );
+  info.value.TRAILER_INFO = addingPrefixToFile(resData.trailerInfoImgs);
+  data.Trailer = info.value
+  data.form.PLATE_NUMBER = data.Trailer.PLATE_NUMBER
+  data.form.FRAMES_NUMBER = data.Trailer.VIN
+  data.form.VEHICLE_TYPE = data.Trailer.TRAILER_TYPE
+  data.form.VEHICLEOWNER_NUMBER = data.Trailer.CAR_OWNERS_TEL
+  data.form.FIRSTSHOW_DATE = data.Trailer.INITIAL_REGISTRATION_DATE
+  data.form.DRIVINGLICENSE_PHOTO = data.Trailer.DRIVING_LICENSE_IMG
+  data.form.VEHICLE_MODEL = data.Trailer.TRAILER_MODEL
+  data.form.VEHICLE_BRAND = data.Trailer.TRAILER_BRAND
+};
+const fnSubmit = debounce(
+  1000,
+  async () => {
+    await useFormValidate(formRef);
+    const formData = new FormData();
+    Object.keys(data.form).forEach((key) => {
+      formData.append(key, data.form[key]);
+    });
+    formData.delete("DRIVINGLICENSE_PHOTO");
+    if (data.form.DRIVINGLICENSE_PHOTO[0].raw)
+      formData.append(
+        "drivinglicenseFile",
+        data.form.DRIVINGLICENSE_PHOTO[0].raw
+      );
+    formData.append(
+      "drivinglicenseFileType",
+      !!data.form.DRIVINGLICENSE_PHOTO[0].raw
+    );
+    await setTaxationManageAdd(formData);
+    ElMessage.success("提交成功");
+    router.back();
+  },
+  { atBegin: true }
+);
+</script>
+
+<style scoped lang="scss"></style>

src/views/mechanical_files/taxation_manage/edit.vue

@@ -0,0 +1,317 @@
+<template>
+  <layout-card>
+    <el-divider content-position="left">车辆选择</el-divider>
+    <el-form
+      ref="formRef"
+      :model="data.form"
+      :rules="rules"
+      label-width="100px"
+    >
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="登记编号" prop="RECORD_NUMBER">
+            <el-input v-model="data.form.RECORD_NUMBER" placeholder="请输入登记编号" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="挂车车辆" prop="PLATE_NUMBER">
+            <el-input v-model="data.form.PLATE_NUMBER" placeholder="请输入挂车车辆" disabled/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-divider content-position="left">基本信息</el-divider>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="车牌号" prop="PLATE_NUMBER">
+            <el-input v-model="data.form.PLATE_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车架号" prop="FRAMES_NUMBER">
+            <el-input v-model="data.form.FRAMES_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+            <el-input v-model="data.form.VEHICLE_TYPE"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="车主业主" prop="VEHICLEOWNER">
+            <el-input v-model="data.form.VEHICLEOWNER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车主电话" prop="VEHICLEOWNER_NUMBER">
+            <el-input v-model="data.form.VEHICLEOWNER_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="初登日期" prop="FIRSTSHOW_DATE">
+            <el-input v-model="data.form.FIRSTSHOW_DATE"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="所属省份" prop="PROVINCE">
+            <el-input v-model="data.form.PROVINCE"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属地市" prop="CITY">
+            <el-input v-model="data.form.CITY"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属区县" prop="COUNTY">
+            <el-input v-model="data.form.COUNTY"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-divider content-position="left">挂车税务信息</el-divider>
+        <el-col :span="6">
+          <el-form-item label="车主业主" prop="VEHICLEOWNER">
+            <el-input v-model="data.form.VEHICLEOWNER" placeholder="请填写车主业主" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="联系电话" prop="CONTACT_NUMBER">
+            <el-input v-model="data.form.CONTACT_NUMBER" placeholder="请填写联系电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="登记人" prop="REGISTRANT">
+            <el-input v-model="data.form.REGISTRANT" placeholder="请填写登记人" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="税费周期" prop="TAXESDUES_PERIOD">
+            <el-select v-model="data.form.TAXESDUES_PERIOD">
+              <el-option
+                v-for="item in TaxesPeriodList"
+                :key="item.BIANMA"
+                :label="item.NAME"
+                :value="item.NAME"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="到期日期" prop="EXPIRE_DATE">
+            <el-date-picker
+              v-model="data.form.EXPIRE_DATE"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              placeholder="请选择到期日期"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="提醒天数" prop="REMINDER_DAY">
+            <el-input v-model="data.form.REMINDER_DAY" placeholder="请填写提醒天数" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="提醒日期" prop="REMINDER_DATA">
+            <el-date-picker
+              v-model="data.form.REMINDER_DATA"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              placeholder="请选择提醒日期"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="办理日期" prop="TRANSACTION_DATA">
+            <el-date-picker
+              v-model="data.form.TRANSACTION_DATA"
+              value-format="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              type="date"
+              placeholder="请选择办理日期"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="提醒状态">
+            <el-switch
+              v-model="data.form.REMINDER_STATUS"
+              active-value="0"
+              inactive-value="1"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="行驶证照片" prop="OPERATING_CERTIFICATE_PHOTO">
+            <layout-upload
+              v-model:file-list="data.form.OPERATING_CERTIFICATE_PHOTO"
+              list-type="picture-card"
+              accept=".jpg,.jpeg,.png"
+
+              delete-to-server
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="税费资料" prop="TAXESDUES_MATERIAL">
+            <el-input
+              v-model="data.form.TAXESDUES_MATERIAL"
+              placeholder="请填写税费资料"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="备注" prop="REMARK">
+            <el-input
+              v-model="data.form.REMARK"
+              placeholder="请填写备注"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="tc mt-10">
+      <el-button type="primary" @click="fnSubmit">保存</el-button>
+    </div>
+  </layout-card>
+</template>
+
+<script setup>
+import { reactive, ref } from "vue";
+import {
+  layoutFnGetTaxesPeriod,
+} from "@/assets/js/taxation_manage.js";
+import { debounce } from "throttle-debounce";
+import useFormValidate from "@/assets/js/useFormValidate.js";
+import { editTaxationManageInfo, findByIdTaxationManageInfo } from "@/request/taxation_manage.js";
+import { ElMessage } from "element-plus";
+import { useRoute, useRouter } from "vue-router";
+import LayoutUpload from "@/components/upload/index.vue";
+
+const route = useRoute();
+const router = useRouter();
+const { TAXATION_ID } = route.query;
+
+const TaxesPeriodList = await layoutFnGetTaxesPeriod();
+const rules = {
+  TRAILER_VEHICLE: [{ required: true, message: "挂车车辆不能为空", trigger: "change" }],
+  VEHICLEOWNER: [{ required: true, message: "车主/业主不能为空", trigger: "blur" }],
+  CONTACT_NUMBER: [{required: true, message: "联系电话不能为空", trigger: "blur"}],
+  REGISTRANT: [{required: true, message: "登记人不能为空", trigger: "blur"}],
+  TRANSACTION_DATA: [{required: true, message: "办理日期不能为空", trigger: "change"}],
+  TAXESDUES_PERIOD: [{required: true, message: "税费周期不能为空", trigger: "change"}],
+  EXPIRE_DATE: [{required: true, message: "到期日期不能为空", trigger: "change"}],
+  REMINDER_DAY: [{required: true, message: "提醒天数不能为空", trigger: "blur"}],
+  REMINDER_DATA: [{required: true, message: "提醒日期不能为空", trigger: "change"}]
+};
+const formRef = ref(null);
+const data = reactive({
+  form: {
+    TAXATION_ID: "",
+    RECORD_NUMBER: "",
+    PLATE_NUMBER: "",
+    VEHICLEOWNER: "",
+    CONTACT_NUMBER: "",
+    TRANSACTION_DATA: "",
+    TAXESDUES_PERIOD: "",
+    EXPIRE_DATE: "",
+    REGISTRANT: "",
+    TRANSPORT_ENTERPRISES: "",
+    REMINDER_STATUS: "",
+    EXPIRE_STATUS: "",
+    RECORD_STATUS: "",
+    TRAILER_VEHICLE: "",
+    FRAMES_NUMBER: "",
+    VEHICLE_TYPE: "",
+    VEHICLEOWNER_NUMBER: "",
+    FIRSTSHOW_DATE: "",
+    PROVINCE: "",
+    CITY: "",
+    COUNTY: "",
+    REMINDER_DAY: "",
+    REMINDER_DATA: "",
+    TAXESDUES_MATERIAL: "",
+    REMARK: "",
+    REGISTER_NUMBER: "",
+    VEHICLE_MODEL: "",
+    VEHICLE_BRAND: "",
+    DRIVINGLICENSE_PHOTO: ""
+  },
+  TAXATION_NUMBER: "",
+});
+
+const fnGetData = async () => {
+  if(TAXATION_ID) {
+    const resData = await findByIdTaxationManageInfo({ TAXATION_ID });
+    data.form = resData.pd;
+  }
+}
+fnGetData();
+const fnSubmit = debounce(
+  1000,
+  async () => {
+    await useFormValidate(formRef);
+    const formData = new FormData();
+    Object.keys(data.form).forEach((key) => {
+      formData.append(key, data.form[key]);
+    });
+    formData.delete("DRIVINGLICENSE_PHOTO");
+    if(data.form.DRIVINGLICENSE_PHOTO){
+      if (data.form.DRIVINGLICENSE_PHOTO[0].raw) formData.append("drivinglicenseFile", data.form.DRIVINGLICENSE_PHOTO[0].raw);
+      formData.append("drivinglicenseFile", !!data.form.DRIVINGLICENSE_PHOTO[0].raw);
+    }
+    await editTaxationManageInfo(formData);
+    ElMessage.success("提交成功");
+    router.back();
+  },
+  { atBegin: true }
+);
+
+</script>
+
+<style scoped lang="scss"></style>

src/views/mechanical_files/taxation_manage/index.vue

@@ -0,0 +1,219 @@
+<template>
+  <div>
+    <el-card>
+      <el-form
+        :model="searchForm"
+        label-width="90px"
+        @submit.prevent="fnGetDataTransfer"
+      >
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="车牌号" prop="PLATE_NUMBER">
+              <el-input
+                v-model="searchForm.PLATE_NUMBER"
+                placeholder="请填写车牌号"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="车主业主" prop="VEHICLEOWNER">
+              <el-input
+                v-model="searchForm.VEHICLEOWNER"
+                placeholder="请填写车主业主"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="登记人" prop="REGISTRANT">
+              <el-input
+                v-model="searchForm.REGISTRANT"
+                placeholder="请填写登记人"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="到期日期" prop="CERTIFICATE_DATE">
+              <el-date-picker
+                v-model="searchForm.EXPIRE_DATE"
+                value-format="YYYY-MM-DD"
+                format="YYYY-MM-DD"
+                type="date"
+                placeholder="请选择到期日期"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="到期状态" prop="EXPIRE_STATUS">
+              <el-select
+                v-model="searchForm.EXPIRE_STATUS"
+                placeholder="请选择到期状态"
+              >
+                <el-option
+                  v-for="item in expireStatusList"
+                  :key="item.BIANMA"
+                  :label="item.NAME"
+                  :value="item.BIANMA"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="提醒状态" prop="REMINDER_STATUS">
+              <el-select
+                v-model="searchForm.REMINDER_STATUS"
+                placeholder="请选择提醒状态"
+              >
+                <el-option
+                  v-for="item in remindStatusList"
+                  :key="item.BIANMA"
+                  :label="item.NAME"
+                  :value="item.NAME"
+                />
+              </el-select>
+            </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="fnResetPaginationTransfer">
+                重置
+              </el-button>
+              <el-button>导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+    <layout-card>
+      <layout-table
+        v-model:pagination="pagination"
+        :data="list"
+        @get-data="fnGetDataTransfer"
+      >
+        <el-table-column label="序号" width="70">
+          <template #default="{ $index }">
+            {{ serialNumber(pagination, $index) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="RECORD_NUMBER" label="档案号" />
+        <el-table-column prop="PLATE_NUMBER" label="车牌号" />
+        <el-table-column prop="VEHICLEOWNER" label="车主业主" />
+        <el-table-column prop="CONTACT_NUMBER" label="联系电话" />
+        <el-table-column prop="TRANSACTION_DATA" label="办理日期" />
+        <el-table-column prop="TAXESDUES_PERIOD" label="税费周期" />
+        <el-table-column prop="EXPIRE_DATE" label="到期日期" />
+        <el-table-column prop="REGISTRANT" label="登记人" />
+        <el-table-column prop="CREATTIME" label="创建时间" />
+        <el-table-column prop="OPERATTIME" label="更改时间" />
+        <el-table-column prop="REMINDER_STATUS" label="提醒状态" >
+          <template #default="{ row }">
+            <el-tag v-if="row.REMINDER_STATUS === '0'">开启</el-tag>
+            <el-tag v-else-if="row.REMINDER_STATUS === '1'">关闭</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="EXPIRE_STATUS" label="到期状态">
+          <template #default="{ row }">
+            <el-tag v-if="row.EXPIRE_STATUS === '已到期'">已到期</el-tag>
+            <el-tag v-else-if="row.EXPIRE_STATUS === '未到期'">未到期</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="RECORD_STATUS" label="档案状态" />
+        <el-table-column label="操作" width="150">
+          <template #default="{ row }">
+            <el-button
+              type="primary"
+              text
+              link
+              @click="
+                router.push({
+                  path: '/mechanical_files/taxation_manage/view',
+                  query: { TAXATION_ID: row.TAXATION_ID },
+                })
+              "
+            >
+              查看
+            </el-button>
+            <el-button
+              type="primary"
+              text
+              link
+              @click="
+                router.push({
+                  path: '/mechanical_files/taxation_manage/edit',
+                  query: { TAXATION_ID: row.TAXATION_ID },
+                })
+              "
+            >
+              修改
+            </el-button>
+            <el-button
+              v-if="buttonJurisdiction.del"
+              type="primary"
+              text
+              link
+              @click="fnDelete(row.TAXATION_ID)"
+            >
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+        <template #button>
+          <el-button
+            v-if="buttonJurisdiction.add"
+            type="primary"
+            @click="
+              router.push({ path: '/mechanical_files/taxation_manage/add' })
+            "
+          >
+            新增
+          </el-button>
+        </template>
+      </layout-table>
+    </layout-card>
+  </div>
+</template>
+
+<script setup>
+import { serialNumber } from "@/assets/js/utils.js";
+import useListData from "@/assets/js/useListData.js";
+import {
+  layoutFnGetExpireStatus,
+  layoutFnGetRemindStatus,
+} from "@/assets/js/taxation_manage.js";
+import {
+  getTaxationManageList,
+  setTaxatonManageDelete,
+} from "@/request/taxation_manage.js";
+import { useRouter } from "vue-router";
+import useButtonJurisdiction from "@/assets/js/useButtonJurisdiction.js";
+import { debounce } from "throttle-debounce";
+import { ElMessage, ElMessageBox } from "element-plus";
+const router = useRouter();
+const { list, pagination, searchForm, fnGetData, fnResetPagination } =
+  useListData(getTaxationManageList, {});
+const expireStatusList = await layoutFnGetExpireStatus();
+const remindStatusList = await layoutFnGetRemindStatus();
+const fnGetDataTransfer = () => {
+  fnGetData({
+    DEPTIDS: searchForm.value.DEPTIDS?.join(","),
+  });
+};
+const fnResetPaginationTransfer = () => {
+  searchForm.value = {};
+  fnResetPagination({
+    DEPTIDS: searchForm.value.DEPTIDS?.join(","),
+  });
+};
+const fnDelete = debounce(
+  1000,
+  async (TAXATION_ID) => {
+    await ElMessageBox.confirm("确定要删除吗？", { type: "warning" });
+    await setTaxatonManageDelete({ TAXATION_ID });
+    ElMessage.success("删除成功");
+  },
+  { atBegin: true }
+);
+
+const buttonJurisdiction = await useButtonJurisdiction("operation");
+</script>
+<style scoped></style>

src/views/mechanical_files/taxation_manage/view.vue

@@ -0,0 +1,89 @@
+<template>
+  <layout-card>
+    <el-divider content-position="left">基本信息</el-divider>
+    <el-descriptions border>
+      <el-descriptions-item label="登记编号">
+        {{ data.RECORD_NUMBER }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车牌号">
+        {{ data.PLATE_NUMBER }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车架号">
+        {{ data.FRAMES_NUMBER }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车辆类型">
+        {{ data.VEHICLE_TYPE }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车辆型号">
+        {{ data.VEHICLE_MODEL }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车辆品牌">
+        {{ data.VEHICLE_BRAND }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车主业主">
+        {{ data.VEHICLEOWNER }}
+      </el-descriptions-item>
+      <el-descriptions-item label="联系电话">
+        {{ data.CONTACT_NUMBER }}
+      </el-descriptions-item>
+      <el-descriptions-item label="初登日期">
+        {{ data.FIRSTSHOW_DATE }}
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <el-divider content-position="left">挂车税费信息</el-divider>
+    <el-descriptions border>
+      <el-descriptions-item label="登记人">
+        {{ data.REGISTRANT }}
+      </el-descriptions-item>
+      <el-descriptions-item label="办理日期">
+        {{ data.TRANSACTION_DATA }}
+      </el-descriptions-item>
+      <el-descriptions-item label="税费周期">
+        {{ data.TAXESDUES_PERIOD }}
+      </el-descriptions-item>
+      <el-descriptions-item label="到期日期">
+        {{ data.EXPIRE_DATE }}
+      </el-descriptions-item>
+      <el-descriptions-item label="提醒天数">
+        {{ data.REMINDER_DAY }}
+      </el-descriptions-item>
+      <el-descriptions-item label="提醒日期">
+        {{ data.REMINDER_DATA }}
+      </el-descriptions-item>
+      <el-descriptions-item label="提醒状态">
+        <span v-if="data.REMINDER_STATUS === '0'">开启</span>
+        <span v-else-if="data.REMINDER_STATUS === '1'">关闭</span>
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-descriptions :column="1" border>
+      <el-descriptions-item label="税费资料">
+        {{ data.TAXESDUES_MATERIAL }}
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-descriptions :column="1" border>
+      <el-descriptions-item label="备注">
+        {{ data.REMARK }}
+      </el-descriptions-item>
+    </el-descriptions>
+  </layout-card>
+</template>
+
+<script setup>
+import {
+  findByIdTaxationManageInfo,
+} from "@/request/taxation_manage.js";
+import { useRoute } from "vue-router";
+import { ref } from "vue";
+
+const route = useRoute();
+const { TAXATION_ID } = route.query;
+const data = ref({});
+const getData = async () => {
+  const { pd } = await findByIdTaxationManageInfo({ TAXATION_ID });
+  data.value = pd;
+};
+getData();
+</script>
+
+<style scoped></style>