管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-05-11 63be6c3a6e0308812cb9f0ab26a15aff293200a0
src/components/MapView/mapSpaceTop.vue
@@ -2,16 +2,25 @@
  <div class="spaceBox">
    <el-select
      v-model="menuTopFrom.queryLayer"
      @change="menuTreeCheck"
      placeholder="请选择..."
      placeholder="请选择数据..."
      filterable
      ref="selectTree1"
    >
      <el-option
        v-for="item in layerData"
        :key="item.entity"
        :label="item.tabDesc"
        :value="item.entity"
        :value="menuTopFrom.queryLayer"
        style="height: 100%"
      >
        <div style="height: 200px; overflow: auto">
          <el-tree
            :data="layerData"
            node-key="id"
            ref="tree"
            @node-click="handleNodeClick"
            highlight-current
            :props="defaultProps"
          >
          </el-tree>
        </div>
      </el-option>
    </el-select>
    <!-- <el-select
@@ -58,7 +67,10 @@
<script>
import queryinfo from "../../views/Tools/queryinfo.vue";
import { inquiry_SelectTabs, dataLib_selectTabs } from "../../api/api.js";
import { inquiry_SelectTabs, dataLib_selectTabed } from "../../api/api.js";
import {
  getTreeData
} from "../../utils/treeData.js"
export default {
  components: { queryinfo },
  data() {
@@ -67,21 +79,9 @@
        queryLayer: "",
      },
      layerData: [
        // {
        //   id: 1,
        //   label: '基础数据',
        //   tabDesc: '基础数据',
        //   value: 'BD',
        //   children: [],
        // },
        // {
        //   id: 2,
        //   label: '业务数据',
        //   tabDesc: '业务数据',
        //   value: 'BS',
        //   children: [],
        // },
      ],
      defaultProps: {
        children: "children",
        label: "label",
@@ -95,33 +95,29 @@
  methods: {
    async getAllTable() {
      // const data = await inquiry_SelectTabs();
      const data = await dataLib_selectTabs({
        pageIndex: 1,
        pageSize: 500,
      const data = await dataLib_selectTabed({
        hasGeom: "false",
        name: null,
      });
      if (data.code != 200) {
        this.$message.error("列表调用失败");
      }
      var option = data.result;
      this.layerData = option.filter((res) => {
        if (res.rows != 0) {
          return res;
        }
      });
      this.layerData = getTreeData(option)
      // = option.filter((res) => {
      //   return res;
      // });
    },
    handleNodeClick(data) {
      if (data.children) return;
      this.menuTopFrom.queryLayer = data.tabDesc
      this.$refs.selectTree1.blur();
      this.mapSpaceQueryLayer = data.entity;
      this.$store.state.propertiesName = data;
      this.getCheckedNodes();
      // for (var i in option) {
      //   // console.log(option[i].tableType)
      //   var val_Data = option[i];
      //   val_Data.id = '1' + i;
      //   val_Data.label = val_Data.tabDesc;
      //   if (option[i].ns == 'bd') {
      //     this.layerData[0].children.push(val_Data);
      //   } else {
      //     this.layerData[1].children.push(val_Data);
      //   }
      // }
    },
    getCheckedNodes() {
      this.$store.state.mapSpaceQueryLayer = this.mapSpaceQueryLayer;
@@ -149,7 +145,11 @@
    },
    menuTreeCheck(value) {
      this.mapSpaceQueryLayer = value;
      this.layerData.forEach(item => {
        if (this.menuTopFrom.queryLayer == item.entity) {
          this.$store.state.propertiesName = item;
        }
      })
      this.getCheckedNodes();
    },
  },