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

代码格式化

dev
wangpeng 2024-05-15 09:51:40 +08:00
parent 861cef7aa5
commit 274b58f12f
12 changed files with 1049 additions and 986 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/request/mechanical_files.js
View File

@ -55,15 +55,26 @@ export const setBeidouEdit2 = (params) => post("/beidou/edit2", params); // 维
export const getTrailerListCompass = (params) => export const getTrailerListCompass = (params) =>
post("/beidou/vehicleList", params); post("/beidou/vehicleList", params);
export const getTankTruckInspectionList = (params) => post("/tankTruckInspection/list", params); // 罐检项配置列表 export const getTankTruckInspectionList = (params) =>
export const getTankTruckInspectionListAll = (params) => post("/tankTruckInspection/tankTruckInspectionListAll", params); // 罐检项配置不分页列表 post("/tankTruckInspection/list", params); // 罐检项配置列表
export const getTankTruckInspectionView = (params) => post("/tankTruckInspection/goEdit", params); // 罐检项配置查看 export const getTankTruckInspectionListAll = (params) =>
export const setTankTruckInspectionAdd = (params) => post("/tankTruckInspection/add", params); // 罐检项配置新增 post("/tankTruckInspection/tankTruckInspectionListAll", params); // 罐检项配置不分页列表
export const setTankTruckInspectionEdit = (params) => post("/tankTruckInspection/edit", params); // 罐检项配置修改 export const getTankTruckInspectionView = (params) =>
export const setTankTruckInspectionDelete = (params) => post("/tankTruckInspection/delete", params); // 罐检项配置删除 post("/tankTruckInspection/goEdit", params); // 罐检项配置查看
export const setTankTruckInspectionAdd = (params) =>
post("/tankTruckInspection/add", params); // 罐检项配置新增
export const setTankTruckInspectionEdit = (params) =>
post("/tankTruckInspection/edit", params); // 罐检项配置修改
export const setTankTruckInspectionDelete = (params) =>
post("/tankTruckInspection/delete", params); // 罐检项配置删除
export const getTankTruckInspectionRecordList = (params) => post("/tankTruckInspectionRecord/list", params); // 罐检项检查列表 export const getTankTruckInspectionRecordList = (params) =>
export const getTankTruckInspectionRecordView = (params) => post("/tankTruckInspectionRecord/goEdit", params); // 罐检项检查查看 post("/tankTruckInspectionRecord/list", params); // 罐检项检查列表
export const setTankTruckInspectionRecordAdd = (params) => post("/tankTruckInspectionRecord/add", params); // 罐检项检查新增 export const getTankTruckInspectionRecordView = (params) =>
export const setTankTruckInspectionRecordEdit = (params) => post("/tankTruckInspectionRecord/edit", params); // 罐检项检查修改 post("/tankTruckInspectionRecord/goEdit", params); // 罐检项检查查看
export const setTankTruckInspectionRecordDelete = (params) => post("/tankTruckInspectionRecord/delete", params); // 罐检项检查删除 export const setTankTruckInspectionRecordAdd = (params) =>
post("/tankTruckInspectionRecord/add", params); // 罐检项检查新增
export const setTankTruckInspectionRecordEdit = (params) =>
post("/tankTruckInspectionRecord/edit", params); // 罐检项检查修改
export const setTankTruckInspectionRecordDelete = (params) =>
post("/tankTruckInspectionRecord/delete", params); // 罐检项检查删除

2
src/views/electronic_waybill_management/waybill_registration/view.vue
View File

