From 27a2d08bbdeec0cef108d171fb314e4ada9be861 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期四, 16 十一月 2023 10:46:52 +0800
Subject: [PATCH] 信息弹框
---
src/components/map/viewer1.vue | 185 +++++++++++++++++++++++++--------------------
1 files changed, 103 insertions(+), 82 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index a357ab7..e98b143 100644
--- a/src/components/map/viewer1.vue
+++ b/src/components/map/viewer1.vue
@@ -2,20 +2,13 @@
<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)"
- >
+ <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"
- />
+ <layerTreeTwoScreenRight v-if="layerTreeTwoScreen" id="layerTreeTwoScreen111" />
<div class="tdInfo" v-if="showTDinfo">
<div class="tdInfo_close" @click="tdInfoClose">脳</div>
<p v-if="dikuanxinxi" class="noInfo">鏆傛棤璇ュ湴鍧椾俊鎭�</p>
@@ -52,12 +45,7 @@
<div v-else class="title">
<li>
浼佷笟
- <el-tooltip
- class="item"
- effect="dark"
- content="鐐瑰嚮鏌ョ湅浼佷笟淇℃伅"
- placement="bottom"
- >
+ <el-tooltip class="item" effect="dark" content="鐐瑰嚮鏌ョ湅浼佷笟淇℃伅" placement="bottom">
<a @click="showYZCQY"> {{ qysl }}</a>
</el-tooltip>
瀹�
@@ -80,7 +68,7 @@
class="aboutDialog"
title="浼佷笟淇℃伅"
append-to-body
- width="60%"
+ width="50%"
height="60%"
style="overflow: auto"
:visible.sync="QYbox"
@@ -89,24 +77,16 @@
<div class="el-dialog-div">
<div class="inquire">
<el-form
- size="medium"
+ size="mini"
ref="queryForm"
:model="queryForm"
:inline="true"
>
<el-form-item label="鏌ヨ鍐呭" prop="name">
- <el-input
- v-model="queryForm.content"
- placeholder="璇疯緭鍏ユ煡璇㈠唴瀹�"
- />
+ <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-button @click="queryInfo('queryForm')" icon="el-icon-search" class="primary">鏌ヨ</el-button>
</el-form-item>
</el-form>
</div>
@@ -115,39 +95,47 @@
style="width: 100%"
:data="tableData"
highlight-current-row
+ height="50"
>
- <el-table-column type="index" width="50"></el-table-column>
+ <el-table-column type="index" width="40"></el-table-column>
<el-table-column
property="浼佷笟鍚嶇О"
label="浼佷笟鍚嶇О"
+ min-width="240"
></el-table-column>
<el-table-column
property="浼佷笟绫诲瀷"
label="浼佷笟绫诲瀷"
+ min-width="240"
></el-table-column>
<el-table-column
property="鎴愮珛鏃堕棿"
label="鎴愮珛鏃堕棿"
+ width="120"
></el-table-column>
- <el-table-column
+ <!-- <el-table-column
property="鎵�灞炶涓�"
label="鎵�灞炶涓�"
- ></el-table-column>
+ ></el-table-column> -->
<el-table-column
property="娉曚汉"
label="娉曚汉"
- width="100"
+ width="80"
></el-table-column>
- <el-table-column
+ <!-- <el-table-column
property="娉ㄥ唽鍦板潃"
label="娉ㄥ唽鍦板潃"
- width="200"
- ></el-table-column>
+ ></el-table-column> -->
+ <el-table-column label="鎿嶄綔" width="80">
+ <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: 5px"
+ style="text-align: center; margin-top: 2px"
>
<el-pagination
@size-change="handleSizeChange"
@@ -185,7 +173,7 @@
activeLi,
nLayer,
TDLayer,
- LWLayer;
+ LWLayer1;
export default {
name: "viewer1",
components: { layerTreeTwoScreenRight },
@@ -231,7 +219,7 @@
offset: "0%",
};
},
- created() {},
+ created() { },
computed: {
...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
},
@@ -252,6 +240,8 @@
);
}
}, 2000);
+
+
},
},
isLand(newvalue, oldvalue) {
@@ -266,6 +256,7 @@
if (line1) {
sgworld1.Creator.DeleteObject(line1);
}
+ this.initLSYX();
} else {
this.destroyImageLayer();
if (!TDLayer) {
@@ -300,6 +291,7 @@
{
StaticFileBaseUrl: "../../static/CimSDK/",
// StaticFileBaseUrl: "../../../SW/static/CimSDK/",
+ // StaticFileBaseUrl: "../../../YZXNCS/static/CimSDK/",
},
{},
null,
@@ -311,12 +303,15 @@
enablePickFeatures: false,
},
"0",
- undefined,
+ 1,
true,
""
);
if (this.isLand) {
this.loadTDGLLayer();
+ }
+ else {
+ this.initLSYX();
}
var p = {
destination: sgworld.Navigate.getPosition(),
@@ -357,6 +352,11 @@
});
},
methods: {
+ initLSYX() {
+ let ul = document.getElementById("viewer1_lsyx");
+ let lis = ul.getElementsByTagName('li');
+ lis[9].click();
+ },
setImageComparison(isStart) {
this.isImage = isStart;
if (!this.isImage) {
@@ -372,9 +372,9 @@
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) {
@@ -393,11 +393,16 @@
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;
@@ -465,6 +470,7 @@
brightness: 1.0,
});
Viewer1.imageryLayers.add(imageLayer, 2);
+
return imageLayer;
},
loadTDGLLayer() {
@@ -528,10 +534,10 @@
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"
+ p.lon +
+ "&lat=" +
+ p.lat +
+ "&geom=true&requesttype=json"
)
.then((response) => {
let center = { lon: 0, lat: 0 };
@@ -576,7 +582,7 @@
axios
.get(
"http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
- response.data.NO
+ response.data.NO
)
.then(
(info) => {
@@ -612,10 +618,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"]) {
@@ -626,28 +632,28 @@
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) => {
this.$notify.error({
@@ -728,7 +734,13 @@
}
return table;
},
-
+ handleClick(row) {
+ window.open(
+ "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
+ row["缁熶竴绀句細淇＄敤浠ｇ爜"] +
+ "&systemName=涓皬寰�"
+ );
+ },
detectZoom() {
var ratio = 0,
screen = window.screen,
@@ -1244,14 +1256,14 @@
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: 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;
@@ -1259,29 +1271,30 @@
background: transparent;
}
-.aboutDialog >>> .el-dialog__title {
+.aboutDialog>>>.el-dialog__title {
color: #fff;
font-size: 1.1rem;
}
-.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-bottom: 10px;
}
-.el-form >>> .el-form-item__label {
+.el-form>>>.el-form-item__label {
color: #fff;
+ margin-left: 10px;
}
.aboutDialog .el-dialog-div {
@@ -1298,6 +1311,11 @@
overflow: auto;
}
+.el-table /deep/ .el-button--text {
+ /* color: #fff; */
+ font-size: 14px;
+}
+
.el-table thead {
font-weight: 500;
}
@@ -1306,8 +1324,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 {
@@ -1329,41 +1350,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: 1rem;
}
-.el-pagination >>> .el-pager li {
+.el-pagination>>>.el-pager li {
line-height: 27px;
background-color: transparent;
font-size: 1rem;
}
-.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: 1rem;
line-height: 28px;
color: #fff;
@@ -1394,6 +1414,7 @@
.listBox li {
font-size: 12px;
}
+
.el-table {
font-size: 12px;
}
--
Gitblit v1.9.3