pull/82/head
孙萌 2023-12-26 14:08:18 +08:00
parent 3fd7594de0
commit d69282026e
36 changed files with 2955 additions and 45 deletions

View File

@ -518,10 +518,18 @@
padding: 0 8px; padding: 0 8px;
} }
.input-sel > span {
padding: 0 10px;
}
.input-sel > .title { .input-sel > .title {
margin-bottom: 11px; margin-bottom: 11px;
} }
.input-sel.input-sel-w180 .el-dropdown-link {
width: 180px;
}
.input-sel .el-dropdown-link { .input-sel .el-dropdown-link {
width: 300px; width: 300px;
height: 44px; height: 44px;
@ -601,6 +609,47 @@
color: #859BB6; color: #859BB6;
} }
.input-main.input-main-w120 input {
width: 120px;
}
.input-main.input-main-w260 input {
width: 260px;
}
.input-main.input-main-w80 input {
width: 80px;
}
.input-main.input-main-w100 input {
width: 100px;
}
.number-view {
height: 100%;
display: flex;
align-items: center;
margin: 0 15px 0 0 !important;
}
.number-view > div {
width: 30px;
height: 30px;
background: #0294E2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.p-t-31 {
padding-top: 31px;
}
.input-main-80 { .input-main-80 {
width: 100%; width: 100%;
flex-wrap: wrap; flex-wrap: wrap;
@ -643,6 +692,10 @@
background-color: #014781; background-color: #014781;
} }
.el-dropdown-menu.input-menu-180 {
width: 180px;
}
.el-dropdown-menu .popper__arrow::after { .el-dropdown-menu .popper__arrow::after {
border-bottom-color: rgba(0, 186, 255, 0.25) !important; border-bottom-color: rgba(0, 186, 255, 0.25) !important;
} }
@ -847,6 +900,27 @@
margin-top: 20px; margin-top: 20px;
} }
.text-tips {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #fff;
margin-top: 20px;
}
.title-tips-bold {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #8BEAFF;
margin-top: 20px;
}
.shrink-none > div {
flex-shrink: unset !important;
width: auto !important;
}
.flex-view { .flex-view {
display: flex; display: flex;
align-items: center; align-items: center;
@ -876,8 +950,17 @@
padding-left: 8px; padding-left: 8px;
} }
.m-b-20 {
margin: 10px 8px !important;
}
.flex-warp {
width: 100%;
flex-wrap: wrap;
}
.btn { .btn {
margin: 0 8px !important; margin: 0 8px;
padding: 0 20px; padding: 0 20px;
border-radius: 3px; border-radius: 3px;
height: 40px; height: 40px;
@ -893,6 +976,20 @@
min-width: 120px; min-width: 120px;
} }
.btn.btn-w80 {
min-width: 80px;
}
.btn.btn-w74 {
width: 74px;
min-width: unset;
}
.btn.btn-w66 {
width: 66px;
min-width: unset;
}
.btn > img { .btn > img {
margin-right: 10px; margin-right: 10px;
width: 14px; width: 14px;
@ -1170,6 +1267,10 @@
margin: 15px 0 30px; margin: 15px 0 30px;
} }
.sensorSet .sensor-view .right .right-top .input-sel > span {
padding: 0 10px;
}
.sensorSet .sensor-view .right .right-top .input-sel > .title { .sensorSet .sensor-view .right .right-top .input-sel > .title {
margin-bottom: 11px; margin-bottom: 11px;
} }

File diff suppressed because one or more lines are too long

View File

