From 906848eb1d3ae78f2c9f25845c3d05050e148c4f Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期一, 10 二月 2025 14:38:00 +0800 Subject: [PATCH] 土地管理 --- src/components/map/viewer1.vue | 161 ++++++++++++++++++++++++++--------------------------- 1 files changed, 79 insertions(+), 82 deletions(-) diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue index adb64e7..17495bc 100644 --- a/src/components/map/viewer1.vue +++ b/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; } } -- Gitblit v1.9.3