wqy
/
central-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
触摸屏-直流
Lufaneng 1 year ago
parent 870b6a99c1
commit 5a8b6085e6
3 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File

6
src/App.vue
Unescape View File

@ -21,4 +21,8 @@ onMounted(() => {
</script> </script>
<style lang="scss"></style> <style lang="scss">
* {
font-family: 微软雅黑 sans-serif;
}
</style>

7
src/views/AutomaticMode/index.vue
Unescape View File

@ -168,7 +168,7 @@
<el-dialog v-model="modeDialogVisible" title="选择模式" width="600px" :modal="true" class="brightness-dialog"> <el-dialog v-model="modeDialogVisible" title="选择模式" width="600px" :modal="true" class="brightness-dialog">
<div class="setting-content"> <div class="setting-content">
<div class="modeBox"> <div class="modeBox">
<el-button v-for="(item, index) in 3" :class="index === modeActive ? 'mode-button active' : 'brightness-button'" @click="modeActive = index">模式{{ item }}</el-button> <el-button v-for="(item, index) in 3" :class="index === modeActive ? 'mode-button active' : 'brightness-button dark'" @click="modeActive = index">模式{{ item }}</el-button>
</div> </div>
</div> </div>
<template #footer> <template #footer>
@ -1022,6 +1022,11 @@ const delMode = () => {
&.del { &.del {
background-color: #d42d1f; background-color: #d42d1f;
} }
&.dark {
color: #333;
border: 1px solid #333;
}
} }
.mode-button { .mode-button {

20
src/views/Monitoring/index.vue
Unescape View File

@ -81,7 +81,7 @@
<div class="circuit-row"> <div class="circuit-row">
<div v-for="(circuit, index) in info?.Loops?.slice(0, 5)" :key="circuit.name" class="circuit-item"> <div v-for="(circuit, index) in info?.Loops?.slice(0, 5)" :key="circuit.name" class="circuit-item">
<div class="circuit-status" :class="{ active: circuit.is_open }"> <div class="circuit-status" :class="{ active: circuit.is_open }">
回路{{ index + 1 }}：{{ circuit.is_open ? '打开' : '关闭' }} 直流回路{{ index + 1 }}：{{ circuit.is_open ? '打开' : '关闭' }}
</div> </div>
<!-- <div class="circuit-icon" :class="{ active: circuit.is_open }"> <!-- <div class="circuit-icon" :class="{ active: circuit.is_open }">
<el-icon> <el-icon>
@ -89,10 +89,12 @@
</el-icon> </el-icon>
</div> --> </div> -->
<div class="circuitStatus"> <div class="circuitStatus">
<div class="line">直流电流: <span>{{ circuit.A }}A</span></div>
<div class="line"> <div class="line">
<div class="line_item">直流电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div> <div class="line_item">电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div>
<div class="line_item">功率: <span>{{ circuit.Kw }}kw</span></div> <div class="line_item">电流: <span>{{ circuit.A ? circuit.A?.toFixed(2) : 0 }}A</span></div>
</div>
<div class="line">
<div class="line_item">功率: <span>{{ circuit.Kw ? circuit.Kw?.toFixed(3) : 0 }}kW</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -102,7 +104,7 @@
<div class="circuit-row"> <div class="circuit-row">
<div v-for="(circuit, index) in info?.Loops?.slice(5, 10)" :key="circuit.name" class="circuit-item"> <div v-for="(circuit, index) in info?.Loops?.slice(5, 10)" :key="circuit.name" class="circuit-item">
<div class="circuit-status" :class="{ active: circuit.is_open }"> <div class="circuit-status" :class="{ active: circuit.is_open }">
回路{{ index + 6 }}：{{ circuit.is_open ? '打开' : '关闭' }} 直流回路{{ index + 6 }}：{{ circuit.is_open ? '打开' : '关闭' }}
</div> </div>
<!-- <div class="circuit-icon" :class="{ active: circuit.is_open }"> <!-- <div class="circuit-icon" :class="{ active: circuit.is_open }">
<el-icon> <el-icon>
@ -110,10 +112,12 @@
</el-icon> </el-icon>
</div> --> </div> -->
<div class="circuitStatus"> <div class="circuitStatus">
<div class="line">直流电流: <span>{{ circuit.A }}A</span></div>
<div class="line"> <div class="line">
<div class="line_item">直流电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div> <div class="line_item">电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div>
<div class="line_item">功率: <span>{{ circuit.Kw }}kw</span></div> <div class="line_item">电流: <span>{{ circuit.A ? circuit.A?.toFixed(2) : 0 }}A</span></div>
</div>
<div class="line">
<div class="line_item">功率: <span>{{ circuit.Kw ? circuit.Kw?.toFixed(3) : 0 }}kW</span></div>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save