@ -252,36 +252,47 @@
} }
} }
} }
.warning-btn{
.warning-btn {
justify-content: flex-end; justify-content: flex-end;
.btn.green{
.btn.green {
opacity: 1; opacity: 1;
} }
} }
.warning-model{
padding:0 30px 25px; .warning-model {
.input-main{ padding: 0 30px 25px;
margin: 0;
input{ .input-main {
width: 300px; margin: 0;
input {
width: 300px;
}
} }
}
.input-sel{ .input-sel {
margin-right: 30px; margin-right: 30px;
>span{
>span {
margin-right: 10px; margin-right: 10px;
} }
} }
.input-sel .el-dropdown-link{
width: 200px; .input-sel .el-dropdown-link {
} width: 200px;
.vrcode-btn.red-btn{ }
margin: 0!important;
} .vrcode-btn.red-btn {
margin: 0 !important;
}
} }
.warning-sel{
width: 200px!important; .warning-sel {
width: 200px !important;
} }
.table-title { .table-title {
display: flex; display: flex;
align-items: center; align-items: center;
@ -542,10 +553,17 @@
} }
.input-sel { .input-sel {
>span{
padding: 0 10px;
}
>.title { >.title {
margin-bottom: 11px; margin-bottom: 11px;
} }
&.input-sel-w180{
.el-dropdown-link{
width: 180px;
}
}
.el-dropdown-link { .el-dropdown-link {
width: 300px; width: 300px;
height: 44px; height: 44px;
@ -627,8 +645,54 @@
color: #859BB6; color: #859BB6;
} }
} }
&.input-main-w120{
input{
width: 120px;
}
}
&.input-main-w260{
input{
width: 260px;
}
}
&.input-main-w80{
input{
width: 80px;
}
}
&.input-main-w100{
input{
width: 100px;
}
}
} }
.number-view {
height: 100%;
display: flex;
align-items: center;
margin:0 15px 0 0!important;
>div {
width: 30px;
height: 30px;
background: #0294E2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
}
.p-t-31 {
padding-top: 31px;
}
.input-main-80 { .input-main-80 {
width: 100%; width: 100%;
flex-wrap: wrap; flex-wrap: wrap;
@ -670,7 +734,9 @@
width: 300px; width: 300px;
border: none; border: none;
background-color: #014781; background-color: #014781;
&.input-menu-180{
width:180px;
}
.popper__arrow::after { .popper__arrow::after {
border-bottom-color: rgba(0, 186, 255, 0.25) !important; border-bottom-color: rgba(0, 186, 255, 0.25) !important;
} }
@ -879,6 +945,27 @@
color: #8BEAFF; color: #8BEAFF;
margin-top: 20px; margin-top: 20px;
} }
.text-tips{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #fff;
margin-top: 20px;
}
.title-tips-bold {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #8BEAFF;
margin-top: 20px;
}
.shrink-none {
>div {
flex-shrink: unset !important;
width: auto !important;
}
}
.flex-view { .flex-view {
display: flex; display: flex;
@ -909,9 +996,15 @@
} }
} }
.m-b-20{
margin:10px 8px!important;
}
.flex-warp{
width: 100%;
flex-wrap: wrap;
}
.btn { .btn {
margin: 0 8px !important; margin: 0 8px;
padding: 0 20px; padding: 0 20px;
border-radius: 3px; border-radius: 3px;
height: 40px; height: 40px;
@ -925,7 +1018,17 @@
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
min-width: 120px; min-width: 120px;
&.btn-w80{
min-width: 80px;
}
&.btn-w74{
width: 74px;
min-width: unset;
}
&.btn-w66{
width: 66px;
min-width: unset;
}
>img { >img {
margin-right: 10px; margin-right: 10px;
width: 14px; width: 14px;
@ -1218,7 +1321,9 @@
.input-sel { .input-sel {
margin: 15px 0 30px; margin: 15px 0 30px;
>span{
padding: 0 10px;
}
>.title { >.title {
margin-bottom: 11px; margin-bottom: 11px;
@ -2567,14 +2672,16 @@
} }
.vrcode { .vrcode {
.header{ .header {
.header-right{ .header-right {
width: 500px; width: 500px;
} }
.header-center{
.header-center {
width: calc(100% - 500px - 373px); width: calc(100% - 500px - 373px);
} }
} }
.el-menu { .el-menu {
border-right: none; border-right: none;
} }
@ -2847,10 +2954,12 @@
position: relative; position: relative;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
&.vrcode-model-title-282{
&.vrcode-model-title-282 {
background: url(../img/vrcode-title-282.png) no-repeat; background: url(../img/vrcode-title-282.png) no-repeat;
background-size: 282px 43px; background-size: 282px 43px;
} }
&::after { &::after {
content: ' '; content: ' ';
width: 32px; width: 32px;
@ -3368,9 +3477,11 @@
border-radius: 30px; border-radius: 30px;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
>div{
>div {
min-height: 100%; min-height: 100%;
} }
.mobile-img { .mobile-img {
width: 100%; width: 100%;
height: auto; height: auto;
@ -3394,14 +3505,15 @@
.mobile-content { .mobile-content {
width: 100%; width: 100%;
min-height:453px; min-height: 453px;
text-align: center; text-align: center;
padding: 35px 10px 20px; padding: 35px 10px 20px;
} }
.mobile-view { .mobile-view {
position: relative; position: relative;
margin-bottom: 30px; margin-bottom: 30px;
.mobile-view-content { .mobile-view-content {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -3410,10 +3522,11 @@
padding: 20px 10px 10px 10px; padding: 20px 10px 10px 10px;
position: relative; position: relative;
} }
.mobile-text{
font-size: 14px; .mobile-text {
text-align: left; font-size: 14px;
color: #000; text-align: left;
color: #000;
} }
} }
@ -3540,12 +3653,14 @@
color: #606266; color: #606266;
} }
.el-button--primary{
&.el-button span{ .el-button--primary {
&.el-button span {
color: #fff; color: #fff;
} }
} }
.return-btn { .return-btn {
// width: 120px; // width: 120px;
margin: 0 8px; margin: 0 8px;
@ -3562,4 +3677,4 @@
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
background: #00BB88; background: #00BB88;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -70,7 +70,6 @@ export default {
}, },
"$store.state.equipmentIndex"(newName, oldName) { "$store.state.equipmentIndex"(newName, oldName) {
this.dataInit(); this.dataInit();
console.log(11);
}, },
}, },
mounted() { mounted() {

View File

@ -127,6 +127,66 @@ const routes = [
path: '/snowRemoval', path: '/snowRemoval',
name: 'snowRemoval', name: 'snowRemoval',
component: () => import('../views/wufang/snowRemoval.vue') component: () => import('../views/wufang/snowRemoval.vue')
},{
path: '/targetTemperature',
name: 'targetTemperature',
component: () => import('../views/page/targetTemperature.vue')
},{
path: '/targetHumidity',
name: 'targetHumidity',
component: () => import('../views/page/targetHumidity.vue')
},{
path: '/targetCo2',
name: 'targetCo2',
component: () => import('../views/page/targetCo2.vue')
},{
path: '/sunroofControl',
name: 'sunroofControl',
component: () => import('../views/page/sunroofControl.vue')
},{
path: '/outsizeSunshade',
name: 'outsizeSunshade',
component: () => import('../views/page/outsizeSunshade.vue')
},{
path: '/insizeSunshade',
name: 'insizeSunshade',
component: () => import('../views/page/insizeSunshade.vue')
},{
path: '/wetFan',
name: 'wetFan',
component: () => import('../views/page/wetFan.vue')
},{
path: '/LED',
name: 'LED',
component: () => import('../views/page/LED.vue')
},{
path: '/electromagneticControl',
name: 'electromagneticControl',
component: () => import('../views/page/electromagneticControl.vue')
},{
path: '/coercionMist',
name: 'coercionMist',
component: () => import('../views/page/coercionMist.vue')
},{
path: '/circulationCan',
name: 'circulationCan',
component: () => import('../views/page/circulationCan.vue')
},{
path: '/internalInsulation',
name: 'internalInsulation',
component: () => import('../views/page/internalInsulation.vue')
},{
path: '/forceOutput',
name: 'forceOutput',
component: () => import('../views/page/forceOutput.vue')
},{
path: '/intrinsicParameter',
name: 'intrinsicParameter',
component: () => import('../views/page/intrinsicParameter.vue')
},{
path: '/parameterSet',
name: 'parameterSet',
component: () => import('../views/page/parameterSet.vue')
},] },]
},] },]
}, },

View File

@ -285,7 +285,12 @@ export default {
} else if (item.router == 'largeScreen') { } else if (item.router == 'largeScreen') {
const foundObject = this.limitUserId.find(item => item.id == 2); const foundObject = this.limitUserId.find(item => item.id == 2);
if (!foundObject) return this.$message('您当前没有权限查看!') if (!foundObject){
this.$message('您当前没有权限查看!')
return
}else{
this.$router.push({ name: item.router })
}
} else if (item.router != this.routerNow && !item.http) { } else if (item.router != this.routerNow && !item.http) {

View File

@ -0,0 +1,153 @@
<template>
<div class="wetFan">
<div class="table-title">
<img src="../../assets/img/LED.png" alt="">补光灯
</div>
<div class="title-tips">
工作方式选择
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="text-tips">手动启动时开灯</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn blue btn-w80">
1#
</div>
<div class="btn off btn-w80">
2#
</div>
<div class="btn off btn-w80">
3#
</div>
<div class="btn off btn-w80">
4#
</div>
<div class="btn off btn-w80">
5#
</div>
<div class="btn off btn-w80">
6#
</div>
<div class="btn off btn-w80">
7#
</div>
<div class="btn off btn-w80">
8#
</div>
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>高温报警时禁止启动补光灯</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>使用1#日标温度</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>使用2#日标温度</span>
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室外关照大于</span>
<input type="text" placeholder="0">
<span>禁止启用补光灯 (KLux)</span>
</div>
</div>
<div class="flex-view padding-none shrink-none">
<div class="input-main-80">
<span>多组补光灯启动时间隔</span>
<input type="text" placeholder="0">
<span>秒顺序启动防止同时启动瞬间功率过大</span>
</div>
</div>
<div class="text-tips">时段1</div>
<div class="flex-view border-none padding-none shrink-none">
<div class="input-main-80">
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none">
<div class="input-btn ">
<div class="btn blue btn-w80">
1#
</div>
<div class="btn off btn-w80">
2#
</div>
<div class="btn off btn-w80">
3#
</div>
<div class="btn off btn-w80">
4#
</div>
<div class="btn off btn-w80">
5#
</div>
<div class="btn off btn-w80">
6#
</div>
<div class="btn off btn-w80">
7#
</div>
<div class="btn off btn-w80">
8#
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex: 1,
openIndex1: 1,
openIndex2: 1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,123 @@
<template>
<div class="circulationCan">
<div class="table-title">
<img src="../../assets/img/circulationCan.png" alt="">环流风扇
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>时段1</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>时段2</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>时段3</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>时段4</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>加湿时同时运行环流风扇</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>CO2补气时同时运行环流风扇</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>加湿时同时运行环流风扇</span>
<input type="text" placeholder="0">
<span>%启动环流风扇 控制精度</span>
<input type="text" placeholder="0">
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex:1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,80 @@
<template>
<div class="coercionMist">
<div class="table-title">
<img src="../../assets/img/coercionMist.png" alt="">高压微雾
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main input-main-w120">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<span>开启高压微雾降温</span>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-main input-main-w120">
<span>开启</span>
<input type="text" placeholder="0">
<span>关闭</span>
<input type="text" placeholder="0">
<span>进行间隔工作</span>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main input-main-w120">
<span>室内湿度低于目标湿度</span>
<input type="text" placeholder="0">
<span>%开启高压微雾加湿</span>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-main input-main-w120">
<span>开启</span>
<input type="text" placeholder="0">
<span>关闭</span>
<input type="text" placeholder="0">
<span>进行间隔工作</span>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
openIndex:1
}
},
mounted(){},
methods:{},
}
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,160 @@
<template>
<div class="electromagneticControl">
<div class="table-title">
<img src="../../assets/img/electromagneticControl.png" alt="">电磁自动控制
</div>
<div class="title-tips">
工作方式选择
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel">
<div class="title">运行模式选择(2选1)</div>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-btn p-t-31">
<div class="btn blue btn-w66">
周一
</div>
<div class="btn off btn-w66">
周二
</div>
<div class="btn off btn-w66">
周三
</div>
<div class="btn off btn-w66">
周四
</div>
<div class="btn off btn-w66">
周五
</div>
<div class="btn off btn-w66">
周六
</div>
<div class="btn off btn-w66">
周日
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>时间段启动每次灌溉时长</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="number-view">
<div>1</div>
</div>
<div class="input-main-80">
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>时间段里启动次数</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="number-view">
<div>2</div>
</div>
<div class="input-main-80">
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>时间段里启动次数</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="text-tips">
土壤传感器
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>有效检测时间段</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>最低土壤湿度</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>最高土壤湿度</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>灌溉时长上限</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex: 1,
sensorType: '',
typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
{ label: '空气温度', value: 1, countType: 3, unit: '℃' },
{ label: '空气湿度', value: 2, countType: 2, unit: '%' },]
}
},
mounted() { },
methods: {
//
handleCommand(command) {
console.log(command);
},
},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,38 @@
<template>
<div class="forceOutput">
<div class="table-title">
<img src="../../assets/img/forceOutput.png" alt="">强制输出参数
</div>
<div class="title-tips">
测试模式选择
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn blue">
<img src="../../assets/image/irrigateSet2.png" alt="" />非测试模式
</div>
</div>
</div>
<div class="flex-view">
<div class="input-btn flex-warp">
<div class="btn off btn-w80 m-b-20" v-for="item,index in 64" :key="index">
{{index+1}}#
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {}
},
mounted(){},
methods:{},
}
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,136 @@
<template>
<div class="insizeSunshade">
<div class="table-title">
<img src="../../assets/img/insizeSunshade.png" alt="">外遮阳控制
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>白天遮阳时段限制</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室外光照大于</span>
<input type="text" placeholder="0">
<span>展开内遮阳光照确认时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<span>展开内遮阳</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>夜间保温时段</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>天窗除湿时内遮阳开启角度</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>光照大于</span>
<input type="text" placeholder="0">
<span>提前</span>
<input type="text" placeholder="0">
<span>分钟收拢内遮阳</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温结束时</span>
<input type="text" placeholder="0">
<span>步收拢遮阳网间隔时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex:1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,99 @@
<template>
<div class="internalInsulation">
<div class="table-title">
<img src="../../assets/img/internalInsulation.png" alt="">内保温
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温时段</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温结束时</span>
<input type="text" placeholder="0">
<span>步收拢内保温间隔时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<span>展开内保温</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>天窗除湿时内保温开启角度</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>光照大于</span>
<input type="text" placeholder="0">
<span>提前</span>
<input type="text" placeholder="0">
<span>分钟收拢内保温</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex:1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,256 @@
<template>
<div class="intrinsicParameter">
<div class="table-title">
<img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
<span></span>
<span>2#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
<span></span>
<span>4#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>5#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
<span></span>
<span>6#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>7#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
<span></span>
<span>8#电磁阀自控传感器选择</span>
<input type="text" placeholder="0">
<span>输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>湿帘水泵1-2组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>环流风扇1-2组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>高压微雾1-2组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>冷暖风机1-2组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>CO2补气1-2组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>轴流风机1-5组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span></span>
<span>补光灯1-8组输出通道</span>
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#天窗全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<span>天窗朝向</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#天窗全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<span>天窗朝向</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#天窗全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<span>天窗朝向</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>4#天窗全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
<span>天窗朝向</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>所有设备的行程保护时间</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="title-tips-bold">设备位置</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>经度</span>
<input type="text" placeholder="0">
<span>维度</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#内遮阳全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#内遮阳全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#内保温全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#内保温全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#湿帘窗全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#湿帘窗全程运行时间</span>
<input type="text" placeholder="0">
<span>打开输出通道</span>
<input type="text" placeholder="0">
<span>关闭输出通道</span>
<input type="text" placeholder="0">
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,110 @@
<template>
<div class="outsizeSunshade">
<div class="table-title">
<img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳控制
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>工作时段限制</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>降雨时遮阳网处于的位置</span>
<input type="text" placeholder="0">
<span>%</span>
<span>降雨确认时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>室外光照大于</span>
<input type="text" placeholder="0">
<span>展开外遮阳</span>
<input type="text" placeholder="0">
<span>% (KLux)光照确认时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>室外光照大于</span>
<input type="text" placeholder="0">
<span>外遮阳展开 100%(KLux)</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>风速大于</span>
<input type="text" placeholder="0">
<span>时收拢遮阳网大风保护解除时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<span>展开外遮阳</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex:1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,612 @@
<template>
<div class="parameterSet">
<div class="table-title">
<img src="../../assets/img/parameterSet.png" alt="">厂家内部参数配置
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#外遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>2#外遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#内遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>2#内遮阳:目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>1#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>2#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>3#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>4#天窗: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>环流风机: 1#风扇室内湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>2#风扇室内湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span>湿帘外翻窗1#湿帘窗温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>2#湿帘窗温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span class="padding-none">1#高压微雾:目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-sel input-sel-w180">
<span class="padding-none">2#高压微雾:目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>目标湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境湿度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="flex-view shrink-none border-none">
<div class="input-sel input-sel-w180">
<span>轴流风机: 目标温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="input-sel input-sel-w180">
<span>环境温度选择</span>
<el-dropdown @command="handleCommand">
<div class="el-dropdown-link">
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
</div>
<el-dropdown-menu class="input-menu-180" slot="dropdown">
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
item.label }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
sensorType:'',
typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
{ label: '空气温度', value: 1, countType: 3, unit: '℃' },
{ label: '空气湿度', value: 2, countType: 2, unit: '%' },]
}
},
mounted(){},
methods:{
//
handleCommand(command) {
console.log(command);
},
},
}
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,154 @@
<template>
<div class="sunroofControl">
<div class="table-title">
<img src="../../assets/img/sunroofControl.png" alt="">天窗控制
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none padding-none">
<div class="number-view p-t-31">
<div>1</div>
</div>
<div class="input-main input-main-w120">
<div>温度控制精度</div>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main input-main-w120">
<div>计算周期</div>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none padding-none">
<div class="number-view p-t-31">
<div>2</div>
</div>
<div class="input-main input-main-w120">
<div>比例系数</div>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main input-main-w120">
<div>积分系数</div>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none padding-none">
<div class="number-view p-t-31">
<div>3</div>
</div>
<div class="input-main input-main-w260">
<div>天窗分阶段全部打开次数</div>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view padding-none">
<div class="number-view p-t-31">
<div>4</div>
</div>
<div class="input-main input-main-w260">
<div>风机运行时天窗打开角度</div>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main input-main-w120">
<span>室外温度低于</span>
<input type="text" placeholder="0">
<span>度禁止开启天窗</span>
</div>
</div>
<div class="flex-view padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main input-main-w120">
<span>风速大于</span>
<input type="text" placeholder="0">
<span>关闭天窗大风保护解除时间</span>
</div>
<div class="input-main input-main-w80">
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main input-main-w120">
<span>开启天窗除湿功能</span>
</div>
</div>
<div class="flex-view border-none">
<div class="input-main input-main-w100">
<span>湿度控制精度</span>
<input type="text" placeholder="0">
<span>天窗除湿时开启角度</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view">
<div class="input-main input-main-w100">
<span>实测温度比目标温度低</span>
<input type="text" placeholder="0">
<span>将进行间断除湿开</span>
<input type="text" placeholder="0">
<span>分钟</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main input-main-w120">
<span>室内温度低于</span>
<input type="text" placeholder="0">
<span>禁止开窗除湿</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex: 1
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>

