页面切图

This commit is contained in:
仲么了
2023-02-10 13:38:19 +08:00
parent 8cf78ec3f5
commit 1e81b90b8f
15 changed files with 371 additions and 90 deletions

View File

@@ -3,11 +3,11 @@
<view style="font-size:24rpx;color:#111" class="ml4 mb20">电网电压频率:49.974Hz</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item">相数</view>
<view class="item">电流(A)</view>
<view class="item">流峰值比</view>
<view class="item">相电压(V)</view>
<view class="item">线电压(V)</view>
<view class="item item-title">相数</view>
<view class="item item-title">电流(A)</view>
<view class="item item-title">流峰值比</view>
<view class="item item-title">相电压(V)</view>
<view class="item item-title">线电压(V)</view>
<view class="item">A</view>
<view class="item">20.339</view>
<view class="item">2.447</view>
@@ -21,33 +21,38 @@
<view class="item">C</view>
<view class="item">20.339</view>
<view class="item">2.447</view>
<view class="item">226.192</view>
<view class="item">391.934</view>
<view class="item">226.192</view>
<view class="item">N</view>
<view class="item">14.078</view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item">相数</view>
<view class="item">视在功要(kVA)</view>
<view class="item">有功功类(kW)</view>
<view class="item">无功功率(kVar)</view>
<view class="item">功率園益</view>
<view class="item">226.8</view>
<view class="item item-title">相数</view>
<view class="item item-title">视在功要(kVA)</view>
<view class="item item-title">有功功类(kW)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">功率因数</view>
<view class="item">A</view>
<view class="item">50.0</view>
<view class="item">4.6</view>
<view class="item">L2</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
<view class="item">B</view>
<view class="item">4.6</view>
<view class="item">L3</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
<view class="item">4.6</view>
<view class="item">N</view>
<view class="item">C</view>
<view class="item"></view>
<view class="item">3.9</view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
</view>

View File

@@ -0,0 +1,45 @@
<template>
<view class='basic'>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item item-title">输出干接点1(上电)</view>
<view class="item item-title">输出干接点2(开机)</view>
<view class="item item-title">输出干接点3(逆变运行)</view>
<view class="item item-title">输出干接点4(故障)</view>
<view class="item item-title">输出干接点5(紧意停机)</view>
<view class="item">断开</view>
<view class="item">开机</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item item-title">输入干接点1</view>
<view class="item item-title">输入干接点2</view>
<view class="item item-title">输入干接点3</view>
<view class="item item-title">输入干接点4</view>
<view class="item item-title">输入干接点5</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
</view>
</view>
</view>
</template>
<script>
export default {
data () {
return {
}
},
methods: {
}
}
</script>
<style lang='scss'>
.basic {}
</style>

View File

@@ -5,11 +5,11 @@
<view style="font-size:24rpx;color:#111" class="ml4 mb20">逆安电压牌率:50.037Hz</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item">相数</view>
<view class="item">电流(A)</view>
<view class="item">流峰值比</view>
<view class="item">相电压(V)</view>
<view class="item">线电压(V)</view>
<view class="item item-title">相数</view>
<view class="item item-title">电流(A)</view>
<view class="item item-title">流峰值比</view>
<view class="item item-title">相电压(V)</view>
<view class="item item-title">线电压(V)</view>
<view class="item">A</view>
<view class="item">20.339</view>
<view class="item">2.447</view>
@@ -28,28 +28,32 @@
<view class="item">N</view>
<view class="item">14.078</view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item">相数</view>
<view class="item">视在功要(kVA)</view>
<view class="item">有功功类(kW)</view>
<view class="item">无功功率(kVar)</view>
<view class="item">功率園益</view>
<view class="item">226.8</view>
<view class="item item-title">相数</view>
<view class="item item-title">视在功要(kVA)</view>
<view class="item item-title">有功功类(kW)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">功率因数</view>
<view class="item">A</view>
<view class="item">50.0</view>
<view class="item">4.6</view>
<view class="item">L2</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
<view class="item">B</view>
<view class="item">4.6</view>
<view class="item">L3</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
<view class="item">4.6</view>
<view class="item">N</view>
<view class="item">C</view>
<view class="item"></view>
<view class="item">3.9</view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
</view>

