北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2023-11-15 f263e0396359ac7686e68ce0e1a2e2ef6419906d
src/components/map/viewer1.vue
@@ -2,20 +2,13 @@
  <div>
    <div id="sdkContainer1" style="height: 100%"></div>
    <div class="listBox" v-show="!isLand">
      <ul>
        <li
          v-for="(item, index) in arr"
          :key="index"
          @click="changeLeftMap($event, item, index)"
        >
      <ul id="viewer1_lsyx">
        <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)">
          {{ item }}
        </li>
      </ul>
    </div>
    <layerTreeTwoScreenRight
      v-if="layerTreeTwoScreen"
      id="layerTreeTwoScreen111"
    />
    <layerTreeTwoScreenRight v-if="layerTreeTwoScreen" id="layerTreeTwoScreen111" />
    <div class="tdInfo" v-if="showTDinfo">
      <div class="tdInfo_close" @click="tdInfoClose">×</div>
      <p v-if="dikuanxinxi" class="noInfo">暂无该地块信息</p>
@@ -52,12 +45,7 @@
        <div v-else class="title">
          <li>
            企业
            <el-tooltip
              class="item"
              effect="dark"
              content="点击查看企业信息"
              placement="bottom"
            >
            <el-tooltip class="item" effect="dark" content="点击查看企业信息" placement="bottom">
              <a @click="showYZCQY"> {{ qysl }}</a>
            </el-tooltip>
            家
@@ -95,18 +83,10 @@
              :inline="true"
            >
              <el-form-item label="查询内容" prop="name">
                <el-input
                  v-model="queryForm.content"
                  placeholder="请输入查询内容"
                />
                <el-input v-model="queryForm.content" placeholder="请输入查询内容" />
              </el-form-item>
              <el-form-item>
                <el-button
                  @click="queryInfo('queryForm')"
                  icon="el-icon-search"
                  class="primary"
                  >查询</el-button
                >
                <el-button @click="queryInfo('queryForm')" icon="el-icon-search" class="primary">查询</el-button>
              </el-form-item>
            </el-form>
          </div>
@@ -148,12 +128,7 @@
            ></el-table-column> -->
            <el-table-column label="操作" width="80">
              <template slot-scope="scope">
                <el-button
                  @click="handleClick(scope.row)"
                  type="text"
                  size="small"
                  >详情</el-button
                >
                <el-button @click="handleClick(scope.row)" type="text" size="small">详情</el-button>
              </template>
            </el-table-column>
          </el-table>
@@ -198,7 +173,7 @@
  activeLi,
  nLayer,
  TDLayer,
  LWLayer;
  LWLayer1;
export default {
  name: "viewer1",
  components: { layerTreeTwoScreenRight },
@@ -244,7 +219,7 @@
      offset: "0%",
    };
  },
  created() {},
  created() { },
  computed: {
    ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
  },
