2025.7.21 任务管理-监管地图功能（待完成）

feiyu02

2025-07-21 5be9679fb4288936b576cf3d1f1548af1c4151b8

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

@@ -1,10 +1,19 @@
<template>
  <div style="width: 70vw; height: 600px; background-color: aliceblue">
    <SceneMap :data="scenes"></SceneMap>
  <div style="width: 68vw; height: 600px; background-color: aliceblue">
    <SceneMap :data="scenes">
      <template #left-top>
        <FYOptionSupervisionStatus
          label=""
          :allOption="true"
          v-model:value="supervisionStatus"
        ></FYOptionSupervisionStatus>
      </template>
    </SceneMap>
  </div>
</template>
<script setup>
import { computed } from 'vue';
import { ref, computed } from 'vue';

const props = defineProps({
  // 场景计划
  plans: {
@@ -17,9 +26,37 @@
  }
});

const supervisionStatus = ref();

const scenes = computed(() => {
  return props.plans.map((p) => {
    return p.scene;
  });
  return props.plans
    .filter((v) => {
      if (supervisionStatus.value) {
        switch (supervisionStatus.value.value) {
          case '0':
            return (
              v.extension1 == undefined ||
              v.extension1 == null ||
              v.extension1 == '0'
            );
          case '1':
            return v.extension1 == '1';
          case '2':
            return v.extension1 == '2';
          default:
            return true;
        }
      } else {
        return true
      }
      // if (supervisionStatus.value) {
      //   supervisionStatus.value;
      // } else {
      //   return true;
      // }
    })
    .map((p) => {
      return p.scene;
    });
});
</script>