riku
2024-10-15 e38ea524ec4107ed7f8b1d7491a4177632dd3402
src/views/fysp/task/TaskManage.vue
@@ -3,7 +3,6 @@
    <template #header>
      <FYSearchBar @search="search">
        <template #options>
          <!-- 区县 -->
          <FYOptionLocation
            :allOption="true"
            :level="3"
@@ -11,13 +10,14 @@
            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
@@ -33,35 +33,42 @@
      >
        <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) {
    // 在渲染该组件的对应路由被验证前调用
@@ -73,7 +80,7 @@
      }
    });
  },
  components: { CompMonitorObj, CompMonitorPlan },
  components: { CompMonitorObj, CompMonitorPlan, CompDayTask },
  data() {
    return {
      formSearch: {
@@ -104,7 +111,11 @@
        //   name: '场景调整',
        //   color: 'warning'
        // }
      ]
      ],
      // 子任务编辑弹出框
      subTaskDrawer: false,
      // 当前选择的日任务
      curDayTask: {}
    };
  },
  computed: {
@@ -182,14 +193,18 @@
        }
      });
    },
    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() {