From 36fbd1e5a40e319e6ac5f43d11c99ba4b66e93a3 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期三, 29 十一月 2023 16:50:16 +0800
Subject: [PATCH] 坡度分析下载修改
---
src/views/plotting/plottingInquire.vue | 94 +++++++++++++++++------------------------------
1 files changed, 34 insertions(+), 60 deletions(-)
diff --git a/src/views/plotting/plottingInquire.vue b/src/views/plotting/plottingInquire.vue
index 8dad568..c34f64f 100644
--- a/src/views/plotting/plottingInquire.vue
+++ b/src/views/plotting/plottingInquire.vue
@@ -44,36 +44,14 @@
</div>-->
<div class="inquireContent_input_right" v-show="!chartIsshow">
<div class="label">鑼冨洿妗嗗唴鏈�澶у儚绱犲��</div>
- <el-select
- v-model="ScopeBox.pixel"
- class="m-2"
- placeholder="鍍忕礌鍊�"
- size="small"
- @change="pixelChange"
- >
- <el-option
- v-for="item in pixeloptions"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- />
+ <el-select v-model="ScopeBox.pixel" class="m-2" placeholder="鍍忕礌鍊�" size="small" @change="pixelChange">
+ <el-option v-for="item in pixeloptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="inquireContent_input_right" v-show="chartIsshow">
<div class="label">鑺傜偣鏁�</div>
- <el-select
- v-model="ScopeBox.nodes"
- class="m-2"
- placeholder="鍍忕礌鍊�"
- size="small"
- @change="nodesChange"
- >
- <el-option
- v-for="item in nodesoptions"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- />
+ <el-select v-model="ScopeBox.nodes" class="m-2" placeholder="鍍忕礌鍊�" size="small" @change="nodesChange">
+ <el-option v-for="item in nodesoptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</div>
@@ -82,12 +60,7 @@
<div class="chart_btn">
<el-button :icon="Search" link class="linkBtn" @click="openDialog(e)"></el-button>
- <el-button
- :icon="Download"
- link
- class="linkBtn"
- @click="downloadChart(layerData)"
- ></el-button>
+ <el-button :icon="Download" link class="linkBtn" @click="downloadChart(layerData)"></el-button>
<!-- 鏆傛椂涓嶇敤鍒犻櫎 -->
<!-- <el-button
:icon="Delete"
@@ -98,19 +71,9 @@
</div>
<Bar-graph :width="'100%'" :height="'260px'" :layerData="layerData"></Bar-graph>
<div class="select">
- <el-select
- v-model="layerValue"
- class="m-2"
- placeholder="閫夋嫨鍥惧眰"
- size="small"
- @change="layerChange"
- >
- <el-option
- v-for="(item, i) in layeroptions"
- :key="i"
- :label="item.layerName"
- :value="item.layerName"
- />
+ <el-select v-model="layerValue" class="m-2" placeholder="閫夋嫨鍥惧眰" size="small" @change="layerChange">
+ <el-option v-for="(item, i) in layeroptions" :key="i" :label="item.layerName"
+ :value="item.layerName" />
</el-select>
</div>
</div>
@@ -147,6 +110,8 @@
<div class="table_head_td">搴忓彿</div>
<div class="table_head_td">
<span>鍥惧眰鍚�</span>
+ <span>鏈�澶у��</span>
+ <span>鏈�灏忓��</span>
<span>鍒嗘瀽缁撴灉</span>
</div>
</div>
@@ -154,7 +119,10 @@
<div class="table_tr" v-for="(e, i) in resultList" :key="i">
<div class="table_td">{{ i + 1 }}</div>
<div class="table_td">
- <span>{{ e.layerName }}锛堢背锛�</span>
+
+ <span>{{ e.layerName }} <label v-show="e.unit"> [{{ e.unit }}]</label></span>
+ <span>{{ e.max }}</span>
+ <span>{{ e.min }}</span>
<span>{{ e.avg }}</span>
</div>
</div>
@@ -425,6 +393,7 @@
resultList.value.push(e);
});
+
console.log(resultList.value);
};
//闈㈡煡璇㈡帴鍙�
@@ -515,7 +484,7 @@
};
// store.commit("SET_plotting", obj);
store.state.plottingInquireData = obj;
-
+
setCloseWebSocket();
inquireData.value = {
name: "path #9",
@@ -526,7 +495,7 @@
}
}
};
-const handleClick = (tab: TabsPaneContext, event: Event) => {};
+const handleClick = (tab: TabsPaneContext, event: Event) => { };
// const setCloseplotting = () => {
// emits("setCloseplotting", false);
// };
@@ -574,7 +543,7 @@
var token = getToken();
var url = socketUrl + "?token=" + token;
Window.ws = new WebSocket(url);
- Window.ws.option = () => {};
+ Window.ws.option = () => { };
Window.ws.onmessage = (msg) => {
// console.log('鏉ヨ嚜鏈嶅姟鍣ㄧ鐨勬暟鎹細' + msg.data); //鐩戝惉鎺ュ彈鏉ヨ嚜鏈嶅姟绔殑淇℃伅
if (msg.data != "杩炴帴鎴愬姛") {
@@ -606,6 +575,7 @@
min: res.minList.length <= 0 ? "--" : res.minList.toString(),
lng: store.state.plottingInquireData.entitiesData.lng,
lat: store.state.plottingInquireData.entitiesData.lat,
+ unit: res.unit
};
resultList.value.push(obj);
};
@@ -689,7 +659,7 @@
position: absolute;
right: 26px;
top: 80px;
- width: 320px;
+ width: 400px;
background: rgba(7, 8, 14, 0.8);
z-index: 100;
@@ -857,7 +827,7 @@
}
.table_head_td:nth-child(2) {
- width: 237px;
+ width: 16.34375vw;
display: flex;
justify-content: space-between;
align-items: center;
@@ -888,11 +858,18 @@
border-right: 1px solid rgba(214, 228, 255, 0.4);
box-sizing: border-box;
+ div {
+ width: 100%;
+ background: skyblue;
+ height: 100%;
+ }
+
// padding: 5px;
// white-space: nowrap;
span {
+
display: block;
- width: 50%;
+ width: 17%;
word-wrap: break-word;
// white-space: pre;
text-align: left;
@@ -903,21 +880,18 @@
// justify-content: flex-end;
// margin-left: 5%;
// float: right;
- width: 40%;
- text-align: right;
+ // width:16.34375vw;
+ text-align: center;
+ // background: skyblue;
}
}
.table_td:nth-child(2) {
- width: 237px;
+ width: 16.34375vw;
display: flex;
justify-content: space-between;
align-items: center;
- // padding: 0 10px;
- padding-left: 10px;
- padding-right: 10px;
- padding-top: 5px;
- padding-bottom: 5px;
+ padding: 0 10px;
border-right: 0;
}
}
--
Gitblit v1.9.3