From 92e4c0f5deeba69d52603da02bea2ab7836bb9f6 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期一, 05 五月 2025 17:21:08 +0800
Subject: [PATCH] fix:修改水温深度选择
---
src/views/screen/temperature/statics/index.vue | 43 +++++++++++++++++++++++++++++++++++++++----
1 files changed, 39 insertions(+), 4 deletions(-)
diff --git a/src/views/screen/temperature/statics/index.vue b/src/views/screen/temperature/statics/index.vue
index 6628720..d240bfe 100644
--- a/src/views/screen/temperature/statics/index.vue
+++ b/src/views/screen/temperature/statics/index.vue
@@ -6,6 +6,19 @@
import moment from "moment";
const cascaderOption = { label: 'pointName', value: 'id', children: 'childrenList', expandTrigger: 'hover', emitPath: false }; //级联选择器配置
+const deepCOnfig = [
+ { label: '10米', value: 10 },
+ { label: '20米', value: 20 },
+ { label: '30米', value: 30 },
+ { label: '40米', value: 40 },
+ { label: '50米', value: 50 },
+ { label: '60米', value: 60 },
+ { label: '70米', value: 70 },
+ { label: '80米', value: 80 },
+ { label: '90米', value: 90 },
+ { label: '100米', value: 100 },
+]
+
const menuList = ref([])
const pointId = ref('')
@@ -21,7 +34,7 @@
value: moment().format('YYYY-MM-DD'),
data: []
})
-
+const tempDeep = ref(50)
const wenduChartRef = ref()
const shuiweiChartRef = ref()
let wenduCharts = null;
@@ -126,7 +139,7 @@
},
yAxis: {
type: 'value',
- name: 'm',
+ name: '次',
nameTextStyle: {
color: '#fff',
fontSize: '1.2rem'
@@ -198,7 +211,8 @@
const data = {
type: wendu.type,
dataTime: wendu.value,
- pointId: pointId.value
+ pointId: pointId.value,
+ waterLevel: tempDeep.value
}
getStatisticsData(data).then(res => {
wendu.data = res.data
@@ -240,7 +254,15 @@
<div class="item-t">
<div class="name">水温汇总统计</div>
<div class="select">
- <el-cascader size="large" v-model="pointId" :options="menuList" :show-all-levels="false" :props="cascaderOption" clearable @change="getTempData" />
+ <el-select v-model="tempDeep" style="width: 10rem">
+ <el-option
+ v-for="item in deepCOnfig"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ <el-cascader v-model="pointId" :options="menuList" :show-all-levels="false" :props="cascaderOption" clearable @change="getTempData" />
<el-radio-group v-model="wendu.type" @change="handleSelectType('wendu')">
<el-radio :value="1">日</el-radio>
<el-radio :value="3">月</el-radio>
@@ -339,7 +361,20 @@
color: #fff;
}
.select{
+ :deep(.el-select) {
+ width: 8rem;
+ margin-right: 2rem;
+ .el-select__wrapper{
+ background-color: transparent;
+ box-shadow: none;
+ border: 1px solid #fff;
+ }
+ .el-select__placeholder{
+ color: #fff;
+ }
+ }
:deep(.el-cascader){
+ width: 12rem;
margin-right: 2rem;
.el-input__wrapper{
background-color: transparent;
--
Gitblit v1.9.3