From fcb9ad20cfb4f1d691f76f575e3bcf09729be7c9 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 13 十二月 2023 16:51:16 +0800
Subject: [PATCH] 最新
---
src/components/map/viewer1.vue | 230 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 165 insertions(+), 65 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index e98b143..52090a8 100644
--- a/src/components/map/viewer1.vue
+++ b/src/components/map/viewer1.vue
@@ -3,12 +3,19 @@
<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)">
+ <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>
@@ -45,7 +52,12 @@
<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>
瀹�
@@ -82,11 +94,19 @@
:model="queryForm"
:inline="true"
>
- <el-form-item label="鏌ヨ鍐呭" prop="name">
- <el-input v-model="queryForm.content" placeholder="璇疯緭鍏ユ煡璇㈠唴瀹�" />
+ <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-button
+ @click="queryInfo('queryForm')"
+ icon="el-icon-search"
+ class="primary"
+ >鏌ヨ</el-button
+ >
</el-form-item>
</el-form>
</div>
@@ -101,34 +121,35 @@
<el-table-column
property="浼佷笟鍚嶇О"
label="浼佷笟鍚嶇О"
- min-width="240"
+ min-width="220"
></el-table-column>
<el-table-column
property="浼佷笟绫诲瀷"
label="浼佷笟绫诲瀷"
- min-width="240"
+ min-width="220"
></el-table-column>
<el-table-column
property="鎴愮珛鏃堕棿"
label="鎴愮珛鏃堕棿"
- width="120"
+ min-width="90"
></el-table-column>
<!-- <el-table-column
property="鎵�灞炶涓�"
label="鎵�灞炶涓�"
></el-table-column> -->
- <el-table-column
- property="娉曚汉"
- label="娉曚汉"
- width="80"
- ></el-table-column>
+ <el-table-column property="娉曚汉" label="娉曚汉"></el-table-column>
<!-- <el-table-column
property="娉ㄥ唽鍦板潃"
label="娉ㄥ唽鍦板潃"
></el-table-column> -->
- <el-table-column label="鎿嶄綔" width="80">
+ <el-table-column label="鎿嶄綔" width="60">
<template slot-scope="scope">
- <el-button @click="handleClick(scope.row)" type="text" size="small">璇︽儏</el-button>
+ <el-button
+ @click="handleClick(scope.row)"
+ type="text"
+ size="small"
+ >璇︽儏</el-button
+ >
</template>
</el-table-column>
</el-table>
@@ -219,7 +240,7 @@
offset: "0%",
};
},
- created() { },
+ created() {},
computed: {
...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
},
@@ -240,8 +261,6 @@
);
}
}, 2000);
-
-
},
},
isLand(newvalue, oldvalue) {
@@ -309,8 +328,7 @@
);
if (this.isLand) {
this.loadTDGLLayer();
- }
- else {
+ } else {
this.initLSYX();
}
var p = {
@@ -354,7 +372,7 @@
methods: {
initLSYX() {
let ul = document.getElementById("viewer1_lsyx");
- let lis = ul.getElementsByTagName('li');
+ let lis = ul.getElementsByTagName("li");
lis[9].click();
},
setImageComparison(isStart) {
@@ -395,8 +413,7 @@
nLayer = this.loadBJ54ImageLayer(year);
if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) {
- if(LWLayer1)
- {
+ if (LWLayer1) {
LWLayer1.destroy();
}
LWLayer1 = this.loadBJ54LWLayer1();
@@ -512,8 +529,6 @@
} else {
p = sgworld1.Navigate.getMousePosition(event);
}
- // alert(JSON.stringify(p))
- // console.log(p);
if (p) {
if (line) {
sgworld.Creator.DeleteObject(line);
@@ -534,10 +549,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 };
@@ -582,7 +597,7 @@
axios
.get(
"http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
- response.data.NO
+ response.data.NO
)
.then(
(info) => {
@@ -618,10 +633,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"]) {
@@ -632,28 +647,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({
@@ -737,8 +752,8 @@
handleClick(row) {
window.open(
"https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
- row["缁熶竴绀句細淇＄敤浠ｇ爜"] +
- "&systemName=涓皬寰�"
+ row["缁熶竴绀句細淇＄敤浠ｇ爜"] +
+ "&systemName=涓皬寰�"
);
},
detectZoom() {
@@ -1256,7 +1271,7 @@
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;
@@ -1271,30 +1286,32 @@
background: transparent;
}
-.aboutDialog>>>.el-dialog__title {
+.aboutDialog >>> .el-dialog__title {
color: #fff;
- font-size: 1.1rem;
+ 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;
}
.aboutDialog .el-dialog-div {
@@ -1350,41 +1367,42 @@
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;
+ font-size: 14px;
}
-.el-pagination>>>.el-pager li {
+.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;
+.el-pagination >>> .el-pager li.btn-quicknext,
+.el-pagination >>> .el-pager li.btn-quickprev {
+ font-size: 14px;
line-height: 28px;
color: #fff;
}
@@ -1411,13 +1429,95 @@
/* 灞忓箷鍒嗚鲸鐜囨斁澶т负 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