main
parent
a66b1eb9ad
commit
56d59abe0b
|
|
@ -76,7 +76,7 @@ export default {
|
|||
color: "#6fdbce",
|
||||
label: "Q1",
|
||||
value: "20",
|
||||
key: 'VD2700'
|
||||
key: 'vd2700'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -88,7 +88,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Q2",
|
||||
value: "80",
|
||||
key: 'VD2716'
|
||||
key: 'vd2716'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -100,7 +100,7 @@ export default {
|
|||
color: "#308286",
|
||||
label: "Q3",
|
||||
value: "80",
|
||||
key: 'VD2800'
|
||||
key: 'vd2800'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -112,7 +112,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Q4",
|
||||
value: "80",
|
||||
key: 'VD2816'
|
||||
key: 'vd2816'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -124,7 +124,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Q5",
|
||||
value: "80",
|
||||
key: 'VD2850'
|
||||
key: 'vd2850'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -136,7 +136,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Q6",
|
||||
value: "80",
|
||||
key: 'VD2866'
|
||||
key: 'vd2866'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -148,7 +148,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Q7",
|
||||
value: "10",
|
||||
key: 'VD2750'
|
||||
key: 'vd2750'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -160,7 +160,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Q8",
|
||||
value: "40",
|
||||
key: 'VD2766'
|
||||
key: 'vd2766'
|
||||
},
|
||||
],
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,55 +9,55 @@
|
|||
<div class="one-card-content">
|
||||
<div>
|
||||
<p>节水量</p>
|
||||
<font><span class="font26">{{ baseData && baseData.VD2716.toFixed(2) }}</span>m³</font>
|
||||
<font><span class="font26">{{ baseData && baseData.vd2716.toFixed(2) }}</span>m³</font>
|
||||
</div>
|
||||
<div>
|
||||
<p>节碳量</p>
|
||||
<font><span class="font26">{{ baseData && (baseData.VD2716 * 0.168).toFixed(2) }}</span>kg</font>
|
||||
<font><span class="font26">{{ baseData && (baseData.vd2716 * 0.168).toFixed(2) }}</span>kg</font>
|
||||
</div>
|
||||
<div>
|
||||
<p>原水箱液位：<span class="font26">{{ baseData && baseData.VD500.toFixed(2) }}</span>m</p>
|
||||
<p>历史最高：<span class="font26">{{ baseData && baseData.VD500Max.toFixed(2) }}</span>m</p>
|
||||
<p>历史最低：<span class="font26">{{ baseData && baseData.VD500Min.toFixed(2) }}</span>m</p>
|
||||
<p>原水箱液位：<span class="font26">{{ baseData && baseData.vd500.toFixed(2) }}</span>m</p>
|
||||
<p>历史最高：<span class="font26">{{ baseData && baseData.vd500Max.toFixed(2) }}</span>m</p>
|
||||
<p>历史最低：<span class="font26">{{ baseData && baseData.vd500Min.toFixed(2) }}</span>m</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>净水箱液位：<span class="font26">{{ baseData && baseData.VD504.toFixed(2) }}</span>m</p>
|
||||
<p>历史最高：<span class="font26">{{ baseData && baseData.VD504Max.toFixed(2) }}</span>m</p>
|
||||
<p>历史最低：<span class="font26">{{ baseData && baseData.VD504Min.toFixed(2) }}</span>m</p>
|
||||
<p>净水箱液位：<span class="font26">{{ baseData && baseData.vd504.toFixed(2) }}</span>m</p>
|
||||
<p>历史最高：<span class="font26">{{ baseData && baseData.vd504Max.toFixed(2) }}</span>m</p>
|
||||
<p>历史最低：<span class="font26">{{ baseData && baseData.vd504Min.toFixed(2) }}</span>m</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>UF产水</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.VD2700.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.VD2716.toFixed(2) }}</span>m³</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.vd2700.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.vd2716.toFixed(2) }}</span>m³</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>自来水前端</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.VD2800.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.VD2816.toFixed(2) }}</span>m³</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.vd2800.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.vd2816.toFixed(2) }}</span>m³</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>供水</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.VD2850.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.VD2866.toFixed(2) }}</span>m³</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.vd2850.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.vd2866.toFixed(2) }}</span>m³</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>自来水后端</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.VD2750.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.VD2766.toFixed(2) }}</span>m³</p>
|
||||
<p>瞬时流量：<span class="font26">{{ baseData && baseData.vd2750.toFixed(2) }}</span> m³/H</p>
|
||||
<p>累计流量：<span class="font26">{{ baseData && baseData.vd2766.toFixed(2) }}</span>m³</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>原水水质</p>
|
||||
<p>余氯：<span class="font26">{{ baseData && baseData.VD2600.toFixed(2) }}</span> mg/L</p>
|
||||
<p>浊度：<span class="font26">{{ baseData && baseData.VD2610.toFixed(2) }}</span> mg/L</p>
|
||||
<p>氨氮：<span class="font26">{{ baseData && baseData.VD2620.toFixed(2) }}</span> mg/L</p>
|
||||
<p>COD：<span class="font26">{{ baseData && baseData.VD2630.toFixed(2) }}</span> mg/L</p>
|
||||
<p>余氯：<span class="font26">{{ baseData && baseData.vd2600.toFixed(2) }}</span> mg/L</p>
|
||||
<p>浊度：<span class="font26">{{ baseData && baseData.vd2610.toFixed(2) }}</span> mg/L</p>
|
||||
<p>氨氮：<span class="font26">{{ baseData && baseData.vd2620.toFixed(2) }}</span> mg/L</p>
|
||||
<p>COD：<span class="font26">{{ baseData && baseData.vd2630.toFixed(2) }}</span> mg/L</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>净水水质</p>
|
||||
<p>余氯：<span class="font26">{{ baseData && baseData.VD2500.toFixed(2) }}</span> mg/L</p>
|
||||
<p>浊度：<span class="font26">{{ baseData && baseData.VD2510.toFixed(2) }}</span> mg/L</p>
|
||||
<p>氨氮：<span class="font26">{{ baseData && baseData.VD2520.toFixed(2) }}</span> mg/L</p>
|
||||
<p>COD：<span class="font26">{{ baseData && baseData.VD2530.toFixed(2) }}</span> mg/L</p>
|
||||
<p>余氯：<span class="font26">{{ baseData && baseData.vd2500.toFixed(2) }}</span> mg/L</p>
|
||||
<p>浊度：<span class="font26">{{ baseData && baseData.vd2510.toFixed(2) }}</span> mg/L</p>
|
||||
<p>氨氮：<span class="font26">{{ baseData && baseData.vd2520.toFixed(2) }}</span> mg/L</p>
|
||||
<p>COD：<span class="font26">{{ baseData && baseData.vd2530.toFixed(2) }}</span> mg/L</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@ export default {
|
|||
color: "#6fdbce",
|
||||
label: "Q1",
|
||||
value: "20",
|
||||
key: 'VD500'
|
||||
key: 'vd500'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -83,7 +83,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Max",
|
||||
value: "80",
|
||||
key: 'VD500Max'
|
||||
key: 'vd500Max'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -95,7 +95,7 @@ export default {
|
|||
color: "#308286",
|
||||
label: "Min",
|
||||
value: "80",
|
||||
key: 'VD500Min'
|
||||
key: 'vd500Min'
|
||||
},
|
||||
],
|
||||
}
|
||||
|
|
@ -109,7 +109,7 @@ export default {
|
|||
color: "#6fdbce",
|
||||
label: "Q2",
|
||||
value: "20",
|
||||
key: 'VD504'
|
||||
key: 'vd504'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -121,7 +121,7 @@ export default {
|
|||
color: "#00baff",
|
||||
label: "Max",
|
||||
value: "80",
|
||||
key: 'VD504Max'
|
||||
key: 'vd504Max'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -133,7 +133,7 @@ export default {
|
|||
color: "#308286",
|
||||
label: "Min",
|
||||
value: "9",
|
||||
key: 'VD504Min'
|
||||
key: 'vd504Min'
|
||||
},
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -81,8 +81,8 @@ export default {
|
|||
color: "#6fdbce",
|
||||
label: "余氯: ",
|
||||
value: "20",
|
||||
key: 'VD2600',
|
||||
key1: 'VD2500'
|
||||
key: 'vd2600',
|
||||
key1: 'vd2500'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -94,8 +94,8 @@ export default {
|
|||
color: "#b7e707",
|
||||
label: "浊度:",
|
||||
value: "80",
|
||||
key: 'VD2610',
|
||||
key1: 'VD2510'
|
||||
key: 'vd2610',
|
||||
key1: 'vd2510'
|
||||
}
|
||||
],
|
||||
},
|
||||
|
|
@ -107,8 +107,8 @@ export default {
|
|||
color: "#f58383",
|
||||
label: "氨氮: ",
|
||||
value: "80",
|
||||
key: 'VD2620',
|
||||
key1: 'VD2520'
|
||||
key: 'vd2620',
|
||||
key1: 'vd2520'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -120,8 +120,8 @@ export default {
|
|||
color: "#00ffff",
|
||||
label: "COD: ",
|
||||
value: "80",
|
||||
key: 'VD2630',
|
||||
key1: 'VD2530'
|
||||
key: 'vd2630',
|
||||
key1: 'vd2530'
|
||||
}
|
||||
],
|
||||
}
|
||||
|
|
@ -147,19 +147,19 @@ export default {
|
|||
});
|
||||
const handleClick = (tab) => {
|
||||
if (tab.props.name == 'old') {
|
||||
state.listData[0].filed = 'VD2600';
|
||||
state.listData[1].filed = 'VD2610';
|
||||
state.listData[2].filed = 'VD2620';
|
||||
state.listData[3].filed = 'VD2630';
|
||||
state.listData[0].filed = 'vd2600';
|
||||
state.listData[1].filed = 'vd2610';
|
||||
state.listData[2].filed = 'vd2620';
|
||||
state.listData[3].filed = 'vd2630';
|
||||
|
||||
state.dataList.forEach(ele => {
|
||||
ele.data[0].value = Number(state.baseData[ele.data[0].key]).toFixed(2);
|
||||
})
|
||||
} else {
|
||||
state.listData[0].filed = 'VD2500';
|
||||
state.listData[1].filed = 'VD2510';
|
||||
state.listData[2].filed = 'VD2520';
|
||||
state.listData[3].filed = 'VD2530';
|
||||
state.listData[0].filed = 'vd2500';
|
||||
state.listData[1].filed = 'vd2510';
|
||||
state.listData[2].filed = 'vd2520';
|
||||
state.listData[3].filed = 'vd2530';
|
||||
|
||||
// state.dataList.forEach(ele => {
|
||||
// ele.data[0].value = Number(state.baseData[ele.data[0].key1]).toFixed(2);
|
||||
|
|
|
|||
|
|
@ -12,28 +12,28 @@ const store = createStore({
|
|||
selectTab: 'old',
|
||||
modelName: '',
|
||||
pclData: {
|
||||
VD500: 2,
|
||||
VD500Max: 12,
|
||||
VD500Min: 0.8,
|
||||
VD504: 3,
|
||||
VD504Max: 11,
|
||||
VD504Min: 0.4,
|
||||
VD2700: 13.4,
|
||||
VD2716: 12.99,
|
||||
VD2800: 12.3,
|
||||
VD2816: 4.56,
|
||||
VD2850: 12.3,
|
||||
VD2866: 34.5,
|
||||
VD2750: 15.4,
|
||||
VD2766: 7.89,
|
||||
VD2600: 12,
|
||||
VD2610: 3.23,
|
||||
VD2620: 23.4,
|
||||
VD2630: 12.3,
|
||||
VD2500: 12,
|
||||
VD2510: 3.23,
|
||||
VD2520: 23.4,
|
||||
VD2530: 12.3
|
||||
vd500: 2,
|
||||
vd500Max: 12,
|
||||
vd500Min: 0.8,
|
||||
vd504: 3,
|
||||
vd504Max: 11,
|
||||
vd504Min: 0.4,
|
||||
vd2700: 13.4,
|
||||
vd2716: 12.99,
|
||||
vd2800: 12.3,
|
||||
vd2816: 4.56,
|
||||
vd2850: 12.3,
|
||||
vd2866: 34.5,
|
||||
vd2750: 15.4,
|
||||
vd2766: 7.89,
|
||||
vd2600: 12,
|
||||
vd2610: 3.23,
|
||||
vd2620: 23.4,
|
||||
vd2630: 12.3,
|
||||
vd2500: 12,
|
||||
vd2510: 3.23,
|
||||
vd2520: 23.4,
|
||||
vd2530: 12.3
|
||||
}
|
||||
},
|
||||
mutations: {
|
||||
|
|
|
|||
|
|
@ -109,8 +109,8 @@ export default {
|
|||
watch(() => store.state.pclData, val => {
|
||||
if (val) {
|
||||
console.log('主页', val);
|
||||
state.menus[0].parms[0].value = val.VD2716.toFixed(2);
|
||||
state.menus[0].parms[1].value = (val.VD2716 * 0.168).toFixed(2);
|
||||
state.menus[0].parms[0].value = val.vd2716.toFixed(2);
|
||||
state.menus[0].parms[1].value = (val.vd2716 * 0.168).toFixed(2);
|
||||
}
|
||||
}, { deep: true, immediate: true });
|
||||
onMounted(() => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue