土地管理

lixuliang

2025-02-10 906848eb1d3ae78f2c9f25845c3d05050e148c4f

 src/components/map/viewer1.vue

@@ -2,10 +2,8 @@
  <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)">
          {{ item }}
        </li>
      <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" />
@@ -46,55 +44,86 @@
          <li>
            企业
            <el-tooltip class="item" effect="dark" content="点击查看企业信息" placement="bottom">
              <a @click="showYZCQY"> {{ qysl }}</a>
            </el-tooltip>
            家
              <a @click="showYZCQY">{{ qysl }}</a>
            </el-tooltip>家
          </li>
        </div>
      </ul>
    </div>
    <el-dialog class="aboutDialog" title="企业信息" append-to-body width="60%" height="60%" style="overflow: auto"
      :visible.sync="QYbox" :before-close="dialogClose">
      <div class="el-dialog-div">
        <div class="inquire">
          <el-form size="medium" ref="queryForm" :model="queryForm" :inline="true">
            <el-form-item label="查询内容" prop="name">
              <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-form-item>
          </el-form>
    <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">
              <el-form-item label="查询条件" prop="name">
                <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-form-item>
            </el-form>
          </div>
          <el-table fit style="width: 100%" :data="tableData" highlight-current-row height="50">
            <el-table-column type="index" width="40"></el-table-column>
            <el-table-column property="qymc" label="企业名称" min-width="220"></el-table-column>
            <el-table-column property="qylx" label="企业类型" min-width="220"></el-table-column>
            <el-table-column property="clsj" label="成立时间" min-width="90"></el-table-column>
            <!-- <el-table-column
              property="所属行业"
              label="所属行业"
            ></el-table-column>-->
            <el-table-column property="fr" label="法人"></el-table-column>
            <!-- <el-table-column
              property="注册地址"
              label="注册地址"
            ></el-table-column>-->
            <el-table-column label="操作" width="60">
              <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">详情</el-button>
              </template>
            </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>
          </div>
        </div>
        <el-table fit style="width: 100%" :data="tableData" highlight-current-row>
          <el-table-column type="index" width="50"></el-table-column>
          <el-table-column property="企业名称" label="企业名称"></el-table-column>
          <el-table-column property="企业类型" label="企业类型"></el-table-column>
          <el-table-column property="成立时间" label="成立时间"></el-table-column>
          <el-table-column property="所属行业" label="所属行业"></el-table-column>
          <el-table-column property="法人" label="法人"></el-table-column>
          <el-table-column property="注册地址" label="注册地址"></el-table-column>
        </el-table>
        <div slot="footer" class="dialog-footer" style="text-align: center; margin-top: 5px">
          <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>
      </el-dialog>
    </div>
  </div>
</template>

<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";

import Bus from "../tools/Bus";

let line, line1, handler, handler1, divPoint, divPoint1, dx, activeLi, nLayer, TDLayer, LWLayer;
let line,
  line1,
  handler,
  handler1,
  divPoint,
  divPoint1,
  dx,
  activeLi,
  nLayer,
  TDLayer,
  LWLayer1;
