土地管理

lixuliang

2025-02-10 906848eb1d3ae78f2c9f25845c3d05050e148c4f

 src/components/map/viewer1.vue

@@ -3,11 +3,7 @@
    <div id="sdkContainer1" style="height: 100%"></div>
    <div class="listBox" v-show="!isLand">
      <ul id="viewer1_lsyx">
        <li
          v-for="(item, index) in arr"
          :key="index"
          @click="changeLeftMap($event, item, index)"
        >{{ item }}</li>
        <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)">{{ item }}</li>
      </ul>
    </div>
    <layerTreeTwoScreenRight v-if="layerTreeTwoScreen" id="layerTreeTwoScreen111" />
@@ -54,27 +50,17 @@
        </div>
      </ul>
    </div>
    <div
      :style="{
        width: `${size}`,
        height: `${size}`,
        transform: `scale(${scale}) translate(${offset},${offset})`,
        '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
        '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
        '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
        '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
      }"
    >
      <el-dialog
        class="aboutDialog"
        title="企业信息"
        append-to-body
        width="50%"
        height="60%"
        style="overflow: auto"
        :visible.sync="QYbox"
        :before-close="dialogClose"
      >
    <div :style="{
      width: `${size}`,
      height: `${size}`,
      transform: `scale(${scale}) translate(${offset},${offset})`,
      '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
    }">
      <el-dialog class="aboutDialog" title="企业信息" append-to-body width="50%" height="60%" style="overflow: auto"
        :visible.sync="QYbox" :before-close="dialogClose">
        <div class="el-dialog-div">
          <div class="inquire">
            <el-form size="mini" ref="queryForm" :model="queryForm" :inline="true">
@@ -107,15 +93,9 @@
            </el-table-column>
          </el-table>
          <div slot="footer" class="dialog-footer" style="text-align: center; margin-top: 2px">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page.sync="currentPage"
              :page-size="10"
              :pager-count="11"
              layout="total, pager"
              :total="searchNum"
            ></el-pagination>
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
              :current-page.sync="currentPage" :page-size="10" :pager-count="11" layout="total, pager"
              :total="searchNum"></el-pagination>
          </div>
        </div>
      </el-dialog>
@@ -126,6 +106,7 @@
<script>
import common from "@/components/common";
import { mapState } from "vuex";

import axios from "axios";
import layerTreeTwoScreenRight from "@/components/left/layerTreeTwoScreenRight";
import URLInCode from "@/assets/js/urlInCode";
@@ -207,7 +188,7 @@
      offset: "0%"
    };
  },
  created() {},
  created() { },
  computed: {
    ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"])
  },
