main
wangqiujuan0808 2023-12-13 13:48:44 +08:00
parent a66b1eb9ad
commit 56d59abe0b
6 changed files with 78 additions and 78 deletions

View File

@ -76,7 +76,7 @@ export default {
color: "#6fdbce", color: "#6fdbce",
label: "Q1", label: "Q1",
value: "20", value: "20",
key: 'VD2700' key: 'vd2700'
}, },
], ],
}, },
@ -88,7 +88,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Q2", label: "Q2",
value: "80", value: "80",
key: 'VD2716' key: 'vd2716'
}, },
], ],
}, },
@ -100,7 +100,7 @@ export default {
color: "#308286", color: "#308286",
label: "Q3", label: "Q3",
value: "80", value: "80",
key: 'VD2800' key: 'vd2800'
}, },
], ],
}, },
@ -112,7 +112,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Q4", label: "Q4",
value: "80", value: "80",
key: 'VD2816' key: 'vd2816'
}, },
], ],
}, },
@ -124,7 +124,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Q5", label: "Q5",
value: "80", value: "80",
key: 'VD2850' key: 'vd2850'
}, },
], ],
}, },
@ -136,7 +136,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Q6", label: "Q6",
value: "80", value: "80",
key: 'VD2866' key: 'vd2866'
}, },
], ],
}, },
@ -148,7 +148,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Q7", label: "Q7",
value: "10", value: "10",
key: 'VD2750' key: 'vd2750'
}, },
], ],
}, },
@ -160,7 +160,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Q8", label: "Q8",
value: "40", value: "40",
key: 'VD2766' key: 'vd2766'
}, },
], ],
} }

View File