View File

@ -0,0 +1,99 @@
<template>
<div class="targetCo2">
<div class="table-title">
<img src="../../assets/img/targetCo2.png" alt="">目标CO2
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标CO2</span>
<input type="text" placeholder="0">
<span>%</span>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {}
},
mounted(){},
methods:{},
}
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,181 @@
<template>
<div class="targetHumidity">
<div class="table-title">
<img src="../../assets/img/targetHumidity.png" alt="">目标湿度
</div>
<div class="title-tips-bold">
1#目标湿度参数配置
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="title-tips-bold">
2#目标湿度参数配置
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标湿度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {}
},
mounted(){},
methods:{},
}
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,181 @@
<template>
<div class="targetTemperature">
<div class="table-title">
<img src="../../assets/img/targetTemperature.png" alt="">目标温度
</div>
<div class="title-tips-bold">
1#目标温度参数配置
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="title-tips-bold">
2#目标温度参数配置
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>1#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>2#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>3#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>4#时段起始时间</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>过渡时间(分钟)</span>
<input type="text" placeholder="0">
<span></span>
</div>
<div class="input-main-80">
<span>目标温度</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {}
},
mounted(){},
methods:{},
}
</script>
<style lang="scss">
</style>

View File

@ -0,0 +1,248 @@
<template>
<div class="wetFan">
<div class="table-title">
<img src="../../assets/img/wetFan.png" alt="">风机湿帘
</div>
<div class="title-tips">
工作方式选择
</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="text-tips">手动打开时风机启动</div>
<div class="flex-view border-none">
<div class="input-btn ">
<div class="btn blue btn-w80">
1#
</div>
<div class="btn off btn-w80">
2#
</div>
<div class="btn off btn-w80">
3#
</div>
<div class="btn off btn-w80">
4#
</div>
<div class="btn off btn-w80">
5#
</div>
</div>
</div>
<div class="text-tips">工作时段限制</div>
<div class="flex-view border-none">
<div class="input-main-80">
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="text-tips">工作时段限制</div>
<div class="flex-view shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>工作模式一</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>工作模式二</span>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-main-80">
<span>工作模式一风机湿帘工作最大级数</span>
<input type="text" placeholder="0">
<span>风机湿帘工作调整时间</span>
<input type="text" placeholder="0">
<span></span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室外温度小于</span>
<input type="text" placeholder="0">
<span>禁止启动风机</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>实测温度大于目标温度</span>
<input type="text" placeholder="0">
<span>跳过天窗直接启动风机</span>
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>湿帘结束后风机延时吹干湿帘时间</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-main-80">
<span>工作模式二控温精度滞回带</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<span>启动1#风机</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<span>启动2#风机</span>
</div>
</div>
<div class="flex-view padding-none border-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<span>启动3#风机</span>
</div>
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<span>启动4#风机</span>
</div>
</div>
<div class="flex-view padding-none shrink-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>温度大于</span>
<input type="text" placeholder="0">
<span>启动5#风机</span>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-main">
<span>湿帘水泵1:</span>
</div>
<div class="input-btn ">
<div class="btn" :class="openIndex1 == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex1 == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex1 == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view shrink-none">
<div class="input-main-80">
<span>降温需求到达</span>
<input type="text" placeholder="0">
<span>级时湿帘泵1启动</span>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-main">
<span>湿帘水泵2:</span>
</div>
<div class="input-btn ">
<div class="btn" :class="openIndex2 == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex2 == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex2 == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
</div>
</div>
<div class="flex-view border-none shrink-none">
<div class="input-main-80">
<span>降温需求到达2</span>
<input type="text" placeholder="0">
<span>级时湿帘泵2启动</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex: 1,
openIndex1: 1,
openIndex2: 1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>