wangpeng
/
integrated_traffic_vue
forked from integrated_whb/integrated_whb_vue
1
0
Fork 0
Code Pull Requests Activity

过户管理

dev
xiepeng 2024-03-08 17:45:29 +08:00
parent 09e9820603
commit 2c7b50cc36
7 changed files with 979 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/assets/js/assigned_manage.js Normal file
View File

@ -0,0 +1,45 @@
import {
getAssignedVehicleModel, getAssignedWay,
getAssignedVehicle, getAssignedVehicleType, getOperationVehicleList
} from "@/request/assigned_manage.js";
import { ref } from "vue";
import { getLevels } from "@/request/data_dictionary.js";
export const layoutFnGetAssignedType = async () => { // 过户类型
const resData = await getLevels({
DICTIONARIES_ID: "0000ad963949823e8c9501bab16001aa",
});
return ref(resData.list);
};
export const layoutFnGetAssignedWay = async () => { // 过户方式
const resData = await getAssignedWay({
DICTIONARIES_ID: "0000ad9639498275391501bab16001aa",
});
return ref(resData.list);
};
export const layoutFnGetAssignedVehicleModel = async () => { // 过户车型
const resData = await getAssignedVehicleModel({
DICTIONARIES_ID: "78452f4ec77e4d98ae8cdd9c3386ae0c",
});
return ref(resData.list);
};
export const layoutFnGetAssignedVehicle = async () => { // 过户车型
const resData = await getAssignedVehicle({
DICTIONARIES_ID: "0000ad963951053e8c9501bab16001aa",
});
return ref(resData.list);
};
export const layoutFnGetAssignedVehicleType = async () => { // 过户车型
const resData = await getAssignedVehicleType({
DICTIONARIES_ID: "08411f2b259a45681512dfad07c4f11a",
});
return ref(resData.list);
};
export const layoutFnGetOperationVehicleList = async () => {
const resData = await getOperationVehicleList({
});
return ref(resData.list);
};

57
src/request/assigned_manage.js Normal file
View File

@ -0,0 +1,57 @@
import { post, upload } from "@/request/axios.js";
import { ref } from "vue";
import { getLevelsByParentId } from "@/request/data_dictionary.js";
export const getAssignedType = (params) =>
post("/dictionaries/getLevels", { // 获取过户类型
loading: false,
...params,
});
export const layoutFnGetAssignedType = async () => {
const resData = await getLevelsByParentId({
parentId: "0000ad963949823e8c9501bab16001aa",
});
return ref(resData);
};
export const getAssignedWay = (params) =>
post("/dictionaries/getLevels", { // 获取过户方式
loading: false,
...params,
});
export const getAssignedVehicleType = (params) =>
post("/dictionaries/getLevels", { // 获取过户车辆类型
loading: false,
...params,
});
export const getAssignedVehicleModel = (params) =>
post("/dictionaries/getAssignedVehicleModel", { // 获取过户车辆车型
loading: false,
...params,
});
export const getAssignedVehicle = (params) =>
post("/dictionaries/getAssignedVehicle", { // 获取过户车辆
loading: false,
...params,
});
export const getAssignedList = (params) =>
post("/assignedmanage/list", params); // 过户管理列表
export const setAssignedManageAdd = (params) =>
upload("/assignedmanage/add", params); // 过户管理添加
export const setAssignedManageEdit = (params) =>
upload("/assignedmanage/goEdit", params); // 过户管理修改
export const findByIdAssignedManageInfo = (params) =>
post("/assignedmanage/goEdit", params); // 查看过户信息
export const setAssignedManageDelete = (params) =>
post("/assignedmanage/delete", params); // 获取查看
export const getOperationVehicleList = (params) =>
upload("/operatingvehicles/operationvehicleList", params); // 获取所有车船税

33
src/request/operation_vehicle.js
View File

