<template>
|
<BaseContentLayout>
|
<template #header>
|
<SearchBar @on-submit="search">
|
<template #summary>
|
<CompSubTaskStatistic :subtasks="subtasks" />
|
</template>
|
</SearchBar>
|
</template>
|
<template #aside>
|
<SideList
|
:items="subtasks"
|
:loading="sideLoading"
|
@item-click="chooseSubtask"
|
></SideList>
|
</template>
|
<template #main>
|
<ToolBar
|
:title="curSubtask.title"
|
:descriptions="proStatus"
|
:buttons="buttons"
|
:loading="mainLoading"
|
></ToolBar>
|
<el-scrollbar
|
v-if="curProList.length > 0"
|
class="el-scrollbar"
|
v-loading="mainLoading"
|
>
|
<template v-if="compProblemCardVisible">
|
<CompProblemCard
|
:key="i"
|
v-for="(p, i) in curProList"
|
:index="i + 1"
|
:problem="p"
|
:subtask="curSubtask.data"
|
:topTask="topTask"
|
@updated="onProSubmited"
|
@submit="updateSubtask"
|
></CompProblemCard>
|
</template>
|
</el-scrollbar>
|
<el-empty v-else description="暂无记录" v-loading="mainLoading" />
|
</template>
|
</BaseContentLayout>
|
<el-dialog
|
v-model="proAddOrUpdDialogVisible"
|
:before-close="proAddOrUpdDialogClose"
|
width="50%"
|
title="新增问题"
|
>
|
<CompProblemAddOrUpd
|
v-if="proAddOrUpdDialogVisible"
|
:subtask="curSubtask.data"
|
:topTask="topTask"
|
ref="compProblemAddOrUpdRef"
|
@submited="newProSubmit"
|
/>
|
</el-dialog>
|
<ArbitraryPhoto
|
v-if="anyPhotoDialog"
|
v-model:dialog-visible="anyPhotoDialog"
|
:readonly="true"
|
:subtask="curSubtask.data"
|
ref="arbitraryPhotoRef"
|
></ArbitraryPhoto>
|
<el-drawer
|
direction="ltr"
|
v-model="deviceShowDialog"
|
:before-close="beforeDeviceShowDialogclose"
|
title="设施设备"
|
size="45%"
|
>
|
<CompDeviceShowTest v-if="deviceShowDialog" ref="deviceShowRef">
|
</CompDeviceShowTest>
|
</el-drawer>
|
</template>
|
|
<script>
|
import ArbitraryPhoto from './components/ArbitraryPhoto.vue';
|
import taskApi from '@/api/fysp/taskApi';
|
import ProCheckProxy from './ProCheckProxy';
|
import CompProblemAddOrUpd from './components/CompProblemAddOrUpd.vue';
|
import CompProblemCard from './components/CompProblemCard.vue';
|
import CompSubTaskStatistic from './components/CompSubTaskStatistic.vue';
|
import CompDeviceShowTest from './components/CompDeviceShowTest.vue';
|
export default {
|
components: {
|
CompProblemCard,
|
CompSubTaskStatistic,
|
CompProblemAddOrUpd,
|
ArbitraryPhoto,
|
CompDeviceShowTest
|
},
|
data() {
|
return {
|
compProblemCardVisible: true,
|
// 设备图
|
deviceShowDialog: false,
|
// 任意图
|
anyPhotoDialog: false,
|
// 新增问题
|
proAddOrUpdDialogVisible: false,
|
//左侧菜单栏加载状态
|
sideLoading: false,
|
//右侧内容栏加载状态
|
mainLoading: false,
|
// 总任务
|
topTask: {},
|
//子任务列表
|
subtasks: [],
|
//当前选中的任务
|
curSubtask: {},
|
//当前任务的问题列表
|
curProList: [],
|
//操作按钮
|
buttons: [
|
{
|
name: '新增问题',
|
color: 'success',
|
click: () => {
|
this.proAddOrUpdDialogVisible = true;
|
}
|
},
|
{
|
name: '场景图片',
|
color: 'warning',
|
click: () => {
|
this.anyPhotoDialog = true;
|
}
|
},
|
{
|
name: '设施设备',
|
color: 'info',
|
click: () => {
|
this.openDeviceShowDialog();
|
}
|
}
|
// {
|
// name: '批量审核',
|
// color: 'primary',
|
// click: () => {}
|
// }
|
]
|
};
|
},
|
computed: {
|
//问题状态
|
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: {
|
// 打开设备图
|
openDeviceShowDialog() {
|
this.deviceShowDialog = true;
|
this.$nextTick(() => {
|
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.sideLoading = true;
|
this.mainLoading = true;
|
this.curProList = [];
|
this.curSubtask = {};
|
const param = {
|
topTaskId: formSearch.topTask.tguid,
|
sceneTypeId: formSearch.sceneTypeId
|
};
|
taskApi.getSubtaskSummary(param).then((res) => {
|
const list = [];
|
res.forEach((s) => {
|
const t = this.getSubtaskType(s);
|
list.push({
|
type: t,
|
title: s.stName,
|
categoly: s.stPlanTime.split('T')[0],
|
data: s
|
});
|
});
|
this.subtasks = list;
|
if (list.length == 0) {
|
this.sideLoading = false;
|
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;
|
},
|
//点击左侧菜单任务事件
|
chooseSubtask(s) {
|
// this.currInsGuid = s.data.insGuid
|
this.sideLoading = false;
|
this.mainLoading = true;
|
// const controller = new AbortController();
|
taskApi
|
.getProBySubtask(s.data.stGuid)
|
.then((res) => {
|
this.curProList = res;
|
this.curSubtask = s;
|
})
|
.finally(() => {
|
this.mainLoading = false;
|
});
|
},
|
// 问题卡片组件主动发起刷新父组件数据
|
updateSubtask(refresh = true) {
|
this.curSubtask.data.proCheckedNum++;
|
this.curSubtask.type = this.getSubtaskType(this.curSubtask.data);
|
if (refresh) {
|
this.refreshCurrSubtask();
|
}
|
},
|
onProSubmited(isOk) {
|
this.proAddOrUpdDialogClose();
|
if (!isOk) {
|
return;
|
}
|
this.updateSubtask();
|
},
|
newProSubmit(isOk) {
|
this.proAddOrUpdDialogVisible = false;
|
if (!isOk) {
|
return;
|
}
|
this.refreshCurrSubtask();
|
},
|
// 刷新当前选中子任务
|
refreshCurrSubtask() {
|
this.compProblemCardVisible = false;
|
this.sideLoading = false;
|
this.mainLoading = true;
|
setTimeout(() => {
|
taskApi
|
.getProBySubtask(this.curSubtask.data.stGuid)
|
.then((res) => {
|
this.curProList = res;
|
// this.curSubtask = s;
|
})
|
.finally(() => {
|
this.mainLoading = false;
|
this.compProblemCardVisible = true;
|
});
|
}, 150);
|
}
|
},
|
mounted() {}
|
};
|
</script>
|
|
<style scoped>
|
.el-scrollbar {
|
height: calc(100vh - 60px * 2 - 20px * 2 - var(--height-toolbar));
|
}
|
</style>
|
