| | |
| | | <template #header> |
| | | <SearchBar @on-submit="search"> |
| | | <template #summary> |
| | | <CompSubTaskStatistic :subtasks="subtasks" /> |
| | | <CompSubTaskStatistic |
| | | :loading="sideLoading" |
| | | :subtasks="subtasks" |
| | | :monitorObjList="curMonitorObjList" |
| | | /> |
| | | </template> |
| | | </SearchBar> |
| | | </template> |
| | | <template #aside> |
| | | <SideList |
| | | legend |
| | | :items="subtasks" |
| | | :loading="sideLoading" |
| | | @item-click="chooseSubtask" |
| | | ></SideList> |
| | | </template> |
| | | <template #main> |
| | | <ToolBar |
| | | :title="curSubtask.title" |
| | | :descriptions="proStatus" |
| | | :buttons="buttons" |
| | | :loading="mainLoading" |
| | | ></ToolBar> |
| | | <el-scrollbar |
| | | <el-scrollbar > |
| | | <ToolBar |
| | | :title="curSubtask.title" |
| | | :descriptions="proStatus" |
| | | :buttons="buttons" |
| | | :loading="mainLoading" |
| | | ></ToolBar> |
| | | <el-scrollbar |
| | | v-if="curProList.length > 0" |
| | | class="el-scrollbar" |
| | | class="scrollbar-inner" |
| | | v-loading="mainLoading" |
| | | > |
| | | <CompProblemCard |
| | |
| | | :subtask="curSubtask.data" |
| | | :topTask="topTask" |
| | | @submit="updateSubtask" |
| | | @check="handleProblemCheck" |
| | | ></CompProblemCard> |
| | | </el-scrollbar> |
| | | <el-empty v-else description="暂无记录" v-loading="mainLoading" /> |
| | | <el-empty v-else description="暂无问题" v-loading="mainLoading" /> |
| | | </el-scrollbar> |
| | | </template> |
| | | </BaseContentLayout> |
| | | <CompProblemAddOrUpd |
| | |
| | | :subtask="curSubtask.data" |
| | | :topTask="topTask" |
| | | ref="compProblemAddOrUpdRef" |
| | | @cancel="onAddProCanceled" |
| | | @submit="updateSubtask" |
| | | /> |
| | | <ArbitraryPhoto |
| | |
| | | mainLoading: false, |
| | | // 总任务 |
| | | topTask: {}, |
| | | // 总任务巡查计划清单 |
| | | curMonitorObjList: [], |
| | | //子任务列表 |
| | | subtasks: [], |
| | | //当前选中的任务 |
| | |
| | | buttons: [ |
| | | { |
| | | name: '新增问题', |
| | | color: 'success', |
| | | // color: 'success', |
| | | color: 'primary', |
| | | click: () => { |
| | | this.proAddOrUpdDialogVisible = true; |
| | | } |
| | | }, |
| | | { |
| | | name: '场景图片', |
| | | color: 'warning', |
| | | // color: 'warning', |
| | | color: 'primary', |
| | | click: () => { |
| | | this.anyPhotoDialog = true; |
| | | } |
| | | }, |
| | | { |
| | | name: '设施设备', |
| | | color: 'info', |
| | | color: 'primary', |
| | | click: () => { |
| | | this.openDeviceShowDialog(); |
| | | } |
| | |
| | | //问题状态 |
| | | proStatus() { |
| | | return ProCheckProxy.proStatusArray(this.curProList); |
| | | }, |
| | | //任务问题审核情况统计信息 |
| | | summary() { |
| | | const _summary = [ |
| | | { |
| | | name: '任务总计', |
| | | value: 0, |
| | | type: 'info' |
| | | }, |
| | | { |
| | | name: '问题未审核', |
| | | value: 0, |
| | | type: 'success', |
| | | icon: 'SuccessFilled' |
| | | }, |
| | | { |
| | | name: '问题部分审核', |
| | | value: 0, |
| | | type: 'success', |
| | | icon: 'SuccessFilled' |
| | | }, |
| | | { |
| | | name: '问题全部审核', |
| | | value: 0, |
| | | type: 'success', |
| | | icon: 'SuccessFilled' |
| | | }, |
| | | { |
| | | name: '未整改', |
| | | value: 0, |
| | | type: 'info', |
| | | icon: 'WarningFilled' |
| | | }, |
| | | { |
| | | name: '整改未审核', |
| | | value: 0, |
| | | type: 'info', |
| | | icon: 'WarningFilled' |
| | | }, |
| | | { |
| | | name: '整改部分审核', |
| | | value: 0, |
| | | type: 'warning', |
| | | icon: 'WarningFilled' |
| | | }, |
| | | { |
| | | name: '整改全部审核', |
| | | value: 0, |
| | | type: 'warning', |
| | | icon: 'WarningFilled' |
| | | } |
| | | ]; |
| | | |
| | | this.subtasks.forEach((s) => { |
| | | _summary[0].value++; |
| | | |
| | | if (s.data.proNum == 0) { |
| | | _summary[1].value++; |
| | | } else if (s.data.proCheckedNum == 0) { |
| | | _summary[3].value++; |
| | | } else if (s.data.proCheckedNum < s.data.proNum) { |
| | | _summary[2].value++; |
| | | } else { |
| | | _summary[1].value++; |
| | | } |
| | | }); |
| | | _summary.forEach((s, i) => { |
| | | if (i > 0) { |
| | | let per = Math.round((s.value / _summary[0].value) * 1000) / 10; |
| | | if (isNaN(per)) per = 0; |
| | | s.value = `${s.value}(${per}%)`; |
| | | } |
| | | }); |
| | | |
| | | return _summary; |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | taskApi.getSubtaskSummary(param).then((res) => { |
| | | const list = []; |
| | | res.forEach((s) => { |
| | | const t = this.getSubtaskType(s); |
| | | const t = ProCheckProxy.getSubtaskType(s); |
| | | list.push({ |
| | | status: s.subtask.status, |
| | | type: t, |
| | | title: s.stName, |
| | | categoly: s.stPlanTime.split('T')[0], |
| | |
| | | this.mainLoading = false; |
| | | } |
| | | }); |
| | | }, |
| | | //获取任务问题的审核情况 |
| | | getSubtaskType(s) { |
| | | let type = 0; |
| | | if (s.proNum == 0) { |
| | | type = 2; |
| | | } else if (s.proCheckedNum == 0) { |
| | | type = 0; |
| | | } else if (s.proCheckedNum < s.proNum) { |
| | | type = 1; |
| | | } else { |
| | | type = 2; |
| | | } |
| | | return type; |
| | | taskApi.fetchMonitorObjectVersion(param.topTaskId).then((res) => { |
| | | this.curMonitorObjList = res; |
| | | }); |
| | | }, |
| | | //点击左侧菜单任务事件 |
| | | chooseSubtask(s) { |
| | |
| | | this.mainLoading = false; |
| | | }); |
| | | }, |
| | | onAddProCanceled() {}, |
| | | // 问题卡片组件主动发起刷新父组件数据 |
| | | updateSubtask(refresh = false) { |
| | | this.curSubtask.data.proCheckedNum++; |
| | | this.curSubtask.type = this.getSubtaskType(this.curSubtask.data); |
| | | this.curSubtask.type = ProCheckProxy.getSubtaskType(this.curSubtask.data); |
| | | if (this.proAddOrUpdDialogVisible) { |
| | | this.proAddOrUpdDialogVisible = false |
| | | this.proAddOrUpdDialogVisible = false; |
| | | } |
| | | this.refreshCurrSubtask(refresh); |
| | | }, |
| | | // 刷新当前选中子任务 |
| | | refreshCurrSubtask(refresh) { |
| | | this.sideLoading = false; |
| | | this.mainLoading = true; |
| | | setTimeout(() => { |
| | | this.mainLoading = true; |
| | | taskApi |
| | | .getProBySubtask(this.curSubtask.data.stGuid) |
| | | .then((res) => { |
| | |
| | | .finally(() => { |
| | | this.mainLoading = false; |
| | | }); |
| | | }, 150); |
| | | }, 500); |
| | | }, |
| | | // 问题审核完成后,更新左侧列表对应子任务状态 |
| | | handleProblemCheck() { |
| | | const status = ProCheckProxy.calProStatus(this.curProList); |
| | | this.curSubtask.data.proNum = status.proNum; |
| | | this.curSubtask.data.proCheckedNum = status.proCheckedNum; |
| | | this.curSubtask.data.changeNum = status.changeNum; |
| | | this.curSubtask.data.changeCheckedNum = status.changeCheckedNum; |
| | | this.curSubtask.type = ProCheckProxy.getSubtaskType(this.curSubtask.data); |
| | | } |
| | | }, |
| | | mounted() {} |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .el-scrollbar { |
| | | .scrollbar-outer { |
| | | height: calc(100vh - 60px * 2 - 24px); |
| | | background-color: aliceblue; |
| | | } |
| | | |
| | | .scrollbar-inner { |
| | | height: calc(100vh - 60px * 2 - 20px * 2 - var(--height-toolbar)); |
| | | } |
| | | </style> |