管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-05-22 ff5731b6a22c9f2451dc8065d2fa32153bdd4a1a
src/components/MapView/mapSpaceTop.vue
@@ -3,15 +3,25 @@
    <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
@@ -59,6 +69,9 @@
<script>
import queryinfo from "../../views/Tools/queryinfo.vue";
import { inquiry_SelectTabs, dataLib_selectTabed } from "../../api/api.js";
import {
  getTreeData
} from "../../utils/treeData.js"
export default {
  components: { queryinfo },
  data() {
@@ -67,20 +80,7 @@
        queryLayer: "",
      },
      layerData: [
        // {
        //   id: 1,
        //   label: '基础数据',
        //   tabDesc: '基础数据',
        //   value: 'BD',
        //   children: [],
        // },
        // {
        //   id: 2,
        //   label: '业务数据',
        //   tabDesc: '业务数据',
        //   value: 'BS',
        //   children: [],
        // },
      ],
      defaultProps: {
        children: "children",
@@ -93,6 +93,15 @@
    this.getAllTable();
  },
  methods: {
    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();
    },
    async getAllTable() {
      // const data = await inquiry_SelectTabs();
      const data = await dataLib_selectTabed({
@@ -104,11 +113,14 @@
        this.$message.error("列表调用失败");
      }
      var option = data.result;
      this.layerData = option.filter((res) => {
      this.layerData = getTreeData(option)
      // var option = data.result;
      // this.layerData = option.filter((res) => {
        return res;
      //   return res;
      });
      // });
      // this.layerData = getTreeData(option)
      // var val = data.result
      // var std = [];
      // val.filter((item) => {