From 10ecfd0b60442d209d1ab4b749580ffb638d1992 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 08 五月 2024 14:44:04 +0800
Subject: [PATCH] 数字人更新
---
src/components/map/viewer1.vue | 1025 ++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 655 insertions(+), 370 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index 12d50b4..2621191 100644
--- a/src/components/map/viewer1.vue
+++ b/src/components/map/viewer1.vue
@@ -1,6 +1,17 @@
<template>
<div>
<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>
+ </ul>
+ </div>
<layerTreeTwoScreenRight
v-if="layerTreeTwoScreen"
id="layerTreeTwoScreen111"
@@ -54,87 +65,113 @@
</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
+ :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})`,
+ }"
>
- <div class="el-dialog-div">
- <div class="inquire">
- <el-form
- size="medium"
- ref="queryForm"
- :model="queryForm"
- :inline="true"
+ <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-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
- >
- <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-table-column type="index" width="40"></el-table-column>
+ <el-table-column
+ property="浼佷笟鍚嶇О"
+ label="浼佷笟鍚嶇О"
+ min-width="220"
+ ></el-table-column>
+ <el-table-column
+ property="浼佷笟绫诲瀷"
+ label="浼佷笟绫诲瀷"
+ min-width="220"
+ ></el-table-column>
+ <el-table-column
+ property="鎴愮珛鏃堕棿"
+ label="鎴愮珛鏃堕棿"
+ min-width="90"
+ ></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 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>
+ <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>
- </div>
- </el-dialog>
+ </el-dialog>
+ </div>
</div>
</template>
@@ -147,8 +184,17 @@
import Bus from "../tools/Bus";
-let line, line1, handler, handler1, divPoint, divPoint1, dx;
-
+let line,
+ line1,
+ handler,
+ handler1,
+ divPoint,
+ divPoint1,
+ dx,
+ activeLi,
+ nLayer,
+ TDLayer,
+ LWLayer1;
export default {
name: "viewer1",
components: { layerTreeTwoScreenRight },
@@ -179,7 +225,12 @@
currentPage: 1,
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,
+ ],
tableData: [],
+
queryForm: {
type: "浼佷笟鍚嶇О",
content: "",
@@ -189,11 +240,9 @@
offset: "0%",
};
},
- created() {
-
- },
+ created() {},
computed: {
- ...mapState(["viewer1Show", "layerTreeTwoScreen"]),
+ ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
},
watch: {
viewer1Show: {
@@ -214,8 +263,39 @@
}, 2000);
},
},
+ isLand(newvalue, oldvalue) {
+ if (!newvalue) {
+ if (TDLayer) {
+ TDLayer.deleteObject();
+ TDLayer = null;
+ }
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ }
+ this.initLSYX();
+ } else {
+ this.destroyImageLayer();
+ if (!TDLayer) {
+ this.loadTDGLLayer();
+ }
+ }
+ },
},
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 = {
@@ -230,29 +310,12 @@
},
},
};
- // let option = {
- // url: SmartEarthRootUrl + "Workers/image/earth.jpg",
- // fullscreenButton: true,
- // licenseServer: "http://183.162.245.49:18080",
- // minViewHeight: parseFloat(common.minviewheight),
- // contextOptions: {
- // failIfMajorPerformanceCaveat: false,
- // webgl: {
- // alpha: true,
- // preserveDrawingBuffer: true
- // }
- // }
- // };
-
- //EPSG4326
- // Cesium.ExpandBySmartEarth.Ellipsoid.z = 6356752.3142451793;
// 鍖椾含
window.sgworld1 = new SmartEarth.EarthCtrl(
"sdkContainer1",
{
- StaticFileBaseUrl: "../../static/CimSDK/",
- // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
+ StaticFileBaseUrl: StaticFileBaseUrl,
},
{},
null,
@@ -264,34 +327,15 @@
enablePickFeatures: false,
},
"0",
- undefined,
+ 1,
true,
""
);
- let treeNode = URLInCode.tdglTmsCode;
- sgworld1.Creator.createImageryProvider(
- treeNode.name,
- "tms",
- {
- id: treeNode.id,
- url: treeNode.urls,
- fileExtension: treeNode.img || "png",
- enablePickFeatures: false,
- level: treeNode.Level,
- minimumLevel: treeNode.minimumLevel,
- maximumLevel: treeNode.maximumLevel,
- tilingScheme:
- treeNode.tileType === "Geo"
- ? new Cesium.GeographicTilingScheme()
- : new Cesium.WebMercatorTilingScheme(),
- alpha: treeNode.alpha,
- },
- "0",
- treeNode.zIndex,
- true,
- ""
- );
-
+ if (this.isLand) {
+ this.loadTDGLLayer();
+ } else {
+ this.initLSYX();
+ }
var p = {
destination: sgworld.Navigate.getPosition(),
orientation: {
@@ -302,32 +346,14 @@
};
sgworld1.Viewer.camera.setView(p);
setTimeout(() => {
+ window.loading && window.loading.close();
+ }, 100);
+ setTimeout(() => {
window.APPLoading && window.APPLoading.close();
- }, 1000);
+ }, 100);
}
);
- // 鍚堣偉
- // window.sgworld1 = new SmartEarth.SGWorld(
- // "sdkContainer1",
- // Cesium,
- // option,
- // null,
- // function () {
- // var p = {
- // destination: sgworld.Navigate.getPosition(),
- // orientation: {
- // heading: sgworld.Viewer.camera.heading,
- // pitch: sgworld.Viewer.camera.pitch,
- // roll: sgworld.Viewer.camera.roll,
- // },
- // };
- // sgworld1.Viewer.camera.setView(p);
- // setTimeout(() => {
- // window.APPLoading && window.APPLoading.close();
- // }, 1000);
- // }
- // );
window.Viewer1 = sgworld1._Viewer;
Viewer1.shadows = false;
@@ -338,176 +364,8 @@
// Viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;
Viewer1.scene.globe.translucency.frontFaceAlpha = 0.5;
Viewer1.scene.globe.undergroundColor = undefined;
- let type = 0;
- //鐐瑰嚮宸︿晶鏄剧ず鑼冨洿銆佽鎯�
- handler1 = new Cesium.ScreenSpaceEventHandler(Viewer1.scene.canvas);
- handler1.setInputAction((event) => {
- let that = this;
- this.clearInfoPanel();
- let p;
- if (type === 0) {
- p = sgworld1.Navigate.getMouseDegrees(event);
- } else {
- p = sgworld1.Navigate.getMousePosition(event);
- }
- // alert(JSON.stringify(p))
- // console.log(p);
- if (p) {
- if (line) {
- sgworld.Creator.DeleteObject(line);
- line = null;
- }
- if (line1) {
- sgworld1.Creator.DeleteObject(line1);
- line1 = null;
- }
- if (divPoint) {
- sgworld.Creator.DeleteObject(divPoint);
- divPoint = null;
- }
- if (divPoint1) {
- sgworld1.Creator.DeleteObject(divPoint1);
- divPoint1 = null;
- }
- 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"
- )
- .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(",");
- for (let i = 0; i < points.length; i++) {
- let point = points[i].replace(/^\s+|\s+$/g, "").split(" ");
- center.lon += parseFloat(point[0]) / points.length;
- center.lat += parseFloat(point[1]) / points.length;
- geometry.push({
- x: parseFloat(point[0]),
- y: parseFloat(point[1]),
- z: 0,
- });
- }
- if (line) {
- sgworld.Creator.DeleteObject(line);
- line = null;
- }
- if (line1) {
- sgworld1.Creator.DeleteObject(line1);
- line1 = null;
- }
- line = sgworld.Creator.createPolyline(
- geometry,
- "#ff0000",
- 1,
- 0,
- "绾�"
- );
- line1 = sgworld1.Creator.createPolyline(
- geometry,
- "#ff0000",
- 1,
- 0,
- "绾�"
- );
- }
- if (center.lon != 0 && center.lat != 0) {
- axios
- .get(
- "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
- response.data.NO
- )
- .then(
- (info) => {
- try {
- if (divPoint) {
- sgworld.Creator.DeleteObject(divPoint);
- divPoint = null;
- }
- if (divPoint1) {
- sgworld1.Creator.DeleteObject(divPoint1);
- divPoint1 = null;
- }
- // console.log(info.data.data);
- //鍏抽棴寮圭獥
- layuiLayer.close(SmartEarthPopupData.layerProp);
- //鍏抽棴鍙充晶淇℃伅寮圭獥
- Bus.$emit("closeRightPop", true);
- this.showTDinfo = true;
- let data = info.data.data;
- if (data.yongdishuju === null) {
- this.dikuanxinxi = true;
- return;
- } else {
- this.dikuanxinxi = false;
- }
- this.qiyexinxi = info.data.data.qiyexinxi;
- this.qysl = data.qiyexinxi.length;
-
- if (this.qysl > 0) {
- this.ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"];
- } else {
- this.ydbm = data.churangxinxi["ydbh"];
- }
- try {
- this.ydlx = data.yongdishuju["ydlxmc"];
- } catch (e) {}
- try {
- this.cyfx = data.yongdishuju["cyfx"];
- } catch (e) {}
- try {
- // this.crzt = response.data["ZT"];
- switch (response.data["ZT"]) {
- case 3:
- this.crzt = "宸插嚭璁�";
- break;
- case 4:
- this.crzt = "鏈嚭璁�";
- break;
- }
- } catch (e) {}
- try {
- this.ydmj = parseFloat(
- "" + data.yongdishuju["ydmj"]
- ).toFixed(0);
- } catch (e) {}
- try {
- this.crnx = data.churangxinxi["crnx"];
- } catch (e) {}
- try {
- this.crnf = data.churangxinxi["crnf"];
- } catch (e) {}
- try {
- this.rjl = data.yongdishuju["rjl"];
- } catch (e) {}
- try {
- this.jzxg = data.yongdishuju["jzxg"];
- } catch (e) {}
- try {
- this.jzmd = data.yongdishuju["jzmd"];
- } catch (e) {}
- } catch (e) {}
- },
- (info) => {
- this.$notify.error({
- title: "鎻愮ず",
- message: "鏈煡璇㈠埌鏁版嵁锛�",
- });
- // alert("鏈煡璇㈠埌鏁版嵁锛�");
- console.log("鏌ヨ澶辫触锛�");
- }
- );
- }
- });
- }
- }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
+ this.addEvent();
});
//鍏抽棴寮圭獥
Bus.$on("closeLandInfoPop", (data) => {
@@ -517,6 +375,323 @@
});
},
methods: {
+ initLSYX() {
+ let ul = document.getElementById("viewer1_lsyx");
+ let lis = ul.getElementsByTagName("li");
+ lis[9].click();
+ },
+ setImageComparison(isStart) {
+ this.isImage = isStart;
+ if (!this.isImage) {
+ this.destroyImageLayer();
+ }
+ },
+ destroyImageLayer() {
+ if (activeLi) {
+ 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 = null;
+ }
+ liObj.classList.add("active");
+ activeLi = liObj;
+ this.loadImageLayer(item);
+ },
+ loadImageLayer(year) {
+ if (nLayer) {
+ Viewer1.imageryLayers.remove(nLayer, true);
+ nLayer = null;
+ }
+ nLayer = this.loadBJ54ImageLayer(year);
+
+ if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) {
+ if (LWLayer1) {
+ LWLayer1.destroy();
+ }
+ LWLayer1 = this.loadBJ54LWLayer1();
+ }
+ },
+ 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 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, 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 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;
+ },
+ loadTDGLLayer() {
+ let treeNode = URLInCode.tdglTmsCode;
+ TDLayer = sgworld1.Creator.createImageryProvider(
+ treeNode.name,
+ "tms",
+ {
+ id: treeNode.id,
+ url: treeNode.urls,
+ fileExtension: treeNode.img || "png",
+ enablePickFeatures: false,
+ level: treeNode.Level,
+ minimumLevel: treeNode.minimumLevel,
+ maximumLevel: treeNode.maximumLevel,
+ tilingScheme:
+ treeNode.tileType === "Geo"
+ ? new Cesium.GeographicTilingScheme()
+ : new Cesium.WebMercatorTilingScheme(),
+ alpha: treeNode.alpha,
+ },
+ "0",
+ treeNode.zIndex,
+ true,
+ ""
+ );
+ },
+ addEvent() {
+ let type = 0;
+ //鐐瑰嚮宸︿晶鏄剧ず鑼冨洿銆佽鎯�
+ handler1 = new Cesium.ScreenSpaceEventHandler(Viewer1.scene.canvas);
+ handler1.setInputAction((event) => {
+ if (this.isLand) {
+ let that = this;
+ this.clearInfoPanel();
+ let p;
+ if (type === 0) {
+ p = sgworld1.Navigate.getMouseDegrees(event);
+ } else {
+ p = sgworld1.Navigate.getMousePosition(event);
+ }
+ if (p) {
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ line = null;
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ line1 = null;
+ }
+ if (divPoint) {
+ sgworld.Creator.DeleteObject(divPoint);
+ divPoint = null;
+ }
+ if (divPoint1) {
+ sgworld1.Creator.DeleteObject(divPoint1);
+ divPoint1 = null;
+ }
+ axios
+ .get(
+ `http://10.10.4.116:8089/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) => {
+ let center = { lon: 0, lat: 0 };
+ let polygon = that.read(response.data.geometry);
+ if (polygon.length > 0) {
+ var geometry = [];
+ let points = polygon[0].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;
+ center.lat += parseFloat(point[1]) / points.length;
+ geometry.push({
+ x: parseFloat(point[0]),
+ y: parseFloat(point[1]),
+ z: 0,
+ });
+ }
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ line = null;
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ line1 = null;
+ }
+ line = sgworld.Creator.createPolyline(
+ geometry,
+ "#ff0000",
+ 1,
+ 0,
+ "绾�"
+ );
+ line1 = sgworld1.Creator.createPolyline(
+ geometry,
+ "#ff0000",
+ 1,
+ 0,
+ "绾�"
+ );
+ }
+ if (center.lon != 0 && center.lat != 0) {
+ axios
+ .get(
+ "http://10.10.4.116:8089/cs/poisearch/guihuacon/getInfo?ydbm=" +
+ // "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
+ response.data.NO
+ )
+ .then(
+ (info) => {
+ try {
+ if (divPoint) {
+ sgworld.Creator.DeleteObject(divPoint);
+ divPoint = null;
+ }
+ if (divPoint1) {
+ sgworld1.Creator.DeleteObject(divPoint1);
+ divPoint1 = null;
+ }
+ // console.log(info.data.data);
+ //鍏抽棴寮圭獥
+ layuiLayer.close(SmartEarthPopupData.layerProp);
+ //鍏抽棴鍙充晶淇℃伅寮圭獥
+ Bus.$emit("closeRightPop", true);
+ this.showTDinfo = true;
+ let data = info.data.data;
+ if (data.yongdishuju === null) {
+ this.dikuanxinxi = true;
+ return;
+ } else {
+ this.dikuanxinxi = false;
+ }
+ this.qiyexinxi = info.data.data.qiyexinxi;
+ this.qysl = data.qiyexinxi.length;
+
+ if (this.qysl > 0) {
+ this.ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"];
+ } else {
+ this.ydbm = data.churangxinxi["ydbh"];
+ }
+ try {
+ this.ydlx = data.yongdishuju["ydlxmc"];
+ } catch (e) {}
+ try {
+ this.cyfx = data.yongdishuju["cyfx"];
+ } catch (e) {}
+ try {
+ // this.crzt = response.data["ZT"];
+ switch (response.data["ZT"]) {
+ case 3:
+ this.crzt = "宸插嚭璁�";
+ break;
+ case 4:
+ this.crzt = "鏈嚭璁�";
+ break;
+ }
+ } catch (e) {}
+ try {
+ this.ydmj = parseFloat(
+ "" + data.yongdishuju["ydmj"]
+ ).toFixed(0);
+ } catch (e) {}
+ try {
+ this.crnx = data.churangxinxi["crnx"];
+ } catch (e) {}
+ try {
+ this.crnf = data.churangxinxi["crnf"];
+ } catch (e) {}
+ try {
+ this.rjl = data.yongdishuju["rjl"];
+ } catch (e) {}
+ try {
+ this.jzxg = data.yongdishuju["jzxg"];
+ } catch (e) {}
+ try {
+ this.jzmd = data.yongdishuju["jzmd"];
+ } catch (e) {}
+ } catch (e) {}
+ },
+ (info) => {
+ this.$notify.error({
+ title: "鎻愮ず",
+ message: "鏈煡璇㈠埌鏁版嵁锛�",
+ });
+ // alert("鏈煡璇㈠埌鏁版嵁锛�");
+ console.log("鏌ヨ澶辫触锛�");
+ }
+ );
+ }
+ });
+ }
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ },
dialogClose() {
this.queryForm.content = "";
this.queryForm.type = "浼佷笟鍚嶇О";
@@ -552,7 +727,7 @@
const tableData = this.qiyexinxi;
// 鎼滅储鍑虹殑缁撴灉
let searchTable = this.tableRes(this.queryForm.content, tableData);
-
+
// 鎼滅储鍑虹殑鏁伴噺杩涜鍒嗛〉
this.searchNum = searchTable.length;
//鏍规嵁椤电爜灞曠ず鍐呭
@@ -581,7 +756,13 @@
}
return table;
},
-
+ handleClick(row) {
+ window.open(
+ "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
+ row["缁熶竴绀句細淇＄敤浠ｇ爜"] +
+ "&systemName=涓皬寰�"
+ );
+ },
detectZoom() {
var ratio = 0,
screen = window.screen,
@@ -828,21 +1009,13 @@
this.qysl = 0;
this.ydbm = "";
this.ydlx = "";
-
this.cyfx = "";
-
this.crzt = "";
-
this.ydmj = "";
-
this.crnx = "";
-
this.crnf = "";
-
this.rjl = "";
-
this.jzxg = "";
-
this.jzmd = "";
},
//鍒濆鍖栧脊绐椾簨浠�
@@ -1019,21 +1192,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%;
- /* right: -68%; */
- padding-top: 20px;
- width: 401px;
- height: 549px;
- box-sizing: border-box;
+ top: 15%;
+ right: 0%;
+ transform: translateX(50%);
+ 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);
@@ -1043,54 +1215,44 @@
}
.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;
}
+
.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,
.content2 li,
.content3 li {
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 {
@@ -1104,18 +1266,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);
@@ -1124,11 +1281,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;
@@ -1138,7 +1295,7 @@
.aboutDialog >>> .el-dialog__title {
color: #fff;
- font-size: 1.1rem;
+ font-size: 18px;
}
.aboutDialog >>> .el-dialog__headerbtn .el-dialog__close {
@@ -1154,11 +1311,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 {
@@ -1175,6 +1335,11 @@
overflow: auto;
}
+.el-table /deep/ .el-button--text {
+ /* color: #fff; */
+ font-size: 14px;
+}
+
.el-table thead {
font-weight: 500;
}
@@ -1183,8 +1348,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 {
@@ -1230,22 +1398,139 @@
.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;
}
+.listBox {
+ position: absolute;
+ right: 20px;
+ top: 100px;
+}
+
+.listBox .active {
+ background: rgba(255, 166, 0, 0.808);
+}
+
+.listBox li {
+ padding: 2px;
+ margin-top: 1px;
+ border-radius: 2px;
+ color: white;
+ background: rgba(14, 50, 143, 0.6);
+ font-size: 14px;
+ cursor: pointer;
+}
+
+/* 灞忓箷鍒嗚鲸鐜囨斁澶т负 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 {
+ background: rgba(255, 166, 0, 0.808);
+}
+
::-webkit-scrollbar {
/*婊氬姩鏉℃暣浣撴牱寮�*/
width: 4px;
--
Gitblit v1.9.3