energy
/
ningde_battery_web
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

4.26 代码上传

Browse Source
main
shilei 7 months ago
parent bfd2c3795b
commit 406f1a7ce2
2 changed files with 272 additions and 283 deletions
Show Stats Download Patch File Download Diff File

388
src/pages/battery_details/index.vue
View File

File diff suppressed because it is too large Load Diff

167
src/pages/swapping/index.vue
Unescape View File

@ -1,107 +1,106 @@
<template> <template>
<div class="main_content_hei"> <div class="main_content_hei">
<div class="header_info"> <div class="header_info">
<div class="color_dark"> <div class="color_dark">
<top_one></top_one> <top_one></top_one>
</div> </div>
<div class="color_dark"> <div class="color_dark">
<top_two></top_two> <top_two></top_two>
</div> </div>
<div class="color_dark"> <div class="color_dark">
<top_three :today_data="today_data"></top_three> <top_three :today_data="today_data"></top_three>
</div> </div>
<div class="color_dark"> <div class="color_dark">
<top_four :today_data="today_data"></top_four> <top_four :today_data="today_data"></top_four>
</div> </div>
<div class="color_dark" style="margin: unset;"> <div class="color_dark" style="margin: unset">
<top_five></top_five> <top_five></top_five>
</div> </div>
</div>
<!-- -->
<div class="bot_info">
<div class="bot_dark" style="width: 25%;">
<bot_one></bot_one>
</div>
<div class="bot_dark" style="flex: 1; margin-left: 10px;">
<bot_two></bot_two>
</div>
</div>
</div> </div>
<!-- -->
<div class="bot_info">
<div class="bot_dark" style="width: 25%">
<bot_one></bot_one>
</div>
<div class="bot_dark" style="flex: 1; margin-left: 10px">
<bot_two></bot_two>
</div>
</div>
</div>
</template> </template>
<script> <script>
import top_one from './components/top_one.vue' import top_one from "./components/top_one.vue";
import top_two from './components/top_two.vue' import top_two from "./components/top_two.vue";
import top_three from './components/top_three.vue' import top_three from "./components/top_three.vue";
import top_four from './components/top_four.vue' import top_four from "./components/top_four.vue";
import top_five from './components/top_five.vue' import top_five from "./components/top_five.vue";
import bot_one from './components/bot_one.vue' import bot_one from "./components/bot_one.vue";
import bot_two from './components/bot_two.vue' import bot_two from "./components/bot_two.vue";
import { import {
handle_GetFault, handle_GetFault,
handle_GetSwapBatteryData handle_GetSwapBatteryData,
} from "@/services/swapping"; } from "@/services/swapping";
export default { export default {
components: { components: {
top_one, top_one,
top_two, top_two,
top_three, top_three,
top_four, top_four,
top_five, top_five,
bot_one, bot_one,
bot_two bot_two,
}, },
data() { data() {
return { return {
today_data: null today_data: null,
} };
}, },
methods: { methods: {
handle_GetSwapBatteryData() { handle_GetSwapBatteryData() {
handle_GetSwapBatteryData().then(response => { handle_GetSwapBatteryData().then((response) => {
this.today_data = response.data this.today_data = response.data;
}) });
}
}, },
mounted(){ },
this.handle_GetSwapBatteryData() mounted() {},
} created() {
} this.handle_GetSwapBatteryData();
},
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.header_info { .header_info {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.color_dark { .color_dark {
flex: 1; flex: 1;
margin-right: 10px; margin-right: 10px;
// background: #ccc; // background: #ccc;
// border: 2px solid #ccc; // border: 2px solid #ccc;
background: #fff; background: #fff;
box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc;
height: 180px; height: 180px;
border-radius: 8px; border-radius: 8px;
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
} }
.bot_info { .bot_info {
margin-top: 10px; margin-top: 10px;
height: calc(100% - 190px); height: calc(100% - 190px);
display: flex; display: flex;
} }
.bot_dark { .bot_dark {
height: 100%; height: 100%;
// background: #ccc; // background: #ccc;
// border: 2px solid #ccc; // border: 2px solid #ccc;
background: #fff; background: #fff;
box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc;
border-radius: 8px; border-radius: 8px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save