过户管理 报废管理

src/request/assigned_manage.js

@@ -37,6 +37,13 @@ export const getAssignedVehicle = (params) =>
     loading: false,
     ...params,
   });
+
+export const layoutFnGetScrapVehicleType = async () => {
+  const resData = await getLevelsByParentId({
+    parentId: "0000ad963949823e8c9501bab16001aa",
+  });
+  return ref(resData);
+};
 export const getAssignedList = (params) =>
   post("/assignedmanage/list", params); // 过户管理列表
 
@@ -50,8 +57,11 @@ export const findByIdAssignedManageInfo = (params) =>
   post("/assignedmanage/goEdit", params); // 查看过户信息
 
 export const setAssignedManageDelete = (params) =>
-  post("/assignedmanage/delete", params); // 获取查看
+  post("/assignedmanage/delete", params); // 删除过户信息
 
 export const getOperationVehicleList = (params) =>
   upload("/operatingvehicles/operationvehicleList", params);  // 获取所有车船税
 
+export const getVehicleView = (params) =>
+  upload("/operatingvehicles/operationvehicleList", params);  // 获取所有车船税
+

src/request/operation_vehicle.js

@@ -71,7 +71,7 @@ export const getEmissionStandard = (params) =>
     ...params,
   });
 
-export const getOperationList = (params) =>
+export const getOperationVehicleList = (params) =>
   post("/operatingvehicles/list", params); // 运营车辆列表
 
 export const setOperationVehicleDelete = (params) =>
@@ -86,6 +86,9 @@ export const findByIdOperatingVehicleInfo = (params) =>
 export const editOperatingVehicleInfo = (params) =>
   upload("/operatingvehicles/edit", params);  // 修改运营车辆
 
+export const getOperationVehicleInfo = (params) =>
+  post("/operatingvehicles/findById", params);  // 根据Id获取运营车辆信息
+
 
 
 

src/request/scrap_manage.js

@@ -0,0 +1,30 @@
+import { ref } from "vue";
+import { getLevelsByParentId } from "@/request/data_dictionary.js";
+import { post, upload } from "@/request/axios.js";
+
+export const layoutFnGetScrapType = async () => {
+  const resData = await getLevelsByParentId({
+    parentId: "78452f4ec77e4d98ae8cdd9c3386ae0c",
+  });
+  return ref(resData);
+};
+
+export const getScrapManageList = (params) =>
+  post("/scrapmanage/list", params); // 报废管理列表
+
+export const setScrapManageDelete = (params) =>
+  post("/scrapmanage/delete", params); // 报废管理列表
+
+export const setScrapManageAdd = (params) =>
+  upload("/scrapmanage/add", params); // 过户管理添加
+
+export const setScrapManageEdit = (params) =>
+  upload("/scrapmanage/goEdit", params); // 过户管理修改
+
+export const findByIdScrapManageInfo = (params) =>
+  post("/scrapmanage/goEdit", params); // 查看过户信息
+
+export const getOperationVehicleList = (params) =>
+  upload("/operatingvehicles/operationvehicleList", params);  // 获取所有车船税
+
+

src/views/mechanical_files/assigned_manage/add.vue

@@ -245,19 +245,25 @@ import {
 } from "@/assets/js/assigned_manage.js";
 import {
   getFreightTrailerList,
+  getFreightTrailerView
 } from "@/request/enterprise_management.js"
 import {
-  getOperationList,
+  getOperationVehicleList,
+  findByIdOperatingVehicleInfo
 } from "@/request/operation_vehicle.js"
 import LayoutUpload from "@/components/upload/index.vue";
 import { debounce } from "throttle-debounce";
 import useFormValidate from "@/assets/js/useFormValidate.js";
 import { addingPrefixToFile } from "@/assets/js/utils.js";
-import { setAssignedManageAdd, setAssignedManageEdit } from "@/request/assigned_manage.js";
+import {
+  setAssignedManageAdd,
+  setAssignedManageEdit,
+  layoutFnGetScrapVehicleType,
+} from "@/request/assigned_manage.js";
 import { setUploadImg } from "@/request/api.js";
 import { ElMessage } from "element-plus";
 import { useRoute, useRouter } from "vue-router";
-import { getVehicleView,layoutFnGetScrapVehicleType } from "@/request/scrap_manage.js";
+
 const route = useRoute();
 const router = useRouter();
 const ASSIGNED_ID = route.query.ASSIGNED_ID
