fix:修改水温深度选择

web

4 天以前 92e4c0f5deeba69d52603da02bea2ab7836bb9f6

 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>
@@ -308,7 +330,7 @@
                    placeholder="请选择时间"
                    @change="(value) => getTime(value, warn.type, 'warn')"
                />
                <div>电站平均水位汇总</div>
                <div>电站报警次数汇总</div>
            </div>
        </div>
    </div>
@@ -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;