| | |
| | | const map = ref(); |
| | | |
| | | const devDatas = computed(() => { |
| | | let labels = ["充放电一体机", "锂电池均衡仪"], |
| | | let labels = ["充放电测试仪", "锂电池均衡仪"], |
| | | datas = [ |
| | | { name: "在线", data: [] }, |
| | | { name: "离线", data: [] }, |
| | |
| | | return new Date(a).getTime() - new Date(b).getTime(); |
| | | }).forEach((v) => { |
| | | let item = actm[v]; |
| | | // 2 放电 3充电 |
| | | jhyData[0].data.push(item[3]); |
| | | jhyData[1].data.push(item[2]); |
| | | // 3 放电 2充电 |
| | | jhyData[0].data.push(item[2]); |
| | | jhyData[1].data.push(item[3]); |
| | | |
| | | dates.push(v); |
| | | }); |
| | |
| | | return new Date(a).getTime() - new Date(b).getTime(); |
| | | }).forEach((v) => { |
| | | let item = a200[v]; |
| | | // 2 放电 3充电 |
| | | ytjData[0].data.push(item[3]); |
| | | ytjData[1].data.push(item[2]); |
| | | // 3 放电 2充电 |
| | | ytjData[0].data.push(item[2]); |
| | | ytjData[1].data.push(item[3]); |
| | | }); |
| | | |
| | | } |
| | |
| | | }); |
| | | |
| | | const testDatas = computed(() => { |
| | | // 2 放电 3 充电 |
| | | let labels = ["放电测试", "充电测试"], |
| | | // 3 放电 2 充电 |
| | | let labels_yt = ["放电测试", "充电测试"], |
| | | labels_jh = ["放电", "充电", '均衡'], |
| | | ytjMonthData = [], |
| | | ytjYearData = [], |
| | | jhyMonthData = [], |
| | |
| | | }, |
| | | } = JSON.parse(message.value); |
| | | |
| | | ytjMonthData.push(a200Map["a200MonthMap"][2], a200Map["a200MonthMap"][3]); |
| | | ytjYearData.push(a200Map["a200YearMap"][2], a200Map["a200YearMap"][3]); |
| | | jhyMonthData.push(actmMap["actmMonthMap"][2], actmMap["actmMonthMap"][3]); |
| | | jhyYearData.push(actmMap["actmYearMap"][2], actmMap["actmYearMap"][3]); |
| | | ytjMonthData.push(a200Map["a200MonthMap"][3], a200Map["a200MonthMap"][2]); |
| | | ytjYearData.push(a200Map["a200YearMap"][3], a200Map["a200YearMap"][2]); |
| | | jhyMonthData.push(actmMap["actmMonthMap"][3], actmMap["actmMonthMap"][2], actmMap["actmMonthMap"][4]); |
| | | jhyYearData.push(actmMap["actmYearMap"][3], actmMap["actmYearMap"][2], actmMap["actmYearMap"][4]); |
| | | } |
| | | return { |
| | | labels, |
| | | labels_jh, |
| | | labels_yt, |
| | | ytjMonthData, |
| | | ytjYearData, |
| | | jhyMonthData, |
| | |
| | | ytjTestType.value == 0 |
| | | ? testDatas.value.ytjMonthData |
| | | : testDatas.value.ytjYearData; |
| | | testBar.value?.updateChart(testDatas.value.labels, datas); |
| | | testBar.value?.updateChart(testDatas.value.labels_yt, datas); |
| | | } |
| | | function updateJhTest() { |
| | | let datas = |
| | | jhTestType.value == 0 |
| | | ? testDatas.value.jhyMonthData |
| | | : testDatas.value.jhyYearData; |
| | | jhTestBar.value?.updateChart(testDatas.value.labels, datas); |
| | | jhTestBar.value?.updateChart(testDatas.value.labels_jh, datas); |
| | | } |
| | | function updateMap() { |
| | | const getColor = (onLine) => ["#aaa", "#0f0"][onLine]; |
| | |
| | | // setTimeout(() => { |
| | | // alarmPie.value.updateChart([ |
| | | // { |
| | | // name: "充放电一体机", |
| | | // name: "充放电测试仪", |
| | | // value: 0, |
| | | // }, |
| | | // { |
| | |
| | | <div class="card-content"> |
| | | <div class="info"> |
| | | <div class="info-item"> |
| | | <div class="label">充放电一体机</div> |
| | | <div class="label">充放电测试仪</div> |
| | | <div class="value"> |
| | | <led-num :bits="4" :num="devDatas.ytjCount"></led-num> |
| | | </div> |
| | |
| | | </template> |
| | | <pie ref="alarmPie"></pie> |
| | | </yc-card> --> |
| | | <yc-card class="item" title="充放电一体机测试统计"> |
| | | <yc-card class="item" title="充放电测试仪测试统计"> |
| | | <template #tools> |
| | | <el-radio-group |
| | | v-model="ytjTestType" |
| | |
| | | size="small" |
| | | is-button |
| | | > |
| | | <el-radio-button :value="0">充放电一体机</el-radio-button> |
| | | <el-radio-button :value="0">充放电测试仪</el-radio-button> |
| | | <el-radio-button :value="1">锂电均衡仪</el-radio-button> |
| | | </el-radio-group> |
| | | </template> |