@ -53,7 +53,7 @@
{{ data.info.ORIGIN_NAME }} {{ data.info.ORIGIN_NAME }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="起运地址"> <el-descriptions-item label="起运地址">
{{ data.info.SHIPPING_ADDR}} {{ data.info.SHIPPING_ADDR }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="行政区域"> <el-descriptions-item label="行政区域">
{{ data.info.DEPARTURE_ADDR }} {{ data.info.DEPARTURE_ADDR }}

24
src/views/mechanical_files/insure/add.vue
View File

@ -298,13 +298,13 @@ import {
setInsureEdit, setInsureEdit,
getTrailerList, getTrailerList,
getTrailerList2, getTrailerList2,
getInsureList getInsureList,
} from "@/request/mechanical_files.js"; } from "@/request/mechanical_files.js";
import { import {
INSURANCE_TYPE, INSURANCE_TYPE,
INSURANCEMENU, INSURANCEMENU,
OPERATING_VEHICLE_TYPE_LIST, OPERATING_VEHICLE_TYPE_LIST,
REMIND_DAYS REMIND_DAYS,
} from "@/assets/js/constant.js"; } from "@/assets/js/constant.js";
import { setUploadImg } from "@/request/api.js"; import { setUploadImg } from "@/request/api.js";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
@ -352,16 +352,16 @@ const data = reactive({
INITIAL_REGISTRATION_DATE: "", INITIAL_REGISTRATION_DATE: "",
COMPANY_AREA: "", COMPANY_AREA: "",
}, },
info: {} info: {},
}); });
const insureType = async (rule, insureType, callback) => { const insureType = async (rule, insureType, callback) => {
if(!INSURE_ID) { if (!INSURE_ID) {
if (insureType) { if (insureType) {
data.info = await getInsureList(); data.info = await getInsureList();
data.info.varList.forEach((item) => { data.info.varList.forEach((item) => {
if(item.VEHICLE === data.busInfo.ID) { if (item.VEHICLE === data.busInfo.ID) {
if(insureType === item.INSURANCE_COVERAGE) { if (insureType === item.INSURANCE_COVERAGE) {
callback(new Error("该保险已被此车辆重复选择")); callback(new Error("该保险已被此车辆重复选择"));
} }
} }
@ -369,16 +369,16 @@ const insureType = async (rule, insureType, callback) => {
} else { } else {
callback(); callback();
} }
}else{ } else {
if (insureType) { if (insureType) {
const resData = await getInsureView({ INSURE_ID }) const resData = await getInsureView({ INSURE_ID });
if(insureType === resData.pd.INSURANCE_COVERAGE) { if (insureType === resData.pd.INSURANCE_COVERAGE) {
callback(); callback();
}else{ } else {
data.info = await getInsureList(); data.info = await getInsureList();
data.info.varList.forEach((item) => { data.info.varList.forEach((item) => {
if(item.VEHICLE === data.busInfo.ID) { if (item.VEHICLE === data.busInfo.ID) {
if(insureType === item.INSURANCE_COVERAGE) { if (insureType === item.INSURANCE_COVERAGE) {
callback(new Error("该保险已被此车辆重复选择")); callback(new Error("该保险已被此车辆重复选择"));
} }
} }

8
src/views/mechanical_files/insure/index.vue
View File

@ -139,8 +139,12 @@
<el-table-column prop="PLATE_NUMBER" label="车牌号" /> <el-table-column prop="PLATE_NUMBER" label="车牌号" />
<el-table-column prop="CAR_OWNERS" label="车主业户" /> <el-table-column prop="CAR_OWNERS" label="车主业户" />
<el-table-column prop="TELEPHONE" label="联系电话" width="100" /> <el-table-column prop="TELEPHONE" label="联系电话" width="100" />
<el-table-column prop="PROCESSING_DATE_YEAR" label="保险年份" width="80" /> <el-table-column
<el-table-column prop="INSURANCE_COVERAGE" label="保险项目" width="160" > prop="PROCESSING_DATE_YEAR"
label="保险年份"
width="80"
/>
<el-table-column prop="INSURANCE_COVERAGE" label="保险项目" width="160">
<template #default="{ row }"> <template #default="{ row }">
{{ row.INSURANCE_COVERAGE === "0" ? "承运人责任险" : "" }} {{ row.INSURANCE_COVERAGE === "0" ? "承运人责任险" : "" }}
{{ row.INSURANCE_COVERAGE === "1" ? "强制险" : "" }} {{ row.INSURANCE_COVERAGE === "1" ? "强制险" : "" }}

6
src/views/mechanical_files/tank_truck/tank_truck_inspection/components/add.vue
View File

@ -22,7 +22,6 @@
style="width: 300px" style="width: 300px"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button @click="fnClose">取消</el-button> <el-button @click="fnClose">取消</el-button>
@ -70,8 +69,8 @@ const props = defineProps({
const emits = defineEmits(["update:visible", "update:form", "get-data"]); const emits = defineEmits(["update:visible", "update:form", "get-data"]);
const { visible, form } = useVModels(props, emits); const { visible, form } = useVModels(props, emits);
const rules = { const rules = {
INSPECTION_SITE: [{ required: true, message: "请输入", trigger: "blur" },], INSPECTION_SITE: [{ required: true, message: "请输入", trigger: "blur" }],
REGULATORY_STATUS: [{ required: true, message: "请输入", trigger: "blur" },], REGULATORY_STATUS: [{ required: true, message: "请输入", trigger: "blur" }],
}; };
const formRef = ref(null); const formRef = ref(null);
@ -90,7 +89,6 @@ const fnSubmit = async () => {
Object.keys(rawFormValue).forEach((key) => { Object.keys(rawFormValue).forEach((key) => {
formData.append(key, rawFormValue[key]); formData.append(key, rawFormValue[key]);
}); });
console.log(rawFormValue,formData)
// 执行添加或编辑操作 // 执行添加或编辑操作
if (props.type === "add") { if (props.type === "add") {
await setTankTruckInspectionAdd(rawFormValue); await setTankTruckInspectionAdd(rawFormValue);

1
src/views/mechanical_files/tank_truck/tank_truck_inspection/components/view.vue
View File

@ -17,7 +17,6 @@
<script setup> <script setup>
import { useVModel } from "@vueuse/core"; import { useVModel } from "@vueuse/core";
const props = defineProps({ const props = defineProps({
visible: { visible: {
type: Boolean, type: Boolean,

48
src/views/mechanical_files/tank_truck/tank_truck_inspection/index.vue
View File

@ -47,8 +47,8 @@
{{ serialNumber(pagination, $index) }} {{ serialNumber(pagination, $index) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="INSPECTION_SITE" label="检查部位"/> <el-table-column prop="INSPECTION_SITE" label="检查部位" />
<el-table-column prop="REGULATORY_STATUS" label="规定状态"/> <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
<el-table-column label="操作" width="180"> <el-table-column label="操作" width="180">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
@ -101,21 +101,21 @@
</template> </template>
<script setup> <script setup>
import {serialNumber} from "@/assets/js/utils"; import { serialNumber } from "@/assets/js/utils";
import useListData from "@/assets/js/useListData.js"; import useListData from "@/assets/js/useListData.js";
import Add from "./components/add.vue"; import Add from "./components/add.vue";
import {nextTick, reactive} from "vue"; import { nextTick, reactive } from "vue";
import ViewInfo from "./components/view.vue"; import ViewInfo from "./components/view.vue";
import { import {
setTankTruckInspectionDelete, setTankTruckInspectionDelete,
getTankTruckInspectionList, getTankTruckInspectionList,
getTankTruckInspectionView, getTankTruckInspectionView,
} from "@/request/mechanical_files.js"; } from "@/request/mechanical_files.js";
import {ElMessage, ElMessageBox} from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
const {list, pagination, searchForm, fnGetData, fnResetPagination} = const { list, pagination, searchForm, fnGetData, fnResetPagination } =
useListData(getTankTruckInspectionList); useListData(getTankTruckInspectionList);
const data = reactive({ const data = reactive({
addOrEditDialog: { addOrEditDialog: {
visible: false, visible: false,
type: "", type: "",
@ -125,41 +125,41 @@
visible: false, visible: false,
info: {}, info: {},
}, },
}); });
const fnAddOrEdit = async (TANKTRUCKINSPECTION_ID = "", type = "add") => { const fnAddOrEdit = async (TANKTRUCKINSPECTION_ID = "", type = "add") => {
data.addOrEditDialog.visible = true; data.addOrEditDialog.visible = true;
data.addOrEditDialog.type = type; data.addOrEditDialog.type = type;
if (type === "edit" && TANKTRUCKINSPECTION_ID) { if (type === "edit" && TANKTRUCKINSPECTION_ID) {
const resData = await getTankTruckInspectionView({ const resData = await getTankTruckInspectionView({
TANKTRUCKINSPECTION_ID, TANKTRUCKINSPECTION_ID,
}); });
data.addOrEditDialog.form = resData.pd data.addOrEditDialog.form = resData.pd;
} else { } else {
data.addOrEditDialog.form = { data.addOrEditDialog.form = {
INSPECTION_SITE:'', INSPECTION_SITE: "",
REGULATORY_STATUS:'', REGULATORY_STATUS: "",
}; // 新增时清空表单 }; // 新增时清空表单
} }
await nextTick(); await nextTick();
}; };
// 删除事件 // 删除事件
const deleteItem = async (value) => { const deleteItem = async (value) => {
await ElMessageBox.confirm(`确定要删除吗？`, { await ElMessageBox.confirm(`确定要删除吗？`, {
type: "warning", type: "warning",
}); });
await setTankTruckInspectionDelete({TANKTRUCKINSPECTION_ID: value}); await setTankTruckInspectionDelete({ TANKTRUCKINSPECTION_ID: value });
ElMessage.success("删除成功"); ElMessage.success("删除成功");
fnGetData(); fnGetData();
}; };
const fnView = async (TANKTRUCKINSPECTION_ID) => { const fnView = async (TANKTRUCKINSPECTION_ID) => {
const resData = await getTankTruckInspectionView({ const resData = await getTankTruckInspectionView({
TANKTRUCKINSPECTION_ID, TANKTRUCKINSPECTION_ID,
}); });
data.viewDialog.info = resData.pd; data.viewDialog.info = resData.pd;
data.viewDialog.visible = true; data.viewDialog.visible = true;
}; };
</script> </script>
<style scoped></style> <style scoped></style>

219
src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/add.vue
View File

@ -7,10 +7,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="罐检车辆" prop="VEHICLE"> <el-form-item label="罐检车辆" prop="VEHICLE">
<el-select <el-select v-model="form.VEHICLE" @change="getBusInfo">
v-model="form.VEHICLE"
@change="getBusInfo"
>
<el-option <el-option
v-for="item in data.vehicleList" v-for="item in data.vehicleList"
:key="item.ID" :key="item.ID"
@ -36,27 +33,27 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车牌号" prop="PLATE_NUMBER"> <el-form-item label="车牌号" prop="PLATE_NUMBER">
<el-input v-model="data.busInfo.PLATE_NUMBER" disabled/> <el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车架号" prop="VIN"> <el-form-item label="车架号" prop="VIN">
<el-input v-model="data.busInfo.VIN" disabled/> <el-input v-model="data.busInfo.VIN" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车辆类型" prop="TRAILER_TYPE"> <el-form-item label="车辆类型" prop="TRAILER_TYPE">
<el-input v-model="data.busInfo.TRAILER_TYPE" disabled/> <el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车主/业户" prop="CAR_OWNERS "> <el-form-item label="车主/业户" prop="CAR_OWNERS ">
<el-input v-model="data.busInfo.CAR_OWNERS" disabled/> <el-input v-model="data.busInfo.CAR_OWNERS" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车主电话" prop="CAR_OWNERS_TEL"> <el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
<el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled/> <el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -72,7 +69,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="所属区域" prop="COMPANY_AREA"> <el-form-item label="所属区域" prop="COMPANY_AREA">
<el-input v-model="data.busInfo.COMPANY_AREA" disabled/> <el-input v-model="data.busInfo.COMPANY_AREA" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@ -80,9 +77,9 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<layout-table :data="data.childList" :show-pagination="false"> <layout-table :data="data.childList" :show-pagination="false">
<el-table-column type="index" label="序号" width="50"/> <el-table-column type="index" label="序号" width="50" />
<el-table-column prop="INSPECTION_SITE" label="检查部位"/> <el-table-column prop="INSPECTION_SITE" label="检查部位" />
<el-table-column prop="REGULATORY_STATUS" label="规定状态"/> <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
<el-table-column label="操作" width="300"> <el-table-column label="操作" width="300">
<template #default="{ row }"> <template #default="{ row }">
<el-radio-group v-model="row.INSPECTION_STATUS"> <el-radio-group v-model="row.INSPECTION_STATUS">
@ -216,42 +213,42 @@
</template> </template>
<script setup> <script setup>
import {getUserListAll} from "@/request/data_dictionary.js"; import { getUserListAll } from "@/request/data_dictionary.js";
import LayoutUpload from "@/components/upload/index.vue"; import LayoutUpload from "@/components/upload/index.vue";
import {ref, reactive} from "vue"; import { ref, reactive } from "vue";
import {debounce} from "throttle-debounce"; import { debounce } from "throttle-debounce";
import { import {
getTankTruckInspectionRecordView, getTankTruckInspectionRecordView,
setTankTruckInspectionRecordAdd, setTankTruckInspectionRecordAdd,
setTankTruckInspectionRecordEdit, setTankTruckInspectionRecordEdit,
getTankTruckInspectionListAll, getTankTruckInspectionListAll,
getTrailerList, getTrailerList,
} from "@/request/mechanical_files.js"; } from "@/request/mechanical_files.js";
import {setUploadImg} from "@/request/api.js"; import { setUploadImg } from "@/request/api.js";
import {ElMessage} from "element-plus"; 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 useFormValidate from "@/assets/js/useFormValidate.js";
import {addingPrefixToFile, subtractDaysFromDate} from "@/assets/js/utils.js"; import { addingPrefixToFile, subtractDaysFromDate } from "@/assets/js/utils.js";
import {REMIND_DAYS} from "@/assets/js/constant.js"; import { REMIND_DAYS } from "@/assets/js/constant.js";
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID; const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID;
const formRef = ref(null); const formRef = ref(null);
const form = ref({ const form = ref({
VEHICLE: '', VEHICLE: "",
INSPECTION_DATE: '', INSPECTION_DATE: "",
INSPECTIONTOR: [], INSPECTIONTOR: [],
DUE_DATE: '', DUE_DATE: "",
INSPECTION_CYCLE: '', INSPECTION_CYCLE: "",
REMINDER_DAYS: '', REMINDER_DAYS: "",
REMINDER_DATE: '', REMINDER_DATE: "",
REMINDER_STATUS: '', REMINDER_STATUS: "",
INSPECTION_ATTACHMENT: [], INSPECTION_ATTACHMENT: [],
INSPECTION_IMG: [], INSPECTION_IMG: [],
NOTES: '' NOTES: "",
}); });
const data = reactive({ const data = reactive({
vehicleList: [], vehicleList: [],
busInfo: { busInfo: {
DRIVING_LICENSE_IMG: [], DRIVING_LICENSE_IMG: [],
@ -264,21 +261,23 @@
COMPANY_AREA: "", COMPANY_AREA: "",
}, },
userList: [], userList: [],
childList: [] childList: [],
}); });
const rules = { const rules = {
VEHICLE: [{required: true, message: "请输入", trigger: "blur"}], VEHICLE: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTION_DATE: [{required: true, message: "请输入", trigger: "blur"}], INSPECTION_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTIONTOR: [{required: true, message: "请输入", trigger: "blur"}], INSPECTIONTOR: [{ required: true, message: "请输入", trigger: "blur" }],
DUE_DATE: [{required: true, message: "请输入", trigger: "blur"}], DUE_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTION_CYCLE: [{required: true, message: "请输入", trigger: "blur"}], INSPECTION_CYCLE: [{ required: true, message: "请输入", trigger: "blur" }],
REMINDER_DAYS: [{required: true, message: "请输入", trigger: "blur"}], REMINDER_DAYS: [{ required: true, message: "请输入", trigger: "blur" }],
REMINDER_DATE: [{required: true, message: "请输入", trigger: "blur"}], REMINDER_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
REMINDER_STATUS: [{required: true, message: "请输入", trigger: "blur"}], REMINDER_STATUS: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTION_ATTACHMENT: [{required: true, message: "请添加附件", trigger: "blur"}], INSPECTION_ATTACHMENT: [
INSPECTION_IMG: [{required: true, message: "请添加图片", trigger: "blur"}], { required: true, message: "请添加附件", trigger: "blur" },
}; ],
const getDueDate = () => { INSPECTION_IMG: [{ required: true, message: "请添加图片", trigger: "blur" }],
};
const getDueDate = () => {
if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) { if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) {
form.value.DUE_DATE = subtractDaysFromDate( form.value.DUE_DATE = subtractDaysFromDate(
form.value.INSPECTION_DATE, form.value.INSPECTION_DATE,
@ -295,8 +294,8 @@
form.value.DUE_DATE = ""; form.value.DUE_DATE = "";
form.value.REMINDER_DATE = ""; form.value.REMINDER_DATE = "";
} }
}; };
const getRemiderDate = (val) => { const getRemiderDate = (val) => {
if (val) { if (val) {
if (form.value.DUE_DATE) { if (form.value.DUE_DATE) {
// 计算提醒日期 // 计算提醒日期
@ -317,14 +316,14 @@
} else { } else {
form.value.REMINDER_DATE = ""; form.value.REMINDER_DATE = "";
} }
}; };
const getUserList = async () => { const getUserList = async () => {
const resData = await getUserListAll(); const resData = await getUserListAll();
data.userList = resData.userList; data.userList = resData.userList;
}; };
getUserList() getUserList();
const getVehicle = async (event) => { const getVehicle = async (event) => {
const resData = await getTrailerList({TRAFFIC_TYPE: event}); const resData = await getTrailerList({ TRAFFIC_TYPE: event });
data.vehicleList = resData.list; data.vehicleList = resData.list;
form.value.VEHICLE = ""; form.value.VEHICLE = "";
data.busInfo.DRIVING_LICENSE_IMG = []; data.busInfo.DRIVING_LICENSE_IMG = [];
@ -335,10 +334,10 @@
data.busInfo.CAR_OWNERS_TEL = ""; data.busInfo.CAR_OWNERS_TEL = "";
data.busInfo.INITIAL_REGISTRATION_DATE = ""; data.busInfo.INITIAL_REGISTRATION_DATE = "";
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]); data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
}; };
getVehicle("2"); getVehicle("2");
const fnBusChange = async (event) => { const fnBusChange = async (event) => {
const resData = await getTrailerList({ID: event}); const resData = await getTrailerList({ ID: event });
data.busInfo = resData.list[0]; data.busInfo = resData.list[0];
if (form.value.TELEPHONE === "") { if (form.value.TELEPHONE === "") {
form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL; form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL;
@ -349,8 +348,8 @@
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile( data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
resData.drivingLicenseImgs resData.drivingLicenseImgs
); );
}; };
const getBusInfo = (val) => { const getBusInfo = (val) => {
if (val) { if (val) {
fnBusChange(val); fnBusChange(val);
} else { } else {
@ -364,72 +363,86 @@
data.busInfo.COMPANY_AREA = ""; data.busInfo.COMPANY_AREA = "";
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]); data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
} }
}; };
const fnGetData = async () => { const fnGetData = async () => {
if (!TANKTRUCKINSPECTIONRECORD_ID) { if (!TANKTRUCKINSPECTIONRECORD_ID) {
const tableData = await getTankTruckInspectionListAll() const tableData = await getTankTruckInspectionListAll();
const childList = [] const childList = [];
tableData.list.forEach(item => { tableData.list.forEach((item) => {
const _obj = { const _obj = {
INSPECTION_SITE: item.INSPECTION_SITE, INSPECTION_SITE: item.INSPECTION_SITE,
REGULATORY_STATUS: item.REGULATORY_STATUS, REGULATORY_STATUS: item.REGULATORY_STATUS,
INSPECTION_STATUS: '1' INSPECTION_STATUS: "1",
} };
childList.push(_obj) childList.push(_obj);
}) });
data.childList = childList data.childList = childList;
return; return;
} }
const resData = await getTankTruckInspectionRecordView({TANKTRUCKINSPECTIONRECORD_ID}); const resData = await getTankTruckInspectionRecordView({
resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",") TANKTRUCKINSPECTIONRECORD_ID,
});
resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",");
form.value = resData.pd; form.value = resData.pd;
data.childList = resData.detail data.childList = resData.detail;
form.value.INSPECTION_ATTACHMENT = []; form.value.INSPECTION_ATTACHMENT = [];
form.value.INSPECTION_IMG = []; form.value.INSPECTION_IMG = [];
fnBusChange(form.value.VEHICLE); fnBusChange(form.value.VEHICLE);
form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(resData.inspectionAttachmentImgs); form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(
resData.inspectionAttachmentImgs
);
form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs); form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
};
fnGetData();
}; const fnUploadImage = async (currentId, FFILE, TYPE) => {
fnGetData();
const fnUploadImage = async (currentId, FFILE, TYPE) => {
const formData = new FormData(); const formData = new FormData();
formData.append("FOREIGN_KEY", currentId); formData.append("FOREIGN_KEY", currentId);
formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定 formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定
formData.append("FFILE", FFILE); formData.append("FFILE", FFILE);
await setUploadImg(formData); await setUploadImg(formData);
}; };
const fnSubmit = debounce( const fnSubmit = debounce(
1000, 1000,
async () => { async () => {
await useFormValidate(formRef); await useFormValidate(formRef);
const formData = {}; const formData = {};
Object.keys(form.value).forEach((key) => { Object.keys(form.value).forEach((key) => {
if(key!=='INSPECTIONTOR'&&key!=='INSPECTION_ATTACHMENT'&&key!=='INSPECTION_IMG'){ if (
formData[key] = form.value[key] key !== "INSPECTIONTOR" &&
key !== "INSPECTION_ATTACHMENT" &&
key !== "INSPECTION_IMG"
) {
formData[key] = form.value[key];
} }
}); });
formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(',') formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(",");
const DETAILS =[] const DETAILS = [];
data.childList.forEach(item=>{ data.childList.forEach((item) => {
DETAILS.push({ DETAILS.push({
INSPECTION_SITE: item.INSPECTION_SITE, INSPECTION_SITE: item.INSPECTION_SITE,
REGULATORY_STATUS: item.REGULATORY_STATUS, REGULATORY_STATUS: item.REGULATORY_STATUS,
INSPECTION_STATUS: item.INSPECTION_STATUS INSPECTION_STATUS: item.INSPECTION_STATUS,
}) });
}) });
formData.DETAILS = JSON.stringify(DETAILS) formData.DETAILS = JSON.stringify(DETAILS);
const resData = !TANKTRUCKINSPECTIONRECORD_ID const resData = !TANKTRUCKINSPECTIONRECORD_ID
? await setTankTruckInspectionRecordAdd({...formData}) ? await setTankTruckInspectionRecordAdd({ ...formData })
: await setTankTruckInspectionRecordEdit({...formData, TANKTRUCKINSPECTIONRECORD_ID}); : await setTankTruckInspectionRecordEdit({
...formData,
TANKTRUCKINSPECTIONRECORD_ID,
});
const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID; const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID;
// 附件上传 // 附件上传
for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) { for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) {
if (form.value.INSPECTION_ATTACHMENT[i].raw) { if (form.value.INSPECTION_ATTACHMENT[i].raw) {
await fnUploadImage(currentId, form.value.INSPECTION_ATTACHMENT[i].raw, "130"); // 附件上传 await fnUploadImage(
currentId,
form.value.INSPECTION_ATTACHMENT[i].raw,
"130"
); // 附件上传
} }
} }
@ -443,8 +456,8 @@
ElMessage.success("保存成功"); ElMessage.success("保存成功");
router.back(); router.back();
}, },
{atBegin: true} { atBegin: true }
); );
</script> </script>
<style scoped lang="scss"></style> <style scoped lang="scss"></style>

215
src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit.vue
View File

@ -7,10 +7,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="罐检车辆" prop="VEHICLE"> <el-form-item label="罐检车辆" prop="VEHICLE">
<el-select <el-select v-model="form.VEHICLE" @change="getBusInfo">
v-model="form.VEHICLE"
@change="getBusInfo"
>
<el-option <el-option
v-for="item in data.vehicleList" v-for="item in data.vehicleList"
:key="item.ID" :key="item.ID"
@ -36,27 +33,27 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车牌号" prop="PLATE_NUMBER"> <el-form-item label="车牌号" prop="PLATE_NUMBER">
<el-input v-model="data.busInfo.PLATE_NUMBER" disabled/> <el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车架号" prop="VIN"> <el-form-item label="车架号" prop="VIN">
<el-input v-model="data.busInfo.VIN" disabled/> <el-input v-model="data.busInfo.VIN" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车辆类型" prop="TRAILER_TYPE"> <el-form-item label="车辆类型" prop="TRAILER_TYPE">
<el-input v-model="data.busInfo.TRAILER_TYPE" disabled/> <el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车主/业户" prop="CAR_OWNERS "> <el-form-item label="车主/业户" prop="CAR_OWNERS ">
<el-input v-model="data.busInfo.CAR_OWNERS" disabled/> <el-input v-model="data.busInfo.CAR_OWNERS" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车主电话" prop="CAR_OWNERS_TEL"> <el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
<el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled/> <el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -72,7 +69,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="所属区域" prop="COMPANY_AREA"> <el-form-item label="所属区域" prop="COMPANY_AREA">
<el-input v-model="data.busInfo.COMPANY_AREA" disabled/> <el-input v-model="data.busInfo.COMPANY_AREA" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@ -80,9 +77,9 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<layout-table :data="data.childList" :show-pagination="false"> <layout-table :data="data.childList" :show-pagination="false">
<el-table-column type="index" label="序号" width="50"/> <el-table-column type="index" label="序号" width="50" />
<el-table-column prop="INSPECTION_SITE" label="检查部位"/> <el-table-column prop="INSPECTION_SITE" label="检查部位" />
<el-table-column prop="REGULATORY_STATUS" label="规定状态"/> <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
<el-table-column label="操作" width="300"> <el-table-column label="操作" width="300">
<template #default="{ row }"> <template #default="{ row }">
<el-radio-group v-model="row.INSPECTION_STATUS"> <el-radio-group v-model="row.INSPECTION_STATUS">
@ -216,42 +213,42 @@
</template> </template>
<script setup> <script setup>
import {getUserListAll} from "@/request/data_dictionary.js"; import { getUserListAll } from "@/request/data_dictionary.js";
import LayoutUpload from "@/components/upload/index.vue"; import LayoutUpload from "@/components/upload/index.vue";
import {ref, reactive} from "vue"; import { ref, reactive } from "vue";
import {debounce} from "throttle-debounce"; import { debounce } from "throttle-debounce";
import { import {
getTankTruckInspectionRecordView, getTankTruckInspectionRecordView,
setTankTruckInspectionRecordAdd, setTankTruckInspectionRecordAdd,
setTankTruckInspectionRecordEdit, setTankTruckInspectionRecordEdit,
getTankTruckInspectionListAll, getTankTruckInspectionListAll,
getTrailerList, getTrailerList,
} from "@/request/mechanical_files.js"; } from "@/request/mechanical_files.js";
import {setUploadImg} from "@/request/api.js"; import { setUploadImg } from "@/request/api.js";
import {ElMessage} from "element-plus"; 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 useFormValidate from "@/assets/js/useFormValidate.js";
import {addingPrefixToFile, subtractDaysFromDate} from "@/assets/js/utils.js"; import { addingPrefixToFile, subtractDaysFromDate } from "@/assets/js/utils.js";
import {REMIND_DAYS} from "@/assets/js/constant.js"; import { REMIND_DAYS } from "@/assets/js/constant.js";
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID; const TANKTRUCKINSPECTIONRECORD_ID = route.query.TANKTRUCKINSPECTIONRECORD_ID;
const formRef = ref(null); const formRef = ref(null);
const form = ref({ const form = ref({
VEHICLE: '', VEHICLE: "",
INSPECTION_DATE: '', INSPECTION_DATE: "",
INSPECTIONTOR: [], INSPECTIONTOR: [],
DUE_DATE: '', DUE_DATE: "",
INSPECTION_CYCLE: '', INSPECTION_CYCLE: "",
REMINDER_DAYS: '', REMINDER_DAYS: "",
REMINDER_DATE: '', REMINDER_DATE: "",
REMINDER_STATUS: '', REMINDER_STATUS: "",
INSPECTION_ATTACHMENT: [], INSPECTION_ATTACHMENT: [],
INSPECTION_IMG: [], INSPECTION_IMG: [],
NOTES: '' NOTES: "",
}); });
const data = reactive({ const data = reactive({
vehicleList: [], vehicleList: [],
busInfo: { busInfo: {
DRIVING_LICENSE_IMG: [], DRIVING_LICENSE_IMG: [],
@ -264,21 +261,23 @@
COMPANY_AREA: "", COMPANY_AREA: "",
}, },
userList: [], userList: [],
childList: [] childList: [],
}); });
const rules = { const rules = {
VEHICLE: [{required: true, message: "请输入", trigger: "blur"}], VEHICLE: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTION_DATE: [{required: true, message: "请输入", trigger: "blur"}], INSPECTION_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTIONTOR: [{required: true, message: "请输入", trigger: "blur"}], INSPECTIONTOR: [{ required: true, message: "请输入", trigger: "blur" }],
DUE_DATE: [{required: true, message: "请输入", trigger: "blur"}], DUE_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTION_CYCLE: [{required: true, message: "请输入", trigger: "blur"}], INSPECTION_CYCLE: [{ required: true, message: "请输入", trigger: "blur" }],
REMINDER_DAYS: [{required: true, message: "请输入", trigger: "blur"}], REMINDER_DAYS: [{ required: true, message: "请输入", trigger: "blur" }],
REMINDER_DATE: [{required: true, message: "请输入", trigger: "blur"}], REMINDER_DATE: [{ required: true, message: "请输入", trigger: "blur" }],
REMINDER_STATUS: [{required: true, message: "请输入", trigger: "blur"}], REMINDER_STATUS: [{ required: true, message: "请输入", trigger: "blur" }],
INSPECTION_ATTACHMENT: [{required: true, message: "请添加附件", trigger: "blur"}], INSPECTION_ATTACHMENT: [
INSPECTION_IMG: [{required: true, message: "请添加图片", trigger: "blur"}], { required: true, message: "请添加附件", trigger: "blur" },
}; ],
const getDueDate = () => { INSPECTION_IMG: [{ required: true, message: "请添加图片", trigger: "blur" }],
};
const getDueDate = () => {
if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) { if (form.value.INSPECTION_DATE && form.value.INSPECTION_CYCLE) {
form.value.DUE_DATE = subtractDaysFromDate( form.value.DUE_DATE = subtractDaysFromDate(
form.value.INSPECTION_DATE, form.value.INSPECTION_DATE,
@ -295,8 +294,8 @@
form.value.DUE_DATE = ""; form.value.DUE_DATE = "";
form.value.REMINDER_DATE = ""; form.value.REMINDER_DATE = "";
} }
}; };
const getRemiderDate = (val) => { const getRemiderDate = (val) => {
if (val) { if (val) {
if (form.value.DUE_DATE) { if (form.value.DUE_DATE) {
// 计算提醒日期 // 计算提醒日期
@ -317,14 +316,14 @@
} else { } else {
form.value.REMINDER_DATE = ""; form.value.REMINDER_DATE = "";
} }
}; };
const getUserList = async () => { const getUserList = async () => {
const resData = await getUserListAll(); const resData = await getUserListAll();
data.userList = resData.userList; data.userList = resData.userList;
}; };
getUserList() getUserList();
const getVehicle = async (event) => { const getVehicle = async (event) => {
const resData = await getTrailerList({TRAFFIC_TYPE: event}); const resData = await getTrailerList({ TRAFFIC_TYPE: event });
data.vehicleList = resData.list; data.vehicleList = resData.list;
form.value.VEHICLE = ""; form.value.VEHICLE = "";
data.busInfo.DRIVING_LICENSE_IMG = []; data.busInfo.DRIVING_LICENSE_IMG = [];
@ -335,10 +334,10 @@
data.busInfo.CAR_OWNERS_TEL = ""; data.busInfo.CAR_OWNERS_TEL = "";
data.busInfo.INITIAL_REGISTRATION_DATE = ""; data.busInfo.INITIAL_REGISTRATION_DATE = "";
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]); data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
}; };
getVehicle("2"); getVehicle("2");
const fnBusChange = async (event) => { const fnBusChange = async (event) => {
const resData = await getTrailerList({ID: event}); const resData = await getTrailerList({ ID: event });
data.busInfo = resData.list[0]; data.busInfo = resData.list[0];
if (form.value.TELEPHONE === "") { if (form.value.TELEPHONE === "") {
form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL; form.value.TELEPHONE = data.busInfo.CAR_OWNERS_TEL;
@ -349,8 +348,8 @@
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile( data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile(
resData.drivingLicenseImgs resData.drivingLicenseImgs
); );
}; };
const getBusInfo = (val) => { const getBusInfo = (val) => {
if (val) { if (val) {
fnBusChange(val); fnBusChange(val);
} else { } else {
@ -364,70 +363,84 @@
data.busInfo.COMPANY_AREA = ""; data.busInfo.COMPANY_AREA = "";
data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]); data.busInfo.DRIVING_LICENSE_IMG = addingPrefixToFile([]);
} }
}; };
const fnGetData = async () => { const fnGetData = async () => {
if (!TANKTRUCKINSPECTIONRECORD_ID) { if (!TANKTRUCKINSPECTIONRECORD_ID) {
const tableData = await getTankTruckInspectionListAll() const tableData = await getTankTruckInspectionListAll();
const childList = [] const childList = [];
tableData.list.forEach(item => { tableData.list.forEach((item) => {
const _obj = { const _obj = {
INSPECTION_SITE: item.INSPECTION_SITE, INSPECTION_SITE: item.INSPECTION_SITE,
REGULATORY_STATUS: item.REGULATORY_STATUS, REGULATORY_STATUS: item.REGULATORY_STATUS,
INSPECTION_STATUS: 1 INSPECTION_STATUS: 1,
} };
childList.push(_obj) childList.push(_obj);
}) });
data.childList = childList data.childList = childList;
return; return;
} }
const resData = await getTankTruckInspectionRecordView({TANKTRUCKINSPECTIONRECORD_ID}); const resData = await getTankTruckInspectionRecordView({
TANKTRUCKINSPECTIONRECORD_ID,
});
form.value = resData.pd; form.value = resData.pd;
form.value.INSPECTION_ATTACHMENT = []; form.value.INSPECTION_ATTACHMENT = [];
form.value.INSPECTION_IMG = []; form.value.INSPECTION_IMG = [];
fnBusChange(form.value.VEHICLE); fnBusChange(form.value.VEHICLE);
form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(resData.inspectionAttachmentImgs); form.value.INSPECTION_ATTACHMENT = addingPrefixToFile(
resData.inspectionAttachmentImgs
);
form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs); form.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
};
fnGetData();
}; const fnUploadImage = async (currentId, FFILE, TYPE) => {
fnGetData();
const fnUploadImage = async (currentId, FFILE, TYPE) => {
const formData = new FormData(); const formData = new FormData();
formData.append("FOREIGN_KEY", currentId); formData.append("FOREIGN_KEY", currentId);
formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定 formData.append("TYPE", TYPE); // 这里的TYPE根据调用函数时传入的值决定
formData.append("FFILE", FFILE); formData.append("FFILE", FFILE);
await setUploadImg(formData); await setUploadImg(formData);
}; };
const fnSubmit = debounce( const fnSubmit = debounce(
1000, 1000,
async () => { async () => {
await useFormValidate(formRef); await useFormValidate(formRef);
const formData = {}; const formData = {};
Object.keys(form.value).forEach((key) => { Object.keys(form.value).forEach((key) => {
if(key!=='INSPECTIONTOR'&&key!=='INSPECTION_ATTACHMENT'&&key!=='INSPECTION_IMG'){ if (
formData[key] = form.value[key] key !== "INSPECTIONTOR" &&
key !== "INSPECTION_ATTACHMENT" &&
key !== "INSPECTION_IMG"
) {
formData[key] = form.value[key];
} }
}); });
formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(',') formData.INSPECTIONTOR = form.value.INSPECTIONTOR.join(",");
const DETAILS =[] const DETAILS = [];
data.childList.forEach(item=>{ data.childList.forEach((item) => {
DETAILS.push({ DETAILS.push({
INSPECTION_SITE: item.INSPECTION_SITE, INSPECTION_SITE: item.INSPECTION_SITE,
REGULATORY_STATUS: item.REGULATORY_STATUS, REGULATORY_STATUS: item.REGULATORY_STATUS,
INSPECTION_STATUS: item.INSPECTION_STATUS INSPECTION_STATUS: item.INSPECTION_STATUS,
}) });
}) });
formData.DETAILS = JSON.stringify(DETAILS) formData.DETAILS = JSON.stringify(DETAILS);
const resData = !TANKTRUCKINSPECTIONRECORD_ID const resData = !TANKTRUCKINSPECTIONRECORD_ID
? await setTankTruckInspectionRecordAdd({...formData}) ? await setTankTruckInspectionRecordAdd({ ...formData })
: await setTankTruckInspectionRecordEdit({...formData, TANKTRUCKINSPECTIONRECORD_ID}); : await setTankTruckInspectionRecordEdit({
...formData,
TANKTRUCKINSPECTIONRECORD_ID,
});
const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID; const currentId = resData.pd.TANKTRUCKINSPECTIONRECORD_ID;
// 附件上传 // 附件上传
for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) { for (let i = 0; i < form.value.INSPECTION_ATTACHMENT.length; i++) {
if (form.value.INSPECTION_ATTACHMENT[i].raw) { if (form.value.INSPECTION_ATTACHMENT[i].raw) {
await fnUploadImage(currentId, form.value.INSPECTION_ATTACHMENT[i].raw, "130"); // 附件上传 await fnUploadImage(
currentId,
form.value.INSPECTION_ATTACHMENT[i].raw,
"130"
); // 附件上传
} }
} }
@ -441,8 +454,8 @@
ElMessage.success("保存成功"); ElMessage.success("保存成功");
router.back(); router.back();
}, },
{atBegin: true} { atBegin: true }
); );
</script> </script>
<style scoped lang="scss"></style> <style scoped lang="scss"></style>

32
src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/index.vue
View File

@ -85,7 +85,10 @@
@click=" @click="
router.push({ router.push({
path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/view', path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/view',
query: { TANKTRUCKINSPECTIONRECORD_ID: row.TANKTRUCKINSPECTIONRECORD_ID }, query: {
TANKTRUCKINSPECTIONRECORD_ID:
row.TANKTRUCKINSPECTIONRECORD_ID,
},
}) })
" "
> >
@ -98,13 +101,21 @@
@click=" @click="
router.push({ router.push({
path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit', path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/edit',
query: { TANKTRUCKINSPECTIONRECORD_ID: row.TANKTRUCKINSPECTIONRECORD_ID }, query: {
TANKTRUCKINSPECTIONRECORD_ID:
row.TANKTRUCKINSPECTIONRECORD_ID,
},
}) })
" "
> >
编辑 编辑
</el-button> </el-button>
<el-button type="danger" text link @click="fnDelete(row.TANKTRUCKINSPECTIONRECORD_ID)"> <el-button
type="danger"
text
link
@click="fnDelete(row.TANKTRUCKINSPECTIONRECORD_ID)"
>
删除 删除
</el-button> </el-button>
</template> </template>
@ -112,7 +123,11 @@
<template #button> <template #button>
<el-button <el-button
type="primary" type="primary"
@click="router.push({ path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/add' })" @click="
router.push({
path: '/mechanical_files/tank_truck_record/tank_truck_inspection_record/add',
})
"
> >
新增 新增
</el-button> </el-button>
@ -123,8 +138,8 @@
</template> </template>
<script setup> <script setup>
import { reactive} from "vue"; import { reactive } from "vue";
import {getUserListAll} from "@/request/data_dictionary.js"; import { getUserListAll } from "@/request/data_dictionary.js";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { serialNumber } from "@/assets/js/utils"; import { serialNumber } from "@/assets/js/utils";
import useListData from "@/assets/js/useListData.js"; import useListData from "@/assets/js/useListData.js";
@ -144,9 +159,9 @@ const getUserList = async () => {
const resData = await getUserListAll(); const resData = await getUserListAll();
data.userList = resData.userList; data.userList = resData.userList;
}; };
getUserList() getUserList();
const getVehicle = async (event) => { const getVehicle = async (event) => {
const resData = await getTrailerList({TRAFFIC_TYPE: event}); const resData = await getTrailerList({ TRAFFIC_TYPE: event });
data.vehicleList = resData.list; data.vehicleList = resData.list;
}; };
getVehicle("2"); getVehicle("2");
@ -160,7 +175,6 @@ const fnGetDataTransfer = () => {
}); });
}; };
const fnResetPaginationTransfer = () => { const fnResetPaginationTransfer = () => {
console.log()
fnResetPagination({ fnResetPagination({
VEHICLE: searchForm.value.VEHICLE, VEHICLE: searchForm.value.VEHICLE,
INSPECTION_DATE: searchForm.value.INSPECTION_DATE, INSPECTION_DATE: searchForm.value.INSPECTION_DATE,

49
src/views/mechanical_files/tank_truck_record/tank_truck_inspection_record/view.vue
View File

@ -29,14 +29,14 @@
</el-descriptions> </el-descriptions>
<el-divider content-position="left">罐检信息</el-divider> <el-divider content-position="left">罐检信息</el-divider>
<layout-table :data="data.childList" :show-pagination="false"> <layout-table :data="data.childList" :show-pagination="false">
<el-table-column type="index" label="序号" width="50"/> <el-table-column type="index" label="序号" width="50" />
<el-table-column prop="INSPECTION_SITE" label="检查部位"/> <el-table-column prop="INSPECTION_SITE" label="检查部位" />
<el-table-column prop="REGULATORY_STATUS" label="规定状态"/> <el-table-column prop="REGULATORY_STATUS" label="规定状态" />
<el-table-column label="操作" width="300"> <el-table-column label="操作" width="300">
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.INSPECTION_STATUS==='1'">合格</span> <span v-if="row.INSPECTION_STATUS === '1'">合格</span>
<span v-if="row.INSPECTION_STATUS==='2'">不合格</span> <span v-if="row.INSPECTION_STATUS === '2'">不合格</span>
<span v-if="row.INSPECTION_STATUS==='3'">不涉及</span> <span v-if="row.INSPECTION_STATUS === '3'">不涉及</span>
</template> </template>
</el-table-column> </el-table-column>
</layout-table> </layout-table>
@ -50,7 +50,10 @@
<el-descriptions-item label-class-name="width_200" label="到期日期"> <el-descriptions-item label-class-name="width_200" label="到期日期">
{{ info.DUE_DATE }} {{ info.DUE_DATE }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label-class-name="width_200" label="检查周期（天）"> <el-descriptions-item
label-class-name="width_200"
label="检查周期（天）"
>
{{ info.INSPECTION_CYCLE }} {{ info.INSPECTION_CYCLE }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label-class-name="width_200" label="提醒天数"> <el-descriptions-item label-class-name="width_200" label="提醒天数">
@ -59,7 +62,11 @@
<el-descriptions-item label-class-name="width_200" label="提醒日期"> <el-descriptions-item label-class-name="width_200" label="提醒日期">
{{ info.REMINDER_DATE }} {{ info.REMINDER_DATE }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label-class-name="width_200" label="提醒状态" span="2"> <el-descriptions-item
label-class-name="width_200"
label="提醒状态"
span="2"
>
{{ info.REMINDER_STATUS === "1" ? "开启" : "关闭" }} {{ info.REMINDER_STATUS === "1" ? "开启" : "关闭" }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
@ -67,19 +74,16 @@
label="检查附件" label="检查附件"
span="2" span="2"
> >
<div v-for="item in info.INSPECTION_ATTACHMENT" <div v-for="item in info.INSPECTION_ATTACHMENT" :key="item.FILEPATH">
:key="item.FILEPATH">
<el-button <el-button
type="primary" type="primary"
text text
link link
@click="useDownloadFile(item.FILEPATH)" @click="useDownloadFile(item.FILEPATH)"
> >
{{item.name}} 下载 {{ item.name }} 下载
</el-button> </el-button>
</div> </div>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item <el-descriptions-item
label-class-name="width_200" label-class-name="width_200"
@ -116,7 +120,10 @@
<script setup> <script setup>
import useDownloadFile from "@/assets/js/useDownloadFile.js"; import useDownloadFile from "@/assets/js/useDownloadFile.js";
import { ref, reactive } from "vue"; import { ref, reactive } from "vue";
import { getTankTruckInspectionRecordView, getTrailerList } from "@/request/mechanical_files.js"; import {
getTankTruckInspectionRecordView,
getTrailerList,
} from "@/request/mechanical_files.js";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import { addingPrefixToFile } from "@/assets/js/utils.js"; import { addingPrefixToFile } from "@/assets/js/utils.js";
const route = useRoute(); const route = useRoute();
@ -134,7 +141,7 @@ const data = reactive({
CAR_OWNERS_TEL: "", CAR_OWNERS_TEL: "",
INITIAL_REGISTRATION_DATE: "", INITIAL_REGISTRATION_DATE: "",
}, },
childList:[] childList: [],
}); });
const fnBusChange = async (event) => { const fnBusChange = async (event) => {
const resData = await getTrailerList({ ID: event }); const resData = await getTrailerList({ ID: event });
@ -145,14 +152,18 @@ const fnBusChange = async (event) => {
}; };
const fnGetData = async () => { const fnGetData = async () => {
if (!TANKTRUCKINSPECTIONRECORD_ID) return; if (!TANKTRUCKINSPECTIONRECORD_ID) return;
const resData = await getTankTruckInspectionRecordView({TANKTRUCKINSPECTIONRECORD_ID}); const resData = await getTankTruckInspectionRecordView({
resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",") TANKTRUCKINSPECTIONRECORD_ID,
});
resData.pd.INSPECTIONTOR = resData.pd.INSPECTIONTOR.split(",");
info.value = resData.pd; info.value = resData.pd;
data.childList = resData.detail data.childList = resData.detail;
info.value.INSPECTION_ATTACHMENT = []; info.value.INSPECTION_ATTACHMENT = [];
info.value.INSPECTION_IMG = []; info.value.INSPECTION_IMG = [];
fnBusChange(info.value.VEHICLE); fnBusChange(info.value.VEHICLE);
info.value.INSPECTION_ATTACHMENT = addingPrefixToFile(resData.inspectionAttachmentImgs); info.value.INSPECTION_ATTACHMENT = addingPrefixToFile(
resData.inspectionAttachmentImgs
);
info.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs); info.value.INSPECTION_IMG = addingPrefixToFile(resData.inspectionImgs);
}; };
fnGetData(); fnGetData();