export default {
  name: "viewer1",
  components: { layerTreeTwoScreenRight },
@@ -126,26 +155,42 @@
      pageSize: 10,
      searchNum: 0,
      arr: [
        2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012,
        2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021,
        2001,
        2002,
        2003,
        2004,
        2005,
        2006,
        2007,
        2008,
        2009,
        2010,
        2011,
        2012,
        2013,
        2014,
        2015,
        2016,
        2017,
        2018,
        2019,
        2020,
        2021
      ],
      tableData: [],


      queryForm: {
        type: "企业名称",
        content: "",
        content: ""
      },
      size: "100%",
      scale: "1",
      offset: "0%",
      offset: "0%"
    };
  },
  created() {

  },
  created() { },
  computed: {
    ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
    ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"])
  },
  watch: {
    viewer1Show: {
@@ -164,7 +209,7 @@
            );
          }
        }, 2000);
      },
      }
    },
    isLand(newvalue, oldvalue) {
      if (!newvalue) {
@@ -178,6 +223,7 @@
        if (line1) {
          sgworld1.Creator.DeleteObject(line1);
        }
        this.initLSYX();
      } else {
        this.destroyImageLayer();
        if (!TDLayer) {
@@ -187,6 +233,17 @@
    }
  },
  mounted() {
    let pathName = window.location.pathname.split("/");
    let StaticFileBaseUrl;
    if (pathName.length != 2) {
      StaticFileBaseUrl = `../../../${pathName[1]}/static/CimSDK/`;
    } else {
      StaticFileBaseUrl = `../../../static/CimSDK/`;
    }
    let size = this.detectZoom();
    this.scale = (100 / size).toFixed(2);
    this.offset = "-" + ((size - 100) / 2).toFixed(2) + "%";
    this.size = size + "%";
    this.$nextTick(function () {
      let that = this;
      let option = {
@@ -197,17 +254,16 @@
          failIfMajorPerformanceCaveat: false,
          webgl: {
            alpha: true,
            preserveDrawingBuffer: true,
          },
        },
            preserveDrawingBuffer: true
          }
        }
      };

      // 北京
      window.sgworld1 = new SmartEarth.EarthCtrl(
        "sdkContainer1",
        {
          StaticFileBaseUrl: "../../static/CimSDK/",
          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
          StaticFileBaseUrl: StaticFileBaseUrl
        },
        {},
        null,
@@ -215,24 +271,27 @@
          sgworld1.Creator.createArcGisImageryLayer(
            "ARCGIS",
            {
              url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
              enablePickFeatures: false,
              url:
                "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
              enablePickFeatures: false
            },
            "0",
            undefined,
            1,
            true,
            ""
          );
          if (this.isLand) {
            this.loadTDGLLayer();
          } else {
            this.initLSYX();
          }
          var p = {
            destination: sgworld.Navigate.getPosition(),
            orientation: {
              heading: sgworld.Viewer.camera.heading,
              pitch: sgworld.Viewer.camera.pitch,
              roll: sgworld.Viewer.camera.roll,
            },
              roll: sgworld.Viewer.camera.roll
            }
          };
          sgworld1.Viewer.camera.setView(p);
          setTimeout(() => {
@@ -243,7 +302,6 @@
          }, 100);
        }
      );


      window.Viewer1 = sgworld1._Viewer;
      Viewer1.shadows = false;
