From 62633a3dab1f6c4b5ac0cc8d9e4a3d120593a6f3 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 02 八月 2022 11:07:43 +0800 Subject: [PATCH] 对接 --- src/components/equipmentDailog/Dailog.vue | 234 +++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 149 insertions(+), 85 deletions(-) diff --git a/src/components/equipmentDailog/Dailog.vue b/src/components/equipmentDailog/Dailog.vue index d9a3a93..5135ac7 100644 --- a/src/components/equipmentDailog/Dailog.vue +++ b/src/components/equipmentDailog/Dailog.vue @@ -21,13 +21,13 @@ </template> </el-input> </el-form-item> - <el-form-item label="区域名称" size="default"> + <!-- <el-form-item label="区域名称" size="default"> <el-input v-model="form.name" placeholder="请选择"> <template #append> <el-button :icon="Search" @click="openRegion"></el-button> </template> </el-input> - </el-form-item> + </el-form-item> --> <el-form-item label="单位部门" size="default"> <el-select v-model="form.departmentId" placeholder="请选择" style="width: 100%"> <el-option label="Zone one" value="shanghai" /> @@ -40,7 +40,6 @@ <el-form-item label="生产日期" size="default"> <el-date-picker v-model="form.produceTime" - :size="large" format="YYYY-MM-DD HH:mm:ss" type="datetime" placeholder="选择日期时间" @@ -67,8 +66,8 @@ </el-form-item> <el-form-item label="停用状态" size="default"> <el-select v-model="form.stopStatus" placeholder="请选择" style="width: 100%"> - <el-option label="Zone one" value="shanghai" /> - <el-option label="Zone two" value="beijing" /> + <el-option label="Zone one" value="0" /> + <el-option label="Zone two" value="1" /> </el-select> </el-form-item> <el-form-item label="上次检查日期" size="default"> @@ -241,6 +240,8 @@ <el-table-column align="center" label="操作"> <template #default="scope"> <el-button link type="primary" @click="openMaintenance('查看', scope.row)" size="small">查看</el-button> + <el-button link type="primary" @click="openMaintenance('修改', scope.row)" size="small">修改</el-button> + <el-button link type="primary" @click="deleteA(scope.row)" size="small">删除</el-button> </template> </el-table-column> </el-table> @@ -257,6 +258,8 @@ <el-table-column align="center" label="操作"> <template #default="scope"> <el-button link type="primary" @click="openDetect('查看', scope.row)" size="small">查看</el-button> + <el-button link type="primary" @click="openDetect('修改', scope.row)" size="small">修改</el-button> + <el-button link type="primary" @click="deleteB(scope.row)" size="small">删除</el-button> </template> </el-table-column> </el-table> @@ -272,9 +275,10 @@ <el-table-column align="center" prop="repairStartDate" label="维修开始日期" /> <el-table-column align="center" prop="repairEndDate" label="维修结束日期" /> <el-table-column align="center" label="操作"> - <template #default="scope" - > + <template #default="scope"> <el-button link type="primary" @click="openRepair('查看', scope.row)" size="small">查看</el-button> + <el-button link type="primary" @click="openRepair('修改', scope.row)" size="small">修改</el-button> + <el-button link type="primary" @click="deleteC(scope.row)" size="small">删除</el-button> </template> </el-table-column> </el-table> @@ -291,6 +295,8 @@ <el-table-column align="center" label="操作"> <template #default="scope"> <el-button link type="primary" @click="openStandard('查看', scope.row)" size="small">查看</el-button> + <el-button link type="primary" @click="openStandard('修改', scope.row)" size="small">修改</el-button> + <el-button link type="primary" @click="deleteD(scope.row)" size="small">删除</el-button> </template> </el-table-column> </el-table> @@ -353,54 +359,55 @@ import { ElMessage, ElMessageBox } from 'element-plus'; import type { UploadProps, UploadUserFile } from 'element-plus'; import { facilityManagementApi } from '/@/api/facilityManagement'; +import { number } from 'echarts'; export default defineComponent({ components: { categoryDailog, regionDailog, DailogSearchUser, maintenanceDailog, detectDailog, repairDailog, standardDailog }, setup(props, { emit }) { const dialogVisible = ref(false); const form = ref({ - supplyName: 'name1', + supplyName: '', - nextTestDate: 1658279204173, + nextTestDate: "", - qUsage: '23', + qUsage: '', - departmentId: 1, + departmentId: "", - produceTime: 1658279204173, + produceTime: "", - actualStopDate: 1658279204173, + actualStopDate: "", takecareDetailList: [ { - leadingPersonDepartmentId: 2, + leadingPersonDepartmentId: "", - takecareDate: 1658279204172, + takecareDate: "", - leadingPersonId: 4, + leadingPersonId: "", takecareMemo: '', }, ], - infoType: 2, + infoType: "", - leadingDepartmentId: 2, + leadingDepartmentId: "", - useEndDay: '1234', + useEndDay: '', - previousTakecareDate: 1658279204173, + previousTakecareDate: "", - previousCheckDate: 1658279204173, + previousCheckDate: "", model: '', - stopStatus: 0, + stopStatus: "", testWarn: '', - stopSubmitDate: 1658279204173, + stopSubmitDate: "", - repairStatus: 0, + repairStatus: "", takecareStardardeDetailList: [ { @@ -408,83 +415,83 @@ }, ], - nextCheckDate: 1658279204173, + nextCheckDate: "", - checkCycle: '发多少', + checkCycle: '', - checkPoint: '发多少', + checkPoint: '', - leadingPersonId: 0, + leadingPersonId: "", - qName: '发顺丰', + qName: '', - nextTakecareDate: 1658279204173, + nextTakecareDate: "", - setPart: '改好', + setPart: '', checkStandardeDetailList: [ { - checkTarget: '3', + checkTarget: '', - checkPart: '5', + checkPart: '', - checkContent: '2', + checkContent: '', - indexNum: '1', + indexNum: '', - unit: '4', + unit: '', - rate: '6', + rate: '', }, ], - actualDestoryDate: 1658279204173, + actualDestoryDate: "", - isNeedTest: 0, + isNeedTest: "", - alertNum: '321', + alertNum: '', - checkContent: '312', + checkContent: '', - useMemo: '312', + useMemo: '', - previousTestDate: 1658279204173, + previousTestDate: "", - isNeedTakecare: 1, + isNeedTakecare: "", - destoryReason: '312', + destoryReason: '', checkDetailList: [], - positionNum: '34', + positionNum: '', - testCycle: '566', + testCycle: '', - recoveryReason: '89', + recoveryReason: '', - isNeedCheck: 0, + isNeedCheck: "", - actualRecoveryDate: 1658279204173, + actualRecoveryDate: "", - leadingPersonDepartmentId: 3, + leadingPersonDepartmentId: "", - stopReason: 'fdf', + stopReason: '', - destorySubmitDate: 1658279204173, + destorySubmitDate: "", testDetailList: [ { testMemo: '', - testPersonDepartmentId: 0, + testPersonDepartmentId: "", testStatus: '', - testPersonId: 0, + testPersonId: "", - testResult: 0, + testResult: "", - testDate: 1658279204171, + testDate: "", }, ], @@ -492,45 +499,45 @@ repaireDetailList: [ { - repairStatus: 0, + repairStatus: "", - repairPersonDepartmentId: 0, + repairPersonDepartmentId: "", - repairMemo: '发生的', + repairMemo: '', - repairPersonId: 0, + repairPersonId: "", - repairEndDate: 1658279204171, + repairEndDate: "", - repairStartDate: 1658279204171, + repairStartDate: "", - exceptionInfo: 'ddd对对对', + exceptionInfo: '', }, ], - equipmentTypeId: 4, + equipmentTypeId: "", - useDate: 1658279204173, + useDate: "", - recoverySubmitDate: 1658279204173, + recoverySubmitDate: "", - lockNum: '94', + lockNum: '', - stopSubmitPersonId: 2, + stopSubmitPersonId: "", - afterStopStep: '32', + afterStopStep: '', - lifeCycle: 1, + lifeCycle: "", - delCheckStandardeDetails: '1,2', + delCheckStandardeDetails: '', - delTakecareStardardeDetails: '1,2', + delTakecareStardardeDetails: '', - delTakecareDetails: '1,2', + delTakecareDetails: '', - delRepaireDetails: '1,2', + delRepaireDetails: '', - delTestDetails: '1,2', + delTestDetails: '', }); const titles = ref(); const disabled = ref(false); @@ -540,10 +547,13 @@ Dailogtype.value = type; if (num == 0) { titles.value = `${title}仪表信息`; + form.value.infoType = num; } else if (num == 1) { titles.value = `${title}设备设施`; + form.value.infoType = num; } else if (num == 2) { titles.value = `${title}设备设施`; + form.value.infoType = num; } disabled.value = title == '查看' ? true : false; @@ -560,6 +570,10 @@ }; // 提交 const submitForm = () => { + form.value.delTakecareDetails =deleteAId.value.toString() + form.value.delTestDetails =deleteBId.value.toString() + form.value.delRepaireDetails =deleteCId.value.toString() + form.value.delCheckStandardeDetails =deleteDId.value.toString() dialogVisible.value = false; facilityManagementApi() .getequipmentInfoAddOrUpdate(form.value) @@ -582,7 +596,7 @@ // form.value = null; }; const activeName = ref('first'); - + const index = ref<any>(); const categoryShow = ref(); const opencategory = () => { categoryShow.value.openDailog(); @@ -597,18 +611,22 @@ }; const maintenanceShow = ref(); const openMaintenance = (title: string, data: any) => { + index.value = form.value.takecareDetailList.indexOf(data); maintenanceShow.value.openDailog(title, data); }; const detectShow = ref(); const openDetect = (title: string, data: any) => { + index.value = form.value.testDetailList.indexOf(data); detectShow.value.openDailog(title, data); }; const repairShow = ref(); const openRepair = (title: string, data: any) => { + index.value = form.value.repaireDetailList.indexOf(data); repairShow.value.openDailog(title, data); }; const standardShow = ref(); const openStandard = (title: string, data: any) => { + index.value = form.value.checkStandardeDetailList.indexOf(data); standardShow.value.openDailog(title, data); }; // 上传 @@ -641,19 +659,56 @@ () => false ); }; + const deleteAId = ref([]); + const deleteBId = ref([]); + const deleteCId = ref([]); + const deleteDId = ref([]); + // 删除 + const deleteA = (tag: any) => { + form.value.takecareDetailList.splice(form.value.takecareDetailList.indexOf(tag), 1); + deleteAId.value.push(tag.id); + }; + const deleteB = (tag: any) => { + form.value.testDetailList.splice(form.value.testDetailList.indexOf(tag), 1); + deleteBId.value.push(tag.id); + }; + const deleteC = (tag: any) => { + form.value.repaireDetailList.splice(form.value.repaireDetailList.indexOf(tag), 1); + deleteCId.value.push(tag.id); + }; + const deleteD = (tag: any) => { + form.value.checkStandardeDetailList.splice(form.value.checkStandardeDetailList.indexOf(tag), 1); + deleteDId.value.push(tag.id); + }; // 回传 const main = (val: any) => { - form.value.takecareDetailList.push(val); + if (index.value == -1) { + form.value.takecareDetailList.push(val); + } else { + form.value.takecareDetailList[index.value] = val; + } }; const delect = (val: any) => { - form.value.testDetailList.push(val); + if (index.value == -1) { + form.value.testDetailList.push(val); + } else { + form.value.testDetailList[index.value] = val; + } }; - const Repair= (val:any)=>{ - form.value.repaireDetailList.push(val); - } - const Stand=(val:any)=>{ - form.value.checkStandardeDetailList.push(val); - } + const Repair = (val: any) => { + if (index.value == -1) { + form.value.repaireDetailList.push(val); + } else { + form.value.repaireDetailList[index.value] = val; + } + }; + const Stand = (val: any) => { + if (index.value == -1) { + form.value.checkStandardeDetailList.push(val); + } else { + form.value.checkStandardeDetailList[index.value] = val; + } + }; //全屏 const full = ref(false); const toggleFullscreen = () => { @@ -664,7 +719,16 @@ } }; return { + deleteAId, + deleteBId, + deleteCId, + deleteDId, + deleteA, + deleteB, + deleteC, + deleteD, main, + index, delect, Repair, Stand, -- Gitblit v1.9.2