接口提交

src/views/air-conditioning/index.vue

@@ -2,6 +2,7 @@
 import {ref, reactive,onMounted} from "vue";
 import getPath from "@/utils/getPath.js";
 import dialogBox from './components/dialogBox.vue'
+import {getGeneralSituation,getElectricalCondition,getFailureWarning,getBootStrategy,getMaintenanceReminder,getPolicyEditing} from '@/api/air-conditioning' 
 const systemNumList = ref([
   {
     name: '运行设备数量',
@@ -53,7 +54,7 @@ const electricityContent = ref([
     unit:"kWh",
   },
   {
-    name:'本月用电费用',
+    name:'本年用电费用',
     value:66,
     unit:"万元",
   },
@@ -170,8 +171,79 @@ const closeDialog = (val) =>{
 const controlBtn = ref('on')
 const toggleControl = (event) => {
   controlBtn.value = event.srcElement.className
+  maintenanceReminderInterface()
+}
+// 获取概况数据
+const generalSituationInterface = () =>{
+  getGeneralSituation().then(res=>{
+    systemNumList.value[0].num = res.data[0].Operation
+    systemNumList.value[1].num = res.data[0].Stop
+    overviewList.value[0].num = res.data[0].Area / 10000
+    overviewList.value[1].num = res.data[0].Amount
+  })
+}
+// 获取故障报警
+const failureWarningInterface = () =>{
+  getFailureWarning().then(res=>{
+    faultList.value = res.data.map(el=>{
+      return {
+        name:el.FailureWarning,
+        date:el.FailureTime
+      }
+    })
+  })
+}
+// 获取用电情况数据
+const electricalConditionInterface = () =>{
+  getElectricalCondition().then(res=>{
+    // 今日
+    electricityContent.value[0].value = res.data[0].EH
+    electricityContent.value[1].value = res.data[0].Electricity
+    // 本月
+    electricityContent.value[2].value = res.data[1].EH
+    electricityContent.value[3].value = res.data[1].Electricity
+    // 本年
+    electricityContent.value[4].value = res.data[2].EH
+    electricityContent.value[5].value = res.data[2].Electricity
+  })
+}
+// 开机策略
+const bootStrategyInterface = () =>{
+  getBootStrategy().then(res=>{
+    runTimeList.value = res.data.map(el=>{
+      return {
+        name:el.StrategyName,
+        value:el.StrategyState
+      }
+    })
+  })
+}
+// 维护提醒
+const maintenanceReminderInterface = () =>{
+  console.log(controlBtn.value);
+  let params = {
+    name: controlBtn.value === 'on' ? '已超期':'即将开始'
+  }
+  getMaintenanceReminder(params).then(res=>{
+    maintenanceList.value = res.data.map(el=>{
+      return {
+        name:el.DeviceName,
+        date:el.OverDue
+      }
+    })
+  })
 }
 onMounted(()=>{
+  // 概况接口
+  generalSituationInterface()
+  // 用电接口
+  electricalConditionInterface()
+  // 故障报警接口
+  failureWarningInterface()
+  // 开机策略接口
+  bootStrategyInterface()
+  // 维护提醒接口
+  maintenanceReminderInterface()
 })
 </script>
 
@@ -231,7 +303,7 @@ onMounted(()=>{
       <div class="title margin10">
         <span>故障报警</span>
       </div>
-      <div id="fault" class="margin10 box-bg">
+      <div id="fault" class="margin10 box-bg" >
         <p v-for="s in faultList">
           <span class="name">{{s.name}}</span>
           <span class="date">时间：{{s.date}}</span>
@@ -409,13 +481,18 @@ onMounted(()=>{
   }
 }
 //故障
+#fault::-webkit-scrollbar{
+  display:none;
+}
 #fault{
   padding: 0 1rem;
+  overflow-y:scroll;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
-  align-content: space-evenly;
+  // align-content: space-evenly;
   p{
+    margin:.8rem;
     width: 100%;
     height: 20%;
     background-image: url("@/assets/images/air-conditioning/fault.png");