<template>
|
<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 { ref, computed } from 'vue';
|
|
const props = defineProps({
|
// 场景计划
|
plans: {
|
type: Array,
|
default: () => []
|
},
|
dayTasks: {
|
type: Array,
|
default: () => []
|
}
|
});
|
|
const supervisionStatus = ref();
|
|
const scenes = computed(() => {
|
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>
|
