数据管理样式修改

Surpriseplus

2023-02-09 731d894cf232d98b547df2bd006795de74fb16a7

 src/components/MapView/mapMenuTop.vue

@@ -29,12 +29,12 @@
            </div>
            <div style="margin-top: 5px">
              <el-button
                size="mini"
                size="small"
                plain
                @click="getCheckedNodes"
              >确认</el-button>
              <el-button
                size="mini"
                size="small"
                type="info"
                plain
                @click="resetCheckedNodes"
@@ -43,7 +43,7 @@
          </el-option>
        </el-select>
      </el-form-item>

 
      <el-form-item>
        <el-select
          @change="changeValue($event)"
@@ -77,10 +77,12 @@
      <el-form-item>
        <el-button
          plain
          size="small"
          @click="getAttributeQuery"
        >查询</el-button>
        <el-button
          type="info"
          size="small"
          @click="clearQuery"
          plain
        >重置</el-button>
@@ -89,7 +91,7 @@
    <queryinfo ref="queryinfo" />
  </div>
</template>

 
<script>
import queryinfo from "../../views/Tools/queryinfo.vue"
import $ from 'jquery';
@@ -120,7 +122,7 @@
          children: [],
        },
      ],

 
      queryOption: [
        {
          value: 'point',
@@ -154,10 +156,10 @@
      graphicLayer: null,
    };
  },

 
  mounted() {
    // sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });

 
    this.menuTopFrom.queryType = 'rectangle';
    this.getAllTable();
  },
@@ -177,11 +179,11 @@
        this.$message.error('列表调用失败');
      }
      var option = data.result;

 
      for (var i in option) {
        var val_Data = option[i];
        val_Data.id = '1' + i;
        val_Data.label = val_Data.tabDesc + '(' + val_Data.tab + ')';
        val_Data.label = val_Data.tabDesc  ;
        if (option[i].ns == 'bd') {
          this.layerData[0].children.push(val_Data);
        } else {
@@ -193,7 +195,7 @@
    getCheckedNodes() {
      var valTree = this.$refs.tree.getCheckedNodes();
      if (valTree.length == 0) return;

 
      this.menuTopFrom.queryLayer = valTree[0].tabDesc;
      for (var i = 0; i < valTree.length; i++) {
        this.treeChange.push(valTree[i]);
@@ -204,6 +206,7 @@
      this.treeChange = [];
      this.menuTopFrom.queryLayer = null;
      this.$refs.tree.setCheckedKeys([]);
 
    },
    //导入shp文件
    async setMenuTopFile() {
@@ -221,7 +224,11 @@
        }
      }
      if (count != 4) {
        alert('ShapeFile文件选择不全！');
 
        this.$message({
          message: 'ShapeFile文件选择不全！',
          type: 'warning'
        });
        return;
      }
      $.ajax(BASE_URL + '/inquiry/uploadShp?token=' + getToken(), {
@@ -251,7 +258,7 @@
      //清空标绘
      sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });
      sgworld.Creator.SimpleGraphic.clear();

 
      if (this.treeChange.length == 0) {
        this.$message.error('请选择要查询的数据');
        return;
@@ -281,7 +288,7 @@
          break;
        case 'polyline': //线
          var polyline = res.polyline.positions.getValue();

 
          that.setTurfPolyOrLine(polyline, 'polyline');
          break;
        case 'rectangle': //矩形
@@ -292,7 +299,7 @@
            rectangle.height
          );
          that.setTurfPolyOrLine(result, 'rectangle');

 
          break;
        case 'circle': //圆
          var val = that.setCartesianToEightFour(res.position.getValue());
@@ -335,7 +342,7 @@
      }
      this.setJonToWKT(restVal);
    },

 
    setJonToWKT(res) {
      console.log(res.geometry)
      var jsonToWkt = this.$wkt.convert(res.geometry);
@@ -349,12 +356,12 @@
      // this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close();
      this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("空间查询", null, {
        close: () => {

         if (this.$store.state.primitLayer != null) {
 
          if (this.$store.state.primitLayer != null) {
            sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
            this.$store.state.primitLayer = null;
          }

 
          if (window.Viewer.scene.primitives.length != 0) {
            window.Viewer.scene.primitives.removeAll()
          }
@@ -362,7 +369,7 @@
      });
      this.$bus.$emit('changeMapMenuTop', 'true');
      sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });
      sgworld.Creator.SimpleGraphic.clear();
     // sgworld.Creator.SimpleGraphic.clear();
      //清空inputFile
      // var file = document.getElementById('getMenuTopFile');
      // file.outerHTML = file.outerHTML;
@@ -374,7 +381,22 @@
      this.menuTopFrom.queryLayer = null;
      this.menuTopFrom.queryType = 'rectangle';
      this.$refs.tree.setCheckedKeys([]);
      sgworld.Creator.SimpleGraphic.clear();
      
      
      // //清除对象
      // if (window.Viewer.scene.primitives.length != null) {
      //   window.Viewer.scene.primitives.removeAll();
      // }
      // if (this.$store.state.primitLayer != null) {
      //   sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
      //   this.$store.state.primitLayer = null;
      // }
      //关闭窗口
      this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo");
      
      
      
     
    },
    setCartesianToEightFour(res) {
      var std = {};
@@ -388,7 +410,7 @@
  },
};
</script>

 
<style lang="less" scoped>
.menuBox {
  width: 98%;
@@ -404,12 +426,5 @@
  padding: 4px 20px;
  font-weight: 400;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid;
}
/deep/ .el-select .el-input__inner {
  border-color: #fff !important;
}
 
</style>