北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2023-12-13 fcb9ad20cfb4f1d691f76f575e3bcf09729be7c9
src/components/map/viewer1.vue
@@ -2,7 +2,7 @@
  <div>
    <div id="sdkContainer1" style="height: 100%"></div>
    <div class="listBox" v-show="!isLand">
      <ul>
      <ul id="viewer1_lsyx">
        <li
          v-for="(item, index) in arr"
          :key="index"
@@ -94,10 +94,10 @@
              :model="queryForm"
              :inline="true"
            >
              <el-form-item label="查询内容" prop="name">
              <el-form-item label="查询条件" prop="name">
                <el-input
                  v-model="queryForm.content"
                  placeholder="请输入查询内容"
                  placeholder="请输入要查询的企业名称"
                />
              </el-form-item>
              <el-form-item>
@@ -121,32 +121,28 @@
            <el-table-column
              property="企业名称"
              label="企业名称"
              min-width="240"
              min-width="220"
            ></el-table-column>
            <el-table-column
              property="企业类型"
              label="企业类型"
              min-width="240"
              min-width="220"
            ></el-table-column>
            <el-table-column
              property="成立时间"
              label="成立时间"
              width="120"
              min-width="90"
            ></el-table-column>
            <!-- <el-table-column
              property="所属行业"
              label="所属行业"
            ></el-table-column> -->
            <el-table-column
              property="法人"
              label="法人"
              width="80"
            ></el-table-column>
            <el-table-column property="法人" label="法人"></el-table-column>
            <!-- <el-table-column
              property="注册地址"
              label="注册地址"
            ></el-table-column> -->
            <el-table-column label="操作" width="80">
            <el-table-column label="操作" width="60">
              <template slot-scope="scope">
                <el-button
                  @click="handleClick(scope.row)"
@@ -198,7 +194,7 @@
  activeLi,
  nLayer,
  TDLayer,
  LWLayer;
  LWLayer1;
export default {
  name: "viewer1",
  components: { layerTreeTwoScreenRight },
@@ -279,6 +275,7 @@
        if (line1) {
          sgworld1.Creator.DeleteObject(line1);
        }
        this.initLSYX();
      } else {
        this.destroyImageLayer();
        if (!TDLayer) {
@@ -313,6 +310,7 @@
        {
          StaticFileBaseUrl: "../../static/CimSDK/",
          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
          // StaticFileBaseUrl: "../../../YZXNCS/static/CimSDK/",
        },
        {},
        null,
@@ -330,6 +328,8 @@
          );
          if (this.isLand) {
            this.loadTDGLLayer();
          } else {
            this.initLSYX();
          }
          var p = {
            destination: sgworld.Navigate.getPosition(),
@@ -370,6 +370,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 +390,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 +411,15 @@
        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 +487,7 @@
        brightness: 1.0,
      });
      Viewer1.imageryLayers.add(imageLayer, 2);
      return imageLayer;
    },
    loadTDGLLayer() {
@@ -519,8 +529,6 @@
          } else {
            p = sgworld1.Navigate.getMousePosition(event);
          }
          // alert(JSON.stringify(p))
          // console.log(p);
          if (p) {
            if (line) {
              sgworld.Creator.DeleteObject(line);
@@ -1280,7 +1288,7 @@
.aboutDialog >>> .el-dialog__title {
  color: #fff;
  font-size: 1.1rem;
  font-size: 18px;
}
.aboutDialog >>> .el-dialog__headerbtn .el-dialog__close {
@@ -1296,12 +1304,14 @@
}
.aboutDialog >>> .el-form-item {
  margin-top: 5px;
  margin-bottom: 10px;
}
.el-form >>> .el-form-item__label {
  color: #fff;
  margin-left: 10px;
  font-size: 16px;
}
.aboutDialog .el-dialog-div {
@@ -1317,6 +1327,7 @@
  height: 80% !important;
  overflow: auto;
}
.el-table /deep/ .el-button--text {
  /* color: #fff; */
  font-size: 14px;
@@ -1380,18 +1391,18 @@
.el-pagination >>> .btn-prev {
  background: transparent;
  color: #fff;
  font-size: 1rem;
  font-size: 14px;
}
.el-pagination >>> .el-pager li {
  line-height: 27px;
  background-color: transparent;
  font-size: 1rem;
  font-size: 14px;
}
.el-pagination >>> .el-pager li.btn-quicknext,
.el-pagination >>> .el-pager li.btn-quickprev {
  font-size: 1rem;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}
@@ -1418,12 +1429,95 @@
/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .tdInfo_close {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-align: center;
    line-height: 19px;
    font-size: 20px;
  }
  .tdInfo .title li {
    margin-left: 25px;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .content1,
  .content2,
  .content3 {
    /* width: 100%; */
    box-sizing: border-box;
    /* margin-left: 42px; */
    min-width: 220px;
    max-width: 280px;
    margin: 0 25px;
    display: flex;
    padding: 10px 0;
  }
  .content1 li,
  .content2 li,
  .content3 li {
    font-size: 13px;
  }
  .tdInfo a {
    font-size: 16px;
  }
  .listBox li {
    font-size: 12px;
  }
  .aboutDialog >>> .el-dialog__title {
    color: #fff;
    font-size: 14px;
  }
  .el-table {
    font-size: 12px;
  }
  .el-table /deep/ .el-button--text {
    font-size: 12px;
  }
  .el-form >>> .el-form-item__label {
    font-size: 13px;
  }
  .el-pagination >>> .el-pager li {
    font-size: 13px;
  }
  .el-pagination >>> .el-pagination__total,
  .el-pagination >>> .btn-next,
  .el-pagination >>> .btn-prev {
    font-size: 12px;
  }
  .el-pagination >>> .el-pager li.btn-quicknext,
  .el-pagination >>> .el-pager li.btn-quickprev {
    font-size: 12px;
  }
  .inquire >>> .el-form-item--mini .el-form-item__content,
  .inquire >>> .el-form-item--mini .el-form-item__label {
    line-height: 24px;
  }
  .inquire >>> .el-input__inner {
    height: 26px;
    line-height: 26px;
  }
  .inquire >>> .el-button--mini {
    padding: 6px 11px;
  }
  .inquire >>> .el-form-item {
    margin-right: 5px;
  }
}
.listBox li:hover {