@ -9,55 +9,55 @@
<div class="one-card-content"> <div class="one-card-content">
<div> <div>
<p>节水量</p> <p>节水量</p>
<font><span class="font26">{{ baseData && baseData.VD2716.toFixed(2) }}</span></font> <font><span class="font26">{{ baseData && baseData.vd2716.toFixed(2) }}</span></font>
</div> </div>
<div> <div>
<p>节碳量</p> <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>
<div> <div>
<p>原水箱液位<span class="font26">{{ baseData && baseData.VD500.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.vd500Max.toFixed(2) }}</span>m</p>
<p>历史最低<span class="font26">{{ baseData && baseData.VD500Min.toFixed(2) }}</span>m</p> <p>历史最低<span class="font26">{{ baseData && baseData.vd500Min.toFixed(2) }}</span>m</p>
</div> </div>
<div> <div>
<p>净水箱液位<span class="font26">{{ baseData && baseData.VD504.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.vd504Max.toFixed(2) }}</span>m</p>
<p>历史最低<span class="font26">{{ baseData && baseData.VD504Min.toFixed(2) }}</span>m</p> <p>历史最低<span class="font26">{{ baseData && baseData.vd504Min.toFixed(2) }}</span>m</p>
</div> </div>
<div> <div>
<p>UF产水</p> <p>UF产水</p>
<p>瞬时流量<span class="font26">{{ baseData && baseData.VD2700.toFixed(2) }}</span> /H</p> <p>瞬时流量<span class="font26">{{ baseData && baseData.vd2700.toFixed(2) }}</span> /H</p>
<p>累计流量<span class="font26">{{ baseData && baseData.VD2716.toFixed(2) }}</span></p> <p>累计流量<span class="font26">{{ baseData && baseData.vd2716.toFixed(2) }}</span></p>
</div> </div>
<div> <div>
<p>自来水前端</p> <p>自来水前端</p>
<p>瞬时流量<span class="font26">{{ baseData && baseData.VD2800.toFixed(2) }}</span> /H</p> <p>瞬时流量<span class="font26">{{ baseData && baseData.vd2800.toFixed(2) }}</span> /H</p>
<p>累计流量<span class="font26">{{ baseData && baseData.VD2816.toFixed(2) }}</span></p> <p>累计流量<span class="font26">{{ baseData && baseData.vd2816.toFixed(2) }}</span></p>
</div> </div>
<div> <div>
<p>供水</p> <p>供水</p>
<p>瞬时流量<span class="font26">{{ baseData && baseData.VD2850.toFixed(2) }}</span> /H</p> <p>瞬时流量<span class="font26">{{ baseData && baseData.vd2850.toFixed(2) }}</span> /H</p>
<p>累计流量<span class="font26">{{ baseData && baseData.VD2866.toFixed(2) }}</span></p> <p>累计流量<span class="font26">{{ baseData && baseData.vd2866.toFixed(2) }}</span></p>
</div> </div>
<div> <div>
<p>自来水后端</p> <p>自来水后端</p>
<p>瞬时流量<span class="font26">{{ baseData && baseData.VD2750.toFixed(2) }}</span> /H</p> <p>瞬时流量<span class="font26">{{ baseData && baseData.vd2750.toFixed(2) }}</span> /H</p>
<p>累计流量<span class="font26">{{ baseData && baseData.VD2766.toFixed(2) }}</span></p> <p>累计流量<span class="font26">{{ baseData && baseData.vd2766.toFixed(2) }}</span></p>
</div> </div>
<div> <div>
<p>原水水质</p> <p>原水水质</p>
<p>余氯<span class="font26">{{ baseData && baseData.VD2600.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.vd2610.toFixed(2) }}</span> mg/L</p>
<p>氨氮<span class="font26">{{ baseData && baseData.VD2620.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>COD<span class="font26">{{ baseData && baseData.vd2630.toFixed(2) }}</span> mg/L</p>
</div> </div>
<div> <div>
<p>净水水质</p> <p>净水水质</p>
<p>余氯<span class="font26">{{ baseData && baseData.VD2500.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.vd2510.toFixed(2) }}</span> mg/L</p>
<p>氨氮<span class="font26">{{ baseData && baseData.VD2520.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>COD<span class="font26">{{ baseData && baseData.vd2530.toFixed(2) }}</span> mg/L</p>
</div> </div>
</div> </div>

View File

@ -71,7 +71,7 @@ export default {
color: "#6fdbce", color: "#6fdbce",
label: "Q1", label: "Q1",
value: "20", value: "20",
key: 'VD500' key: 'vd500'
}, },
], ],
}, },
@ -83,7 +83,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Max", label: "Max",
value: "80", value: "80",
key: 'VD500Max' key: 'vd500Max'
}, },
], ],
}, },
@ -95,7 +95,7 @@ export default {
color: "#308286", color: "#308286",
label: "Min", label: "Min",
value: "80", value: "80",
key: 'VD500Min' key: 'vd500Min'
}, },
], ],
} }
@ -109,7 +109,7 @@ export default {
color: "#6fdbce", color: "#6fdbce",
label: "Q2", label: "Q2",
value: "20", value: "20",
key: 'VD504' key: 'vd504'
}, },
], ],
}, },
@ -121,7 +121,7 @@ export default {
color: "#00baff", color: "#00baff",
label: "Max", label: "Max",
value: "80", value: "80",
key: 'VD504Max' key: 'vd504Max'
}, },
], ],
}, },
@ -133,7 +133,7 @@ export default {
color: "#308286", color: "#308286",
label: "Min", label: "Min",
value: "9", value: "9",
key: 'VD504Min' key: 'vd504Min'
}, },
] ]
} }

View File

