空间查询列表细化，工点表添加挂接信息界面

Surpriseplus

2023-03-03 985b26624b69ad91b9e3a723c19bd4bbf1a36250

 src/components/MapView/mapMenuTop.vue

@@ -1,6 +1,10 @@
<template>
  <div class="menuBox">
    <el-form :inline="true" :model="menuTopFrom" class="demo-form-inline">
    <el-form
      :inline="true"
      :model="menuTopFrom"
      class="demo-form-inline"
    >
      <el-form-item>
        <el-select
          v-model="menuTopFrom.queryLayer"
@@ -8,7 +12,10 @@
          placeholder="请选择..."
          :popper-append-to-body="false"
        >
          <el-option :value="menuTopFrom.queryLayer" style="height: 100%">
          <el-option
            :value="menuTopFrom.queryLayer"
            style="height: 100%"
          >
            <div style="height: 200px; overflow: auto">
              <el-tree
                :data="layerData"
@@ -22,16 +29,17 @@
              </el-tree>
            </div>
            <div style="margin-top: 5px">
              <el-button size="small" plain @click="getCheckedNodes"
                >确认</el-button
              >
              <el-button
                size="small"
                plain
                @click="getCheckedNodes"
              >确认</el-button>
              <el-button
                size="small"
                type="info"
                plain
                @click="resetCheckedNodes"
                >重置</el-button
              >
              >重置</el-button>
            </div>
          </el-option>
        </el-select>
@@ -70,12 +78,17 @@
      </el-form-item>

      <el-form-item>
        <el-button plain size="small" @click="getAttributeQuery"
          >查询</el-button
        >
        <el-button type="info" size="small" @click="clearQuery" plain
          >重置</el-button
        >
        <el-button
          plain
          size="small"
          @click="getAttributeQuery"
        >查询</el-button>
        <el-button
          type="info"
          size="small"
          @click="clearQuery"
          plain
        >重置</el-button>
      </el-form-item>
      <!-- <el-form-item>
        <el-button
@@ -104,7 +117,10 @@
      width="25%"
      @opened="dialogOpend"
    >
      <el-form :model="menuTopFrom" label-width="150px">
      <el-form
        :model="menuTopFrom"
        label-width="150px"
      >
        <el-form-item label="管道中心线">
          <el-select
            @change="changeSelect2"
@@ -144,9 +160,15 @@
          ></el-input-number>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="changeBufferData">确 定</el-button>
        <el-button
          type="primary"
          @click="changeBufferData"
        >确 定</el-button>
      </div>
    </el-dialog>
  </div>
@@ -178,20 +200,20 @@
      },
      treeChange: [],
      layerData: [
        {
          id: 1,
          label: "基础数据",
          tabDesc: "基础数据",
          value: "BD",
          children: [],
        },
        {
          id: 2,
          label: "业务数据",
          tabDesc: "业务数据",
          value: "BS",
          children: [],
        },
        // {
        //   id: 1,
        //   label: "基础数据",
        //   tabDesc: "基础数据",
        //   value: "BD",
        //   children: [],
        // },
        // {
        //   id: 2,
        //   label: "业务数据",
        //   tabDesc: "业务数据",
        //   value: "BS",
        //   children: [],
        // },
      ],

      queryOption: [
@@ -272,21 +294,50 @@
      if (data.code != 200) {
        this.$message.error("列表调用失败")
      }
      var option = data.result.filter(res => {

      var val = data.result.filter(res => {
        if (res.rows != 0) {
          return res
        }
      })
      for (var i in option) {
        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)

      var std = [];
      val.filter((item) => {
        if (std.indexOf(item.bak) == -1) {
          std.push(item.bak);
          this.layerData.push(
            {
              val: item.bak,
              label: item.tabDesc,
              children: [],
            }
          )
        }
      }
      });

      this.layerData.filter((item) => {
        val.filter((res) => {
          if (item.val === res.bak) {
            res.label = res.tabDesc
            item.children.push(res)
          }
        })
      })





      // for (var i in option) {
      //   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() {