管道基础大数据平台系统开发-【前端】-新系統界面
src/components/MapView/mapPickUpPop.vue
@@ -1,16 +1,6 @@
<template>
  <div class="menuPop">
    <div class="leftBox">
      <ul>
        <li
          v-for="(item, index) in option"
          @click="setTableChange(item)"
          class="leftBoxLi"
        >
          {{ item.cnName }}
        </li>
      </ul>
    </div>
    <div class="rightBox">
      <div class="tableBox">
        <el-table
@@ -45,6 +35,7 @@
  dataQuery_selectByPage,
  inquiry_selectDomains,
  inquiry_selectFields,
  dataQuery_selectByGid,
  dataQuerySelectWktById,
  sign_getPublicKey,
  dataLib_selectDownloadFile,
@@ -60,23 +51,22 @@
export default {
  data() {
    return {
      option:null,
      option: null,
      tableData: [],
      attributeData:[],
      queryForm:{
        pageIndex:1,
        pageSize:10,
      attributeData: [],
      queryForm: {
        pageIndex: 1,
        pageSize: 10,
      },
      pageCount:0,
      pickupInfo:null,
      optionx:[],
      wkt:null,
      pageCount: 0,
      pickupInfo: null,
      optionx: [],
      wkt: null,
    }
  },
  methods: {
    async getTableDateHidder() {
      let name = this.pickupInfo.url.replaceAll("LF:","");
      name = name.replaceAll("_","");
      var name = this.$store.state.pickoption.name;
      const data = await inquiry_selectFields({ name: name })
      if (data.code != 200) {
        this.$message.error("列表调用失败")
@@ -114,45 +104,32 @@
    },
    async getTableData() {
      this.tableData = []
      let name = this.pickupInfo.url.replaceAll("LF:","");
      name = name.replaceAll("_","");
      let info = this.$store.state.pickUpPointInfo;
      let params = {
        buffer:10,
        limit:20,
        name:name,
        wkt:`POINT (${info.lon} ${info.lat})`,
      }
      const data = await selectByBuffer(params)
      const data = await dataQuery_selectByGid(this.$store.state.pickoption)
      if (data.code != 200) {
        this.$message.error("列表调用失败")
        return
      }
      var valste = data.result
      var val_Data = data.result
      for (var i in val_Data) {
        var valste = val_Data[i]
        for (var j in this.optionx) {
          if (
            this.optionx[j].domainNa != null &&
            this.optionx[j].domainNa != undefined
          ) {
            valste[this.optionx[j].field] = this.optionx[j].domainNa
          }
      for (var j in this.optionx) {
        if (
          this.optionx[j].domainNa != null &&
          this.optionx[j].domainNa != undefined
        ) {
          valste[this.optionx[j].field] = this.optionx[j].domainNa
        }
      }
      this.pageCount = data.count
      this.tableData = data.result
      this.tableData = [valste]
    },
  },
  mounted() {
    this.option = JSON.parse(sessionStorage.getItem("checkedLayers"));
    this.pickupInfo = this.option.length > 0 ? this.option[0] : {};
    this.getTableDateHidder();
    this.$bus.$on("treeChanged", changed => {
      if (changed){
        this.option = JSON.parse(sessionStorage.getItem("checkedLayers"));
      }
    })
  },
}
</script>
@@ -191,7 +168,7 @@
  }
  .rightBox {
    width: calc(80% - 1px);
    width: calc(100% - 1px);
    height: 100%;
    float: left;
    .rightTitle {
@@ -200,8 +177,8 @@
      width: 100%;
    }
    .tableBox {
      position: relative;
      height: 89%;
      position: rela0ive;
      height: 100%;
    }
    .rightPage {
      margin-left: 50px;