xiaomeng/wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
home孙 2025-09-13 10:14:11 +08:00
parent 72d429024e
commit 9af66c074a
1 changed files with 41 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/page/status.vue
View File

@ -13,18 +13,16 @@
<div class="input-title">{{$t('status.instantFlow')}}</div>
<div class="input">{{ countData(inputData['28']) }}</div>
</div>
</div>
<div>
<div class="input-50">
<div class="input-50">
<div class="input-title">{{$t('status.currentVolume')}}</div>
<div class="input">{{ countData(inputData['37']) }}</div>
</div>
</div>
<div>
<div class="input-50">
<div class="input-title">{{$t('status.startupMethod')}}</div>
<div class="input green">{{ openType }}</div>
</div>
</div>
<div>
<div class="input-50">
<div class="input-title">{{$t('status.formulaNumber')}}</div>
<div class="input">{{ countData(inputData['31']) }}</div>
@ -34,12 +32,14 @@
<div class="input">{{ countData(inputData['38']) }}</div>
</div>
</div>
<div>
<!-- <div>
<div class="input-50">
<div class="input-title">什么方式启动搅拌</div>
<div class="input green">{{ openTypeStir }}</div>
</div>
</div>
</div> -->
<div class="left-btn">
<div :class="left1Act[1]==1 ? 'active' : ''">{{$t('status.inletPump')}}</div>
<div :class="left1Act[0]==1 ? 'active' : ''">{{$t('status.fertilizerPump')}}</div>
@ -51,13 +51,20 @@
<div class="main-title"><span>{{$t('status.fertilizerIntensity')}} </span></div>
<div class="view-content">
<div v-for="item, index in left2List" :key="index">
<div class="left" :style="item.img ? `background: url(${item.img}) no-repeat center;` : ''"><span>{{
item.title }}</span></div>
<div class="name">{{ item.name }}</div>
<div class="left"><span>{{
item.name }}</span></div>
<div class="right">
<div class="flex">
<div class="name">配肥强度</div>
<div class="number">{{ item.number }}</div>
</div>
<div class="line"></div>
<div class="number">{{ item.speed }}<span>(L/h)</span></div>
<div class="flex">
<div class="name">配肥速度</div>
<div class="number">{{ item.speed }}<span>L/h</span></div>
</div>
</div>
</div>
</div>
@ -133,7 +140,9 @@
</div>
</div>
<div class="right-view3">
<div class="main-title"><span>{{$t('status.fertilizationSpeed')}} (L/h) </span></div>
<div class="main-title"><span>{{$t('status.fertilizationSpeed')}}</span>
<span>启动方式:{{openTypeStir}}</span>
</div>
<div class="view-content">
<div class="grid" :class="rightList3Show[index]==1?'active':''" v-for="item, index in rightList3" :key="index">
<div>
@ -523,6 +532,8 @@ export default {
return '联动启动'
}else if(list[3]==1){
return '手动启动'
}else{
return '无'
}
},
getType29(index) {
@ -665,7 +676,11 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
.main-title{
display: flex;
align-items: center;
justify-content: space-between;
}
>div {
height: 100%;
}
@ -681,7 +696,8 @@ export default {
width: 100%;
.view-content {
height: 400px;
// height: 400px;
height: 270px;
padding: 20px 16px 37px;
display: flex;
flex-direction: column;
@ -732,7 +748,7 @@ export default {
width: 100%;
.view-content {
height: 321px;
height: 430px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 5px; //纵向间隔
@ -754,7 +770,7 @@ export default {
background-size: 100% 100%;
span {
font-size: 30px;
font-size:18px;
font-family: Oswald;
font-weight: 500;
color: #FFFFFF;
@ -766,12 +782,13 @@ export default {
}
.name {
font-size: 20px;
font-size: 14px;
font-family: Alibaba PuHuiTiR;
font-weight: 400;
color: #FFFFFF;
width: 49px;
// width: 49px;
padding-left: 5px;
margin-right: 5px;
}
.line{
width: 100%;
@ -780,10 +797,14 @@ export default {
}
.right{
width: calc(100% - 100px);
width: calc(100% - 55px);
}
.flex{
display: flex;
align-items: center;
}
.number {
width: 100%;
// width: 100%;
font-size: 24px;
font-family: Oswald;
font-weight: 500;