lijianfu
/
eemcs_ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改风柜系统流程图

meizhou
selia-zx 4 weeks ago
parent
12d0be108b
commit
90b1317425
3 changed files with 70 additions and 60 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .env.development
  2. BIN
      src/assets/images/fenggui.png
  3. 126
      src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue

4
.env.development
Unescape View File

@ -7,9 +7,9 @@ ENV = 'development'
# 开发环境 # 开发环境
# VUE_APP_BASE_API = '/dev-api' # VUE_APP_BASE_API = '/dev-api'
# 后台 # 后台
# VUE_APP_BASE_API = 'http://192.168.1.222:8080' VUE_APP_BASE_API = 'http://192.168.1.222:8080'
# 梅州云端 # 梅州云端
VUE_APP_BASE_API = 'http://106.55.173.225:8091' # VUE_APP_BASE_API = 'http://106.55.173.225:8091'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

BIN
src/assets/images/fenggui.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 576 KiB

After

Width:  |  Height:  |  Size: 738 KiB

126
src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
Unescape View File

@ -101,29 +101,6 @@
src="../../../assets/images/fengshan.png" src="../../../assets/images/fengshan.png"
alt="" alt=""
/> />
<!-- 箭头定位 -->
<div class="arrow-flex">
<img
class="wind-arrow"
src="../../../assets/images/orange-arrow.png"
alt=""
/>
<img
class="wind-arrow"
src="../../../assets/images/orange-arrow.png"
alt=""
/>
<img
class="wind-arrow"
src="../../../assets/images/orange-arrow.png"
alt=""
/>
<img
class="wind-arrow"
src="../../../assets/images/orange-arrow.png"
alt=""
/>
</div>
<div class="arrow-flex2"> <div class="arrow-flex2">
<img <img
class="wind-arrow" class="wind-arrow"
@ -188,8 +165,9 @@
></el-form> ></el-form>
</div> </div>
<div class="wind-tem2" v-if="isObjectValid(airSupplyObj)"> <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
<div class="wind-text">送风温度</div> <div class="wind-text">1#风阀反馈：</div>
<el-input <div>{{ airSupplyObj.collectValue }}%</div>
<!-- <el-input
@keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')" @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
@input="handleInput(airSupplyObj)" @input="handleInput(airSupplyObj)"
@blur="handleBlur()" @blur="handleBlur()"
@ -202,7 +180,15 @@
icon-class="tem_icon" icon-class="tem_icon"
class="tem-icon" class="tem-icon"
/> />
</el-input> </el-input> -->
</div>
<div class="wind-tem3" v-if="isObjectValid(airSupplyObj)">
<div class="wind-text">2#风阀反馈：</div>
<div>{{ airSupplyObj.collectValue }}%</div>
</div>
<div class="wind-tem4" v-if="isObjectValid(airSupplyObj)">
<div class="wind-text">3#风阀反馈：</div>
<div>{{ airSupplyObj.collectValue }}%</div>
</div> </div>
<div class="fan-satatus3"> <div class="fan-satatus3">
<div class="context-li" v-if="isObjectValid(faultAlarmObj)"> <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
@ -256,7 +242,7 @@
</div> </div>
</div> </div>
<div class="fan-satatus2"> <div class="fan-satatus2">
<div class="context-li" v-if="isObjectValid(waterSupplyObj)"> <!-- <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
<div class="wind-text">供水温度</div> <div class="wind-text">供水温度</div>
<el-input <el-input
@keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')" @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
@ -289,7 +275,7 @@
class="tem-icon" class="tem-icon"
/> />
</el-input> </el-input>
</div> </div> -->
<div class="context-li" v-if="isObjectValid(waterValveObj)"> <div class="context-li" v-if="isObjectValid(waterValveObj)">
<div class="wind-text">水阀调节</div> <div class="wind-text">水阀调节</div>
<el-form @submit.native.prevent> <el-form @submit.native.prevent>
@ -1450,9 +1436,9 @@ export default {
} }
.wind-img { .wind-img {
width: 13.1rem; width: 13.1rem;
height: 5.5rem; height: 5.7rem;
position: absolute; position: absolute;
top: 0; top: 0.2rem;
left: 0; left: 0;
z-index: 1; z-index: 1;
} }
@ -1460,8 +1446,8 @@ export default {
z-index: 10; z-index: 10;
width: 1.3rem; width: 1.3rem;
position: absolute; position: absolute;
top: 0.3rem; top: 0.4rem;
left: 7.3rem; left: 4.7rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -1475,15 +1461,48 @@ export default {
z-index: 10; z-index: 10;
width: 1.3rem; width: 1.3rem;
position: absolute; position: absolute;
top: 1.7rem; top: 2.2rem;
right: 0.3rem; right: 0.3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: row;
align-items: center; align-items: center;
font-size: 0.18rem;
.wind-text { .wind-text {
color: #00d2ff; color: #00d2ff;
font-size: 0.18rem; font-size: 0.18rem;
margin-bottom: 0.15rem; white-space: nowrap;
}
}
.wind-tem3 {
z-index: 10;
width: 1.3rem;
position: absolute;
top:4.1rem;
right: 0.3rem;
display: flex;
flex-direction: row;
align-items: center;
font-size: 0.18rem;
.wind-text {
color: #00d2ff;
font-size: 0.18rem;
white-space: nowrap;
}
}
.wind-tem4 {
z-index: 10;
width: 1.3rem;
position: absolute;
top: 5.9rem;
right: 0.3rem;
display: flex;
flex-direction: row;
align-items: center;
font-size: 0.18rem;
.wind-text {
color: #00d2ff;
font-size: 0.18rem;
white-space: nowrap;
} }
} }
.fan-frequency { .fan-frequency {
@ -1503,8 +1522,8 @@ export default {
} }
.fan-satatus1 { .fan-satatus1 {
position: absolute; position: absolute;
top: 4.5rem; top: 4.3rem;
left: 8.5rem; left: 5.5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -1525,8 +1544,8 @@ export default {
} }
.fan-satatus2 { .fan-satatus2 {
position: absolute; position: absolute;
top: 5.5rem; top: 5.3rem;
left: 6rem; left: 3.5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -1547,8 +1566,8 @@ export default {
} }
.fan-satatus3 { .fan-satatus3 {
position: absolute; position: absolute;
top: 1.7rem; top: 1.6rem;
left: 8.5rem; left: 6.3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -1635,8 +1654,8 @@ export default {
.wind-valve { .wind-valve {
z-index: 10; z-index: 10;
position: absolute; position: absolute;
top: 4.6rem; top: 4.4rem;
left: 3rem; left: 1.8rem;
width: 2rem; width: 2rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -1651,8 +1670,8 @@ export default {
.wind-valve2 { .wind-valve2 {
z-index: 10; z-index: 10;
position: absolute; position: absolute;
top: 5rem; top: 4.8rem;
left: 3rem; left: 1.8rem;
width: 2rem; width: 2rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -1668,8 +1687,8 @@ export default {
width: 0.72rem; width: 0.72rem;
height: 0.73rem; height: 0.73rem;
position: absolute; position: absolute;
top: 3.23rem; top: 3.11rem;
right: 3.81rem; right: 6.24rem;
z-index: 10; z-index: 10;
} }
.tunCircle { .tunCircle {
@ -1684,15 +1703,6 @@ export default {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
.arrow-flex {
display: flex;
flex-direction: row;
align-items: center;
z-index: 10;
position: absolute;
top: 3.2rem;
left: -0.1rem;
}
.arrow-flex2 { .arrow-flex2 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -1700,7 +1710,7 @@ export default {
z-index: 10; z-index: 10;
position: absolute; position: absolute;
top: 3.2rem; top: 3.2rem;
right: 0.6rem; right: 2.9rem;
} }
.arrow-flex3 { .arrow-flex3 {
display: flex; display: flex;
@ -1709,7 +1719,7 @@ export default {
z-index: 10; z-index: 10;
position: absolute; position: absolute;
top: 0.6rem; top: 0.6rem;
right: 6rem; right: 8.7rem;
transform: rotateY(180deg); transform: rotateY(180deg);
} }
.wind-arrow { .wind-arrow {

Write Preview
Loading…
Cancel
Save