| | |
| | | <template #header> |
| | | <FYSearchBar @search="search"> |
| | | <template #options> |
| | | <!-- 区县 --> |
| | | <FYOptionLocation |
| | | :allOption="true" |
| | | :level="3" |
| | |
| | | v-model:value="formSearch.locations" |
| | | ></FYOptionLocation> |
| | | </template> |
| | | <!-- <template #buttons> |
| | | <slot name="buttons"></slot> |
| | | </template> --> |
| | | </FYSearchBar> |
| | | </template> |
| | | <template #aside> |
| | | <SideList :items="tasks" :loading="sideLoading" @item-click="chooseTask"></SideList> |
| | | <SideList |
| | | :items="tasks" |
| | | :loading="sideLoading" |
| | | @item-click="chooseTask" |
| | | ></SideList> |
| | | </template> |
| | | <template #main> |
| | | <ToolBar |
| | |
| | | > |
| | | <el-row justify="space-between"> |
| | | <div><el-text>监管计划</el-text></div> |
| | | <el-button type="warning" size="small" @click="editPlan">计划调整</el-button> |
| | | <CompMonitorPlan :task="curTask.data"></CompMonitorPlan> |
| | | <el-button type="warning" size="small" @click="editPlan" |
| | | >计划调整</el-button |
| | | > |
| | | <CompMonitorPlan |
| | | :task="curTask.data" |
| | | @date-change="onDateChange" |
| | | ></CompMonitorPlan> |
| | | </el-row> |
| | | <el-divider></el-divider> |
| | | <el-row justify="space-between"> |
| | | <div><el-text>监管场景</el-text></div> |
| | | <el-button type="warning" size="small" @click="editTask">场景调整</el-button> |
| | | <el-button type="warning" size="small" @click="editTask" |
| | | >场景调整</el-button |
| | | > |
| | | </el-row> |
| | | <CompMonitorObj :data="curMonitorObjList"></CompMonitorObj> |
| | | <!-- <div><el-text>监管场景</el-text></div> |
| | | <div> |
| | | <el-space wrap> |
| | | <ItemMonitorObj |
| | | v-for="item in curMonitorObjList" |
| | | :key="item.movid" |
| | | :item="item" |
| | | ></ItemMonitorObj> |
| | | </el-space> |
| | | </div> --> |
| | | </el-scrollbar> |
| | | <el-empty v-else description="暂无记录" v-loading="mainLoading" /> |
| | | </template> |
| | | </BaseContentLayout> |
| | | <el-drawer |
| | | v-model="subTaskDrawer" |
| | | title="单日计划" |
| | | direction="btt" |
| | | size="80%" |
| | | destroy-on-close |
| | | > |
| | | <CompDayTask :day-task="curDayTask"></CompDayTask> |
| | | </el-drawer> |
| | | </template> |
| | | |
| | | <script> |
| | | import taskApi from '@/api/fysp/taskApi'; |
| | | import CompMonitorObj from './components/CompMonitorObj.vue'; |
| | | import CompMonitorPlan from './components/CompMonitorPlan.vue'; |
| | | import CompDayTask from './components/CompDayTask.vue'; |
| | | export default { |
| | | beforeRouteEnter(to, from, next) { |
| | | // 在渲染该组件的对应路由被验证前调用 |
| | |
| | | } |
| | | }); |
| | | }, |
| | | components: { CompMonitorObj, CompMonitorPlan }, |
| | | components: { CompMonitorObj, CompMonitorPlan, CompDayTask }, |
| | | data() { |
| | | return { |
| | | formSearch: { |
| | |
| | | // name: '场景调整', |
| | | // color: 'warning' |
| | | // } |
| | | ] |
| | | ], |
| | | // 子任务编辑弹出框 |
| | | subTaskDrawer: false, |
| | | // 当前选择的日任务 |
| | | curDayTask: {} |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | editPlan(){ |
| | | editPlan() { |
| | | this.$router.push({ |
| | | name: 'monitorPlanEdit', |
| | | query: { |
| | | data: encodeURIComponent(JSON.stringify(this.curMonitorObjList)), |
| | | task: encodeURIComponent(JSON.stringify(this.curTask.data)), |
| | | task: encodeURIComponent(JSON.stringify(this.curTask.data)) |
| | | } |
| | | }); |
| | | }, |
| | | onDateChange(dayTask) { |
| | | this.subTaskDrawer = true; |
| | | this.curDayTask = dayTask; |
| | | } |
| | | }, |
| | | mounted() { |