Compare commits

...

2 Commits

Author SHA1 Message Date
xiepeng c28033032f Merge remote-tracking branch 'origin/dev' into dev 2024-03-14 09:03:33 +08:00
xiepeng 5e3468343a 过户管理 报废管理 2024-03-14 09:03:11 +08:00
8 changed files with 702 additions and 38 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -0,0 +1,210 @@
<template>
<div>
<el-card>
<el-form
:model="searchForm"
label-width="90px"
@submit.prevent="fnGetDataTransfer"
>
<el-row>
<el-col :span="6">
<el-form-item label="移除车型" prop="SCRAP_VEHICLEMODEL">
<el-select v-model="searchForm.SCRAP_VEHICLEMODEL"
placeholder="请选择移除车型"
>
<el-option
v-for="item in relatedClassificationList"
:key="item.BIANMA"
:label="item.name"
:value="item.name"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="车牌号" prop="PLATE_NUMBER">
<el-input
v-model="searchForm.PLATE_NUMBER"
placeholder="请填写车牌号"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="车主业主" prop="VEHICLEOWNER">
<el-input
v-model="searchForm.VEHICLEOWNER"
placeholder="请填写车主业主"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="登记人" prop="REGISTRANT">
<el-input
v-model="searchForm.REGISTRANT"
placeholder="请填写登记人"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label-width="20px">
<el-button type="primary" native-type="submit">搜索</el-button>
<el-button native-type="reset" @click="fnResetPaginationTransfer">
重置
</el-button>
</el-form-item>
</el-col>
<el-col :span="18">
<el-form-item label-width="10px" class="end">
<el-button>导出</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<layout-card>
<layout-table
v-model:pagination="pagination"
:data="list"
@get-data="fnGetDataTransfer"
>
<el-table-column label="序号" width="70">
<template #default="{ $index }">
{{ serialNumber(pagination, $index) }}
</template>
</el-table-column>
<el-table-column
prop="RECORD_NUMBER"
label="档案号"
/>
<el-table-column
prop="PLATE_NUMBER"
label="车牌号"
/>
<el-table-column
prop="SCRAP_VEHICLEMODEL"
label="移除车型"
/>
<el-table-column
prop="VEHICLEOWNER"
label="车主业主"
/>
<el-table-column
prop="CONTACT_NUMBER"
label="联系电话"
width="140"
show-overflow-tooltip
/>
<el-table-column
prop="SCRAP_DATE"
label="移除日期"
width="140"
show-overflow-tooltip
/>
<el-table-column
prop="REGISTRANT"
label="登记人"
width="140"
show-overflow-tooltip
/>
<el-table-column
prop="CREATTIME"
label="创建时间"
width="140"
show-overflow-tooltip
/>
<el-table-column
prop="OPERATTIME"
label="修改时间"
width="140"
show-overflow-tooltip
/>
<el-table-column label="操作" width="150">
<template #default="{ row }">
<el-button
type="primary"
text
link
@click="
router.push({
path: '/mechanical_files/scrap_manage/view',
query: { SCRAP_ID: row.SCRAP_ID },
})
"
>
查看
</el-button>
<el-button
v-if="buttonJurisdiction.del"
type="primary"
text
link
@click="fnDelete(row.SCRAP_ID)"
>
删除
</el-button>
</template>
</el-table-column>
<template #button>
<el-button
v-if="buttonJurisdiction.add"
type="primary"
@click="
router.push({ path: '/mechanical_files/scrap_manage/add' })
"
>
新增
</el-button>
</template>
</layout-table>
</layout-card>
</div>
</template>
<script setup>
import { serialNumber } from "@/assets/js/utils.js";
import useListData from "@/assets/js/useListData.js";
import {
getScrapManageList,
layoutFnGetScrapType,
setScrapManageDelete
} from "@/request/scrap_manage.js";
import { useRouter } from "vue-router";
import useButtonJurisdiction from "@/assets/js/useButtonJurisdiction.js";
import { debounce } from "throttle-debounce";
import { ElMessage, ElMessageBox } from "element-plus";
import { onMounted, ref } from "vue";
const router = useRouter();
const { list, pagination, searchForm, fnGetData, fnResetPagination } =
useListData(getScrapManageList, {});
const relatedClassificationList = ref(null);
onMounted(async () => {
const data = await layoutFnGetScrapType();
relatedClassificationList.value = JSON.parse(data.value.zTreeNodes);
});
const fnGetDataTransfer = () => {
fnGetData({
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
});
};
const fnResetPaginationTransfer = () => {
searchForm.value = {};
fnResetPagination({
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
});
};
const fnDelete = debounce(
1000,
async (SCRAP_ID) => {
await ElMessageBox.confirm("确定要删除吗?", { type: "warning" });
await setScrapManageDelete({ SCRAP_ID })
ElMessage.success("删除成功");
},
{ atBegin: true }
);
const buttonJurisdiction = await useButtonJurisdiction("assigned");
</script>
<style scoped></style>

View File

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