综合展示分析

Surpriseplus

2022-12-13 950c7bf191b173b45eedd08fd2d576bb093186ca

 src/components/MapView/mapSpaceTop.vue

@@ -1,23 +1,22 @@
<template>
  <div class="spaceBox">
    <el-select v-model="menuTopFrom.queryLayer" placeholder="请选择...">
      <el-option
        :value="menuTopFrom.queryLayer"
        style="overflow: auto; height: 100%"
      >
        <el-tree
          :data="layerData"
          :props="defaultProps"
          :show-checkbox="true"
          :check-on-click-node="true"
          :check-strictly="true"
          node-key="id"
          @check="menuTreeCheck"
          ref="treeForm"
          :default-expanded-keys="[1]"
          accordion
        >
        </el-tree>
      <el-option :value="menuTopFrom.queryLayer" style="height: 100%">
        <div style="height: 200px; overflow: auto">
          <el-tree
            :data="layerData"
            :props="defaultProps"
            :show-checkbox="true"
            :check-on-click-node="true"
            :check-strictly="true"
            node-key="id"
            @check="menuTreeCheck"
            ref="treeForm"
            :default-expanded-keys="[1]"
            accordion
          >
          </el-tree>
        </div>
        <div style="margin-top: 5px">
          <el-button size="mini" plain @click="getCheckedNodes">确认</el-button>
          <el-button size="mini" type="info" plain @click="resetCheckedNodes"
@@ -40,12 +39,14 @@
      layerData: [
        {
          id: 1,
          label: '基础数据',
          tabDesc: '基础数据',
          value: 'BD',
          children: [],
        },
        {
          id: 2,
          label: '基础数据',
          tabDesc: '业务数据',
          value: 'BS',
          children: [],
@@ -53,7 +54,7 @@
      ],
      defaultProps: {
        children: 'children',
        label: 'tabDesc',
        label: 'label',
      },
      mapSpaceQueryLayer: null,
    };
@@ -72,6 +73,7 @@
      for (var i in option) {
        var val_Data = option[i];
        val_Data.id = '1' + i;
        val_Data.label = val_Data.tabDesc + '(' + val_Data.tab + ')';
        if (option[i].ns == 'bd') {
          this.layerData[0].children.push(val_Data);
        } else {
@@ -113,11 +115,28 @@
  overflow: hidden;
}
</style>
<style lang="less">
<style lang="less" scoped>
.el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner {
  display: inline-block;
}
.el-tree .el-tree-node .el-checkbox .el-checkbox__inner {
  display: none;
}

/deep/.el-form-item__label {
  color: white;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff !important;
  border: 1px solid;
}

/deep/ .el-input__inner {
  border-color: #fff !important;
}
/deep/.el-select-dropdown {
  border-color: white;
  opacity: 0.85;
}
</style>