月球大数据地理空间分析展示平台-【前端】-月球2期前端
Surpriseplus
2023-08-28 6f2fb62fe828bdd74b0cd59b9cbdf6c83559c1b4
src/views/layer/layerManage.vue
@@ -97,6 +97,7 @@
  defineProps,
  defineEmits,
  nextTick,
  watch,
} from "vue";
import layerSet from "./layerSet";
import attributeList from "./attributeList";
@@ -109,7 +110,7 @@
const stretchValue = ref("");
let estreeRef = ref();
const setLayer = ref();
const transparence = ref(0);
var treeData = ref([]);
var layerListData = ref([]);
@@ -147,12 +148,17 @@
  let isCheck = checked.checkedKeys.indexOf(data.id) > -1;
  // this.setVisiable(data, isCheck);
  let son = estreeRef.value.getCheckedNodes();
  let son = estreeRef.value.getCheckedNodes().reverse();
  server.delLayerAll();
  for (var i in son) {
    var layerArr = son[i];
    layerArr.checked = true;
    server.addTreeData(layerArr);
  }
  store.commit("SET_CHECKLAYER", son);
  setVisiable(data, isCheck);
  // setVisiable(data, isCheck);
  // server.addLayer(layerArr, isCheck);
  //
};
const setVisiable = (treeNode, checked) => {
  if (checked !== undefined) {
@@ -250,6 +256,8 @@
};
const getLayer = async () => {
  store.state.restLayer = false;
  server.delLayerAll();
  const dt = await perms_selectLayers();
  if (dt.code == 200) {
    treeData.value = setTreeData(dt.result).sort(function (a, b) {
@@ -300,8 +308,19 @@
    return father.pid == 0; // 返回一级菜单
  });
}
watch(
  () => store.state.restLayer,
  (nVal, oVal) => {
    if (nVal) {
      getLayer();
    }
  },
  { deep: true }
);
getLayer();
onMounted(() => {});
onMounted(() => {
  window.setLayer = getLayer;
});
</script>
<style lang="less" scoped>
@@ -310,6 +329,7 @@
  height: 680px;
  background: rgba(7, 8, 14, 0.8);
  box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
  z-index: 40;
  .layerTitle {
    width: calc(100% - 27px);
    height: 42px;