修改-能源消耗

src/views/SchedulingPage/EnergyManagePage.vue

@@ -7,7 +7,6 @@ import {
   getOrganizationStructureInterface
 } from "@/api/scheduling";
 import http from "../../api/http";
-import loading from "element-plus";
 import store from "../../store";
 import { vFloatNumber } from "@/utils/directives.js";
 const { proxy } = getCurrentInstance();
@@ -32,12 +31,14 @@ const reset = () => {
     "energyName": ''
   }
 }
-
+const loading = ref(false)
 const energyForm = ref()
 const dialogVisible = ref(false)
 const getEnergyData = () => {
+  loading.value = true
   http.post("/api/energy/getData", config.supplyType).then((res) => {
     if (res.success) {
+      loading.value = false
       tableData.value = res.data;
       ElMessage.success(res.message);
     } else {
@@ -93,6 +94,8 @@ const handleSearch = () => {
 // 重置按钮
 const handleReset = () => {
   formInline.keyWord = ""
+  config.supplyType = ["0", "1", "2", "3", "4"]
+  getEnergyData()
 }
 
 const timeFormat = (time) => {
@@ -257,6 +260,7 @@ function getOrganizationStructure() {
 onMounted(() => {
   getOrganizationStructure()
   getEnergyData()
+
 })
 </script>
 
@@ -302,7 +306,7 @@ onMounted(() => {
     </table>
 
 
-    <el-table :data="tableData" style="width: 100%;font-size: 12px;color: #181818;"
+    <el-table v-loading="loading" :data="tableData" style="width: 100%;font-size: 12px;color: #181818;"
       :header-cell-style="{ color: '#225475', backgroundColor: '#B8CFEE', 'text-align': 'center', height: '40px', padding: '0px', border: '1px solid #99bbe8' }"
       :cell-style="{ 'text-align': 'center', padding: '0px' }" :row-style="{ height: '30px', padding: '0px' }" border
       stripe max-height="633">