@ -81,8 +81,8 @@ export default {
color: "#6fdbce", color: "#6fdbce",
label: "余氯: ", label: "余氯: ",
value: "20", value: "20",
key: 'VD2600', key: 'vd2600',
key1: 'VD2500' key1: 'vd2500'
}, },
], ],
}, },
@ -94,8 +94,8 @@ export default {
color: "#b7e707", color: "#b7e707",
label: "浊度:", label: "浊度:",
value: "80", value: "80",
key: 'VD2610', key: 'vd2610',
key1: 'VD2510' key1: 'vd2510'
} }
], ],
}, },
@ -107,8 +107,8 @@ export default {
color: "#f58383", color: "#f58383",
label: "氨氮: ", label: "氨氮: ",
value: "80", value: "80",
key: 'VD2620', key: 'vd2620',
key1: 'VD2520' key1: 'vd2520'
}, },
], ],
}, },
@ -120,8 +120,8 @@ export default {
color: "#00ffff", color: "#00ffff",
label: "COD: ", label: "COD: ",
value: "80", value: "80",
key: 'VD2630', key: 'vd2630',
key1: 'VD2530' key1: 'vd2530'
} }
], ],
} }
@ -147,19 +147,19 @@ export default {
}); });
const handleClick = (tab) => { const handleClick = (tab) => {
if (tab.props.name == 'old') { if (tab.props.name == 'old') {
state.listData[0].filed = 'VD2600'; state.listData[0].filed = 'vd2600';
state.listData[1].filed = 'VD2610'; state.listData[1].filed = 'vd2610';
state.listData[2].filed = 'VD2620'; state.listData[2].filed = 'vd2620';
state.listData[3].filed = 'VD2630'; state.listData[3].filed = 'vd2630';
state.dataList.forEach(ele => { state.dataList.forEach(ele => {
ele.data[0].value = Number(state.baseData[ele.data[0].key]).toFixed(2); ele.data[0].value = Number(state.baseData[ele.data[0].key]).toFixed(2);
}) })
} else { } else {
state.listData[0].filed = 'VD2500'; state.listData[0].filed = 'vd2500';
state.listData[1].filed = 'VD2510'; state.listData[1].filed = 'vd2510';
state.listData[2].filed = 'VD2520'; state.listData[2].filed = 'vd2520';
state.listData[3].filed = 'VD2530'; state.listData[3].filed = 'vd2530';
// state.dataList.forEach(ele => { // state.dataList.forEach(ele => {
// ele.data[0].value = Number(state.baseData[ele.data[0].key1]).toFixed(2); // ele.data[0].value = Number(state.baseData[ele.data[0].key1]).toFixed(2);

View File

@ -12,28 +12,28 @@ const store = createStore({
selectTab: 'old', selectTab: 'old',
modelName: '', modelName: '',
pclData: { pclData: {
VD500: 2, vd500: 2,
VD500Max: 12, vd500Max: 12,
VD500Min: 0.8, vd500Min: 0.8,
VD504: 3, vd504: 3,
VD504Max: 11, vd504Max: 11,
VD504Min: 0.4, vd504Min: 0.4,
VD2700: 13.4, vd2700: 13.4,
VD2716: 12.99, vd2716: 12.99,
VD2800: 12.3, vd2800: 12.3,
VD2816: 4.56, vd2816: 4.56,
VD2850: 12.3, vd2850: 12.3,
VD2866: 34.5, vd2866: 34.5,
VD2750: 15.4, vd2750: 15.4,
VD2766: 7.89, vd2766: 7.89,
VD2600: 12, vd2600: 12,
VD2610: 3.23, vd2610: 3.23,
VD2620: 23.4, vd2620: 23.4,
VD2630: 12.3, vd2630: 12.3,
VD2500: 12, vd2500: 12,
VD2510: 3.23, vd2510: 3.23,
VD2520: 23.4, vd2520: 23.4,
VD2530: 12.3 vd2530: 12.3
} }
}, },
mutations: { mutations: {

View File

@ -109,8 +109,8 @@ export default {
watch(() => store.state.pclData, val => { watch(() => store.state.pclData, val => {
if (val) { if (val) {
console.log('主页', val); console.log('主页', val);
state.menus[0].parms[0].value = val.VD2716.toFixed(2); 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[1].value = (val.vd2716 * 0.168).toFixed(2);
} }
}, { deep: true, immediate: true }); }, { deep: true, immediate: true });
onMounted(() => { onMounted(() => {