|
@@ -47,8 +47,16 @@
|
|
<el-table-column label="巡查周期" align="center" :formatter="(row) => cycleMap[row.cycle]" />
|
|
<el-table-column label="巡查周期" align="center" :formatter="(row) => cycleMap[row.cycle]" />
|
|
<el-table-column label="巡查范围" align="center" :formatter="(row) => inspectionRangeMap[row.inspection_range]" />
|
|
<el-table-column label="巡查范围" align="center" :formatter="(row) => inspectionRangeMap[row.inspection_range]" />
|
|
<el-table-column label="执行日期" align="center" prop="create_time" />
|
|
<el-table-column label="执行日期" align="center" prop="create_time" />
|
|
- <el-table-column label="已完成" align="center" prop="completed_num" />
|
|
|
|
- <el-table-column label="未完成" align="center" prop="incomplete_num" />
|
|
|
|
|
|
+ <el-table-column label="已完成" align="center" prop="completed_num">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-text class="common-btn-text-primary" @click="handleCompletedClick(scope.row)">{{ scope.row.completed_num }}</el-text>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="未完成" align="center" prop="incomplete_num">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-text class="common-btn-text-primary" @click="handleIncompletedClick(scope.row)">{{ scope.row.incomplete_num }}</el-text>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<el-text class="common-btn-text-primary" @click="handleResult(scope.row)">巡查结果</el-text>
|
|
<el-text class="common-btn-text-primary" @click="handleResult(scope.row)">巡查结果</el-text>
|
|
@@ -68,6 +76,8 @@
|
|
</div>
|
|
</div>
|
|
<PatrolSubResult v-if="patrolSubResultState.show" :event-id="patrolSubResultState.eventId" @close="handleCancel" />
|
|
<PatrolSubResult v-if="patrolSubResultState.show" :event-id="patrolSubResultState.eventId" @close="handleCancel" />
|
|
<PatrolTaskEdit v-if="patrolTaskEditState.show" :event-id="patrolTaskEditState.eventId" @close="handleCancel" @refresh-parent="refreshBoth" />
|
|
<PatrolTaskEdit v-if="patrolTaskEditState.show" :event-id="patrolTaskEditState.eventId" @close="handleCancel" @refresh-parent="refreshBoth" />
|
|
|
|
+ <Completed v-if="completedState.show" :event-id="completedState.eventId" @close="handleCancel" />
|
|
|
|
+ <Incompleted v-if="incompletedState.show" :event-id="incompletedState.eventId" @close="handleCancel" />
|
|
</template>
|
|
</template>
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
import { workDetail, workSubList, updatetask, deleteRisk } from '@/api/inspectionWork/inspector';
|
|
import { workDetail, workSubList, updatetask, deleteRisk } from '@/api/inspectionWork/inspector';
|
|
@@ -75,6 +85,8 @@ import { reactive, ref } from 'vue';
|
|
import { ElMessageBox } from 'element-plus';
|
|
import { ElMessageBox } from 'element-plus';
|
|
import PatrolSubResult from './patrolSubResult.vue';
|
|
import PatrolSubResult from './patrolSubResult.vue';
|
|
import PatrolTaskEdit from './patrolTaskEdit.vue';
|
|
import PatrolTaskEdit from './patrolTaskEdit.vue';
|
|
|
|
+import Completed from './completed.vue';
|
|
|
|
+import Incompleted from './incompleted.vue';
|
|
import { to } from 'await-to-js';
|
|
import { to } from 'await-to-js';
|
|
const props = defineProps<{ eventId: string }>();
|
|
const props = defineProps<{ eventId: string }>();
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
@@ -150,9 +162,19 @@ let patrolSubResultState = reactive({
|
|
show: false,
|
|
show: false,
|
|
eventId: ''
|
|
eventId: ''
|
|
});
|
|
});
|
|
|
|
+let completedState = reactive({
|
|
|
|
+ show: false,
|
|
|
|
+ eventId: ''
|
|
|
|
+});
|
|
|
|
+let incompletedState = reactive({
|
|
|
|
+ show: false,
|
|
|
|
+ eventId: ''
|
|
|
|
+});
|
|
const handleCancel = () => {
|
|
const handleCancel = () => {
|
|
patrolTaskEditState.show = false;
|
|
patrolTaskEditState.show = false;
|
|
patrolSubResultState.show = false;
|
|
patrolSubResultState.show = false;
|
|
|
|
+ completedState.show = false;
|
|
|
|
+ incompletedState.show = false;
|
|
};
|
|
};
|
|
const handleUpdate = () => {
|
|
const handleUpdate = () => {
|
|
patrolTaskEditState.eventId = props.eventId; // 假设eventId是id字段
|
|
patrolTaskEditState.eventId = props.eventId; // 假设eventId是id字段
|
|
@@ -164,6 +186,18 @@ const handleResult = (row) => {
|
|
patrolSubResultState.show = true;
|
|
patrolSubResultState.show = true;
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
+const handleCompletedClick = (row) => {
|
|
|
|
+ if (row) {
|
|
|
|
+ completedState.eventId = row.id; // 假设eventId是id字段
|
|
|
|
+ completedState.show = true;
|
|
|
|
+ }
|
|
|
|
+};
|
|
|
|
+const handleIncompletedClick = (row) => {
|
|
|
|
+ if (row) {
|
|
|
|
+ incompletedState.eventId = row.id; // 假设eventId是id字段
|
|
|
|
+ incompletedState.show = true;
|
|
|
|
+ }
|
|
|
|
+};
|
|
const loading = ref(false);
|
|
const loading = ref(false);
|
|
const fetchWorkDetail = () => {
|
|
const fetchWorkDetail = () => {
|
|
loading.value = true;
|
|
loading.value = true;
|