From 010ce04ba6e27f2bd603cec692d2695d7a8a3c1f Mon Sep 17 00:00:00 2001 From: web <candymxq888@outlook.com> Date: 星期三, 07 五月 2025 08:38:18 +0800 Subject: [PATCH] fix:修改水温深度监测 --- src/views/screen/temperature/statics/index.vue | 34 +++++++++++++++++++++++++++++----- 1 files changed, 29 insertions(+), 5 deletions(-) diff --git a/src/views/screen/temperature/statics/index.vue b/src/views/screen/temperature/statics/index.vue index e2a2350..451fcb0 100644 --- a/src/views/screen/temperature/statics/index.vue +++ b/src/views/screen/temperature/statics/index.vue @@ -4,8 +4,10 @@ import {getStatisticsData, getStatisticsAlarm} from '@/api/screen/statics/index.js' import {getTemperaturePointList} from '@/api/screen/index.js' import moment from "moment"; +import {deepCOnfig} from '@/config/index.js' const cascaderOption = { label: 'pointName', value: 'id', children: 'childrenList', expandTrigger: 'hover', emitPath: false }; //级联选择器配置 + const menuList = ref([]) const pointId = ref('') @@ -21,7 +23,7 @@ value: moment().format('YYYY-MM-DD'), data: [] }) - +const tempDeep = ref(50) const wenduChartRef = ref() const shuiweiChartRef = ref() let wenduCharts = null; @@ -126,7 +128,7 @@ }, yAxis: { type: 'value', - name: 'm', + name: '次', nameTextStyle: { color: '#fff', fontSize: '1.2rem' @@ -198,7 +200,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 +243,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> @@ -308,7 +319,7 @@ placeholder="请选择时间" @change="(value) => getTime(value, warn.type, 'warn')" /> - <div>电站平均水位汇总</div> + <div>电站报警次数汇总</div> </div> </div> </div> @@ -339,7 +350,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