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

riku

2025-07-18 803b93038ca16e21ea60a260ca4ac882b84a87ef

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

@@ -1,21 +1,45 @@
<template>
  <div class="monitor-obj-wrapper">
    <el-affix v-if="affix" :offset="60" target=".monitor-obj-wrapper">
      <div>
        <el-segmented
      <el-scrollbar class="p-b-8" always>
        <!-- <el-segmented
          :model-value="activeName"
          :options="activeTabs"
          @change="tabChange"
        />
      </div>
        /> -->
        <el-tabs v-model="activeName" @tab-change="tabChange">
          <el-tab-pane
            v-for="item in activeTabs"
            :key="item"
            :label="item"
            :name="item"
          ></el-tab-pane>
        </el-tabs>
      </el-scrollbar>
    </el-affix>
    <div v-else>
      <el-segmented
    <el-scrollbar class="" always v-else>
      <!-- <el-segmented
        :model-value="activeName"
        :options="activeTabs"
        @change="tabChange"
      />
    </div>
      /> -->
      <el-tabs v-model="activeName" @tab-change="tabChange">
        <el-tab-pane
          v-for="item in activeTabs"
          :key="item"
          :label="item"
          :name="item"
        ></el-tab-pane>
      </el-tabs>
    </el-scrollbar>
    <el-space size="large">
      <el-tag type="info"> 总数：{{ activeData.length }} </el-tag>
      <el-checkbox-group v-model="checkList">
        <el-checkbox label="未监管" :value="0" />
        <el-checkbox label="已监管" :value="1" />
        <el-checkbox label="已复核" :value="2" />
      </el-checkbox-group>
    </el-space>
    <el-scrollbar :height="height">
      <el-space wrap>
        <ItemMonitorObj v-for="obj in activeData" :key="obj.movid" :item="obj">
@@ -60,7 +84,7 @@
    },
    btnType: {
      type: String,
      default: 'danger'
      default: 'default'
    },
    // 头部选项是否吸顶
    affix: Boolean,
@@ -70,16 +94,34 @@
  data() {
    return {
      activeName: defaultTabName,
      tabs: []
      tabs: [],
      checkList: [0, 1, 2]
    };
  },
  computed: {
    activeData() {
      const list = this.data.filter((v) => {
        return (
          this.activeName == defaultTabName || v.sceneType == this.activeName
        );
        // return this.tabName == defaultTabName || v.sceneType == this.tabName;
        // 筛选当前选择的标签页对应的场景类型
        const b1 =
          this.activeName == defaultTabName || v.sceneType == this.activeName;

        // 计算场景的监管状态
        let status;
        if (v.extension1 == undefined || null) {
          // 未监管
          status = 0;
        } else {
          const num = parseInt(v.extension1);
          if (num >= 2) {
            // 已复核
            status = 2;
          } else {
            // 已监管（1次）
            status = num;
          }
        }
        const b2 = this.checkList.indexOf(status) != -1;
        return b1 && b2;
      });
      this.$emit('update:showData', list);
      return list;