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

运营车辆 修改 车船税

dev
xiepeng 2024-03-07 10:26:07 +08:00
parent 4b724f5560
commit 09e9820603
7 changed files with 1262 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/assets/js/taxation_manage.js Normal file
View File

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

58
src/request/taxation_manage.js Normal file
View File

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

244
src/views/enterprise_management/basics_info_management/operation_vehicle/add.vue
View File

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

383
src/views/mechanical_files/taxation_manage/add.vue Normal file
View File

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

317
src/views/mechanical_files/taxation_manage/edit.vue Normal file
View File

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

219
src/views/mechanical_files/taxation_manage/index.vue Normal file
View File

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

89
src/views/mechanical_files/taxation_manage/view.vue Normal file
View File

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