forked from integrated_whb/integrated_whb_vue
删除console和禁止使用Object.assign
parent
c28033032f
commit
1ad0b76160
|
@ -67,7 +67,6 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="6">
|
||||
<el-form-item label="主动安全" prop="ACTIVE_SAFETY">
|
||||
<el-select v-model="searchForm.ACTIVE_SAFETY">
|
||||
|
@ -98,12 +97,12 @@
|
|||
</el-card>
|
||||
<layout-card>
|
||||
<layout-table
|
||||
:data="list"
|
||||
v-model:pagination="pagination"
|
||||
:data="list"
|
||||
@get-data="fnGetDataTransfer"
|
||||
>
|
||||
<el-table-column label="序号" width="70">
|
||||
<template v-slot="{ $index }">
|
||||
<template #default="{ $index }">
|
||||
{{ serialNumber(pagination, $index) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
@ -112,14 +111,24 @@
|
|||
<el-table-column prop="VEHICLE_COLOR" label="车辆颜色" />
|
||||
<el-table-column prop="FRAMES_NUMBER" label="车架号" width="140" />
|
||||
<el-table-column prop="CONTACT" label="联系人" />
|
||||
<el-table-column prop="CONTACT_NUMBER" label="联系电话" width="140" show-overflow-tooltip />
|
||||
<el-table-column
|
||||
prop="CONTACT_NUMBER"
|
||||
label="联系电话"
|
||||
width="140"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="VEHICLE_TYPE" label="车辆类型" width="140" />
|
||||
<el-table-column prop="TRANSPORT_TYPE" label="运输类别" width="140" />
|
||||
<el-table-column prop="FIRSTSHOW_DATE" label="初登日期" />
|
||||
<el-table-column prop="EXPIRE_DATE" label="到期日期" />
|
||||
<el-table-column prop="BELONGING_DEPARTMENT" label="归属部门" width="140" show-overflow-tooltip />
|
||||
<el-table-column
|
||||
prop="BELONGING_DEPARTMENT"
|
||||
label="归属部门"
|
||||
width="140"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column label="操作" width="150">
|
||||
<template v-slot="{ row }">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
text
|
||||
|
@ -175,7 +184,9 @@
|
|||
v-if="buttonJurisdiction.add"
|
||||
type="primary"
|
||||
@click="
|
||||
router.push({ path: '/enterprise_management/basics_info_management/operation_vehicle/add' })
|
||||
router.push({
|
||||
path: '/enterprise_management/basics_info_management/operation_vehicle/add',
|
||||
})
|
||||
"
|
||||
>
|
||||
新增
|
||||
|
@ -194,7 +205,10 @@ import {
|
|||
layoutFnGetNetworkStatus,
|
||||
layoutFnGetActiveSafety,
|
||||
} from "@/assets/js/operation_vehicle.js";
|
||||
import { getOperationVehicleList, setOperationVehicleDelete } from "@/request/operation_vehicle.js";
|
||||
import {
|
||||
getOperationVehicleList,
|
||||
setOperationVehicleDelete,
|
||||
} from "@/request/operation_vehicle.js";
|
||||
import { useRouter } from "vue-router";
|
||||
import useButtonJurisdiction from "@/assets/js/useButtonJurisdiction.js";
|
||||
import { debounce } from "throttle-debounce";
|
||||
|
@ -202,13 +216,10 @@ import { ElMessage, ElMessageBox } from "element-plus";
|
|||
|
||||
const router = useRouter();
|
||||
const { list, pagination, searchForm, fnGetData, fnResetPagination } =
|
||||
useListData(getOperationVehicleList, {
|
||||
|
||||
});
|
||||
useListData(getOperationVehicleList, {});
|
||||
const troubleshootingCycleList = await layoutFnGetVehicleColor();
|
||||
const networkStatusLevelList = await layoutFnGetNetworkStatus();
|
||||
const activeSafety = await layoutFnGetActiveSafety();
|
||||
console.log(list,"userListData");
|
||||
const fnGetDataTransfer = () => {
|
||||
fnGetData({
|
||||
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
||||
|
@ -224,7 +235,7 @@ const fnDelete = debounce(
|
|||
1000,
|
||||
async (OPERATING_ID) => {
|
||||
await ElMessageBox.confirm("确定要删除吗?", { type: "warning" });
|
||||
await setOperationVehicleDelete({ OPERATING_ID })
|
||||
await setOperationVehicleDelete({ OPERATING_ID });
|
||||
ElMessage.success("删除成功");
|
||||
},
|
||||
{ atBegin: true }
|
||||
|
|
|
@ -385,9 +385,8 @@ const addStandard = () => {
|
|||
data.addOrEditDialog.visible = true;
|
||||
};
|
||||
const fnAddStandardSubmit = (item) => {
|
||||
const obj = Object.assign({}, item);
|
||||
data.list.push(obj);
|
||||
data.listAll.push(JSON.stringify(obj));
|
||||
data.list.push({ ...item });
|
||||
data.listAll.push(JSON.stringify({ ...item }));
|
||||
fnTableSelection();
|
||||
};
|
||||
const fnSelectStandardSubmit = (listData) => {
|
||||
|
|
|
@ -20,7 +20,6 @@ const loading = ref(true); // 用于指示文件是否正在加载
|
|||
onMounted(async () => {
|
||||
const response = await infoStaffingView({ STAFFING_ID });
|
||||
loading.value = false; // 加载完成
|
||||
console.log(response.pd.ATTACHMENT_ROUTE, "111111111111111111111111111");
|
||||
window.open(response.pd.ATTACHMENT_ROUTE, "_blank");
|
||||
});
|
||||
</script>
|
||||
|
|
|
@ -1,21 +1,20 @@
|
|||
<template>
|
||||
<layout-card>
|
||||
<el-divider content-position="left">车辆选择</el-divider>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
>
|
||||
<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-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"
|
||||
<el-select
|
||||
v-model="form.ASSIGNED_VEHICLE_MODEL"
|
||||
placeholder="请选择过户车型"
|
||||
@change="fnEditVehicleModel"
|
||||
>
|
||||
|
@ -49,7 +48,8 @@
|
|||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="原车牌号" prop="RAW_PLATE_NUMBER">
|
||||
<el-input v-model="form.VEHICLE.PLATE_NUMBER"
|
||||
<el-input
|
||||
v-model="form.VEHICLE.PLATE_NUMBER"
|
||||
placeholder="--"
|
||||
disabled
|
||||
/>
|
||||
|
@ -57,7 +57,8 @@
|
|||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="原车主/业主" prop="RAW_OWNERS">
|
||||
<el-input v-model="form.VEHICLE.RAW_OWNERS"
|
||||
<el-input
|
||||
v-model="form.VEHICLE.RAW_OWNERS"
|
||||
placeholder="--"
|
||||
disabled
|
||||
/>
|
||||
|
@ -65,7 +66,8 @@
|
|||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="原车主电话" prop="RAW_OWNERS_NUMBER">
|
||||
<el-input v-model="form.VEHICLE.RAW_OWNERS_NUMBER"
|
||||
<el-input
|
||||
v-model="form.VEHICLE.RAW_OWNERS_NUMBER"
|
||||
placeholder="--"
|
||||
disabled
|
||||
/>
|
||||
|
@ -74,8 +76,12 @@
|
|||
</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"
|
||||
<el-form-item
|
||||
label="原车辆营运证"
|
||||
prop="RAW_VEHICLE_OPERATION_CERTIFICATE"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.VEHICLE.RAW_VEHICLE_OPERATION_CERTIFICATE"
|
||||
placeholder="--"
|
||||
disabled
|
||||
/>
|
||||
|
@ -83,7 +89,8 @@
|
|||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="车架号" prop="FRAMES_NUMBER">
|
||||
<el-input v-model="form.VEHICLE.FRAMES_NUMBER"
|
||||
<el-input
|
||||
v-model="form.VEHICLE.FRAMES_NUMBER"
|
||||
placeholder="--"
|
||||
disabled
|
||||
/>
|
||||
|
@ -105,7 +112,10 @@
|
|||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="过户类型" prop="ASSIGNED_TYPE">
|
||||
<el-select v-model="form.ASSIGNED_TYPE" placeholder="请选择过户类型">
|
||||
<el-select
|
||||
v-model="form.ASSIGNED_TYPE"
|
||||
placeholder="请选择过户类型"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in relatedClassificationList"
|
||||
:key="item.BIANMA"
|
||||
|
@ -117,7 +127,9 @@
|
|||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="过户方式" prop="ASSIGNED_WAY">
|
||||
<el-select v-model="form.ASSIGNED_WAY" placeholder="请选择过户方式"
|
||||
<el-select
|
||||
v-model="form.ASSIGNED_WAY"
|
||||
placeholder="请选择过户方式"
|
||||
@change="fnEditAssignedWay"
|
||||
>
|
||||
<el-option
|
||||
|
@ -144,12 +156,18 @@
|
|||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="现车主/业主" prop="NOW_OWNERS">
|
||||
<el-input v-model="form.NOW_OWNERS" placeholder="请填写现车主/业主" />
|
||||
<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-input
|
||||
v-model="form.NOW_OWNERS_NUMBER"
|
||||
placeholder="请填写现车主电话"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
|
@ -161,16 +179,20 @@
|
|||
<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"
|
||||
<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"
|
||||
<el-input
|
||||
v-model="form.NOW_OPERATION_CERTIFICATE"
|
||||
:disabled="form.ASSIGNED_WAY === '协议过户'"
|
||||
label="1"
|
||||
placeholder="请填写现营运证号"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
@ -183,14 +205,18 @@
|
|||
format="YYYY-MM-DD"
|
||||
type="date"
|
||||
placeholder="请填写现登记日期"
|
||||
:disabled = "form.ASSIGNED_WAY === '协议过户'" label="1"
|
||||
: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">
|
||||
<el-form-item
|
||||
label="现车辆营运证照片"
|
||||
prop="NOW_VEHICLE_OPERATION_CERTIFICATE"
|
||||
>
|
||||
<layout-upload
|
||||
v-model:file-list="form.NOW_VEHICLE_OPERATION_CERTIFICATE"
|
||||
list-type="picture-card"
|
||||
|
@ -241,16 +267,16 @@
|
|||
import { onMounted, ref } from "vue";
|
||||
import {
|
||||
layoutFnGetAssignedWay,
|
||||
layoutFnGetAssignedVehicleModel
|
||||
layoutFnGetAssignedVehicleModel,
|
||||
} from "@/assets/js/assigned_manage.js";
|
||||
import {
|
||||
getFreightTrailerList,
|
||||
getFreightTrailerView
|
||||
} from "@/request/enterprise_management.js"
|
||||
getFreightTrailerView,
|
||||
} from "@/request/enterprise_management.js";
|
||||
import {
|
||||
getOperationVehicleList,
|
||||
findByIdOperatingVehicleInfo
|
||||
} from "@/request/operation_vehicle.js"
|
||||
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";
|
||||
|
@ -266,7 +292,7 @@ import { useRoute, useRouter } from "vue-router";
|
|||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const ASSIGNED_ID = route.query.ASSIGNED_ID
|
||||
const ASSIGNED_ID = route.query.ASSIGNED_ID;
|
||||
|
||||
const assignedVehicleModelList = await layoutFnGetAssignedVehicleModel();
|
||||
|
||||
|
@ -279,18 +305,31 @@ onMounted(async () => {
|
|||
|
||||
const getFreightVehicleList = await getFreightTrailerList();
|
||||
const getOperationList = await getOperationVehicleList();
|
||||
console.log(getOperationList,'55555555');
|
||||
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"}],
|
||||
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"}],
|
||||
NOW_VEHICLE_OPERATION_CERTIFICATE: [
|
||||
{ required: true, message: "现车辆营运证照片不能为空", trigger: "blur" },
|
||||
],
|
||||
NOW_DRIVINGLICENSE_IMG: [
|
||||
{ required: true, message: "现行驶证照片不能为空", trigger: "blur" },
|
||||
],
|
||||
};
|
||||
const formRef = ref(null);
|
||||
const form = ref({
|
||||
|
@ -347,60 +386,70 @@ const form = ref({
|
|||
RAW_OWNERS_NUMBER: "",
|
||||
RAW_VEHICLE_OPERATION_CERTIFICATE: "",
|
||||
FRAMES_NUMBER: "",
|
||||
RAW_DRIVINGLICENSE_IMG: ""
|
||||
}
|
||||
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 = getOperationList.varList
|
||||
form.value.OPERATIONVEHICLELIST = form.value.ALLVEHICLE
|
||||
form.value.ALLVEHICLE = getOperationList.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
|
||||
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
|
||||
if (
|
||||
form.value.OPERATIONVEHICLELIST[i].PLATE_NUMBER ===
|
||||
form.value.VEHICLE_PLATE_NUMBER
|
||||
) {
|
||||
const OPERATING_ID = form.value.OPERATIONVEHICLELIST[i].OPERATING_ID;
|
||||
const resData = await findByIdOperatingVehicleInfo({ OPERATING_ID });
|
||||
info.value = resData.pd;
|
||||
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.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
|
||||
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
|
||||
if (
|
||||
form.value.FREIGHTVEHICLELIST[i].PLATE_NUMBER ===
|
||||
form.value.VEHICLE_PLATE_NUMBER
|
||||
) {
|
||||
const FREIGHTTRAILER_ID =
|
||||
form.value.FREIGHTVEHICLELIST[i].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
|
||||
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.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;
|
||||
|
@ -414,9 +463,9 @@ const fnGetVehicleInfo = async () => {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
const fnEditAssignedWay = async () => {
|
||||
if(form.value.ASSIGNED_WAY === '协议过户') {
|
||||
if (form.value.ASSIGNED_WAY === "协议过户") {
|
||||
form.value.NOW_PLATE_NUMBER = null;
|
||||
form.value.NOW_OPERATION_CERTIFICATE = null;
|
||||
form.value.NOW_RECORD_DATE = null;
|
||||
|
@ -440,15 +489,30 @@ const fnSubmit = debounce(
|
|||
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++) {
|
||||
: await setAssignedManageEdit({
|
||||
...form.value,
|
||||
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);
|
||||
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);
|
||||
await fnUploadImage(
|
||||
currentAssignedId,
|
||||
form.value.NOW_DRIVINGLICENSE_IMG[i].raw,
|
||||
121
|
||||
);
|
||||
}
|
||||
ElMessage.success("提交成功");
|
||||
router.back();
|
||||
|
@ -462,7 +526,6 @@ const fnUploadImage = async (HIDDEN_ID, FFILE, TYPE) => {
|
|||
formData.append("FFILE", FFILE);
|
||||
await setUploadImg(formData);
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
|
|
|
@ -94,7 +94,11 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="车主业户" prop="CAR_OWNERS">
|
||||
<el-input v-model="form.CAR_OWNERS" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.CAR_OWNERS"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -104,7 +108,11 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="登记人" prop="REGISTRANT">
|
||||
<el-input v-model="form.REGISTRANT" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.REGISTRANT"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -120,7 +128,10 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年检周期" prop="ANNUAL_INSPECTION_CYCLE">
|
||||
<el-select v-model="form.ANNUAL_INSPECTION_CYCLE" @change="getDueDate">
|
||||
<el-select
|
||||
v-model="form.ANNUAL_INSPECTION_CYCLE"
|
||||
@change="getDueDate"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in annualInspectionCycleList"
|
||||
:key="item.DICTIONARIES_ID"
|
||||
|
@ -143,12 +154,20 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年检费用" prop="INSPECTFEES">
|
||||
<el-input v-model="form.INSPECTFEES" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.INSPECTFEES"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实收费用" prop="ACTUAL_COLLECTION">
|
||||
<el-input v-model="form.ACTUAL_COLLECTION" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.ACTUAL_COLLECTION"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -158,7 +177,12 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="提醒天数" prop="REMINDER_DAYS">
|
||||
<el-input v-model.number="form.REMINDER_DAYS" maxlength="50" show-word-limit @change="getRemiderDate"/>
|
||||
<el-input
|
||||
v-model.number="form.REMINDER_DAYS"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
@change="getRemiderDate"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -201,7 +225,8 @@
|
|||
v-model="form.NOTES"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 3 }"
|
||||
maxlength="250" show-word-limit
|
||||
maxlength="250"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
@ -217,49 +242,58 @@
|
|||
import LayoutUpload from "@/components/upload/index.vue";
|
||||
import { ref, reactive } from "vue";
|
||||
import { debounce } from "throttle-debounce";
|
||||
import {getInspectAnnuallyView, setInspectAnnuallyAdd ,setInspectAnnuallyEdit,getTrailerList} from "@/request/mechanical_files.js";
|
||||
import {OPERATING_VEHICLE_TYPE_LIST} from "@/assets/js/constant.js"
|
||||
import {layoutFnGetAnnualInspectionCycle} from "@/assets/js/data_dictionary.js"
|
||||
import {
|
||||
getInspectAnnuallyView,
|
||||
setInspectAnnuallyAdd,
|
||||
setInspectAnnuallyEdit,
|
||||
getTrailerList,
|
||||
} from "@/request/mechanical_files.js";
|
||||
import { OPERATING_VEHICLE_TYPE_LIST } from "@/assets/js/constant.js";
|
||||
import { layoutFnGetAnnualInspectionCycle } from "@/assets/js/data_dictionary.js";
|
||||
import { setUploadImg } from "@/request/api.js";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { useRoute, useRouter, } from "vue-router";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import useFormValidate from "@/assets/js/useFormValidate.js";
|
||||
import { addingPrefixToFile ,timeTransformation,subtractDaysFromDate} from "@/assets/js/utils.js";
|
||||
import {
|
||||
addingPrefixToFile,
|
||||
timeTransformation,
|
||||
subtractDaysFromDate,
|
||||
} from "@/assets/js/utils.js";
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const INSPECTANNUALLY_ID = route.query.INSPECTANNUALLY_ID
|
||||
const annualInspectionCycleList = await layoutFnGetAnnualInspectionCycle()
|
||||
const INSPECTANNUALLY_ID = route.query.INSPECTANNUALLY_ID;
|
||||
const annualInspectionCycleList = await layoutFnGetAnnualInspectionCycle();
|
||||
const formRef = ref(null);
|
||||
const form = ref({
|
||||
VEHICLE_MODEL : '',
|
||||
VEHICLE : '',
|
||||
NUM:'',
|
||||
CAR_OWNERS : '',
|
||||
TELEPHONE : '',
|
||||
REGISTRANT : '',
|
||||
PROCESSING_DATE : '',
|
||||
ANNUAL_INSPECTION_CYCLE : '',
|
||||
DUE_DATE : '',
|
||||
INSPECTFEES : '',
|
||||
ACTUAL_COLLECTION : '',
|
||||
ADDRESS : '',
|
||||
REMINDER_DAYS : '',
|
||||
REMINDER_DATE : '',
|
||||
REMINDER_STATUS : '',
|
||||
INSPECTINFO : []
|
||||
VEHICLE_MODEL: "",
|
||||
VEHICLE: "",
|
||||
NUM: "",
|
||||
CAR_OWNERS: "",
|
||||
TELEPHONE: "",
|
||||
REGISTRANT: "",
|
||||
PROCESSING_DATE: "",
|
||||
ANNUAL_INSPECTION_CYCLE: "",
|
||||
DUE_DATE: "",
|
||||
INSPECTFEES: "",
|
||||
ACTUAL_COLLECTION: "",
|
||||
ADDRESS: "",
|
||||
REMINDER_DAYS: "",
|
||||
REMINDER_DATE: "",
|
||||
REMINDER_STATUS: "",
|
||||
INSPECTINFO: [],
|
||||
});
|
||||
const data = reactive({
|
||||
vehicleList: [],
|
||||
busInfo: {
|
||||
DRIVING_LICENSE_IMG: [],
|
||||
PLATE_NUMBER : '',
|
||||
VIN : '',
|
||||
TRAILER_TYPE : '',
|
||||
CAR_OWNERS : '',
|
||||
CAR_OWNERS_TEL : '',
|
||||
INITIAL_REGISTRATION_DATE : '',
|
||||
COMPANY_AREA:'',
|
||||
}
|
||||
PLATE_NUMBER: "",
|
||||
VIN: "",
|
||||
TRAILER_TYPE: "",
|
||||
CAR_OWNERS: "",
|
||||
CAR_OWNERS_TEL: "",
|
||||
INITIAL_REGISTRATION_DATE: "",
|
||||
COMPANY_AREA: "",
|
||||
},
|
||||
});
|
||||
const rules = {
|
||||
VEHICLE_MODEL: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
|
@ -276,89 +310,89 @@
|
|||
],
|
||||
REGISTRANT: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
PROCESSING_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
ANNUAL_INSPECTION_CYCLE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
ANNUAL_INSPECTION_CYCLE: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
],
|
||||
DUE_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
REMINDER_DAYS: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
REMINDER_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
}
|
||||
};
|
||||
const getDueDate = () => {
|
||||
if (form.value.PROCESSING_DATE && form.value.ANNUAL_INSPECTION_CYCLE) {
|
||||
const list = annualInspectionCycleList._rawValue
|
||||
let num = 0
|
||||
const list = annualInspectionCycleList._rawValue;
|
||||
let num = 0;
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
const _item = list[i]
|
||||
const _item = list[i];
|
||||
if (form.value.ANNUAL_INSPECTION_CYCLE === _item.DICTIONARIES_ID) {
|
||||
num = Number(_item.BIANMA)
|
||||
num = Number(_item.BIANMA);
|
||||
}
|
||||
}
|
||||
form.value.DUE_DATE = timeTransformation(form.value.PROCESSING_DATE,num)
|
||||
form.value.DUE_DATE = timeTransformation(form.value.PROCESSING_DATE, num);
|
||||
if (form.value.REMINDER_DAYS) {
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(form.value.DUE_DATE,form.value.REMINDER_DAYS)
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(
|
||||
form.value.DUE_DATE,
|
||||
form.value.REMINDER_DAYS
|
||||
);
|
||||
}
|
||||
} else {
|
||||
form.value.DUE_DATE = ''
|
||||
form.value.REMINDER_DATE = ''
|
||||
}
|
||||
form.value.DUE_DATE = "";
|
||||
form.value.REMINDER_DATE = "";
|
||||
}
|
||||
};
|
||||
const getRemiderDate = (val) => {
|
||||
if (val) {
|
||||
if (form.value.DUE_DATE) {
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(form.value.DUE_DATE,val)
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(form.value.DUE_DATE, val);
|
||||
}
|
||||
} else {
|
||||
form.value.REMINDER_DATE = ''
|
||||
}
|
||||
form.value.REMINDER_DATE = "";
|
||||
}
|
||||
};
|
||||
const getVehicle = async (event) => {
|
||||
const resData = await getTrailerList({TRAFFIC_TYPE:event})
|
||||
data.vehicleList = resData.list
|
||||
form.value.VEHICLE = ''
|
||||
data.busInfo.DRIVING_LICENSE_IMG = []
|
||||
data.busInfo.PLATE_NUMBER = ''
|
||||
data.busInfo.VIN = ''
|
||||
data.busInfo.TRAILER_TYPE = ''
|
||||
data.busInfo.CAR_OWNERS = ''
|
||||
data.busInfo.CAR_OWNERS_TEL = ''
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = ''
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
|
||||
[]
|
||||
);
|
||||
}
|
||||
const resData = await getTrailerList({ TRAFFIC_TYPE: event });
|
||||
data.vehicleList = resData.list;
|
||||
form.value.VEHICLE = "";
|
||||
data.busInfo.DRIVING_LICENSE_IMG = [];
|
||||
data.busInfo.PLATE_NUMBER = "";
|
||||
data.busInfo.VIN = "";
|
||||
data.busInfo.TRAILER_TYPE = "";
|
||||
data.busInfo.CAR_OWNERS = "";
|
||||
data.busInfo.CAR_OWNERS_TEL = "";
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = "";
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
|
||||
};
|
||||
const fnBusChange = async (event) => {
|
||||
const resData = await getTrailerList({ID:event})
|
||||
data.busInfo = resData.list[0]
|
||||
const resData = await getTrailerList({ ID: event });
|
||||
data.busInfo = resData.list[0];
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
|
||||
resData.drivingLicenseImgs
|
||||
);
|
||||
};
|
||||
const getBusInfo = (val) => {
|
||||
console.log(val)
|
||||
if (val) {
|
||||
fnBusChange(val)
|
||||
fnBusChange(val);
|
||||
} else {
|
||||
data.busInfo.DRIVING_LICENSE_IMG = []
|
||||
data.busInfo.PLATE_NUMBER = ''
|
||||
data.busInfo.VIN = ''
|
||||
data.busInfo.TRAILER_TYPE = ''
|
||||
data.busInfo.CAR_OWNERS = ''
|
||||
data.busInfo.CAR_OWNERS_TEL = ''
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = ''
|
||||
data.busInfo.COMPANY_AREA = ''
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
|
||||
[]
|
||||
);
|
||||
}
|
||||
data.busInfo.DRIVING_LICENSE_IMG = [];
|
||||
data.busInfo.PLATE_NUMBER = "";
|
||||
data.busInfo.VIN = "";
|
||||
data.busInfo.TRAILER_TYPE = "";
|
||||
data.busInfo.CAR_OWNERS = "";
|
||||
data.busInfo.CAR_OWNERS_TEL = "";
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = "";
|
||||
data.busInfo.COMPANY_AREA = "";
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
|
||||
}
|
||||
};
|
||||
const fnGetData = async () => {
|
||||
if (!INSPECTANNUALLY_ID) return;
|
||||
const resData = await getInspectAnnuallyView({ INSPECTANNUALLY_ID });
|
||||
form.value = resData.pd;
|
||||
const listData = await getTrailerList({TRAFFIC_TYPE:form.value.VEHICLE_MODEL})
|
||||
data.vehicleList = listData.list
|
||||
fnBusChange(form.value.VEHICLE)
|
||||
form.value.INSPECTINFO = addingPrefixToFile(
|
||||
resData.inspectinfoImgs
|
||||
);
|
||||
const listData = await getTrailerList({
|
||||
TRAFFIC_TYPE: form.value.VEHICLE_MODEL,
|
||||
});
|
||||
data.vehicleList = listData.list;
|
||||
fnBusChange(form.value.VEHICLE);
|
||||
form.value.INSPECTINFO = addingPrefixToFile(resData.inspectinfoImgs);
|
||||
};
|
||||
fnGetData();
|
||||
|
||||
|
@ -368,8 +402,11 @@
|
|||
await useFormValidate(formRef);
|
||||
const resData = !INSPECTANNUALLY_ID
|
||||
? await setInspectAnnuallyAdd({ ...form.value })
|
||||
: await setInspectAnnuallyEdit({ ...form.value ,INSPECTANNUALLY_ID:INSPECTANNUALLY_ID});
|
||||
const currentId =resData.pd.INSPECTANNUALLY_ID
|
||||
: await setInspectAnnuallyEdit({
|
||||
...form.value,
|
||||
INSPECTANNUALLY_ID,
|
||||
});
|
||||
const currentId = resData.pd.INSPECTANNUALLY_ID;
|
||||
for (let i = 0; i < form.value.INSPECTINFO.length; i++) {
|
||||
if (form.value.INSPECTINFO[i].raw)
|
||||
await fnUploadImage(currentId, form.value.INSPECTINFO[i].raw, 124);
|
||||
|
|
|
@ -94,7 +94,11 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="车主业户" prop="CAR_OWNERS">
|
||||
<el-input v-model="form.CAR_OWNERS" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.CAR_OWNERS"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -104,7 +108,11 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="登记人" prop="REGISTRANT">
|
||||
<el-input v-model="form.REGISTRANT" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.REGISTRANT"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -120,7 +128,10 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年检周期" prop="ANNUAL_INSPECTION_CYCLE">
|
||||
<el-select v-model="form.ANNUAL_INSPECTION_CYCLE" @change="getDueDate">
|
||||
<el-select
|
||||
v-model="form.ANNUAL_INSPECTION_CYCLE"
|
||||
@change="getDueDate"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in annualInspectionCycleList"
|
||||
:key="item.DICTIONARIES_ID"
|
||||
|
@ -143,12 +154,20 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年检费用" prop="INSPECTFEES">
|
||||
<el-input v-model="form.INSPECTFEES" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.INSPECTFEES"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实收费用" prop="ACTUAL_COLLECTION">
|
||||
<el-input v-model="form.ACTUAL_COLLECTION" maxlength="50" show-word-limit/>
|
||||
<el-input
|
||||
v-model="form.ACTUAL_COLLECTION"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -158,7 +177,12 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="提醒天数" prop="REMINDER_DAYS">
|
||||
<el-input v-model.number="form.REMINDER_DAYS" maxlength="50" show-word-limit @change="getRemiderDate"/>
|
||||
<el-input
|
||||
v-model.number="form.REMINDER_DAYS"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
@change="getRemiderDate"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -201,7 +225,8 @@
|
|||
v-model="form.NOTES"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 3 }"
|
||||
maxlength="250" show-word-limit
|
||||
maxlength="250"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
@ -217,49 +242,58 @@
|
|||
import LayoutUpload from "@/components/upload/index.vue";
|
||||
import { ref, reactive } from "vue";
|
||||
import { debounce } from "throttle-debounce";
|
||||
import {getInspectAnnuallyView, setInspectAnnuallyAdd ,setInspectAnnuallyEdit,getTrailerList} from "@/request/mechanical_files.js";
|
||||
import {OPERATING_VEHICLE_TYPE_LIST} from "@/assets/js/constant.js"
|
||||
import {layoutFnGetAnnualInspectionCycle} from "@/assets/js/data_dictionary.js"
|
||||
import {
|
||||
getInspectAnnuallyView,
|
||||
setInspectAnnuallyAdd,
|
||||
setInspectAnnuallyEdit,
|
||||
getTrailerList,
|
||||
} from "@/request/mechanical_files.js";
|
||||
import { OPERATING_VEHICLE_TYPE_LIST } from "@/assets/js/constant.js";
|
||||
import { layoutFnGetAnnualInspectionCycle } from "@/assets/js/data_dictionary.js";
|
||||
import { setUploadImg } from "@/request/api.js";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { useRoute, useRouter, } from "vue-router";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import useFormValidate from "@/assets/js/useFormValidate.js";
|
||||
import { addingPrefixToFile ,timeTransformation,subtractDaysFromDate} from "@/assets/js/utils.js";
|
||||
import {
|
||||
addingPrefixToFile,
|
||||
timeTransformation,
|
||||
subtractDaysFromDate,
|
||||
} from "@/assets/js/utils.js";
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const INSPECTANNUALLY_ID = route.query.INSPECTANNUALLY_ID
|
||||
const annualInspectionCycleList = await layoutFnGetAnnualInspectionCycle()
|
||||
const INSPECTANNUALLY_ID = route.query.INSPECTANNUALLY_ID;
|
||||
const annualInspectionCycleList = await layoutFnGetAnnualInspectionCycle();
|
||||
const formRef = ref(null);
|
||||
const form = ref({
|
||||
VEHICLE_MODEL : '',
|
||||
VEHICLE : '',
|
||||
NUM:'',
|
||||
CAR_OWNERS : '',
|
||||
TELEPHONE : '',
|
||||
REGISTRANT : '',
|
||||
PROCESSING_DATE : '',
|
||||
ANNUAL_INSPECTION_CYCLE : '',
|
||||
DUE_DATE : '',
|
||||
INSPECTFEES : '',
|
||||
ACTUAL_COLLECTION : '',
|
||||
ADDRESS : '',
|
||||
REMINDER_DAYS : '',
|
||||
REMINDER_DATE : '',
|
||||
REMINDER_STATUS : '',
|
||||
INSPECTINFO : []
|
||||
VEHICLE_MODEL: "",
|
||||
VEHICLE: "",
|
||||
NUM: "",
|
||||
CAR_OWNERS: "",
|
||||
TELEPHONE: "",
|
||||
REGISTRANT: "",
|
||||
PROCESSING_DATE: "",
|
||||
ANNUAL_INSPECTION_CYCLE: "",
|
||||
DUE_DATE: "",
|
||||
INSPECTFEES: "",
|
||||
ACTUAL_COLLECTION: "",
|
||||
ADDRESS: "",
|
||||
REMINDER_DAYS: "",
|
||||
REMINDER_DATE: "",
|
||||
REMINDER_STATUS: "",
|
||||
INSPECTINFO: [],
|
||||
});
|
||||
const data = reactive({
|
||||
vehicleList: [],
|
||||
busInfo: {
|
||||
DRIVING_LICENSE_IMG: [],
|
||||
PLATE_NUMBER : '',
|
||||
VIN : '',
|
||||
TRAILER_TYPE : '',
|
||||
CAR_OWNERS : '',
|
||||
CAR_OWNERS_TEL : '',
|
||||
INITIAL_REGISTRATION_DATE : '',
|
||||
COMPANY_AREA:'',
|
||||
}
|
||||
PLATE_NUMBER: "",
|
||||
VIN: "",
|
||||
TRAILER_TYPE: "",
|
||||
CAR_OWNERS: "",
|
||||
CAR_OWNERS_TEL: "",
|
||||
INITIAL_REGISTRATION_DATE: "",
|
||||
COMPANY_AREA: "",
|
||||
},
|
||||
});
|
||||
const rules = {
|
||||
VEHICLE_MODEL: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
|
@ -276,89 +310,89 @@
|
|||
],
|
||||
REGISTRANT: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
PROCESSING_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
ANNUAL_INSPECTION_CYCLE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
ANNUAL_INSPECTION_CYCLE: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
],
|
||||
DUE_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
REMINDER_DAYS: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
REMINDER_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
}
|
||||
};
|
||||
const getDueDate = () => {
|
||||
if (form.value.PROCESSING_DATE && form.value.ANNUAL_INSPECTION_CYCLE) {
|
||||
const list = annualInspectionCycleList._rawValue
|
||||
let num = 0
|
||||
const list = annualInspectionCycleList._rawValue;
|
||||
let num = 0;
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
const _item = list[i]
|
||||
const _item = list[i];
|
||||
if (form.value.ANNUAL_INSPECTION_CYCLE === _item.DICTIONARIES_ID) {
|
||||
num = Number(_item.BIANMA)
|
||||
num = Number(_item.BIANMA);
|
||||
}
|
||||
}
|
||||
form.value.DUE_DATE = timeTransformation(form.value.PROCESSING_DATE,num)
|
||||
form.value.DUE_DATE = timeTransformation(form.value.PROCESSING_DATE, num);
|
||||
if (form.value.REMINDER_DAYS) {
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(form.value.DUE_DATE,form.value.REMINDER_DAYS)
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(
|
||||
form.value.DUE_DATE,
|
||||
form.value.REMINDER_DAYS
|
||||
);
|
||||
}
|
||||
} else {
|
||||
form.value.DUE_DATE = ''
|
||||
form.value.REMINDER_DATE = ''
|
||||
}
|
||||
form.value.DUE_DATE = "";
|
||||
form.value.REMINDER_DATE = "";
|
||||
}
|
||||
};
|
||||
const getRemiderDate = (val) => {
|
||||
if (val) {
|
||||
if (form.value.DUE_DATE) {
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(form.value.DUE_DATE,val)
|
||||
form.value.REMINDER_DATE = subtractDaysFromDate(form.value.DUE_DATE, val);
|
||||
}
|
||||
} else {
|
||||
form.value.REMINDER_DATE = ''
|
||||
}
|
||||
form.value.REMINDER_DATE = "";
|
||||
}
|
||||
};
|
||||
const getVehicle = async (event) => {
|
||||
const resData = await getTrailerList({TRAFFIC_TYPE:event})
|
||||
data.vehicleList = resData.list
|
||||
form.value.VEHICLE = ''
|
||||
data.busInfo.DRIVING_LICENSE_IMG = []
|
||||
data.busInfo.PLATE_NUMBER = ''
|
||||
data.busInfo.VIN = ''
|
||||
data.busInfo.TRAILER_TYPE = ''
|
||||
data.busInfo.CAR_OWNERS = ''
|
||||
data.busInfo.CAR_OWNERS_TEL = ''
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = ''
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
|
||||
[]
|
||||
);
|
||||
}
|
||||
const resData = await getTrailerList({ TRAFFIC_TYPE: event });
|
||||
data.vehicleList = resData.list;
|
||||
form.value.VEHICLE = "";
|
||||
data.busInfo.DRIVING_LICENSE_IMG = [];
|
||||
data.busInfo.PLATE_NUMBER = "";
|
||||
data.busInfo.VIN = "";
|
||||
data.busInfo.TRAILER_TYPE = "";
|
||||
data.busInfo.CAR_OWNERS = "";
|
||||
data.busInfo.CAR_OWNERS_TEL = "";
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = "";
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
|
||||
};
|
||||
const fnBusChange = async (event) => {
|
||||
const resData = await getTrailerList({ID:event})
|
||||
data.busInfo = resData.list[0]
|
||||
const resData = await getTrailerList({ ID: event });
|
||||
data.busInfo = resData.list[0];
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
|
||||
resData.drivingLicenseImgs
|
||||
);
|
||||
};
|
||||
const getBusInfo = (val) => {
|
||||
console.log(val)
|
||||
if (val) {
|
||||
fnBusChange(val)
|
||||
fnBusChange(val);
|
||||
} else {
|
||||
data.busInfo.DRIVING_LICENSE_IMG = []
|
||||
data.busInfo.PLATE_NUMBER = ''
|
||||
data.busInfo.VIN = ''
|
||||
data.busInfo.TRAILER_TYPE = ''
|
||||
data.busInfo.CAR_OWNERS = ''
|
||||
data.busInfo.CAR_OWNERS_TEL = ''
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = ''
|
||||
data.busInfo.COMPANY_AREA = ''
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
|
||||
[]
|
||||
);
|
||||
}
|
||||
data.busInfo.DRIVING_LICENSE_IMG = [];
|
||||
data.busInfo.PLATE_NUMBER = "";
|
||||
data.busInfo.VIN = "";
|
||||
data.busInfo.TRAILER_TYPE = "";
|
||||
data.busInfo.CAR_OWNERS = "";
|
||||
data.busInfo.CAR_OWNERS_TEL = "";
|
||||
data.busInfo.INITIAL_REGISTRATION_DATE = "";
|
||||
data.busInfo.COMPANY_AREA = "";
|
||||
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
|
||||
}
|
||||
};
|
||||
const fnGetData = async () => {
|
||||
if (!INSPECTANNUALLY_ID) return;
|
||||
const resData = await getInspectAnnuallyView({ INSPECTANNUALLY_ID });
|
||||
form.value = resData.pd;
|
||||
const listData = await getTrailerList({TRAFFIC_TYPE:form.value.VEHICLE_MODEL})
|
||||
data.vehicleList = listData.list
|
||||
fnBusChange(form.value.VEHICLE)
|
||||
form.value.INSPECTINFO = addingPrefixToFile(
|
||||
resData.inspectinfoImgs
|
||||
);
|
||||
const listData = await getTrailerList({
|
||||
TRAFFIC_TYPE: form.value.VEHICLE_MODEL,
|
||||
});
|
||||
data.vehicleList = listData.list;
|
||||
fnBusChange(form.value.VEHICLE);
|
||||
form.value.INSPECTINFO = addingPrefixToFile(resData.inspectinfoImgs);
|
||||
};
|
||||
fnGetData();
|
||||
|
||||
|
@ -368,8 +402,11 @@
|
|||
await useFormValidate(formRef);
|
||||
const resData = !INSPECTANNUALLY_ID
|
||||
? await setInspectAnnuallyAdd({ ...form.value })
|
||||
: await setInspectAnnuallyEdit({ ...form.value ,INSPECTANNUALLY_ID:INSPECTANNUALLY_ID});
|
||||
const currentId =resData.pd.INSPECTANNUALLY_ID
|
||||
: await setInspectAnnuallyEdit({
|
||||
...form.value,
|
||||
INSPECTANNUALLY_ID,
|
||||
});
|
||||
const currentId = resData.pd.INSPECTANNUALLY_ID;
|
||||
for (let i = 0; i < form.value.INSPECTINFO.length; i++) {
|
||||
if (form.value.INSPECTINFO[i].raw)
|
||||
await fnUploadImage(currentId, form.value.INSPECTINFO[i].raw, 124);
|
||||
|
|
|
@ -287,12 +287,12 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, reactive } from "vue";
|
||||
import { ref } from "vue";
|
||||
import { getSafetyDrivingLogView } from "@/request/traffic_driving_log.js";
|
||||
import { useRoute } from "vue-router";
|
||||
const route = useRoute();
|
||||
const { DRIVING_LOG_ID } = route.query;
|
||||
const detailItems = reactive({
|
||||
const detailItems = ref({
|
||||
WAYBILLNUMBER: "",
|
||||
TRANSPORTATIONCOMPANY: "",
|
||||
TRANSPORTVEHICLE: "",
|
||||
|
@ -331,10 +331,11 @@ const detailItems = reactive({
|
|||
CHECKSIGNATURE: "",
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
const fnGetData = async () => {
|
||||
const response = await getSafetyDrivingLogView({ DRIVING_LOG_ID });
|
||||
Object.assign(detailItems, response.pd);
|
||||
});
|
||||
detailItems.value = response.pd;
|
||||
};
|
||||
fnGetData();
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
|
@ -30,9 +30,9 @@
|
|||
</el-card>
|
||||
<layout-card>
|
||||
<layout-table
|
||||
v-model:pagination="pagination"
|
||||
:data="list"
|
||||
@get-data="fnGetData"
|
||||
v-model:pagination="pagination"
|
||||
>
|
||||
<el-table-column label="序号" width="60">
|
||||
<template #default="{ $index }">
|
||||
|
@ -55,7 +55,7 @@
|
|||
<el-table-column prop="ARRIVALTIME" label="收车时间" />
|
||||
<el-table-column prop="TRANSPORTCOMPANY" label="运输企业" />
|
||||
<el-table-column label="操作" width="180">
|
||||
<template v-slot:default="{ row }">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
text
|
||||
|
@ -127,7 +127,6 @@ const deleteItem = async (value) => {
|
|||
await ElMessageBox.confirm(`确定要删除吗?`, {
|
||||
type: "warning",
|
||||
});
|
||||
console.log("Sent to backend:", { DRIVING_LOG_ID: value });
|
||||
await setDrivingLogDelete({ DRIVING_LOG_ID: value });
|
||||
ElMessage.success("删除成功");
|
||||
fnGetData();
|
||||
|
|
|
@ -238,10 +238,6 @@ const fnSelectAllRiskSubmit = (allData) => {
|
|||
|
||||
data.form.allStatus = 1;
|
||||
data.form.PERSON = "已全部选择";
|
||||
|
||||
console.log("选中的用户ID:", userIds);
|
||||
console.log("选中的用户姓名:", names);
|
||||
console.log("是否全选:", data.form.allStatus);
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
@ -91,13 +91,13 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, reactive } from "vue";
|
||||
import { ref } from "vue";
|
||||
import { getSafetyMeetingView } from "@/request/traffic_safety_meeting.js";
|
||||
import { useRoute } from "vue-router";
|
||||
const route = useRoute();
|
||||
const VITE_FILE_URL = import.meta.env.VITE_FILE_URL;
|
||||
const { SAFETY_MEETING_ID } = route.query;
|
||||
const detailItems = reactive({
|
||||
const detailItems = ref({
|
||||
MEETING_TITLE: "",
|
||||
TRANSPORTATIONCOMPANY: "",
|
||||
HOST_PERSON: "",
|
||||
|
@ -113,11 +113,11 @@ const detailItems = reactive({
|
|||
realPersonNum: "",
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
const fnGetData = async () => {
|
||||
const response = await getSafetyMeetingView({ SAFETY_MEETING_ID });
|
||||
console.log(response, "1111111111111111111111");
|
||||
Object.assign(detailItems, response.pd);
|
||||
});
|
||||
detailItems.value = response.pd;
|
||||
};
|
||||
fnGetData();
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
|
@ -207,10 +207,6 @@ const fnSelectAllRiskSubmit = (allData) => {
|
|||
|
||||
data.form.allStatus = 1;
|
||||
data.form.PERSON = "已全部选择";
|
||||
|
||||
console.log("选中的用户ID:", userIds);
|
||||
console.log("选中的用户姓名:", names);
|
||||
console.log("是否全选:", data.form.allStatus);
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
@ -38,23 +38,24 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, reactive } from "vue";
|
||||
import { ref } from "vue";
|
||||
import { getSecurityNoticeInfo } from "@/request/safety_production_related.js";
|
||||
import { useRoute } from "vue-router";
|
||||
const route = useRoute();
|
||||
const { NOTIFICATION_ID } = route.query;
|
||||
|
||||
const detailItems = reactive({
|
||||
const detailItems = ref({
|
||||
LEVEL: "",
|
||||
PERSON: "",
|
||||
TRANSPORTATIONCOMPANY: "",
|
||||
NOTIFICATIONCONTENT: "",
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
const fnGetData = async () => {
|
||||
const response = await getSecurityNoticeInfo({ NOTIFICATION_ID });
|
||||
Object.assign(detailItems, response.pd);
|
||||
});
|
||||
detailItems.value = response.pd;
|
||||
};
|
||||
fnGetData();
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
|
@ -126,7 +126,6 @@ const deleteItem = async (value) => {
|
|||
await ElMessageBox.confirm(`确定要删除吗?`, {
|
||||
type: "warning",
|
||||
});
|
||||
console.log("Sent to backend:", { DRIVING_LOG_ID: value });
|
||||
await setDrivingLogDelete({ DRIVING_LOG_ID: value });
|
||||
ElMessage.success("删除成功");
|
||||
fnGetData();
|
||||
|
@ -262,7 +261,6 @@ const deleteItem = async (value) => {
|
|||
await ElMessageBox.confirm(`确定要删除吗?`, {
|
||||
type: "warning",
|
||||
});
|
||||
console.log("Sent to backend:", { DRIVING_LOG_ID: value });
|
||||
await setDrivingLogDelete({ DRIVING_LOG_ID: value });
|
||||
ElMessage.success("删除成功");
|
||||
fnGetData();
|
||||
|
|
|
@ -336,7 +336,6 @@ const fnView = async (BUS_TEXT_LIBRARY_ID) => {
|
|||
data.viewDialog.info = resData.data;
|
||||
data.viewDialog.info.TEXT_INFO = info.TEXT_INFO;
|
||||
data.viewDialog.visible = true;
|
||||
console.log(data, 7979);
|
||||
};
|
||||
const fnAddOrEdit = async (BUS_TEXT_LIBRARY_ID, type) => {
|
||||
data.addOrEditDialog.visible = true;
|
||||
|
|
Loading…
Reference in New Issue