+
@@ -265,10 +265,16 @@ import load_c_echart from './load_c_echart.vue'
import load_info_echart from './load_info_echart.vue'
import cdz_echart from './cdz_echart.vue'
import carTree from '@/views/commonPage/carTree.vue'
-import { powerCurve_api } from '@/api/carPage/index'
+import { powerCurve_api, transformerOverloadCount_api, running_api } from '@/api/carPage/index'
+import { handleEchartsData } from '@/hooks/handleFun'
+
onMounted(() => {
// 获取右侧数据
getPowerCurve_api()
+ // 获取台区 重过载
+ getTransformerOverloadCount_api()
+ // 获取充电桩列表
+ getRunning_api()
})
// 车网互动专题切换栏
@@ -409,23 +415,6 @@ const handleCurrentChange = (page: number) => {
const hideLeft = ref(true) //默认页面显示
const hideRight = ref(true) //默认页面显示 右边
-interface ChargingList {
- c_name: string
- c_status: string
- c_load: string
- c_total: string
-}
-// 右侧充电桩运行状态
-let chargingList = reactive([
- { c_name: '充电桩1号', c_status: '充电中', c_load: '30', c_total: '1475' },
- { c_name: '充电桩4号', c_status: '充电中', c_load: '45', c_total: '235' },
- { c_name: '充电桩2号', c_status: '充电中', c_load: '50', c_total: '675' },
- { c_name: '充电桩7号', c_status: '未充电', c_load: '32', c_total: '244' },
- { c_name: '充电桩12号', c_status: '未充电', c_load: '48', c_total: '368' },
- { c_name: '充电桩3号', c_status: '未充电', c_load: '56', c_total: '123' },
-
- { c_name: '充电桩3号', c_status: '未充电', c_load: '23', c_total: '566' }
-])
// 组件卸载调用
onUnmounted(() => {
hideLeft.value = false
@@ -453,12 +442,45 @@ const handleThree = val => {
//
//
//
+interface ChargingList {
+ c_name: string
+ c_status: string
+ c_load: string
+ c_total: string
+}
+let carRightData = reactive({
+ echartsData: [],
+ chargingList: [] // 右侧充电桩运行状态
+})
+let transformerOverloadCount = ref(0)
+
+// 获取曲线
let getPowerCurve_api = () => {
powerCurve_api({
mrid: '1242690000004712'
}).then((res: any) => {
- console.log(res,'resresres');
-
+ res?.data.forEach((item: any) => {
+ item.datetime = item.dateTime
+ })
+ let result = handleEchartsData(res.data, 60)
+ carRightData.echartsData = result
+ console.log(result, 'resresres')
+ })
+}
+// 获取台区 重过载
+let getTransformerOverloadCount_api = () => {
+ transformerOverloadCount_api({
+ orgID: '8af8470a47aad8e20147aad92e400335'
+ }).then((res: any) => {
+ transformerOverloadCount.value = res.data
+ })
+}
+// 获取充电桩列表
+let getRunning_api = () => {
+ running_api({
+ orgID: '8af8470a47aad8e20147aad92e400335'
+ }).then((res: any) => {
+ carRightData.chargingList = res.data
})
}
//
@@ -1021,7 +1043,7 @@ const styleVar = computed(() => {
}
}
.load_runstatus_box {
- height: 100%;
+ height: 60%;
width: 95%;
.yuand {
@@ -1072,7 +1094,7 @@ const styleVar = computed(() => {
margin-top: 2%;
// height: changeHeight(370);
- height: 64%;
+ height: 85%;
padding-left: changeHeight(44);
overflow: auto;
diff --git a/src/views/pages/carPage/load_echart.vue b/src/views/pages/carPage/load_echart.vue
index c406fe8..d5cfd7c 100644
--- a/src/views/pages/carPage/load_echart.vue
+++ b/src/views/pages/carPage/load_echart.vue
@@ -1,180 +1,175 @@
-
-
+
+
+ data: yData
+ }
+ ]
+ }
+ myChart.setOption(option)
+
+ // 根据页面大小自动响应图表大小
+ window.addEventListener('resize', function () {
+ myChart.resize()
+ })
+}
+
+.OneLine {
+ height: 100%;
+ width: 100%;
+}
+
\ No newline at end of file
- {{ item.c_name }}
+ {{ item.name }}
- {{ item.c_status }}
+ {{ item.status === '1' ? '充电中' : '未充电'}}
负荷：
- {{ item.c_load }}kW
+ {{ item.rated_power }}kW
-
+