@@ -265,6 +240,8 @@
            );
          }
        }, 2000);
      },
    },
    isLand(newvalue, oldvalue) {
@@ -279,6 +256,7 @@
        if (line1) {
          sgworld1.Creator.DeleteObject(line1);
        }
        this.initLSYX();
      } else {
        this.destroyImageLayer();
        if (!TDLayer) {
@@ -331,6 +309,9 @@
          if (this.isLand) {
            this.loadTDGLLayer();
          }
          else {
            this.initLSYX();
          }
          var p = {
            destination: sgworld.Navigate.getPosition(),
            orientation: {
@@ -370,6 +351,11 @@
    });
  },
  methods: {
    initLSYX() {
      let ul = document.getElementById("viewer1_lsyx");
      let lis = ul.getElementsByTagName('li');
      lis[9].click();
    },
    setImageComparison(isStart) {
      this.isImage = isStart;
      if (!this.isImage) {
@@ -385,9 +371,9 @@
        Viewer1.imageryLayers.remove(nLayer, true);
        nLayer = null;
      }
      if (LWLayer) {
        Viewer1.imageryLayers.remove(LWLayer, true);
        LWLayer = null;
      if (LWLayer1) {
        Viewer1.imageryLayers.remove(LWLayer1);
        LWLayer1 = undefined;
      }
    },
    changeLeftMap(event, item, index) {
@@ -406,11 +392,16 @@
        nLayer = null;
      }
      nLayer = this.loadBJ54ImageLayer(year);
      if (!LWLayer) {
        LWLayer = this.loadBJ54LWLayer();
      if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) {
        if(LWLayer1)
        {
          LWLayer1.destroy();
        }
        LWLayer1 = this.loadBJ54LWLayer1();
      }
    },
    loadBJ54LWLayer() {
    loadBJ54LWLayer1() {
      let url = "http://172.26.64.84/service/ImageEngine/picdis/abc";
      //let url = option.url;
      //let year = option.year;
@@ -478,6 +469,7 @@
        brightness: 1.0,
      });
      Viewer1.imageryLayers.add(imageLayer, 2);
      return imageLayer;
    },
    loadTDGLLayer() {
@@ -541,10 +533,10 @@
            axios
              .get(
                "http://10.10.4.115:8022/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" +
                  p.lon +
                  "&lat=" +
                  p.lat +
                  "&geom=true&requesttype=json"
                p.lon +
                "&lat=" +
                p.lat +
                "&geom=true&requesttype=json"
              )
              .then((response) => {
                let center = { lon: 0, lat: 0 };
@@ -589,7 +581,7 @@
                  axios
                    .get(
                      "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
                        response.data.NO
                      response.data.NO
                    )
                    .then(
                      (info) => {
@@ -625,10 +617,10 @@
                          }
                          try {
                            this.ydlx = data.yongdishuju["ydlxmc"];
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.cyfx = data.yongdishuju["cyfx"];
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            // this.crzt = response.data["ZT"];
                            switch (response.data["ZT"]) {
@@ -639,28 +631,28 @@
                                this.crzt = "未出让";
                                break;
                            }
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.ydmj = parseFloat(
                              "" + data.yongdishuju["ydmj"]
                            ).toFixed(0);
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.crnx = data.churangxinxi["crnx"];
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.crnf = data.churangxinxi["crnf"];
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.rjl = data.yongdishuju["rjl"];
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.jzxg = data.yongdishuju["jzxg"];
                          } catch (e) {}
                          } catch (e) { }
                          try {
                            this.jzmd = data.yongdishuju["jzmd"];
                          } catch (e) {}
                        } catch (e) {}
                          } catch (e) { }
                        } catch (e) { }
                      },
                      (info) => {
                        this.$notify.error({
@@ -744,8 +736,8 @@
    handleClick(row) {
      window.open(
        "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
          row["统一社会信用代码"] +
          "&systemName=中小微"
        row["统一社会信用代码"] +
        "&systemName=中小微"
      );
    },
    detectZoom() {
@@ -1263,7 +1255,7 @@
  box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38);
}
.aboutDialog >>> .el-dialog__body {
.aboutDialog>>>.el-dialog__body {
  height: 77%;
  padding: 0px !important;
  padding: 10px 10px 8px !important;
@@ -1278,28 +1270,28 @@
  background: transparent;
}
.aboutDialog >>> .el-dialog__title {
.aboutDialog>>>.el-dialog__title {
  color: #fff;
  font-size: 1.1rem;
}
.aboutDialog >>> .el-dialog__headerbtn .el-dialog__close {
.aboutDialog>>>.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
.aboutDialog >>> .el-dialog__headerbtn:hover .el-dialog__close {
.aboutDialog>>>.el-dialog__headerbtn:hover .el-dialog__close {
  color: #fff;
}
.aboutDialog >>> .el-dialog__headerbtn {
.aboutDialog>>>.el-dialog__headerbtn {
  top: 13px;
}
.aboutDialog >>> .el-form-item {
.aboutDialog>>>.el-form-item {
  margin-bottom: 10px;
}
.el-form >>> .el-form-item__label {
.el-form>>>.el-form-item__label {
  color: #fff;
  margin-left: 10px;
}
@@ -1317,6 +1309,7 @@
  height: 80% !important;
  overflow: auto;
}
.el-table /deep/ .el-button--text {
  /* color: #fff; */
  font-size: 14px;
@@ -1356,41 +1349,40 @@
  background-color: transparent;
}
.el-table /deep/ .el-table__body tr.current-row > td {
.el-table /deep/ .el-table__body tr.current-row>td {
  background-color: transparent;
}
.el-table--enable-row-hover /deep/ .el-table__body tr:hover > td {
.el-table--enable-row-hover /deep/ .el-table__body tr:hover>td {
  background-color: rgba(0, 32, 70, 0.7) !important;
}
.el-table__body /deep/ tr.current-row > td {
.el-table__body /deep/ tr.current-row>td {
  background-color: rgba(0, 32, 70, 0.7) !important;
}
.aboutDialog .el-dialog-div .dialog-footer {
}
.aboutDialog .el-dialog-div .dialog-footer {}
.el-pagination {
  color: #fff;
}
.el-pagination >>> .el-pagination__total,
.el-pagination >>> .btn-next,
.el-pagination >>> .btn-prev {
.el-pagination>>>.el-pagination__total,
.el-pagination>>>.btn-next,
.el-pagination>>>.btn-prev {
  background: transparent;
  color: #fff;
  font-size: 1rem;
}
.el-pagination >>> .el-pager li {
.el-pagination>>>.el-pager li {
  line-height: 27px;
  background-color: transparent;
  font-size: 1rem;
}
.el-pagination >>> .el-pager li.btn-quicknext,
.el-pagination >>> .el-pager li.btn-quickprev {
.el-pagination>>>.el-pager li.btn-quicknext,
.el-pagination>>>.el-pager li.btn-quickprev {
  font-size: 1rem;
  line-height: 28px;
  color: #fff;
@@ -1421,6 +1413,7 @@
  .listBox li {
    font-size: 12px;
  }
  .el-table {
    font-size: 12px;
  }