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

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

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