View File

@@ -0,0 +1,78 @@
<template>
<view class='basic'>
<view class="grid-card">
<view class="grid-card-content-4">
<view class="item item-title">干接点1</view>
<view class="item item-title">干接点2</view>
<view class="item item-title">干接点3</view>
<view class="item item-title">干接点4</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-4">
<view class="item item-title">干接点5</view>
<view class="item item-title">干接点6</view>
<view class="item item-title">干接点7</view>
<view class="item item-title">干接点8</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
<view class="item">断开</view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-4">
<view class="item item-title">温度1(°C)</view>
<view class="item item-title">温度2(°C)</view>
<view class="item item-title">温度3(°C)</view>
<view class="item item-title">温度4(°C)</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-4">
<view class="item item-title">温度5(°C)</view>
<view class="item item-title">漏电流1(mA)</view>
<view class="item item-title">漏电流2(mA)</view>
<view class="item item-title">漏电流3(mA)</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-4">
<view class="item item-title">风扇状态</view>
<view class="item item-title">电网零序电压(V)</view>
<view class="item item-title"></view>
<view class="item item-title"></view>
<view class="item">高速</view>
<view class="item">1.978</view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
</view>
</template>
<script>
export default {
data () {
return {
}
},
methods: {
}
}
</script>
<style lang='scss'>
.basic {}
</style>

View File

@@ -0,0 +1,96 @@
<template>
<view class='basic'>
<view style="font-size:24rpx;color:#111" class="ml4 mb20">输出电压频率:49.974Hz</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item item-title">相数</view>
<view class="item item-title">电流(A)</view>
<view class="item item-title">电流峰值比</view>
<view class="item item-title">相电压(V)</view>
<view class="item item-title">线电压(V)</view>
<view class="item">A</view>
<view class="item">20.339</view>
<view class="item">2.447</view>
<view class="item">226.192</view>
<view class="item">391.934</view>
<view class="item">B</view>
<view class="item">20.339</view>
<view class="item">2.447</view>
<view class="item">226.192</view>
<view class="item">391.934</view>
<view class="item">C</view>
<view class="item">20.339</view>
<view class="item">2.447</view>
<view class="item">391.934</view>
<view class="item">226.192</view>
<view class="item">N</view>
<view class="item">14.078</view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item item-title">相数</view>
<view class="item item-title">视在功要(kVA)</view>
<view class="item item-title">有功功类(kW)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">功率因数</view>
<view class="item">A</view>
<view class="item">50.0</view>
<view class="item">4.6</view>
<view class="item">L2</view>
<view class="item">226.8</view>
<view class="item">B</view>
<view class="item">4.6</view>
<view class="item">L3</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
<view class="item">C</view>
<view class="item">3.9</view>
<view class="item">3.9</view>
<view class="item">3.9</view>
<view class="item">3.9</view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item item-title">相数</view>
<view class="item item-title">负载率</view>
<view class="item item-title"></view>
<view class="item item-title"></view>
<view class="item item-title"></view>
<view class="item">A</view>
<view class="item">0.07</view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
<view class="item">B</view>
<view class="item">0.05</view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
<view class="item">C</view>
<view class="item">0.013</view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
</view>
</template>
<script>
export default {
data () {
return {
}
},
methods: {
}
}
</script>
<style lang='scss'>
.basic {}
</style>

View File

@@ -0,0 +1,31 @@
<template>
<view class='basic'>
<view class="grid-card">
<view class="grid-card-content-5">
<view class="item item-title">系统状态</view>
<view class="item item-title">逆变空开状态</view>
<view class="item item-title">输出空开状态</view>
<view class="item item-title">维修旁路空开状态</view>
<view class="item item-title">故障旁路开关状态</view>
<view class="item">运行:市电供电逆委器充电</view>
<view class="item">闭合</view>
<view class="item">闭合</view>
<view class="item">断开</view>
<view class="item">断开</view>
</view>
</view>
</view>
</template>
<script>
export default {
data () {
return {
}
},
methods: {
}
}
</script>
<style lang='scss'>
.basic {}
</style>