代码更新

surprise

2024-05-07 087510aa88b0a6b6b5c648907e9dd52394621d47

 src/components/map/layerManager.vue

文件名从 src/components/layerManager.vue 修改
@@ -10,9 +10,9 @@
        <div class="titleLable">鍥惧眰绠＄悊</div>
      </div>
      <div class="titleImg set"
           title="鏂板缓婕旂ず鏂规"
           @click="setAddNewPlan">
        <Plus />
           @click="store.state.layerFlag = null"
           title="鍏抽棴">
        <CloseBold />
      </div>
    </div>
    <div class="layerContent">
@@ -60,10 +60,10 @@
  children?: Tree[];
}
const treeRef = ref<InstanceType<typeof ElTree>>();
import { MoreFilled, Setting, Plus } from "@element-plus/icons-vue";
import palyTools from "@/assets/js/palyTools";
import configTool from "@/assets/js/configTool";
import layerManager from "@/assets/js/layerManage";
import { MoreFilled, Setting, CloseBold } from "@element-plus/icons-vue";
import palyTools from "@/assets/js/tool/palyTools";
import configTool from "@/assets/js/tool/configTool";
import layerManager from "@/assets/js/map/layerManage";
import axios from "axios";
import store from "@/store";
const treeData = ref([]);
@@ -116,7 +116,8 @@
};

const setTreeStart = () => {
  axios.get("/data/json/SmartEarth.json").then((res) => {
  var url = config.jsonUrl + "SmartEarth.json";
  axios.get(url).then((res) => {
    setTreeDataStart(res.data);
  });
};
@@ -162,22 +163,22 @@

<style lang="less" scoped>
.layerBox {
  width: 359px;
  height: 680px;
  width: 300px;
  height: 600px;
  background: rgba(7, 8, 14, 0.8);
  box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
  z-index: 40;

  position: absolute;
  z-index: 40;
  top: 2%;
  left: 1%;
  z-index: 41;
  top: 150px;
  right: 1%;

  .layerTitle {
    width: calc(100% - 27px);
    height: 42px;
    background: #0e151f;
    box-shadow: 0px 0px 6px 0px #080c13,
      0px 14px 16px 0px rgba(38, 47, 71, 0.68);
    background: #30bcff;
    box-shadow: 0 2px 3px rgba(16, 133, 80, 0.5);
    border-bottom: 1px solid #20bc74;
    display: flex;
    justify-content: space-between;
    padding-left: 7px;
@@ -202,7 +203,7 @@
      height: 100%;
      display: flex;
      align-items: center;
      color: rgba(104, 156, 255, 1);
      color: #fff;
    }

    .set {
@@ -211,7 +212,7 @@
  }

  .layerContent {
    height: 625px;
    height: 525px;
    padding: 0 8px;
    overflow: auto;
    overflow-y: auto;
@@ -223,12 +224,12 @@

  .layerContent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
    background: rgba(35, 47, 42, 0.8);
  }

  .layerContent::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    background: rgba(35, 47, 42, 0.8);
  }

  .el-tree {