月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-06-16 ffb95c5b73c2bf11cd66b3c05955833397dc553b
src/views/layer/layerManage.vue
@@ -7,7 +7,7 @@
        </div>
        <div class="titleLable">图层管理</div>
      </div>
      <div class="titleImg">
      <div class="titleImg set" @click="layerSetBox">
        <Setting />
      </div>
    </div>
@@ -72,6 +72,7 @@
      </div>
    </div>
  </div>
  <layer-set v-show="layerSetIsshow" @SETstate="SETstate"></layer-set>
</template>
<script lang="ts" setup>
@@ -83,6 +84,7 @@
  defineProps,
  defineEmits,
} from "vue";
import layerSet from "./layerSet";
const stretchValue = ref("");
const stretchOptions = [
@@ -128,10 +130,8 @@
    layerState: false,
  },
]);
const activeNames = ref(false);
const handleChange = (val: string[]) => {
  console.log(val);
};
const layerSetIsshow = ref(false);
const handlCheckAllChange = (res) => {};
const handlIsShow = (res: string) => {
  menuOption.forEach((e) => {
@@ -139,6 +139,14 @@
      e.isShow = !e.isShow;
    }
  });
};
//图层设置弹框
const layerSetBox = () => {
  layerSetIsshow.value = !layerSetIsshow.value;
};
//关闭状态
const SETstate = (res) => {
  layerSetIsshow.value = res;
};
</script>
@@ -177,6 +185,9 @@
      align-items: center;
      color: rgba(104, 156, 255, 1);
    }
    .set {
      cursor: pointer;
    }
  }
  .layerContent {
    padding: 0 8px;