@@ -263,7 +244,7 @@
    this.scale = (100 / size).toFixed(2);
    this.offset = "-" + ((size - 100) / 2).toFixed(2) + "%";
    this.size = size + "%";
    this.$nextTick(function() {
    this.$nextTick(function () {
      let that = this;
      let option = {
        fullscreenButton: true,
@@ -411,10 +392,10 @@
        url: paramUrl,
        tilingScheme: tilingScheme,
        customTags: {
          nx: function(imageryProvider, x, y, level) {
          nx: function (imageryProvider, x, y, level) {
            return (2 << (level - 1)) + x;
          },
          ny: function(imageryProvider, x, y, level) {
          ny: function (imageryProvider, x, y, level) {
            return (2 << (level - 1)) + y;
          }
        }
@@ -444,10 +425,10 @@
        url: paramUrl,
        tilingScheme: tilingScheme,
        customTags: {
          nx: function(imageryProvider, x, y, level) {
          nx: function (imageryProvider, x, y, level) {
            return (2 << (level - 1)) + x;
          },
          ny: function(imageryProvider, x, y, level) {
          ny: function (imageryProvider, x, y, level) {
            return (2 << (level - 1)) + y;
          }
        }
@@ -518,6 +499,7 @@
            }
            axios
              .get(
                // `https://skyzt.bda.gov.cn/BEApi/cs/geowinmap_xncs/ds?lng=${p.lon}&lat=${p.lat}`
                `http://10.10.4.116:8086/cs/geowinmap_xncs/ds?lng=${p.lon}&lat=${p.lat}`
                // "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 +
@@ -530,7 +512,12 @@
                let polygon = that.read(response.data.geometry);
                if (polygon.length > 0) {
                  var geometry = [];
                  let points = polygon[0].split(",");
                  let points = null
                  if (Array.isArray(polygon)) {
                    points = polygon[0].split(",");
                  } else {
                    points = polygon.split(",");
                  }
                  for (let i = 0; i < points.length; i++) {
                    let point = points[i].replace(/^\s+|\s+$/g, "").split(" ");
                    center.lon += parseFloat(point[0]) / points.length;
@@ -732,8 +719,8 @@
    handleClick(row) {
      window.open(
        "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
          row["tyshxxdm"] +
          "&systemName=中小微"
        row["tyshxxdm"] +
        "&systemName=中小微"
      );
    },
    detectZoom() {
@@ -993,7 +980,7 @@
    },
    //初始化弹窗事件
    initLayerOpen() {
      window.layerOpen = function(name, options) {
      window.layerOpen = function (name, options) {
        layuiLayer.close(SmartEarthPopupData.layerProp);

        let width = options.width;
@@ -1023,7 +1010,7 @@
            typeof height === "number" ? height + "px" : height
          ],
          content: options.url,
          success: function(layero, index) {
          success: function (layero, index) {
            layero.css({
              "border-radius": "8px"
            });
@@ -1031,12 +1018,12 @@
              successFn(layero, index);
            }
          },
          cancel: function() {
          cancel: function () {
            if (cancelFn && typeof cancelFn === "function") {
              cancelFn();
            }
          },
          end: function() {
          end: function () {
            if (endFn && typeof endFn === "function") {
              endFn();
            }
@@ -1251,13 +1238,13 @@
  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;
}

.aboutDialog >>> .el-dialog__header {
.aboutDialog>>>.el-dialog__header {
  padding: 10px 20px 0;
  height: 25px;
  line-height: 25px;
@@ -1266,29 +1253,29 @@
  background: transparent;
}

.aboutDialog >>> .el-dialog__title {
.aboutDialog>>>.el-dialog__title {
  color: #fff;
  font-size: 18px;
}

.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-top: 5px;
  margin-bottom: 10px;
}

.el-form >>> .el-form-item__label {
.el-form>>>.el-form-item__label {
  color: #fff;
  margin-left: 10px;
  font-size: 16px;
@@ -1347,41 +1334,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: 14px;
}

.el-pagination >>> .el-pager li {
.el-pagination>>>.el-pager li {
  line-height: 27px;
  background-color: transparent;
  font-size: 14px;
}

.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: 14px;
  line-height: 28px;
  color: #fff;
@@ -1455,47 +1441,58 @@
  .tdInfo a {
    font-size: 16px;
  }

  .listBox li {
    font-size: 12px;
  }
  .aboutDialog >>> .el-dialog__title {

  .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 {

  .el-form>>>.el-form-item__label {
    font-size: 13px;
  }
  .el-pagination >>> .el-pager li {

  .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 {

  .el-pagination>>>.el-pagination__total,
  .el-pagination>>>.btn-next,
  .el-pagination>>>.btn-prev {
    font-size: 12px;
  }

  .inquire >>> .el-form-item--mini .el-form-item__content,
  .inquire >>> .el-form-item--mini .el-form-item__label {
  .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 {

  .inquire>>>.el-input__inner {
    height: 26px;
    line-height: 26px;
  }
  .inquire >>> .el-button--mini {

  .inquire>>>.el-button--mini {
    padding: 6px 11px;
  }
  .inquire >>> .el-form-item {

  .inquire>>>.el-form-item {
    margin-right: 5px;
  }
}