Browse Source

修改单位问题

Version1.0
YF-yuan 3 years ago
parent
commit
a693bc240d
1 changed files with 13 additions and 13 deletions
  1. +13
    -13
      src/views/Home.vue

+ 13
- 13
src/views/Home.vue View File

{{ item.toUpperCase() }} {{ item.toUpperCase() }}
</p> </p>
</div> </div>
<p class="utils">(mg/L)</p>
<div class="utilslist">
<p class="utils" v-if="isParams=='tp'">(μg/L)</p>
<p class="utils" v-else>(mg/L)</p>
</div>
<point-qulity :dataList="pointParamsData"></point-qulity> <point-qulity :dataList="pointParamsData"></point-qulity>
</div> </div>


<el-submenu :index="index + '-1'"> <el-submenu :index="index + '-1'">
<template slot="title">反演结果</template> <template slot="title">反演结果</template>
<el-menu-item v-for="($item, $index) in item.item" <el-menu-item v-for="($item, $index) in item.item"
:key="$index" :index="index + '-1' + $index" @click="selectParams($item.value, index, $index)">{{$item.name}}: {{ $item.cf }}</el-menu-item>
:key="$index" :index="index + '-1' + $index" @click="selectParams($item.type,$item.value, index, $index)">{{$item.name}}: {{ $item.cf }}</el-menu-item>
</el-submenu> </el-submenu>
</el-menu-item-group> </el-menu-item-group>
<el-menu-item-group> <el-menu-item-group>
<p class="colorImg" alt=""></p> <p class="colorImg" alt=""></p>
<p class="colorValue"> <p class="colorValue">
<span>{{colorHL&&colorHL.value.low}}</span> <span>{{colorHL&&colorHL.value.low}}</span>
<span>单位:mg/L</span>
<span v-if="checkedParams=='tp'">单位:μg/L</span>
<span v-else>单位:mg/L</span>
<span>{{colorHL&&colorHL.value.high}}</span> <span>{{colorHL&&colorHL.value.high}}</span>
</p> </p>
</div> </div>
// 控制数据初始 // 控制数据初始
showColor: false, // 控制色带显示影藏 showColor: false, // 控制色带显示影藏
checkedRiver: 0, // 当前河道 checkedRiver: 0, // 当前河道
checkedParams: 0, // 当前参数
checkedParams: 'cod', // 当前参数
checkedRef: false, // 当前主题,是否被选中 checkedRef: false, // 当前主题,是否被选中
checkedPointParams: 0, // 当前采样点参数 checkedPointParams: 0, // 当前采样点参数
isChecked: "google", // isChecked: "google", //
isPoint: false, // 是否点击采样点 isPoint: false, // 是否点击采样点
isPlace: false, // 是否点击土地 isPlace: false, // 是否点击土地
isOutlet: false, // 是否为排口 isOutlet: false, // 是否为排口
isUAV: false,
isUAV: false, //是否叠加无人机
isParams:'cod', // 统计图参数
// 总菜单 // 总菜单
riverList: [ riverList: [
{ {
}, },


// 选择反演参数 // 选择反演参数
selectParams(id, index, $index) {
selectParams(type,id, index, $index) {
// 1.显示四参数的图层并展示对应的图层 // 1.显示四参数的图层并展示对应的图层
this.tileDong.setVisible(true); this.tileDong.setVisible(true);
this.sourceDong4.updateParams({ layers: "show:" + id }); this.sourceDong4.updateParams({ layers: "show:" + id });
// 2.显示色带以及相应的值 // 2.显示色带以及相应的值
this.showColor = true; this.showColor = true;
this.checkedParams = type
let l = 4 * this.checkedRiver; let l = 4 * this.checkedRiver;
for (let i = l; i < l + 4; i++) { for (let i = l; i < l + 4; i++) {
this.colorList.push(this.allcolorList[i]); this.colorList.push(this.allcolorList[i]);
}, },
// 选择采样点参数 // 选择采样点参数
choosePointItem(item, index) { choosePointItem(item, index) {
this.isParams = item
this.checkedPointParams = index; this.checkedPointParams = index;
console.log(item); console.log(item);
this.pointParamsData = this.pointList[item]; this.pointParamsData = this.pointList[item];
if(item=='tp') {
console.log(this.pointParamsData);
this.pointParamsData = this.pointParamsData.forEach(item=> {
(item.value/1000).toFixed(2)
})
}
console.log(this.pointParamsData);
}, },
// 自定义事件关闭弹出框 // 自定义事件关闭弹出框
closePointPopup() { // 关闭采样点弹出框 closePointPopup() { // 关闭采样点弹出框

Loading…
Cancel
Save