| | |
| | | </div> |
| | | <div class="titleLable">图层管理</div> |
| | | </div> |
| | | <div class="titleImg"> |
| | | <div class="titleImg set" @click="layerSetBox"> |
| | | <Setting /> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <layer-set v-show="layerSetIsshow" @SETstate="SETstate"></layer-set> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | |
| | | defineProps, |
| | | defineEmits, |
| | | } from "vue"; |
| | | import layerSet from "./layerSet"; |
| | | const stretchValue = ref(""); |
| | | |
| | | const stretchOptions = [ |
| | |
| | | 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) => { |
| | |
| | | e.isShow = !e.isShow; |
| | | } |
| | | }); |
| | | }; |
| | | //图层设置弹框 |
| | | const layerSetBox = () => { |
| | | layerSetIsshow.value = !layerSetIsshow.value; |
| | | }; |
| | | //关闭状态 |
| | | const SETstate = (res) => { |
| | | layerSetIsshow.value = res; |
| | | }; |
| | | </script> |
| | | |
| | |
| | | align-items: center; |
| | | color: rgba(104, 156, 255, 1); |
| | | } |
| | | .set { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .layerContent { |
| | | padding: 0 8px; |