@@ -272,8 +278,8 @@ onMounted(async () => {
 });
 
 const getFreightVehicleList = await getFreightTrailerList();
-const getOperationVehicleList = await getOperationList();
+const getOperationList = await getOperationVehicleList();
-
+console.log(getOperationList,'55555555');
 const assignedWayList = await layoutFnGetAssignedWay();
 
 const rules = {
@@ -349,7 +355,7 @@ const fnEditVehicleModel = async () => {
   form.value.VEHICLE_PLATE_NUMBER = null;
   form.value.VEHICLE = {};
   if(form.value.ASSIGNED_VEHICLE_MODEL === "运输车辆") {
-    form.value.ALLVEHICLE = getOperationVehicleList.varList
+    form.value.ALLVEHICLE = getOperationList.varList
     form.value.OPERATIONVEHICLELIST = form.value.ALLVEHICLE
   }else if(form.value.ASSIGNED_VEHICLE_MODEL === "货运挂车") {
     form.value.ALLVEHICLE = getFreightVehicleList.varList
@@ -361,9 +367,8 @@ const fnGetVehicleInfo = async () => {
     for (let i = 0; i < form.value.OPERATIONVEHICLELIST.length; i++) {
       if(form.value.OPERATIONVEHICLELIST[i].PLATE_NUMBER === form.value.VEHICLE_PLATE_NUMBER) {
         const OPERATING_ID = form.value.OPERATIONVEHICLELIST[i].OPERATING_ID
-        const resData = await getVehicleView({ OPERATING_ID });
+        const resData = await findByIdOperatingVehicleInfo({ OPERATING_ID });
         info.value = resData.pd;
-        console.log("选中的营运车辆",info.value);
         form.value.VEHICLE.PLATE_NUMBER = info.value.PLATE_NUMBER
         form.value.VEHICLE.RAW_OWNERS = info.value.VEHICLEOWNER
         form.value.VEHICLE.RAW_OWNERS_NUMBER = info.value.VEHICLEOWNER_NUMBER
@@ -387,7 +392,8 @@ const fnGetVehicleInfo = async () => {
     for (let i = 0; i < form.value.FREIGHTVEHICLELIST.length; i++) {
       if(form.value.FREIGHTVEHICLELIST[i].PLATE_NUMBER === form.value.VEHICLE_PLATE_NUMBER) {
         const FREIGHTTRAILER_ID = form.value.FREIGHTVEHICLELIST[i].FREIGHTTRAILER_ID
-        const resData = await getVehicleView({ FREIGHTTRAILER_ID });
+        const resData = await getFreightTrailerView({ FREIGHTTRAILER_ID });
+        console.log("选中的货运挂车信息",resData);
         info.value = resData.pd;
         form.value.VEHICLE.PLATE_NUMBER = info.value.PLATE_NUMBER
         form.value.VEHICLE.RAW_OWNERS = info.value.CAR_OWNERS

src/views/mechanical_files/assigned_manage/index.vue

@@ -169,32 +169,6 @@
             >
               查看
             </el-button>
-            <el-button
-              type="primary"
-              text
-              link
-              @click="
-                router.push({
-                  path: '/enterprise_management/basics_info_management/operation_vehicle/view',
-                  query: { OPERATING_ID: row.OPERATING_ID },
-                })
-              "
-            >
-              画像
-            </el-button>
-            <el-button
-              type="primary"
-              text
-              link
-              @click="
-                router.push({
-                  path: '/enterprise_management/basics_info_management/operation_vehicle/edit',
-                  query: { OPERATING_ID: row.OPERATING_ID },
-                })
-              "
-            >
-              修改
-            </el-button>
             <el-button
               v-if="buttonJurisdiction.del"
               type="primary"
@@ -245,7 +219,7 @@ const { list, pagination, searchForm, fnGetData, fnResetPagination } =
   useListData(getAssignedList, {});
 
 const assignedVehicleModel = await layoutFnGetAssignedVehicleModel();
-console.log("fdasc adv ",assignedVehicleModel);
+
 const relatedClassificationList = ref(null);
 
 onMounted(async () => {

src/views/mechanical_files/scrap_manage/add.vue

@@ -0,0 +1,354 @@
+<template>
+  <layout-card>
+    <el-divider content-position="left">车辆选择</el-divider>
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-width="100px"
+    >
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="登记编号" prop="RECORD_NUMBER">
+            <el-input v-model="form.RECORD_NUMBER" placeholder="请输入登记编号"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="移除车型" prop="SCRAP_VEHICLEMODEL">
+            <el-select v-model="form.SCRAP_VEHICLEMODEL"
+                       placeholder="请选择移除车型"
+                       @change="fnEditVehicleModel"
+            >
+              <el-option
+                v-for="item in getScrapVehicleModeList"
+                :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="SCRAP_VEHICLE">
+            <el-select
+              v-model="form.SCRAP_VEHICLE"
+              @change="fnGetVehicleInfo"
+            >
+              <el-option
+                v-for="item in form.ALLVEHICLE"
+                :key="item.PLATE_NUMBER"
+                :label="item.PLATE_NUMBER"
+                :value="item.PLATE_NUMBER"
+                placeholder="请选择移除车辆"
+              />
+            </el-select>
+          </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="form.VEHICLE.VEHICLEOWNER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车主电话" prop="VEHICLEOWNER_NUMBER">
+            <el-input v-model="form.VEHICLE.VEHICLEOWNER_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车牌号" prop="PLATE_NUMBER">
+            <el-input v-model="form.VEHICLE.PLATE_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="车架号" prop="FRAMES_NUMBER">
+            <el-input v-model="form.VEHICLE.FRAMES_NUMBER"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="车型" prop="SCRAP_VEHICLEMODEL">
+            <el-input v-model="form.VEHICLE.SCRAP_VEHICLEMODEL"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="品牌" prop="BRAND">
+            <el-input v-model="form.VEHICLE.BRAND"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="排放标准" prop="EMISSION_STANDARD">
+            <el-input v-model="form.VEHICLE.EMISSION_STANDARD"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="动力类型" prop="POWER_TYPE">
+            <el-input v-model="form.VEHICLE.POWER_TYPE"
+                      placeholder="--"
+                      disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="初登日期" prop="FIRSTSHOW_DATE">
+            <el-input v-model="form.VEHICLE.FIRSTSHOW_DATE"
+                      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="form.VEHICLE.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="SCRAP_DATE">
+            <el-date-picker
+              v-model="form.SCRAP_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="REGISTRANT">
+            <el-input v-model="form.REGISTRANT" placeholder="请填写登记人" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="移除资料" prop="SCRAP_MATERIAL">
+            <el-input
+              v-model="form.SCRAP_MATERIAL"
+              placeholder="请填写移除资料"
+              type="textarea"
+              :autosize="{ minRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="备注" prop="REMARK">
+            <el-input
+              v-model="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 { onMounted, ref } from "vue";
+import {
+  setScrapManageAdd,
+  setScrapManageEdit,
+  layoutFnGetScrapType,
+} from "@/request/scrap_manage.js";
+import {
+  getFreightTrailerList
+} from "@/request/enterprise_management.js";
+import {
+  getOperationVehicleList,
+  getOperationVehicleInfo,
+} from "@/request/operation_vehicle.js";
+import LayoutUpload from "@/components/upload/index.vue";
+import { debounce } from "throttle-debounce";
+import useFormValidate from "@/assets/js/useFormValidate.js";
+import { useRoute, useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+const route = useRoute();
+const router = useRouter();
+
+const getAllOperationVehicleList = await getOperationVehicleList();
+const getAllFrailerList = await getFreightTrailerList();
+
+const getScrapVehicleModeList = ref(null);
+onMounted(async () => {
+  const data = await layoutFnGetScrapType();
+  getScrapVehicleModeList.value = JSON.parse(data.value.zTreeNodes);
+});
+
+const SCRAP_ID = route.query.SCRAP_ID
+const rules = {
+  SCRAP_VEHICLEMODEL: [{ required: true, message: "移除车型不能为空", trigger: "change" }],
+  SCRAP_VEHICLE: [{ required: true, message: "移除车辆并不能为空", trigger: "blur" }],
+  SCRAP_DATE: [{ required: true, message: "移除日期不能为空", trigger: "change" }],
+  REGISTRANT: [{ required: true, message: "登记人不能为空", trigger: "change" }],
+};
+const formRef = ref(null);
+const form = ref({
+  SCRAP_ID: "",
+  RECORD_NUMBER: "",
+  PLATE_NUMBER: "",
+  SCRAP_VEHICLEMODEL: "",
+  VEHICLEOWNER: "",
+  CONTACT_NUMBER: "",
+  SCRAP_DATE: "",
+  REGISTRANT: "",
+  CORPINFO_ID: "",
+  TRANSPORT_ENTERPRISES: "",
+  SCRAP_VEHICLE: "",
+  VEHICLEOWNER_NUMBER: "",
+  DRIVINGLICENSE_PHOTO: "",
+  FRAMES_NUMBER: "",
+  BRAND: "",
+  EMISSION_STANDARD: "",
+  POWER_TYPE: "",
+  FIRSTSHOW_DATE: "",
+  SCRAP_MATERIAL: "",
+  REMARK: "",
+  ENGINE_NUMBER: "",
+  VEHICLE_MODEL: "",
+  TRANSACTION_DATE: "",
+  VEHICLE: {
+    VEHICLEOWNER: "",
+    VEHICLEOWNER_NUMBER: "",
+    PLATE_NUMBER: "",
+    FRAMES_NUMBER: "",
+    SCRAP_VEHICLEMODEL: "",
+    BRAND: "",
+    EMISSION_STANDARD: "",
+    POWER_TYPE: "",
+    FIRSTSHOW_DATE: "",
+    DRIVINGLICENSE_PHOTO: ""
+  },
+  ALLVEHICLE: {},
+  OPERATIONVEHICLELIST: [],
+  FREIGHTVEHICLELIST: []
+});
+const fnEditVehicleModel = async () => {
+  form.value.SCRAP_VEHICLE = null;
+  form.value.VEHICLE = {}
+  if(form.value.SCRAP_VEHICLEMODEL === '运输车辆') {
+    form.value.ALLVEHICLE = getAllOperationVehicleList.varList
+    form.value.OPERATIONVEHICLELIST = form.value.ALLVEHICLE
+  }else if(form.value.SCRAP_VEHICLEMODEL === '货运挂车') {
+    form.value.ALLVEHICLE = getAllFrailerList.varList
+    form.value.FREIGHTVEHICLELIST = form.value.ALLVEHICLE
+  }
+};
+const info = ref({});
+const fnGetVehicleInfo = async () => {
+  if(form.value.SCRAP_VEHICLEMODEL === '运输车辆') {
+    for (let i = 0; i < form.value.OPERATIONVEHICLELIST.length; i++) {
+      if(form.value.OPERATIONVEHICLELIST[i].PLATE_NUMBER === form.value.SCRAP_VEHICLE) {
+        const OPERATING_ID = form.value.OPERATIONVEHICLELIST[i].OPERATING_ID
+        const resData = await getOperationVehicleInfo({ OPERATING_ID });
+        info.value = resData.pd
+        form.value.VEHICLE.VEHICLEOWNER = info.value.VEHICLEOWNER
+        form.value.VEHICLE.VEHICLEOWNER_NUMBER = info.value.VEHICLEOWNER_NUMBER
+        form.value.VEHICLE.PLATE_NUMBER = info.value.PLATE_NUMBER
+        form.value.VEHICLE.FRAMES_NUMBER = info.value.FRAMES_NUMBER
+        form.value.VEHICLE.SCRAP_VEHICLEMODEL = info.value.VEHICLE_MODEL
+        form.value.VEHICLE.BRAND = info.value.VEHICLE_BRAND
+        form.value.VEHICLE.EMISSION_STANDARD = info.value.EMISSION_STANDARD
+        form.value.VEHICLE.POWER_TYPE = info.value.VEHICLE_BRAND
+        form.value.VEHICLE.FIRSTSHOW_DATE = info.value.FIRSTSHOW_DATE
+        form.value.VEHICLE.DRIVINGLICENSE_PHOTO = info.value.DRIVINGLICENSE_PHOTO
+
+        form.value.PLATE_NUMBER = info.value.PLATE_NUMBER
+        form.value.VEHICLEOWNER = info.value.VEHICLEOWNER
+        form.value.CONTACT_NUMBER = info.value.CONTACT_NUMBER
+        form.value.FRAMES_NUMBER = info.value.FRAMES_NUMBER
+        form.value.VEHICLEOWNER_NUMBER = info.value.VEHICLEOWNER_NUMBER
+        form.value.ENGINE_NUMBER = info.value.ENGINE_NUMBER
+        form.value.FIRSTSHOW_DATE = info.value.FIRSTSHOW_DATE
+        form.value.BRAND = info.value.VEHICLE_BRAND
+        form.value.VEHICLE_MODEL = info.value.VEHICLE_MODEL
+        form.value.POWER_TYPE = info.value.VEHICLE_MODEL
+        form.value.EMISSION_STANDARD = info.value.EMISSION_STANDARD
+      }
+    }
+  }else if(form.value.SCRAP_VEHICLEMODEL === '货运挂车'){
+    for (let i = 0; i < form.value.FREIGHTVEHICLELIST.length; i++) {
+      if(form.value.FREIGHTVEHICLELIST[i].PLATE_NUMBER === form.value.SCRAP_VEHICLE) {
+        form.value.VEHICLE.VEHICLEOWNER = form.value.FREIGHTVEHICLELIST[i].CAR_OWNERS
+        form.value.VEHICLE.VEHICLEOWNER_NUMBER = form.value.FREIGHTVEHICLELIST[i].CAR_OWNERS_TEL
+        form.value.VEHICLE.PLATE_NUMBER = form.value.FREIGHTVEHICLELIST[i].PLATE_NUMBER
+        form.value.VEHICLE.FRAMES_NUMBER = form.value.FREIGHTVEHICLELIST[i].VIN
+        form.value.VEHICLE.SCRAP_VEHICLEMODEL = form.value.FREIGHTVEHICLELIST[i].TRAILER_MODEL
+        form.value.VEHICLE.BRAND = form.value.FREIGHTVEHICLELIST[i].TRAILER_BRAND
+        form.value.VEHICLE.EMISSION_STANDARD = form.value.FREIGHTVEHICLELIST[i].EMISSION_STANDARD
+        form.value.VEHICLE.POWER_TYPE = form.value.FREIGHTVEHICLELIST[i].VEHICLE_BRAND
+        form.value.VEHICLE.FIRSTSHOW_DATE = form.value.FREIGHTVEHICLELIST[i].INITIAL_REGISTRATION_DATE
+        form.value.VEHICLE.DRIVINGLICENSE_PHOTO = form.value.FREIGHTVEHICLELIST[i].DRIVING_LICENSE_IMG
+
+        form.value.PLATE_NUMBER = form.value.FREIGHTVEHICLELIST[i].PLATE_NUMBER
+        form.value.VEHICLEOWNER = form.value.FREIGHTVEHICLELIST[i].CAR_OWNERS
+        form.value.CONTACT_NUMBER = form.value.FREIGHTVEHICLELIST[i].CAR_OWNERS_TEL
+        form.value.FRAMES_NUMBER = form.value.FREIGHTVEHICLELIST[i].VIN
+        form.value.VEHICLEOWNER_NUMBER = form.value.FREIGHTVEHICLELIST[i].CAR_OWNERS_TEL
+        form.value.BRAND = form.value.FREIGHTVEHICLELIST[i].TRAILER_BRAND
+        form.value.VEHICLE_MODEL = form.value.FREIGHTVEHICLELIST[i].TRAILER_MODEL
+        form.value.POWER_TYPE = form.value.FREIGHTVEHICLELIST[i].TRAILER_MODEL
+        form.value.EMISSION_STANDARD = form.value.FREIGHTVEHICLELIST[i].TRAILER_MODEL
+        form.value.FIRSTSHOW_DATE = form.value.FREIGHTVEHICLELIST[i].INITIAL_REGISTRATION_DATE
+      }
+    }
+  }
+}
+const fnGetData = async () => {
+  if (!SCRAP_ID) return;
+  const resData = await setScrapManageEdit({ SCRAP_ID });
+  form.value = resData.pd;
+};
+fnGetData();
+const fnSubmit = debounce(
+  1000,
+  async () => {
+    await useFormValidate(formRef);
+    await setScrapManageAdd({ ...form.value })
+    ElMessage.success("提交成功");
+    router.back();
+  },
+  { atBegin: true }
+);
+</script>
+
+<style scoped lang="scss"></style>

src/views/mechanical_files/scrap_manage/index.vue

@@ -0,0 +1,210 @@
+<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="SCRAP_VEHICLEMODEL">
+              <el-select v-model="searchForm.SCRAP_VEHICLEMODEL"
+                         placeholder="请选择移除车型"
+              >
+                <el-option
+                  v-for="item in relatedClassificationList"
+                  :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="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-width="20px">
+              <el-button type="primary" native-type="submit">搜索</el-button>
+              <el-button native-type="reset" @click="fnResetPaginationTransfer">
+                重置
+              </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label-width="10px" class="end">
+              <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="SCRAP_VEHICLEMODEL"
+          label="移除车型"
+        />
+        <el-table-column
+          prop="VEHICLEOWNER"
+          label="车主业主"
+        />
+        <el-table-column
+          prop="CONTACT_NUMBER"
+          label="联系电话"
+          width="140"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="SCRAP_DATE"
+          label="移除日期"
+          width="140"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="REGISTRANT"
+          label="登记人"
+          width="140"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="CREATTIME"
+          label="创建时间"
+          width="140"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="OPERATTIME"
+          label="修改时间"
+          width="140"
+          show-overflow-tooltip
+        />
+        <el-table-column label="操作" width="150">
+          <template #default="{ row }">
+            <el-button
+              type="primary"
+              text
+              link
+              @click="
+                router.push({
+                  path: '/mechanical_files/scrap_manage/view',
+                  query: { SCRAP_ID: row.SCRAP_ID },
+                })
+              "
+            >
+              查看
+            </el-button>
+            <el-button
+              v-if="buttonJurisdiction.del"
+              type="primary"
+              text
+              link
+              @click="fnDelete(row.SCRAP_ID)"
+            >
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+        <template #button>
+          <el-button
+            v-if="buttonJurisdiction.add"
+            type="primary"
+            @click="
+              router.push({ path: '/mechanical_files/scrap_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 {
+  getScrapManageList,
+  layoutFnGetScrapType,
+  setScrapManageDelete
+} from "@/request/scrap_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";
+import { onMounted, ref } from "vue";
+const router = useRouter();
+
+const { list, pagination, searchForm, fnGetData, fnResetPagination } =
+  useListData(getScrapManageList, {});
+
+
+const relatedClassificationList = ref(null);
+onMounted(async () => {
+  const data = await layoutFnGetScrapType();
+  relatedClassificationList.value = JSON.parse(data.value.zTreeNodes);
+});
+const fnGetDataTransfer = () => {
+  fnGetData({
+    DEPTIDS: searchForm.value.DEPTIDS?.join(","),
+  });
+};
+const fnResetPaginationTransfer = () => {
+  searchForm.value = {};
+  fnResetPagination({
+    DEPTIDS: searchForm.value.DEPTIDS?.join(","),
+  });
+};
+const fnDelete = debounce(
+  1000,
+  async (SCRAP_ID) => {
+    await ElMessageBox.confirm("确定要删除吗？", { type: "warning" });
+    await setScrapManageDelete({ SCRAP_ID })
+    ElMessage.success("删除成功");
+  },
+  { atBegin: true }
+);
+
+const buttonJurisdiction = await useButtonJurisdiction("assigned");
+</script>
+<style scoped></style>

src/views/mechanical_files/scrap_manage/view.vue

@@ -0,0 +1,77 @@
+<template>
+  <layout-card>
+    <el-divider content-position="left">详情</el-divider>
+    <el-descriptions border>
+      <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.VEHICLEOWNER }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车主电话">
+        {{ data.VEHICLEOWNER_NUMBER }}
+      </el-descriptions-item>
+<!--      <el-descriptions-item label="发动机号">
+        {{ data.ENGINE_NUMBER }}
+      </el-descriptions-item>-->
+      <el-descriptions-item label="初登日期">
+        {{ data.FIRSTSHOW_DATE }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车辆品牌">
+        {{ data.BRAND }}
+      </el-descriptions-item>
+      <el-descriptions-item label="车辆型号">
+        {{ data.VEHICLE_MODEL }}
+      </el-descriptions-item>
+<!--      <el-descriptions-item label="动力类型">
+        {{ data.POWER_TYPE }}
+      </el-descriptions-item>
+      <el-descriptions-item label="排放标准">
+        {{ data.EMISSION_STANDARD }}
+      </el-descriptions-item>-->
+    </el-descriptions>
+    <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.SCRAP_DATE }}
+      </el-descriptions-item>
+      <el-descriptions-item label="登记人">
+        {{ data.REGISTRANT }}
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-descriptions :column="1" border>
+      <el-descriptions-item label="报废资料">
+        {{ data.SCRAP_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 {
+  findByIdScrapManageInfo
+} from "@/request/scrap_manage.js";
+import { useRoute } from "vue-router";
+import { ref } from "vue";
+const route = useRoute();
+const { SCRAP_ID } = route.query;
+const data = ref({});
+const getData = async () => {
+  const { pd } = await findByIdScrapManageInfo({ SCRAP_ID });
+  data.value = pd;
+};
+getData();
+</script>
+
+<style scoped></style>