From f0cf67e3f93bef082f2ca02139a7fe647b33e467 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 15 三月 2023 18:52:02 +0800
Subject: [PATCH] 优化图层管理的折叠会折叠其它的面板；优化柱状图属性界面；优化WMS图层加载效果；优化资料馆上传的附件，前端显示不出来效果；综合展示拾取功能
---
src/components/mapsdk.vue | 130 ++++++++++++++++++++++++------------------
1 files changed, 74 insertions(+), 56 deletions(-)
diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue
index 81fb2b9..dd9844e 100644
--- a/src/components/mapsdk.vue
+++ b/src/components/mapsdk.vue
@@ -359,11 +359,11 @@
<span>灞炴�т俊鎭�</span>
<div style="float: right; cursor: pointer">
<el-link
- v-if="$store.state.propertiesName.tabDesc == '鍕樺療宸ョ偣'"
- type="primary"
- :underline="false"
- @click="getPointInfo"
- style="margin-right: 10px"
+ v-if="$store.state.propertiesName.tabDesc == '鍕樺療宸ョ偣'"
+ type="primary"
+ :underline="false"
+ @click="getPointInfo"
+ style="margin-right: 10px"
>鍕樺療淇℃伅琛�</el-link>
<el-link
type="primary"
@@ -397,31 +397,29 @@
</div>
<!--鍕樺療淇℃伅寮圭獥-->
<div
- class="attributionPop"
- v-if="showAttribute"
+ class="attributionPop"
+ v-if="showAttribute"
>
<el-card class="box-card">
<div slot="header">
<span>鍕樺療淇℃伅</span>
<div style="float: right; cursor: pointer">
<i
- class="el-icon-close"
- @click="showAttribute=false"
+ class="el-icon-close"
+ @click="showAttribute=false"
></i>
</div>
</div>
<div
- class="pointInfoBoxContext"
- style="height:250px;overflow-y: auto"
+ class="pointInfoBoxContext"
+ style="height:250px;overflow-y: auto"
>
<div
- style="line-height: 20px"
- v-for="(item, index) in attributeList"
- :key="index"
+ style="line-height: 20px"
+ v-for="(item, index) in attributeList"
+ :key="index"
>
- <span
- style="font-size: 14px;font-weight: bold;margin-right: 5px"
- >{{item.alias}}:</span>
+ <span style="font-size: 14px;font-weight: bold;margin-right: 5px">{{item.alias}}:</span>
<span>{{item.value ? item.value :'鏆傛棤鏁版嵁'}}</span>
</div>
</div>
@@ -450,19 +448,37 @@
</div>
<!--涓夌淮鎴潰鍒嗘瀽寮圭獥-->
<div
- class="modelClipPop"
- v-if="$store.state.propertiesFlag == '3'"
+ class="modelClipPop"
+ v-if="$store.state.propertiesFlag == '3'"
>
<div class="slide-bg">
- <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueX"></el-slider>
+ <el-slider
+ class="slide"
+ @change="valveChange()"
+ :min="-300"
+ :max="300"
+ v-model="valueX"
+ ></el-slider>
<span>宸﹀彸鎴潰</span>
</div>
<div class="slide-bg">
- <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueY"></el-slider>
+ <el-slider
+ class="slide"
+ @change="valveChange()"
+ :min="-300"
+ :max="300"
+ v-model="valueY"
+ ></el-slider>
<span>鍓嶅悗鎴潰</span>
</div>
<div class="slide-bg">
- <el-slider class="slide" @change="valveChange()" :min="-300" :max="300" v-model="valueZ"></el-slider>
+ <el-slider
+ class="slide"
+ @change="valveChange()"
+ :min="-300"
+ :max="300"
+ v-model="valueZ"
+ ></el-slider>
<span>涓婁笅鎴潰</span>
</div>
</div>
@@ -677,9 +693,9 @@
},
showAttribute: false,
attributeList: [],
- valueZ:0,
- valueX:0,
- valueY:0
+ valueZ: 0,
+ valueX: 0,
+ valueY: 0
};
},
mounted() {
@@ -692,24 +708,24 @@
});
this.$bus.$on('closeMenuPop', (e) => {
//闈炶矾寰勫垎鏋�
- if (e != 'd3'){
+ if (e != 'd3') {
this.showPathAnalysisBoxDialog = false;
}
//闈炲潯搴﹀垎鏋�
- if (e != 'd2'){
+ if (e != 'd2') {
this.showLengendDialog = false;
}
//闈炲湴褰㈠钩鏁�
- if (e != 'd10'){
+ if (e != 'd10') {
this.showTerrainLevelDialog = false;
}
});
//妯″瀷鎹曟崏
this.catchmodel()
- window.localStorage.setItem('slider_x',this.valueX);
- window.localStorage.setItem('slider_y',this.valueY);
- window.localStorage.setItem('slider_z',this.valueZ);
+ window.localStorage.setItem('slider_x', this.valueX);
+ window.localStorage.setItem('slider_y', this.valueY);
+ window.localStorage.setItem('slider_z', this.valueZ);
},
methods: {
@@ -1359,7 +1375,8 @@
if (this.$store.state.propertiesName == null) {
return
}
- let tabName = this.$store.state.propertiesName.ns + '.' + this.$store.state.propertiesName.tab;
+
+ let tabName = this.$store.state.propertiesName.ns + '.' + this.$store.state.propertiesName.enName;
let eventid = this.$store.state.propertiesInfo.eventid;
var obj = {
@@ -1375,6 +1392,7 @@
this.$message.error('鏆傛棤闄勪欢');
return
}
+
this.attachList = res.result;
this.showAttach = true;
},
@@ -1439,9 +1457,9 @@
return m < 10 ? '0' + m : m;
},
//鍕樺療淇℃伅琛�
- getPointInfo(){
+ getPointInfo() {
this.showAttribute = !this.showAttribute;
- if (this.showAttribute){
+ if (this.showAttribute) {
let attrbuteOption = workSite;
var name = attrbuteOption[0].table.replaceAll("_", "");
this.getAttributeDomFiled(name);
@@ -1480,18 +1498,18 @@
std.push(data1[i]);
}
}
- this.getAttributeTableData(std, res,this.$store.state.propertiesInfo.宸ョ偣鍚嶇О,data1)
+ this.getAttributeTableData(std, res, this.$store.state.propertiesInfo.宸ョ偣鍚嶇О, data1)
},
//鑾峰彇琛ㄦ牸淇℃伅
- async getAttributeTableData(res, name,title,list) {
+ async getAttributeTableData(res, name, title, list) {
let attributeFild = res;
let parmams = {
- name:name,
- pageIndex:1,
- pageSize:10,
- count:0,
- title:title,
- filter : "workname = " + "'" + title + "'",
+ name: name,
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0,
+ title: title,
+ filter: "workname = " + "'" + title + "'",
}
const data = await dataQuery_selectByPage(parmams);
if (data.code != 200) {
@@ -1507,12 +1525,12 @@
}
}
}
- let info = data.result.length >0 ? data.result[0] : '';
- if (info){
+ let info = data.result.length > 0 ? data.result[0] : '';
+ if (info) {
let keys = Object.keys(info);
keys.forEach((obj) => {
list.forEach((item) => {
- if (item.field == obj){
+ if (item.field == obj) {
item.value = info[obj];
}
})
@@ -1520,10 +1538,10 @@
this.attributeList = list;
}
},
- valveChange(){
- window.localStorage.setItem('slider_x',this.valueX);
- window.localStorage.setItem('slider_y',this.valueY);
- window.localStorage.setItem('slider_z',this.valueZ);
+ valveChange() {
+ window.localStorage.setItem('slider_x', this.valueX);
+ window.localStorage.setItem('slider_y', this.valueY);
+ window.localStorage.setItem('slider_z', this.valueZ);
}
},
destroyed() {
@@ -1581,26 +1599,26 @@
padding: 10px 20px;
}
}
- .modelClipPop{
+ .modelClipPop {
width: 350px;
z-index: 40;
position: absolute;
left: 2%;
top: 3%;
- background: rgba(255,255,255,0.85);
+ background: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(32, 160, 255, 0.6);
- .slide-bg{
- padding:10px;
+ .slide-bg {
+ padding: 10px;
display: flex;
align-items: center;
- .slide{
+ .slide {
width: 250px;
margin-left: 5px;
margin-right: 15px;
}
}
}
- .pathAnalysisBox{
+ .pathAnalysisBox {
width: 412px;
height: 370px;
z-index: 40;
@@ -1608,7 +1626,7 @@
right: 8%;
bottom: 1%;
}
- .attributionPop{
+ .attributionPop {
width: 350px;
height: 370px;
z-index: 40;
--
Gitblit v1.9.3