|
@@ -78,10 +78,10 @@
|
|
|
import { useRouter } from 'vue-router';
|
|
import { useRouter } from 'vue-router';
|
|
|
import { ElIcon } from 'element-plus';
|
|
import { ElIcon } from 'element-plus';
|
|
|
import { DArrowRight } from '@element-plus/icons-vue';
|
|
import { DArrowRight } from '@element-plus/icons-vue';
|
|
|
- import task from '@/assets/images/disaster-overview/task.png';
|
|
|
|
|
- import signTask from '@/assets/images/disaster-overview/sign-task.png';
|
|
|
|
|
- import successTask from '@/assets/images/disaster-overview/success-task.png';
|
|
|
|
|
- import warningTask from '@/assets/images/disaster-overview/warning-task.png';
|
|
|
|
|
|
|
+ import taskIcon from '@/assets/images/disaster-overview/task.png';
|
|
|
|
|
+ import signTaskIcon from '@/assets/images/disaster-overview/sign-task.png';
|
|
|
|
|
+ import successTaskIcon from '@/assets/images/disaster-overview/success-task.png';
|
|
|
|
|
+ import warningTaskIcon from '@/assets/images/disaster-overview/warning-task.png';
|
|
|
import brokenObject from '@/assets/images/disaster-overview/broken-object.png';
|
|
import brokenObject from '@/assets/images/disaster-overview/broken-object.png';
|
|
|
import {
|
|
import {
|
|
|
QueryCheckingListsParams,
|
|
QueryCheckingListsParams,
|
|
@@ -93,7 +93,7 @@
|
|
|
// import DisasterCheckList from './disaster-checking-lists/DisasterCheckList.vue';
|
|
// import DisasterCheckList from './disaster-checking-lists/DisasterCheckList.vue';
|
|
|
// import DisasterDoneList from './disaster-checking-lists/DisasterDoneList.vue';
|
|
// import DisasterDoneList from './disaster-checking-lists/DisasterDoneList.vue';
|
|
|
|
|
|
|
|
- // const activeTab = ref('预防检查');<el-icon><Link /></el-icon>
|
|
|
|
|
|
|
+ // const activeTab = ref('预防检查');
|
|
|
|
|
|
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
|
|
|
|
@@ -105,27 +105,27 @@
|
|
|
const preventCheckTitles = computed(() => {
|
|
const preventCheckTitles = computed(() => {
|
|
|
return [
|
|
return [
|
|
|
{
|
|
{
|
|
|
- icon: task,
|
|
|
|
|
|
|
+ icon: taskIcon,
|
|
|
label: '总任务',
|
|
label: '总任务',
|
|
|
count: preventInspectData.value?.totalTask,
|
|
count: preventInspectData.value?.totalTask,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: warningTask,
|
|
|
|
|
|
|
+ icon: warningTaskIcon,
|
|
|
label: '隐患任务',
|
|
label: '隐患任务',
|
|
|
count: preventInspectData.value?.dangerTask,
|
|
count: preventInspectData.value?.dangerTask,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: task,
|
|
|
|
|
|
|
+ icon: taskIcon,
|
|
|
label: '待签字任务',
|
|
label: '待签字任务',
|
|
|
count: preventInspectData.value?.submittedTask,
|
|
count: preventInspectData.value?.submittedTask,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: successTask,
|
|
|
|
|
|
|
+ icon: successTaskIcon,
|
|
|
label: '通过任务',
|
|
label: '通过任务',
|
|
|
count: preventInspectData.value?.passTask,
|
|
count: preventInspectData.value?.passTask,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: signTask,
|
|
|
|
|
|
|
+ icon: signTaskIcon,
|
|
|
label: '已签字任务',
|
|
label: '已签字任务',
|
|
|
count: preventInspectData.value?.signedTask,
|
|
count: preventInspectData.value?.signedTask,
|
|
|
},
|
|
},
|
|
@@ -136,7 +136,7 @@
|
|
|
const disasterHandleTitles = computed(() => {
|
|
const disasterHandleTitles = computed(() => {
|
|
|
return [
|
|
return [
|
|
|
{
|
|
{
|
|
|
- icon: signTask,
|
|
|
|
|
|
|
+ icon: signTaskIcon,
|
|
|
label: '应上报部门',
|
|
label: '应上报部门',
|
|
|
count: disasterHandleData.value?.dueReportDeptCount,
|
|
count: disasterHandleData.value?.dueReportDeptCount,
|
|
|
},
|
|
},
|
|
@@ -146,17 +146,17 @@
|
|
|
count: disasterHandleData.value?.lossRecordCount,
|
|
count: disasterHandleData.value?.lossRecordCount,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: signTask,
|
|
|
|
|
|
|
+ icon: signTaskIcon,
|
|
|
label: '已上报部门',
|
|
label: '已上报部门',
|
|
|
count: disasterHandleData.value?.completeReportDeptCount,
|
|
count: disasterHandleData.value?.completeReportDeptCount,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: successTask,
|
|
|
|
|
|
|
+ icon: successTaskIcon,
|
|
|
label: '处置完成',
|
|
label: '处置完成',
|
|
|
count: disasterHandleData.value?.completeHandleCount,
|
|
count: disasterHandleData.value?.completeHandleCount,
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- icon: signTask,
|
|
|
|
|
|
|
+ icon: signTaskIcon,
|
|
|
label: '存在损失部门',
|
|
label: '存在损失部门',
|
|
|
count: disasterHandleData.value?.existLossDeptCount,
|
|
count: disasterHandleData.value?.existLossDeptCount,
|
|
|
},
|
|
},
|
|
@@ -173,19 +173,18 @@
|
|
|
path: '/disaster-prevention/disaster-control/disposal-management',
|
|
path: '/disaster-prevention/disaster-control/disposal-management',
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- return;
|
|
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
- const getData = async () => {
|
|
|
|
|
- await getPreventInspect(queryCheckingListsParams.value).then((res) => {
|
|
|
|
|
|
|
+ const getData = () => {
|
|
|
|
|
+ getPreventInspect(queryCheckingListsParams.value).then((res) => {
|
|
|
preventInspectData.value = res;
|
|
preventInspectData.value = res;
|
|
|
});
|
|
});
|
|
|
- await getDisasterHandleOverview(queryCheckingListsParams.value).then((res) => {
|
|
|
|
|
|
|
+ getDisasterHandleOverview(queryCheckingListsParams.value).then((res) => {
|
|
|
disasterHandleData.value = res;
|
|
disasterHandleData.value = res;
|
|
|
});
|
|
});
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
- onMounted(async () => {
|
|
|
|
|
|
|
+ onMounted(() => {
|
|
|
getData();
|
|
getData();
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|