fix:修改水温深度监测

web

昨天 010ce04ba6e27f2bd603cec692d2695d7a8a3c1f

 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;