<template>
|
<el-affix :offset="60">
|
<div class="page-header">
|
<el-page-header @back="goBack">
|
<template #content>
|
<span> 计划调整 </span>
|
</template>
|
<template #extra>
|
<div>
|
<el-button type="primary" :disabled="!isEdit" :loading="saveLoading" @click="saveEdit"
|
>保存修改</el-button
|
>
|
</div>
|
</template>
|
</el-page-header>
|
<el-divider />
|
</div>
|
</el-affix>
|
<el-row gutter="20">
|
<el-col :span="16">
|
<el-affix :offset="140">
|
<div>
|
<el-text>监管计划</el-text>
|
</div>
|
<el-divider />
|
<CompMonitorPlan :task="task" @date-change="onDateChange"></CompMonitorPlan>
|
</el-affix>
|
</el-col>
|
<el-col :span="8">
|
<el-row justify="space-between">
|
<el-text>单日计划</el-text>
|
<el-button type="success" size="small" @click="editTask">新增</el-button>
|
</el-row>
|
<el-divider />
|
<ItemSubTask v-for="stask in curSubTaskList" :key="stask.guid" :item="stask">
|
<template #default="{ item }">
|
<el-button type="danger" size="small" @click="editTask">移除</el-button>
|
</template>
|
</ItemSubTask>
|
<!-- <CompMonitorObj
|
:data="curMonitorObjList"
|
show-btn
|
v-model:tabName="curSceneType"
|
v-model:showData="showMonitorObjList"
|
btn-name="添加"
|
@item-click="deleteMov"
|
>
|
</CompMonitorObj> -->
|
</el-col>
|
</el-row>
|
</template>
|
|
<script setup>
|
import { ref, onMounted } from 'vue';
|
import { useRoute, useRouter } from 'vue-router';
|
import CompMonitorPlan from './components/CompMonitorPlan.vue';
|
import CompMonitorObj from './components/CompMonitorObj.vue';
|
import taskApi from '@/api/fysp/taskApi';
|
|
const route = useRoute();
|
const router = useRouter();
|
|
const curMonitorObjList = ref([]);
|
const task = ref({});
|
const curSceneType = ref({});
|
const showMonitorObjList = ref({});
|
const curSubTaskList = ref([]);
|
|
function onDateChange(dayTask) {
|
if (dayTask) {
|
fetchSubTask(dayTask.guid);
|
} else {
|
curSubTaskList.value = [];
|
}
|
}
|
|
function fetchSubTask(dayTaskId) {
|
taskApi.fetchSubtaskByDayTask(dayTaskId).then((res) => {
|
curSubTaskList.value = res;
|
});
|
}
|
|
onMounted(() => {
|
// 监管场景信息
|
curMonitorObjList.value = JSON.parse(decodeURIComponent(route.query.data));
|
// 根据总任务获取行政区划信息
|
task.value = JSON.parse(decodeURIComponent(route.query.task));
|
});
|
|
function goBack() {
|
router.back();
|
}
|
</script>
|
|
<style scoped>
|
.page-header {
|
background-color: white;
|
}
|
</style>
|
