2025.7.18 监管任务模块 1. 监管场景样式优化； 2. 新增监管场景GIS地图展示（待完成）；

riku

2025-07-18 803b93038ca16e21ea60a260ca4ac882b84a87ef

 src/views/fysp/task/components/CompMonitorObjEdit.vue

@@ -10,7 +10,7 @@
      </div>
      <el-divider />
      <CompMonitorObj
        height="68vh"
        height="62vh"
        :data="curMonitorObjList"
        show-btn
        v-model:tabName="curSceneType"
@@ -21,14 +21,22 @@
      </CompMonitorObj>
    </el-col>
    <el-col :span="8">
      <el-affix :offset="140">
      <!-- <el-affix :offset="140"> -->
        <div>
          <el-text>可选场景</el-text>
        </div>
        <el-divider />
        <div>
          <el-segmented v-model="curSceneType" :options="sceneTypeOptions" />
        </div>
        <el-scrollbar class="scrollbar-flex-content" always >
          <!-- <el-segmented v-model="curSceneType" :options="sceneTypeOptions" /> -->
          <el-tabs v-model="curSceneType">
            <el-tab-pane
              v-for="item in sceneTypeOptions"
              :key="item"
              :label="item"
              :name="item"
            ></el-tab-pane>
          </el-tabs>
        </el-scrollbar>
        <FYInfoSearch
          placeholder="请输入场景名称关键字"
          :data="showSceneList"
@@ -56,7 +64,7 @@
            </ItemScene>
          </template>
        </FYInfoSearch>
      </el-affix>
      <!-- </el-affix> -->
    </el-col>
  </el-row>

@@ -245,7 +253,7 @@
      const total = this.curMonitorObjList.length;
      const map = new Map();
      this.curMonitorObjList.forEach((e) => {
        const d = e.scene
        const d = e.scene;
        if (!map.has(d.type)) {
          map.set(d.type, { num: 0 });
        }
@@ -274,7 +282,13 @@
      });
    },
    deleteMov(item) {
      if (item.extension1) {
      if (
        !(
          item.extension1 == null ||
          item.extension1 == undefined ||
          item.extension1 == '0'
        )
      ) {
        ElMessage({
          message: '已监管场景无法移除',
          type: 'error'
@@ -448,4 +462,10 @@
};
</script>

<style scoped></style>
<style scoped>
.scrollbar-flex-content {
  display: flex;
  /* width: fit-content; */
  height: min-content;
}
</style>