@ -1,13 +1,13 @@
import { post, upload } from "@/request/axios.js"; import { post, upload } from "@/request/axios.js";
export const getVehicleColor = (params) => export const getVehicleColor = (params) =>
post("/dictionaries/getVehicleColor", { post("/dictionaries/getVehicleColor", { // 获取车辆颜色
loading: false, loading: false,
...params, ...params,
}); });
export const getTransportationEnterprise = (params) => export const getTransportationEnterprise = (params) =>
post("/dictionaries/getTransportationEnterprise", { post("/dictionaries/getTransportationEnterprise", { // 获取运输企业
loading: false, loading: false,
...params, ...params,
}); });
@ -18,73 +18,74 @@ export const getMobileUnit = (params) =>
}); });
export const getNetworkStatus = (params) => export const getNetworkStatus = (params) =>
post("/dictionaries/getNetworkStatus", { post("/dictionaries/getNetworkStatus", { // 获取网络状态
loading: false, loading: false,
...params, ...params,
}); });
export const getDynamicSupervision = (params) => export const getDynamicSupervision = (params) =>
post("/dictionaries/getDynamicSupervision", { post("/dictionaries/getDynamicSupervision", { // 获取动态监管
loading: false, loading: false,
...params, ...params,
}); });
export const getActiveSafety = (params) => export const getActiveSafety = (params) =>
post("/dictionaries/getActiveSafety", { post("/dictionaries/getActiveSafety", { // 获取主动安全
loading: false, loading: false,
...params, ...params,
}); });
export const getLicenseStatus = (params) => export const getLicenseStatus = (params) =>
post("/dictionaries/getLicenseStatus", { post("/dictionaries/getLicenseStatus", { // 获取行驶证状态
loading: false, loading: false,
...params, ...params,
}); });
export const getTransportCategory = (params) => export const getTransportCategory = (params) =>
post("/dictionaries/getTransportCategory", { post("/dictionaries/getTransportCategory", { // 获取运输类别
loading: false, loading: false,
...params, ...params,
}); });
export const getBelongingDepartment = (params) => export const getBelongingDepartment = (params) =>
post("/dictionaries/getBelongingDepartment", { post("/dictionaries/getBelongingDepartment", { // 获取归属部门
loading: false, loading: false,
...params, ...params,
}); });
export const getVehicleType = (params) => export const getVehicleType = (params) =>
post("/dictionaries/getVehicleType", { post("/dictionaries/getVehicleType", { // 获取车辆类型
loading: false, loading: false,
...params, ...params,
}); });
export const getFnGetFuelType = (params) => export const getFnGetFuelType = (params) =>
post("/dictionaries/getFnGetFuelType", { post("/dictionaries/getFnGetFuelType", { // 获取燃料类型
loading: false, loading: false,
...params, ...params,
}); });
export const getEmissionStandard = (params) => export const getEmissionStandard = (params) =>
post("/dictionaries/getEmissionStandard", { post("/dictionaries/getEmissionStandard", { // 获取排放标准
loading: false, loading: false,
...params, ...params,
}); });
export const getOperationVehicleList = (params) => export const getOperationList = (params) =>
post("/operatingvehicles/list", params); // 运营车辆列表export const getOperationVehicleList = (params) => post("/operatingvehicles/list", params); // 运营车辆列表
export const setOperationVehicleDelete = (params) => export const setOperationVehicleDelete = (params) =>
post("/operatingvehicles/delete", params); // 运营车辆列表export const getOperationVehicleList = (params) => post("/operatingvehicles/delete", params); // 删除运营车辆信息
export const addOperatingVehicleInfo = (params) => export const addOperatingVehicleInfo = (params) =>
upload("/operatingvehicles/add", params); // 资料课件维护添加 upload("/operatingvehicles/add", params); // 添加运营车辆信息
export const findByIdOperatingVehicleInfo = (params) => export const findByIdOperatingVehicleInfo = (params) =>
post("/operatingvehicles/goEdit", params); // 新增运营车辆 post("/operatingvehicles/goEdit", params); // 根据Id获取运营车辆信息
export const editOperatingVehicleInfo = (params) => export const editOperatingVehicleInfo = (params) =>
upload("/operatingvehicles/edit", params); // 修改运营车辆 upload("/operatingvehicles/edit", params); // 修改运营车辆

