| | |
| | | <script setup> |
| | | import IconArrowRight from "@/components/icons/IconArrowRight.vue"; |
| | | import { ref, computed } from "vue"; |
| | | import formatSeconds from "@/assets/js/tools/formatSeconds"; |
| | | |
| | | const props = defineProps({ |
| | | devIdcode: { |
| | |
| | | devType: { |
| | | type: Number, |
| | | }, |
| | | info: { |
| | | type: Object, |
| | | required: true, |
| | | } |
| | | }); |
| | | |
| | | const testStates = computed(() => { |
| | | if (1 == props.devType) { |
| | | return ["--", "放电测试", "充电测试"][props.info.state?.testType]; |
| | | } else { |
| | | let states = ["充电", "放电", "均衡"]; |
| | | let [res1, res2] = [0, 1].map((v) => |
| | | props.info.state |
| | | ? states[props.info.state[v].workMode] || "--" |
| | | : "--" |
| | | ); |
| | | return `组1:${res1}, 组2: ${res2}`; |
| | | } |
| | | }); |
| | | </script> |
| | | |
| | |
| | | <div class="info"> |
| | | <template v-if="1 == props.devType"> |
| | | <div class="item"> |
| | | 49.5V |
| | | {{ info.state.storageVoltage }}V |
| | | <div class="link"></div> |
| | | </div> |
| | | <div class="item"> |
| | | 0A |
| | | {{ info.state.testCurrent }}A |
| | | <div class="link"></div> |
| | | </div> |
| | | <div class="item"> |
| | | 33AH |
| | | {{ info.state.testCapacity }}AH |
| | | <div class="link"></div> |
| | | </div> |
| | | <div class="item"> |
| | | 00:06:04 |
| | | {{ formatSeconds(info.state.testDuration) }} |
| | | <div class="link"></div> |
| | | </div> |
| | | </template> |
| | |
| | | <div class="link"></div> |
| | | </div> |
| | | <div class="item"> |
| | | 均衡中 |
| | | {{ info.state[0].moduleStatus }} |
| | | <div class="link"></div> |
| | | </div> |
| | | <div class="item index"> |
| | |
| | | <div class="link"></div> |
| | | </div> |
| | | <div class="item"> |
| | | 均衡暂停 |
| | | {{ info.state[1].moduleStatus }} |
| | | <div class="link"></div> |
| | | </div> |
| | | </template> |
| | |
| | | {{ onLine ? "在线" : "离线" }} |
| | | </div> |
| | | <div class="wrap" v-else> |
| | | <div class="workstate">充电测试</div> |
| | | <div class="workstate">{{ info.state.isTesting ? testStates : '--' }}</div> |
| | | <icon-arrow-right class="icon"></icon-arrow-right> |
| | | </div> |
| | | </div> |