From d38f3d8c0642d5d58a3baeff5d80abafaa702f9f Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期一, 13 一月 2025 13:43:11 +0800 Subject: [PATCH] ll --- screen/src/views/EnergyConsum.vue | 57 +++++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 49 insertions(+), 8 deletions(-) diff --git a/screen/src/views/EnergyConsum.vue b/screen/src/views/EnergyConsum.vue index 1071fa2..130a929 100644 --- a/screen/src/views/EnergyConsum.vue +++ b/screen/src/views/EnergyConsum.vue @@ -195,7 +195,7 @@ </template> <div class="bottom_wrap" v-if="data1.yesterdayElectricity"> <div class="bottom bottom1" @click="changeacDay(3)"> - <div :class="{ active: activeDays == 3 }" class="num fs_linear">{{ data1.yesterdayElectricity.total || 0 + <div :class="{ active: activeDays == 3 }" class="num fs_linear">{{ dataObj6.obj1.total || 0 }}</div> <div class="name">鏄ㄦ棩鐢ㄧ數</div> <div class="unit">kw路h</div> @@ -203,14 +203,14 @@ <img v-else src="@/assets/images/ic_dianliang_b@2x.png" class="bg" alt="" /> </div> <div class="bottom bottom2" @click="changeacDay(1)"> - <div :class="{ active: activeDays == 1 }" class="num">{{ data1.todayElectricity.total || 0 }}</div> + <div :class="{ active: activeDays == 1 }" class="num">{{ dataObj6.obj2.total || 0 }}</div> <div class="name">浠婃棩鐢ㄧ數</div> <div class="unit">kw路h</div> <img v-if="activeDays == 1" src="@/assets/images/ic_dianliang@2x.png" class="bg" alt="" /> <img v-else src="@/assets/images/ic_dianliang_b@2x.png" class="bg" alt="" /> </div> <div class="bottom bottom3" @click="changeacDay(2)"> - <div :class="{ active: activeDays == 2 }" class="num fs_linear">{{ data1.monthElectricity.total || 0 }} + <div :class="{ active: activeDays == 2 }" class="num fs_linear">{{ dataObj6.obj3.total || 0 }} </div> <div class="name">鏈湀鐢ㄧ數</div> <div class="unit">kw路h</div> @@ -559,15 +559,56 @@ }) } const activeDays = ref('1') -const data6 = ref({}) +const data6 = ref([]) +const dataObj6 = ref({ + obj1: { total: 0 }, + obj2: { total: 0 }, + obj3: { total: 0 }, +}) const changeacDay = (val) => { activeDays.value = val - getData6() + if (val == 3) { + data6.value = dataObj6.value.obj1.list + } else if (val == 1) { + data6.value = dataObj6.value.obj2.list + } else { + data6.value = dataObj6.value.obj3.list + } } + const getData6 = () => { - regionDataRanking({ type: activeDays.value }).then(res => { - const result = res.data || {} - data6.value = result + let obj = { + obj1: { list: [], total: 0 }, + obj2: { list: [], total: 0 }, + obj3: { list: [], total: 0 }, + } + regionDataRanking({ type: 3 }).then(res => { + let arr = res.data || [] + obj.obj1.list = arr + arr.forEach(i => { + obj.obj1.total += Number(i.value) + }) + obj.obj1.total = obj.obj1.total.toFixed(1) + dataObj6.value = obj + }) + regionDataRanking({ type: 1 }).then(res => { + let arr = res.data || [] + obj.obj2.list = arr + arr.forEach(i => { + obj.obj2.total += Number(i.value) + }) + obj.obj2.total = obj.obj2.total.toFixed(1) + dataObj6.value = obj + changeacDay(1) + }) + regionDataRanking({ type: 2 }).then(res => { + let arr = res.data || [] + obj.obj3.list = arr + arr.forEach(i => { + obj.obj3.total += Number(i.value) + }) + obj.obj3.total = obj.obj3.total.toFixed(1) + dataObj6.value = obj }) } -- Gitblit v1.9.3