2
src/request/taxation_manage.js
View File

@ -52,7 +52,7 @@ export const getTrailerList = (params) =>
upload("/freightTrailer/vehicleList", params); // 获取所有挂车 upload("/freightTrailer/vehicleList", params); // 获取所有挂车
export const getTaxationList = (params) => export const getTaxationList = (params) =>
upload("/taxationmanage/taxationList", params); // 获取所有挂车 upload("/taxationmanage/taxationList", params); // 获取所有车船税

462
src/views/mechanical_files/assigned_manage/add.vue Normal file
View File

@ -0,0 +1,462 @@
<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="ASSIGNED_VEHICLE_MODEL">
<el-select v-model="form.ASSIGNED_VEHICLE_MODEL"
placeholder="请选择过户车型"
@change="fnEditVehicleModel"
>
<el-option
v-for="item in assignedVehicleModelList"
: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="VEHICLE_PLATE_NUMBER">
<el-select
v-model="form.VEHICLE_PLATE_NUMBER"
@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="RAW_PLATE_NUMBER">
<el-input v-model="form.VEHICLE.PLATE_NUMBER"
placeholder="--"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="原车主/业主" prop="RAW_OWNERS">
<el-input v-model="form.VEHICLE.RAW_OWNERS"
placeholder="--"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="原车主电话" prop="RAW_OWNERS_NUMBER">
<el-input v-model="form.VEHICLE.RAW_OWNERS_NUMBER"
placeholder="--"
disabled
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="原车辆营运证" prop="RAW_VEHICLE_OPERATION_CERTIFICATE">
<el-input v-model="form.VEHICLE.RAW_VEHICLE_OPERATION_CERTIFICATE"
placeholder="--"
disabled
/>
</el-form-item>
</el-col>
<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-row>
<el-row>
<el-col :span="6">
<el-form-item label="原行驶证照片" prop="RAW_DRIVINGLICENSE_IMG">
<layout-upload
v-model:file-list="form.VEHICLE.RAW_DRIVINGLICENSE_IMG"
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="ASSIGNED_TYPE">
<el-select v-model="form.ASSIGNED_TYPE" 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="ASSIGNED_WAY">
<el-select v-model="form.ASSIGNED_WAY" placeholder="请选择过户方式"
@change="fnEditAssignedWay"
>
<el-option
v-for="item in assignedWayList"
: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="TRANSACTION_DATE">
<el-date-picker
v-model="form.TRANSACTION_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="NOW_OWNERS">
<el-input v-model="form.NOW_OWNERS" placeholder="请填写现车主/业主" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="现车主电话" prop="NOW_OWNERS_NUMBER">
<el-input v-model="form.NOW_OWNERS_NUMBER" 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="6">
<el-form-item label="现车牌号" prop="NOW_PLATE_NUMBER">
<el-input v-model="form.NOW_PLATE_NUMBER"
:disabled="form.ASSIGNED_WAY === '协议过户'" label="1"
placeholder="请填写现车牌号"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="现营运证号" prop="NOW_OPERATION_CERTIFICATE">
<el-input v-model="form.NOW_OPERATION_CERTIFICATE"
:disabled="form.ASSIGNED_WAY === '协议过户'" label="1"
placeholder="请填写现营运证号"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="现登记日期" prop="NOW_RECORD_DATE">
<el-date-picker
v-model="form.NOW_RECORD_DATE"
value-format="YYYY-MM-DD"
format="YYYY-MM-DD"
type="date"
placeholder="请填写现登记日期"
:disabled = "form.ASSIGNED_WAY === '协议过户'" label="1"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="现车辆营运证照片" prop="NOW_VEHICLE_OPERATION_CERTIFICATE">
<layout-upload
v-model:file-list="form.NOW_VEHICLE_OPERATION_CERTIFICATE"
list-type="picture-card"
accept=".jpg,.jpeg,.png"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="现行驶证照片" prop="NOW_DRIVINGLICENSE_IMG">
<layout-upload
v-model:file-list="form.NOW_DRIVINGLICENSE_IMG"
list-type="picture-card"
accept=".jpg,.jpeg,.png"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="过户资料" prop="ASSIGNED_MATERIAL">
<el-input
v-model="form.ASSIGNED_MATERIAL"
type="textarea"
:autosize="{ minRows: 3 }"
placeholder="请填写过户资料"
/>
</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 {
layoutFnGetAssignedWay,
layoutFnGetAssignedVehicleModel
} from "@/assets/js/assigned_manage.js";
import {
getFreightTrailerList,
} from "@/request/enterprise_management.js"
import {
getOperationList,
} 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 { 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
const assignedVehicleModelList = await layoutFnGetAssignedVehicleModel();
const relatedClassificationList = ref(null);
onMounted(async () => {
const data = await layoutFnGetScrapVehicleType();
relatedClassificationList.value = JSON.parse(data.value.zTreeNodes);
});
const getFreightVehicleList = await getFreightTrailerList();
const getOperationVehicleList = await getOperationList();
const assignedWayList = await layoutFnGetAssignedWay();
const rules = {
ASSIGNED_VEHICLE_MODEL: [{ required: true, message: "过户车型不能为空", trigger: "change" }],
ASSIGNED_VEHICLE: [{ required: true, message: "过户车辆不能为空", trigger: "blur" }],
ASSIGNED_TYPE: [{ required: true, message: "过户类型不能为空", trigger: "change" }],
ASSIGNED_WAY: [{ required: true, message: "过户方式不能为空", trigger: "change" }],
TRANSACTION_DATE: [{required: true, message: "办理日期不能为空", trigger: "change"}],
REGISTRANT: [{required: true, message: "登记人不能为空", trigger: "blur"}],
NOW_VEHICLE_OPERATION_CERTIFICATE: [{required: true, message: "现车辆营运证照片不能为空", trigger: "blur"}],
NOW_DRIVINGLICENSE_IMG: [{required: true, message: "现行驶证照片不能为空", trigger: "blur"}],
};
const formRef = ref(null);
const form = ref({
VEHICLE_PLATE_NUMBER: "",
ASSIGNED_ID: "",
RECORD_NUMBER: "",
ASSIGNED_TYPE: "",
RAW_PLATE_NUMBER: "",
NOW_PLATE_NUMBER: "",
RAW_OWNERS: "",
NOW_OWNERS: "",
ASSIGNED_DATE: "",
REGISTRANT: "",
RAW_TRANSPORT_ENTERPRISES: "",
ASSIGNED_VEHICLE_MODEL: "",
ASSIGNED_VEHICLE: "",
RAW_OWNERS_NUMBER: "",
RAW_VEHICLE_OPERATION_CERTIFICATE: "",
FRAMES_NUMBER: "",
RAW_DRIVINGLICENSE_IMG: [],
ASSIGNED_WAY: "",
TRANSACTION_DATE: "",
NOW_OWNERS_NUMBER: "",
NOW_DRIVINGLICENSE_IMG: [],
NOW_VEHICLE_OPERATION_CERTIFICATE: [],
ASSIGNED_MATERIAL: "",
REMARK: "",
VEHICLE_TYPE: "",
VEHICLE_BRAND: "",
VEHICLE_MODEL: "",
ENGINE_NUMBER: "",
POWER_TYPE: "",
EMISSION_STANDARD: "",
RAW_CONTACT_NUMBE: "",
NOW_CONTACT_NUMBER: "",
RAW_OPERATION_CERTIFICATE: "",
NOW_OPERATION_CERTIFICATE: "",
TRANSPORT_ENTERPRISES: "",
RAW_CONTACT_NUMBER: "",
NOW_RECORD_DATE: "",
OPERATING_ID: "",
OPERATIONINFO: {},
PLATE_NUMBER: "",
VEHICLEOWNER: "",
VEHICLEOWNER_NUMBER: "",
OPERATING_CERTIFICATE: "",
DRIVINGLICENSE_PHOTO: "",
ALLVEHICLE: {},
OPERATIONVEHICLELIST: [],
FREIGHTVEHICLELIST: [],
VEHICLE:{
PLATE_NUMBER: "",
RAW_OWNERS: "",
RAW_OWNERS_NUMBER: "",
RAW_VEHICLE_OPERATION_CERTIFICATE: "",
FRAMES_NUMBER: "",
RAW_DRIVINGLICENSE_IMG: ""
}
});
const info = ref({});
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.OPERATIONVEHICLELIST = form.value.ALLVEHICLE
}else if(form.value.ASSIGNED_VEHICLE_MODEL === "货运挂车") {
form.value.ALLVEHICLE = getFreightVehicleList.varList
form.value.FREIGHTVEHICLELIST = form.value.ALLVEHICLE
}
};
const fnGetVehicleInfo = async () => {
if(form.value.ASSIGNED_VEHICLE_MODEL === "运输车辆") {
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 });
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
form.value.VEHICLE.RAW_VEHICLE_OPERATION_CERTIFICATE = info.value.OPERATING_CERTIFICATE
form.value.VEHICLE.FRAMES_NUMBER = info.value.FRAMES_NUMBER
form.value.VEHICLE.RAW_DRIVINGLICENSE_IMG = info.value.DRIVINGLICENSE_PHOTO
form.value.FRAMES_NUMBER = info.value.FRAMES_NUMBER
form.value.VEHICLE_BRAND = info.value.VEHICLE_BRAND
form.value.VEHICLE_MODEL = info.value.VEHICLE_MODEL
form.value.ENGINE_NUMBER = info.value.ENGINE_NUMBER
form.value.POWER_TYPE = info.value.FUEL_TYPE
form.value.EMISSION_STANDARD = info.value.EMISSION_STANDARD
form.value.RAW_PLATE_NUMBER = info.value.PLATE_NUMBER
form.value.RAW_OWNERS = info.value.VEHICLEOWNER
form.value.RAW_CONTACT_NUMBER = info.value.CONTACT_NUMBER
form.value.RAW_OPERATION_CERTIFICATE = info.value.OPERATING_CERTIFICATE
}
}
}else if(form.value.ASSIGNED_VEHICLE_MODEL === "货运挂车") {
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 });
info.value = resData.pd;
form.value.VEHICLE.PLATE_NUMBER = info.value.PLATE_NUMBER
form.value.VEHICLE.RAW_OWNERS = info.value.CAR_OWNERS
form.value.VEHICLE.RAW_OWNERS_NUMBER = info.value.CAR_OWNERS_TEL
form.value.VEHICLE.RAW_VEHICLE_OPERATION_CERTIFICATE = info.value.OPER_CERTIFICATE_NUM
form.value.VEHICLE.FRAMES_NUMBER = info.value.VIN
form.value.VEHICLE.RAW_DRIVINGLICENSE_IMG = info.value.DRIVING_LICENSE_IMG
form.value.VEHICLE_BRAND = info.value.TRAILER_BRAND;
form.value.VEHICLE_MODEL = info.value.TRAILER_MODEL;
form.value.RAW_PLATE_NUMBER = info.value.PLATE_NUMBER;
form.value.RAW_OWNERS = info.value.CAR_OWNERS;
form.value.RAW_CONTACT_NUMBER = info.value.CAR_OWNERS_TEL;
form.value.RAW_OPERATION_CERTIFICATE = info.value.OPER_CERTIFICATE_NUM;
form.value.FRAMES_NUMBER = info.value.VIN;
form.value.ENGINE_NUMBER = info.value.TRAILER_MODEL;
form.value.POWER_TYPE = info.value.TRAILER_MODEL;
}
}
}
}
const fnEditAssignedWay = async () => {
if(form.value.ASSIGNED_WAY === '协议过户') {
form.value.NOW_PLATE_NUMBER = null;
form.value.NOW_OPERATION_CERTIFICATE = null;
form.value.NOW_RECORD_DATE = null;
}
};
const fnGetData = async () => {
if (!ASSIGNED_ID) return;
const resData = await setAssignedManageEdit({ ASSIGNED_ID });
form.value = resData.pd;
form.value.NOW_VEHICLE_OPERATION_CERTIFICATE = addingPrefixToFile(
resData.nowVehicleOperationCertificateImgs
);
form.value.NOW_DRIVINGLICENSE_IMG = addingPrefixToFile(
resData.nowDrivinglicenseImg
);
};
fnGetData();
const fnSubmit = debounce(
1000,
async () => {
await useFormValidate(formRef);
const resData = !ASSIGNED_ID
? await setAssignedManageAdd({ ...form.value })
: await setAssignedManageEdit({ ...form.value ,ASSIGNED_ID:ASSIGNED_ID});
const currentAssignedId =resData.pd.ASSIGNED_ID
for (let i = 0; i < form.value.NOW_VEHICLE_OPERATION_CERTIFICATE.length; i++) {
if (form.value.NOW_VEHICLE_OPERATION_CERTIFICATE[i].raw)
await fnUploadImage(currentAssignedId, form.value.NOW_VEHICLE_OPERATION_CERTIFICATE[i].raw, 120);
}
for (let i = 0; i < form.value.NOW_DRIVINGLICENSE_IMG.length; i++) {
if (form.value.NOW_DRIVINGLICENSE_IMG[i].raw)
await fnUploadImage(currentAssignedId, form.value.NOW_DRIVINGLICENSE_IMG[i].raw, 121);
}
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>

279
src/views/mechanical_files/assigned_manage/index.vue Normal file
View File

@ -0,0 +1,279 @@
<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="ASSIGNED_TYPE">
<el-select v-model="searchForm.ASSIGNED_TYPE">
<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="ASSIGNED_WAY">
<el-select v-model="searchForm.ASSIGNED_WAY">
<el-option
v-for="item in assignedWayList"
: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="ASSIGNED_VEHICLE_MODEL">
<el-select v-model="searchForm.ASSIGNED_VEHICLE_MODEL">
<el-option
v-for="item in assignedVehicleModel"
: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="RAW_PLATE_NUMBER">
<el-input
v-model="searchForm.RAW_PLATE_NUMBER"
placeholder="请填写原车牌号"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="现车牌号" prop="NOW_PLATE_NUMBER">
<el-input
v-model="searchForm.NOW_PLATE_NUMBER"
placeholder="请填写现车牌号"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="现车主" prop="NOW_OWNERS">
<el-input
v-model="searchForm.NOW_OWNERS"
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="ASSIGNED_DATE">
<el-date-picker
v-model="searchForm.ASSIGNED_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-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="12">
<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="ASSIGNED_TYPE" label="过户类型" />
<el-table-column prop="RAW_PLATE_NUMBER" label="原车牌号" />
<el-table-column prop="NOW_PLATE_NUMBER" label="现车牌号" />
<el-table-column
prop="RAW_OWNERS"
label="原车主业主"
width="140"
show-overflow-tooltip
/>
<el-table-column
prop="NOW_OWNERS"
label="现车主业主"
width="140"
show-overflow-tooltip
/>
<el-table-column
prop="ASSIGNED_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/assigned_manage/view',
query: { ASSIGNED_ID: row.ASSIGNED_ID },
})
"
>
查看
</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"
text
link
@click="fnDelete(row.ASSIGNED_ID)"
>
删除
</el-button>
</template>
</el-table-column>
<template #button>
<el-button
v-if="buttonJurisdiction.add"
type="primary"
@click="
router.push({ path: '/mechanical_files/assigned_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 {
layoutFnGetAssignedWay,
layoutFnGetAssignedVehicleModel
} from "@/assets/js/assigned_manage.js";
import {
getAssignedList,
setAssignedManageDelete,
layoutFnGetAssignedType,
} from "@/request/assigned_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(getAssignedList, {});
const assignedVehicleModel = await layoutFnGetAssignedVehicleModel();
console.log("fdasc adv ",assignedVehicleModel);
const relatedClassificationList = ref(null);
onMounted(async () => {
const data = await layoutFnGetAssignedType();
relatedClassificationList.value = JSON.parse(data.value.zTreeNodes);
});
const assignedWayList = await layoutFnGetAssignedWay();
const fnGetDataTransfer = () => {
fnGetData({
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
});
};
const fnResetPaginationTransfer = () => {
searchForm.value = {};
fnResetPagination({
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
});
};
const fnDelete = debounce(
1000,
async (ASSIGNED_ID) => {
await ElMessageBox.confirm("确定要删除吗？", { type: "warning" });
await setAssignedManageDelete({ ASSIGNED_ID })
ElMessage.success("删除成功");
},
{ atBegin: true }
);
const buttonJurisdiction = await useButtonJurisdiction("assigned");
</script>
<style scoped></style>

118
src/views/mechanical_files/assigned_manage/view.vue Normal file
View File

@ -0,0 +1,118 @@
<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.TRANSACTION_DATE }}
</el-descriptions-item>
<el-descriptions-item label="登记人">
{{ data.REGISTRANT }}
</el-descriptions-item>
<el-descriptions-item label="过户类型">
{{ data.ASSIGNED_TYPE }}
</el-descriptions-item>
<el-descriptions-item label="车辆类型">
{{ data.VEHICLE_TYPE }}
</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_BRAND }}
</el-descriptions-item>
<el-descriptions-item label="车辆型号">
{{ data.VEHICLE_MODEL }}
</el-descriptions-item>
<el-descriptions-item label="发动机号">
{{ data.ENGINE_NUMBER }}
</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.RAW_PLATE_NUMBER }}
</el-descriptions-item>
<el-descriptions-item label="原车主业主">
{{ data.RAW_OWNERS }}
</el-descriptions-item>
<el-descriptions-item label="原联系电话">
{{ data.RAW_CONTACT_NUMBER }}
</el-descriptions-item>
<el-descriptions-item label="现车牌号">
{{ data.NOW_PLATE_NUMBER }}
</el-descriptions-item>
<el-descriptions-item label="现车主业主">
{{ data.NOW_OWNERS }}
</el-descriptions-item>
<el-descriptions-item label="现联系电话">
{{ data.NOW_CONTACT_NUMBER }}
</el-descriptions-item>
<el-descriptions-item label="原营运证号">
{{ data.RAW_OPERATION_CERTIFICATE }}
</el-descriptions-item>
<el-descriptions-item label="现营运证号">
{{ data.NOW_OPERATION_CERTIFICATE }}
</el-descriptions-item>
</el-descriptions>
<el-descriptions border>
<el-descriptions-item label="现营运证照片">
<img
v-viewer
:src="VITE_FILE_URL + data.NOW_VEHICLE_OPERATION_CERTIFICATE"
width="100"
height="100"
alt=""
/>
</el-descriptions-item>
<el-descriptions-item label="现行驶证照片">
<img
v-viewer
:src="VITE_FILE_URL + data.NOW_DRIVINGLICENSE_IMG"
width="100"
height="100"
alt=""
/>
</el-descriptions-item>
</el-descriptions>
<el-descriptions :column="1" border>
<el-descriptions-item label="过户资料">
{{ data.ASSIGNED_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 { findByIdAssignedManageInfo } from "@/request/assigned_manage.js";
import { useRoute } from "vue-router";
import { ref } from "vue";
const VITE_FILE_URL = import.meta.env.VITE_FILE_URL;
const route = useRoute();
const { ASSIGNED_ID } = route.query;
const data = ref({});
const getData = async () => {
const { pd } = await findByIdAssignedManageInfo({ ASSIGNED_ID });
data.value = pd;
};
getData();
</script>
<style scoped></style>