| | |
| | | </SearchBar> |
| | | </template> |
| | | <template #aside> |
| | | <SideList :items="subtasks" :loading="sideLoading" @item-click="chooseSubtask"></SideList> |
| | | <SideList |
| | | :items="subtasks" |
| | | :loading="sideLoading" |
| | | @item-click="chooseSubtask" |
| | | ></SideList> |
| | | </template> |
| | | <template #main> |
| | | <ToolBar |
| | |
| | | :buttons="buttons" |
| | | :loading="mainLoading" |
| | | ></ToolBar> |
| | | <el-scrollbar v-if="curProList.length > 0" class="el-scrollbar" v-loading="mainLoading"> |
| | | <el-scrollbar |
| | | v-if="curProList.length > 0" |
| | | class="el-scrollbar" |
| | | v-loading="mainLoading" |
| | | > |
| | | <CompProblemCard |
| | | v-if="compProblemCardVisible" |
| | | :key="i" |
| | | v-for="(p, i) in curProList" |
| | | :index="i + 1" |
| | | :problem="p" |
| | | :subtask="curSubtask.data" |
| | | :topTask="topTask" |
| | | @updated="onProSubmited" |
| | | @submit="updateSubtask" |
| | | ></CompProblemCard> |
| | | </el-scrollbar> |
| | | <el-empty v-else description="暂无记录" v-loading="mainLoading" /> |
| | | </template> |
| | | </BaseContentLayout> |
| | | <el-dialog |
| | | v-model="proAddOrUpdDialogVisible" |
| | | :before-close="proAddOrUpdDialogClose" |
| | | width="80%" |
| | | <CompProblemAddOrUpd |
| | | title="新增问题" |
| | | > |
| | | <CompProblemAddOrUpd |
| | | v-if="proAddOrUpdDialogVisible" |
| | | :subtask="curSubtask.data" |
| | | :topTask="topTask" |
| | | ref="compProblemAddOrUpdRef" |
| | | @submited="newProSubmit" |
| | | /> |
| | | </el-dialog> |
| | | <el-dialog |
| | | v-model="anyPhotoDialog" |
| | | :before-close="beforeAnyPhotoDialogclose" |
| | | width="80%" |
| | | title="任意图片" |
| | | > |
| | | <ArbitraryPhoto |
| | | v-if="anyPhotoDialog" |
| | | :readonly="true" |
| | | :subtask="curSubtask.data" |
| | | ref="arbitraryPhotoRef" |
| | | @selectByAnyPhonoEvent="handleCloseCheckAnyPhono" |
| | | > |
| | | </ArbitraryPhoto> |
| | | </el-dialog> |
| | | <el-drawer |
| | | :direction="rtl" |
| | | v-model="deviceShowDialog" |
| | | :before-close="beforeDeviceShowDialogclose" |
| | | v-if="proAddOrUpdDialogVisible" |
| | | v-model:visible="proAddOrUpdDialogVisible" |
| | | :subtask="curSubtask.data" |
| | | :topTask="topTask" |
| | | ref="compProblemAddOrUpdRef" |
| | | @cancel="onAddProCanceled" |
| | | @submit="updateSubtask" |
| | | /> |
| | | <ArbitraryPhoto |
| | | v-if="anyPhotoDialog" |
| | | v-model:dialog-visible="anyPhotoDialog" |
| | | :readonly="true" |
| | | :subtask="curSubtask.data" |
| | | ref="arbitraryPhotoRef" |
| | | ></ArbitraryPhoto> |
| | | <CompDeviceShowTest |
| | | title="设施设备" |
| | | size="65%" |
| | | v-model:visible="deviceShowDialog" |
| | | v-if="deviceShowDialog" |
| | | ref="deviceShowRef" |
| | | > |
| | | <CompDeviceShowTest v-if="deviceShowDialog" ref="deviceShowRef"> </CompDeviceShowTest> |
| | | </el-drawer> |
| | | </CompDeviceShowTest> |
| | | </template> |
| | | |
| | | <script> |
| | | import ArbitraryPhoto from './components/ArbitraryPhoto.vue'; |
| | | import taskApi from '@/api/fysp/taskApi'; |
| | | import ProCheckProxy from './ProCheckProxy'; |
| | | |
| | | import { ElMessageBox, ElNotification, ElMessage } from 'element-plus'; |
| | | import CompProblemAddOrUpd from './components/CompProblemAddOrUpd.vue'; |
| | | import CompDeviceShow from './components/CompDeviceShow.vue'; |
| | | |
| | | import CompProblemCard from './components/CompProblemCard.vue'; |
| | | import CompSubTaskStatistic from './components/CompSubTaskStatistic.vue'; |
| | | import CompProRecent from './components/CompProRecent.vue'; |
| | | import CompDeviceShowTest from './components/CompDeviceShowTest.vue'; |
| | | export default { |
| | | components: { |
| | |
| | | CompSubTaskStatistic, |
| | | CompProblemAddOrUpd, |
| | | ArbitraryPhoto, |
| | | CompDeviceShowTest, |
| | | CompProRecent |
| | | CompDeviceShowTest |
| | | }, |
| | | data() { |
| | | return { |
| | | compProblemCardVisible: true, |
| | | // 设备图 |
| | | deviceShowDialog: false, |
| | | // 任意图 |
| | |
| | | } |
| | | }, |
| | | { |
| | | name: '任意图片', |
| | | name: '场景图片', |
| | | color: 'warning', |
| | | click: () => { |
| | | this.anyPhotoDialog = true; |
| | |
| | | click: () => { |
| | | this.openDeviceShowDialog(); |
| | | } |
| | | }, |
| | | { |
| | | name: '批量审核', |
| | | color: 'primary', |
| | | click: () => {} |
| | | } |
| | | // { |
| | | // name: '批量审核', |
| | | // color: 'primary', |
| | | // click: () => {} |
| | | // } |
| | | ] |
| | | }; |
| | | }, |
| | |
| | | this.$refs.deviceShowRef.init(this.curSubtask.data.scene); |
| | | }); |
| | | }, |
| | | // 关闭设备图弹窗 |
| | | beforeDeviceShowDialogclose(done) { |
| | | // this.deviceShowDialog = false; |
| | | done() |
| | | }, |
| | | // 关闭任意图片弹窗 |
| | | beforeAnyPhotoDialogclose() { |
| | | this.anyPhotoDialog = false; |
| | | }, |
| | | handleCloseCheckAnyPhono() { |
| | | this.beforeAnyPhotoDialogclose(); |
| | | }, |
| | | proAddOrUpdDialogClose() { |
| | | this.proAddOrUpdDialogVisible = false; |
| | | }, |
| | | //查询子任务统计信息 |
| | | search(formSearch) { |
| | | this.topTask = formSearch.topTask; |
| | |
| | | this.curProList = []; |
| | | this.curSubtask = {}; |
| | | const param = { |
| | | topTaskId: formSearch.topTask.tguid, |
| | | sceneTypeId :formSearch.sceneTypeId |
| | | } |
| | | topTaskId: formSearch.topTask.tguid, |
| | | sceneTypeId: formSearch.sceneTypeId |
| | | }; |
| | | taskApi.getSubtaskSummary(param).then((res) => { |
| | | const list = []; |
| | | res.forEach((s) => { |
| | |
| | | //获取任务问题的审核情况 |
| | | getSubtaskType(s) { |
| | | let type = 0; |
| | | // 无问题 |
| | | if (s.proNum == 0) { |
| | | type = 2; |
| | | } else if (s.proCheckedNum == 0) { |
| | | type = 0; |
| | | } else if (s.proCheckedNum < s.proNum) { |
| | | } |
| | | // 问题未审核 |
| | | else if (s.proCheckedNum == 0) { |
| | | type = 1; |
| | | } else { |
| | | } |
| | | // 问题部分审核 |
| | | else if (s.proCheckedNum < s.proNum) { |
| | | type = 2; |
| | | } |
| | | // 未整改 |
| | | else if (s.changeNum < s.proNum) { |
| | | type = 3; |
| | | } |
| | | // 整改未审核 |
| | | else if (s.changeCheckedNum == 0) { |
| | | type = 4; |
| | | } |
| | | // 整改部分审核 |
| | | else if (s.changeCheckedNum < s.changeNum) { |
| | | type = 5; |
| | | } |
| | | // 完全审核 |
| | | else { |
| | | type = 6; |
| | | } |
| | | return type; |
| | | }, |
| | |
| | | this.mainLoading = false; |
| | | }); |
| | | }, |
| | | onAddProCanceled() { |
| | | this.proAddOrUpdDialogVisible = false; |
| | | }, |
| | | // 问题卡片组件主动发起刷新父组件数据 |
| | | updateSubtask(isOk) { |
| | | updateSubtask(refresh = false) { |
| | | this.curSubtask.data.proCheckedNum++; |
| | | this.curSubtask.type = this.getSubtaskType(this.curSubtask.data); |
| | | if (!isOk) { |
| | | return; |
| | | if (this.proAddOrUpdDialogVisible) { |
| | | this.proAddOrUpdDialogVisible = false; |
| | | } |
| | | this.refreshCurrSubtask(); |
| | | }, |
| | | onProSubmited(isOk) { |
| | | this.proAddOrUpdDialogClose(); |
| | | if (!isOk) { |
| | | return; |
| | | } |
| | | this.updateSubtask(isOk); |
| | | }, |
| | | newProSubmit(isOk) { |
| | | this.proAddOrUpdDialogVisible = false; |
| | | if (!isOk) { |
| | | return; |
| | | } |
| | | this.refreshCurrSubtask(); |
| | | this.refreshCurrSubtask(refresh); |
| | | }, |
| | | // 刷新当前选中子任务 |
| | | refreshCurrSubtask() { |
| | | this.compProblemCardVisible = false; |
| | | refreshCurrSubtask(refresh) { |
| | | this.sideLoading = false; |
| | | this.mainLoading = true; |
| | | setTimeout(() => { |
| | | taskApi |
| | | .getProBySubtask(this.curSubtask.data.stGuid) |
| | | .then((res) => { |
| | | this.curProList = res; |
| | | if (refresh) { |
| | | this.curProList = res; |
| | | return; |
| | | } |
| | | const currProLen = this.curProList.length; |
| | | // 不改变数组对像引用的前提下重新赋值 |
| | | for (let index = 0; index < res.length; index++) { |
| | | const element = res[index]; |
| | | if (currProLen < index + 1) { |
| | | this.curProList.push(element); |
| | | } else { |
| | | this.curProList[index] = element; |
| | | } |
| | | } |
| | | // this.curSubtask = s; |
| | | }) |
| | | .finally(() => { |
| | | this.mainLoading = false; |
| | | this.compProblemCardVisible = true; |
| | | }); |
| | | }, 150); |
| | | } |