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 | 547 +++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 374 insertions(+), 173 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index bba459a..17495bc 100644
--- a/src/components/map/viewer1.vue
+++ b/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;
+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,7 +223,9 @@
if (line1) {
sgworld1.Creator.DeleteObject(line1);
}
+ this.initLSYX();
} else {
+ this.destroyImageLayer();
if (!TDLayer) {
this.loadTDGLLayer();
}
@@ -186,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 = {
@@ -196,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,
@@ -214,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(() => {
@@ -242,7 +302,6 @@
}, 100);
}
);
-
window.Viewer1 = sgworld1._Viewer;
Viewer1.shadows = false;
@@ -255,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) {
@@ -275,21 +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 (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);
},
@@ -299,16 +365,23 @@
nLayer = null;
}
nLayer = this.loadBJ54ImageLayer(year);
+
+ if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) {
+ if (LWLayer1) {
+ LWLayer1.destroy();
+ }
+ LWLayer1 = this.loadBJ54LWLayer1();
+ }
},
- loadBJ54ImageLayer(year) {
+ 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=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=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 rectangle = new Cesium.Rectangle(minx, miny, maxx, maxy);
let tilingScheme = new Cesium.GeographicTilingScheme({
rectangle: rectangle,
@@ -328,7 +401,43 @@
}
};
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 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,
+ numberOfLevelZeroTilesX: 2,
+ numberOfLevelZeroTilesY: 1
+ });
+ var dx = {
+ url: paramUrl,
+ tilingScheme: tilingScheme,
+ customTags: {
+ nx: function (imageryProvider, x, y, level) {
+ return (2 << (level - 1)) + x;
+ },
+ ny: function (imageryProvider, x, y, level) {
+ return (2 << (level - 1)) + y;
+ }
+ }
+ };
+ var imageryProvider = new Cesium.UrlTemplateImageryProvider(dx);
+ let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
+ alpha: 1,
+ brightness: 1.0
+ });
Viewer1.imageryLayers.add(imageLayer, 2);
return imageLayer;
},
@@ -349,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();
@@ -372,8 +480,6 @@
} else {
p = sgworld1.Navigate.getMousePosition(event);
}
- // alert(JSON.stringify(p))
- // console.log(p);
if (p) {
if (line) {
sgworld.Creator.DeleteObject(line);
@@ -393,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;
@@ -412,7 +525,7 @@
geometry.push({
x: parseFloat(point[0]),
y: parseFloat(point[1]),
- z: 0,
+ z: 0
});
}
if (line) {
@@ -441,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);
@@ -478,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"]) {
@@ -492,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("鏌ヨ澶辫触锛�");
@@ -529,7 +643,6 @@
}
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
},
dialogClose() {
this.queryForm.content = "";
@@ -581,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,
@@ -629,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
@@ -696,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;
@@ -721,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;
@@ -798,7 +925,7 @@
components.push(parse$1.polygon(polygon));
}
return components;
- },
+ }
};
var geometry, type, str;
@@ -828,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);
},
@@ -842,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 = "";
},
//鍒濆鍖栧脊绐椾簨浠�
@@ -888,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);
@@ -908,7 +1027,7 @@
if (endFn && typeof endFn === "function") {
endFn();
}
- },
+ }
});
};
},
@@ -918,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;
@@ -947,7 +1066,7 @@
"</span>" +
"</span>";
}, Cesium.ScreenSpaceEventType.WHEEL);
- handler3D.setInputAction((movement) => {
+ handler3D.setInputAction(movement => {
if (window.sdHeight == "") {
this.cHeight = "862.1鍗冪背";
}
@@ -979,7 +1098,7 @@
"</span>";
}
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
- },
+ }
},
beforeDestroy() {
Bus.$off("closeLandInfoPop");
@@ -1006,7 +1125,7 @@
if (handler1) {
handler1.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
}
- },
+ }
};
</script>
<style scoped>
@@ -1033,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);
@@ -1058,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;
@@ -1080,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,
@@ -1094,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 {
@@ -1125,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);
@@ -1145,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;
@@ -1159,7 +1255,7 @@
.aboutDialog>>>.el-dialog__title {
color: #fff;
- font-size: 1.1rem;
+ font-size: 18px;
}
.aboutDialog>>>.el-dialog__headerbtn .el-dialog__close {
@@ -1175,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 {
@@ -1196,6 +1295,11 @@
overflow: auto;
}
+.el-table /deep/ .el-button--text {
+ /* color: #fff; */
+ font-size: 14px;
+}
+
.el-table thead {
font-weight: 500;
}
@@ -1204,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 {
@@ -1250,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;
}
@@ -1270,13 +1377,10 @@
position: absolute;
right: 20px;
top: 100px;
-
}
.listBox .active {
-
background: rgba(255, 166, 0, 0.808);
-
}
.listBox li {
@@ -1291,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 {
--
Gitblit v1.9.3