4.26 代码上传

src/pages/swapping/index.vue

@@ -13,16 +13,16 @@
       <div class="color_dark">
         <top_four :today_data="today_data"></top_four>
       </div>
-            <div class="color_dark" style="margin: unset;">
+      <div class="color_dark" style="margin: unset">
         <top_five></top_five>
       </div>
     </div>
     <!--  -->
     <div class="bot_info">
-            <div class="bot_dark" style="width: 25%;">
+      <div class="bot_dark" style="width: 25%">
         <bot_one></bot_one>
       </div>
-            <div class="bot_dark" style="flex: 1; margin-left: 10px;">
+      <div class="bot_dark" style="flex: 1; margin-left: 10px">
         <bot_two></bot_two>
       </div>
     </div>
@@ -30,16 +30,16 @@
 </template>
 
 <script>
-import top_one from './components/top_one.vue'
-import top_two from './components/top_two.vue'
-import top_three from './components/top_three.vue'
-import top_four from './components/top_four.vue'
-import top_five from './components/top_five.vue'
-import bot_one from './components/bot_one.vue'
-import bot_two from './components/bot_two.vue'
+import top_one from "./components/top_one.vue";
+import top_two from "./components/top_two.vue";
+import top_three from "./components/top_three.vue";
+import top_four from "./components/top_four.vue";
+import top_five from "./components/top_five.vue";
+import bot_one from "./components/bot_one.vue";
+import bot_two from "./components/bot_two.vue";
 import {
   handle_GetFault,
-    handle_GetSwapBatteryData
+  handle_GetSwapBatteryData,
 } from "@/services/swapping";
 export default {
   components: {
@@ -49,29 +49,28 @@ export default {
     top_four,
     top_five,
     bot_one,
-        bot_two
+    bot_two,
   },
   data() {
     return {
-            today_data: null
-        }
+      today_data: null,
+    };
   },
   methods: {
     handle_GetSwapBatteryData() {
-            handle_GetSwapBatteryData().then(response => {
-                this.today_data = response.data
-            })
-        }
+      handle_GetSwapBatteryData().then((response) => {
+        this.today_data = response.data;
+      });
     },
-    mounted(){
-        this.handle_GetSwapBatteryData()
-    }
-}
+  },
+  mounted() {},
+  created() {
+    this.handle_GetSwapBatteryData();
+  },
+};
 </script>
 
 <style lang="less" scoped>
-
-
 .header_info {
   display: flex;
   align-items: center;