@@ -256,18 +314,21 @@
      Viewer1.scene.globe.translucency.frontFaceAlpha = 0.5;
      Viewer1.scene.globe.undergroundColor = undefined;


      this.addEvent();
    });
    //关闭弹窗
    Bus.$on("closeLandInfoPop", (data) => {
    Bus.$on("closeLandInfoPop", data => {
      if (data) {
        this.showTDinfo = false;
      }
    });
  },
  methods: {

    initLSYX() {
      let ul = document.getElementById("viewer1_lsyx");
      let lis = ul.getElementsByTagName("li");
      lis[9].click();
    },
    setImageComparison(isStart) {
      this.isImage = isStart;
      if (!this.isImage) {
@@ -276,25 +337,25 @@
    },
    destroyImageLayer() {
      if (activeLi) {
        activeLi.classList.remove('active');
        activeLi.classList.remove("active");
        activeLi = null;
      }
      if (nLayer) {
        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) {
      let liObj = event.currentTarget;
      if (activeLi) {
        activeLi.classList.remove('active');
        activeLi.classList.remove("active");
        activeLi = null;
      }
      liObj.classList.add('active');
      liObj.classList.add("active");
      activeLi = liObj;
      this.loadImageLayer(item);
    },
@@ -304,19 +365,23 @@
        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;
      let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Shiliang_Lw_2019&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={nx}&TileRow={ny}`;
      let minx = 113.168199 * Math.PI / 180.0;
      let miny = 39.230551 * Math.PI / 180.0;
      let maxx = 118.562362 * Math.PI / 180.0;
      let maxy = 41.294714 * Math.PI / 180.0;
      let minx = (113.168199 * Math.PI) / 180.0;
      let miny = (39.230551 * Math.PI) / 180.0;
      let maxx = (118.562362 * Math.PI) / 180.0;
      let maxy = (41.294714 * Math.PI) / 180.0;
      let rectangle = new Cesium.Rectangle(minx, miny, maxx, maxy);
      let tilingScheme = new Cesium.GeographicTilingScheme({
        rectangle: rectangle,
@@ -336,19 +401,20 @@
        }
      };
      var imageryProvider = new Cesium.UrlTemplateImageryProvider(dx);
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, { alpha: 1, brightness: 1.0 });
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
        alpha: 1,
        brightness: 1.0
      });
      Viewer1.imageryLayers.add(imageLayer, 3);
      return imageLayer;
    },
    loadBJ54ImageLayer(year) {
      let url = "http://172.26.64.84/service/ImageEngine/picdis/abc";
      //let url = option.url;
      //let year = option.year;
      let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Sate_${year}&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={nx}&TileRow={ny}`;
      let minx = 113.168199 * Math.PI / 180.0;
      let miny = 39.230551 * Math.PI / 180.0;
      let maxx = 118.562362 * Math.PI / 180.0;
      let maxy = 41.294714 * Math.PI / 180.0;
      let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Sate_${year}&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/png&TileMatrix={z}&TileCol={nx}&TileRow={ny}`;
      let minx = (113.168199 * Math.PI) / 180.0;
      let miny = (39.230551 * Math.PI) / 180.0;
      let maxx = (118.562362 * Math.PI) / 180.0;
      let maxy = (41.294714 * Math.PI) / 180.0;
      let rectangle = new Cesium.Rectangle(minx, miny, maxx, maxy);
      let tilingScheme = new Cesium.GeographicTilingScheme({
        rectangle: rectangle,
@@ -368,7 +434,10 @@
        }
      };
      var imageryProvider = new Cesium.UrlTemplateImageryProvider(dx);
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, { alpha: 1, brightness: 1.0 });
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
        alpha: 1,
        brightness: 1.0
      });
      Viewer1.imageryLayers.add(imageLayer, 2);
      return imageLayer;
    },
@@ -389,20 +458,19 @@
            treeNode.tileType === "Geo"
              ? new Cesium.GeographicTilingScheme()
              : new Cesium.WebMercatorTilingScheme(),
          alpha: treeNode.alpha,
          alpha: treeNode.alpha
        },
        "0",
        treeNode.zIndex,
        true,
        ""
      );

    },
    addEvent() {
      let type = 0;
      //点击左侧显示范围、详情
      handler1 = new Cesium.ScreenSpaceEventHandler(Viewer1.scene.canvas);
      handler1.setInputAction((event) => {
      handler1.setInputAction(event => {
        if (this.isLand) {
          let that = this;
          this.clearInfoPanel();
@@ -412,8 +480,6 @@
          } else {
            p = sgworld1.Navigate.getMousePosition(event);
          }
          // alert(JSON.stringify(p))
          // console.log(p);
          if (p) {
            if (line) {
              sgworld.Creator.DeleteObject(line);
@@ -433,18 +499,25 @@
            }
            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"
                // `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 +
                // "&lat=" +
                // p.lat +
                // "&geom=true&requesttype=json"
              )
              .then((response) => {
              .then(response => {
                let center = { lon: 0, lat: 0 };
                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;
@@ -452,7 +525,7 @@
                    geometry.push({
                      x: parseFloat(point[0]),
                      y: parseFloat(point[1]),
                      z: 0,
                      z: 0
                    });
                  }
                  if (line) {
@@ -481,11 +554,12 @@
                if (center.lon != 0 && center.lat != 0) {
                  axios
                    .get(
                      "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
                      response.data.NO
                      "http://10.10.4.116:8086/cs/poisearch/guihuacon/getInfo?ydbm=" +
                        // "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
                        response.data.NO
                    )
                    .then(
                      (info) => {
                      info => {
                        try {
                          if (divPoint) {
                            sgworld.Creator.DeleteObject(divPoint);
@@ -518,10 +592,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"]) {
@@ -532,33 +606,33 @@
                                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) => {
                      info => {
                        this.$notify.error({
                          title: "提示",
                          message: "未查询到数据！",
                          message: "未查询到数据！"
                        });
                        // alert("未查询到数据！");
                        console.log("查询失败！");
@@ -569,7 +643,6 @@
          }
        }
      }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

    },
    dialogClose() {
      this.queryForm.content = "";
@@ -621,21 +694,35 @@
    tableRes(searchData, table, array) {
      const search = searchData;
      if (search) {
        return table.filter((data) => {
          return Object.keys(data).some((key) => {
        return table.filter(data => {
          return Object.keys(data).some(key => {
            if (array) {
              if (array.indexOf(key) == -1) {
                return String(data[key]).toLowerCase().indexOf(search) > -1;
                return (
                  String(data[key])
                    .toLowerCase()
                    .indexOf(search) > -1
                );
              }
            } else {
              return String(data[key]).toLowerCase().indexOf(search) > -1;
              return (
                String(data[key])
                  .toLowerCase()
                  .indexOf(search) > -1
              );
            }
          });
        });
      }
      return table;
    },

    handleClick(row) {
      window.open(
        "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
        row["tyshxxdm"] +
        "&systemName=中小微"
      );
    },
    detectZoom() {
      var ratio = 0,
        screen = window.screen,
@@ -669,7 +756,7 @@
        spaces: /\s+/,
        parenComma: /\)\s*,\s*\(/,
        doubleParenComma: /\)\s*\)\s*,\s*\(\s*\(/, // can't use {2} here
        trimParens: /^\s*\(?(.*?)\)?\s*$/,
        trimParens: /^\s*\(?(.*?)\)?\s*$/
      };
      /**
       * Object with properties corresponding to the geometry types. Property values
@@ -736,7 +823,7 @@
            coords = points[i].trim().split(regExes.spaces);
            components.push([
              Number.parseFloat(coords[0]),
              Number.parseFloat(coords[1]),
              Number.parseFloat(coords[1])
            ]);
          }
          return components;
@@ -761,7 +848,7 @@
            coords = points[i].trim().split(regExes.spaces);
            components.push([
              Number.parseFloat(coords[0]),
              Number.parseFloat(coords[1]),
              Number.parseFloat(coords[1])
            ]);
          }
          return components;
@@ -838,7 +925,7 @@
            components.push(parse$1.polygon(polygon));
          }
          return components;
        },
        }
      };

      var geometry, type, str;
@@ -868,8 +955,8 @@
        orientation: {
          heading: sgworld1.Viewer.camera.heading,
          pitch: sgworld1.Viewer.camera.pitch,
          roll: sgworld1.Viewer.camera.roll,
        },
          roll: sgworld1.Viewer.camera.roll
        }
      };
      sgworld.Viewer.camera.setView(p);
    },
@@ -882,21 +969,13 @@
      this.qysl = 0;
      this.ydbm = "";
      this.ydlx = "";

      this.cyfx = "";

      this.crzt = "";

      this.ydmj = "";

      this.crnx = "";

      this.crnf = "";

      this.rjl = "";

      this.jzxg = "";

      this.jzmd = "";
    },
    //初始化弹窗事件
@@ -928,12 +1007,12 @@
          offset: options.offset || undefined,
          area: [
            typeof width === "number" ? width + "px" : width,
            typeof height === "number" ? height + "px" : height,
            typeof height === "number" ? height + "px" : height
          ],
          content: options.url,
          success: function (layero, index) {
            layero.css({
              "border-radius": "8px",
              "border-radius": "8px"
            });
            if (successFn && typeof successFn === "function") {
              successFn(layero, index);
@@ -948,7 +1027,7 @@
            if (endFn && typeof endFn === "function") {
              endFn();
            }
          },
          }
        });
      };
    },
@@ -958,7 +1037,7 @@
        "<div style='color: #FFFFFF;float: left;height: 28px;line-height: 28px;'></div>";

      let handler3D = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas);
      handler3D.setInputAction((wheelment) => {
      handler3D.setInputAction(wheelment => {
        // 滚动滚轴，得到当前的视点高度
        // 单位换算，当大于1000米的时候显示“千米”，小于1000米的时候显示单位为“米”
        var cHeightM = Viewer.camera.positionCartographic.height;
@@ -987,7 +1066,7 @@
          "</span>" +
          "</span>";
      }, Cesium.ScreenSpaceEventType.WHEEL);
      handler3D.setInputAction((movement) => {
      handler3D.setInputAction(movement => {
        if (window.sdHeight == "") {
          this.cHeight = "862.1千米";
        }
@@ -1019,7 +1098,7 @@
            "</span>";
        }
      }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
    },
    }
  },
  beforeDestroy() {
    Bus.$off("closeLandInfoPop");
@@ -1046,7 +1125,7 @@
    if (handler1) {
      handler1.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
    }
  },
  }
};
</script>
<style scoped>
@@ -1073,22 +1152,20 @@
}

.noInfo {
  margin-top: 30px;
  margin-left: 20px;
  width: 150px;
  margin: 30px 20px 20px;
  width: 200px;
  text-align: center;
}

.tdInfo {
  position: absolute;
  z-index: 999;
  top: 20%;
  /* left: 35%; */
  top: 15%;
  right: 0%;
  transform: translateX(50%);
  padding-top: 20px;
  width: 401px;
  height: 549px;
  box-sizing: border-box;
  padding: 20px 0;
  /* height: 529px; */
  /* box-sizing: border-box; */
  background: rgba(14, 50, 143, 0.85);
  border: 1px solid #205fbc;
  box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38);
@@ -1098,20 +1175,15 @@
}

.tdInfo .title {
  width: 378px;
  height: 30px;
  background-image: url("~@/assets/img/new/tdgltitle.png");
  background-size: 100% 100%;
  margin: 0 auto;
}

.tdInfo .title li {
  margin-left: 32px;
  /* width: 78px; */
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
@@ -1120,12 +1192,16 @@
.content1,
.content2,
.content3 {
  width: 342px;
  /* width: 100%; */
  box-sizing: border-box;
  margin-left: 42px;
  /* margin-left: 42px; */
  min-width: 220px;
  max-width: 280px;
  margin: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 19px 0;
}

.content1 li,
@@ -1134,24 +1210,9 @@
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  /* background-color: rgb(255, 218, 170); */
  line-height: 26px;
  text-shadow: 0px 1px 6px rgba(3, 10, 26, 0.5);
}

.content1 {
  height: 136px;
  padding: 19px 0;
}

.content2 {
  height: 132px;
  padding: 21px 0;
}

.content3 {
  height: 116px;
  padding-top: 21px;
  padding-bottom: 27px;
}

.tdInfo a {
@@ -1165,18 +1226,13 @@
  font-weight: bold;
  color: #ebb01e;
  /* text-shadow: 0px 2px 9px #003f85; */

  background: linear-gradient(0deg, #ecaa0b 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
  
 */

.aboutDialog /deep/ .el-dialog {
  background: rgba(14, 50, 143, 0.7);
  background: rgba(14, 50, 143, 0.8);
  border: 2px solid #205fbc;
  border-radius: 10px;
  box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38);
@@ -1185,11 +1241,11 @@
.aboutDialog>>>.el-dialog__body {
  height: 77%;
  padding: 0px !important;
  padding: 15px !important;
  padding: 10px 10px 8px !important;
}

.aboutDialog>>>.el-dialog__header {
  padding: 10px 20px;
  padding: 10px 20px 0;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
@@ -1199,7 +1255,7 @@

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

.aboutDialog>>>.el-dialog__headerbtn .el-dialog__close {
@@ -1215,11 +1271,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 {
@@ -1236,6 +1295,11 @@
  overflow: auto;
}

.el-table /deep/ .el-button--text {
  /* color: #fff; */
  font-size: 14px;
}

.el-table thead {
  font-weight: 500;
}
@@ -1244,8 +1308,11 @@
  width: 383px;
}

.el-table /deep/ th {
.el-table /deep/ th,
.el-table /deep/ td {
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 4px;
}

.el-table /deep/ tr {
@@ -1290,18 +1357,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;
}
@@ -1310,13 +1377,10 @@
  position: absolute;
  right: 20px;
  top: 100px;

}

.listBox .active {

  background: rgba(255, 166, 0, 0.808);

}

.listBox li {
@@ -1331,9 +1395,106 @@

/* 屏幕分辨率放大为 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 {