<template>
|
<!-- <el-affix :offset="60" target=".el-main"> -->
|
<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="handleSaveClick"
|
>保存修改</el-button
|
>
|
</div>
|
</template>
|
</el-page-header>
|
<el-divider />
|
</div>
|
<!-- </el-affix> -->
|
<CompMonitorObjEdit
|
ref="objEditRef"
|
:task="task"
|
:objList="curMonitorObjList"
|
@upload-success="goBack"
|
></CompMonitorObjEdit>
|
</template>
|
|
<script setup>
|
import { ref, computed, onMounted } from 'vue';
|
import CompMonitorObjEdit from './components/CompMonitorObjEdit.vue';
|
import { useRoute, useRouter } from 'vue-router';
|
|
const route = useRoute();
|
const router = useRouter();
|
|
const objEditRef = ref(null);
|
const curMonitorObjList = ref([]);
|
const task = ref({});
|
|
const isEdit = computed(() => {
|
return objEditRef.value ? objEditRef.value.isEdit : false;
|
});
|
|
function handleSaveClick() {
|
objEditRef.value.saveEdit();
|
}
|
|
function goBack() {
|
router.back();
|
}
|
|
onMounted(() => {
|
// 监管场景信息
|
// curMonitorObjList.value = JSON.parse(decodeURIComponent(route.query.data));
|
// 总任务
|
task.value = JSON.parse(decodeURIComponent(route.query.task));
|
// 监管场景信息
|
curMonitorObjList.value = JSON.parse(
|
decodeURIComponent(route.query.data)
|
);
|
});
|
</script>
|
|
<style scoped>
|
.page-header {
|
background-color: white;
|
padding: 10px 0;
|
/* border-bottom: 1px solid var(--el-color-info-light-7); */
|
}
|
</style>
|
