test

src/app/envCtrl/env-change-model/env-change-model.page.html

@@ -3,44 +3,61 @@
         <ion-buttons slot="start">
             <ion-back-button text="" ></ion-back-button>
         </ion-buttons>
-        <ion-title mode="ios" class="title">{{item.fieldRegionName}}详情</ion-title>
-        <ion-buttons slot="end">
-          <ion-button style="font-size: medium" (click)="toHistory(item)">历史</ion-button>
-        </ion-buttons>
+        <ion-title mode="ios" class="title">照明模式填写</ion-title>
     </ion-toolbar>
-    <div class="top">
-        <span [ngClass]="{'online': item.online, 'offline': !item.online}">{{item.online ? '在线' : '离线'}}    </span>
-        <span *ngIf="item.operationModel" class="online">{{item.operationModel ? '平控' :'现控'}}    </span>
-        <span *ngIf="item.operationModel" [ngClass]="{'online': item.isWisdomModel, 'offline': !item.isWisdomModel}" class="online">智控    </span>
-        <span *ngIf="item.ts" class="right">{{item.ts | date: 'yyyy-MM-dd HH:mm'}}</span>
-    </div>
-    <div style="background-color: #F0F0F0;" align="center">
-          <v-kanban class="home-bar" name="温度" [inData]="item.temp" iconClass="vo v-wendu" iconColor="#285B90" iconSize="20px" fontSize="14px"></v-kanban>
-          <v-kanban class="home-bar" name="湿度" [inData]="item.humi" iconClass="vo v-shidu" iconColor="#285B90" iconSize="20px"  fontSize="14px"></v-kanban>
-          <v-kanban class="home-bar" name="热应激" [inData]="item.heatStressLevelName" iconClass="vo v-nav-ico" [iconColor]="item.heatStressColor" iconSize="20px" fontSize="14px"></v-kanban>
-          <v-kanban class="home-bar" name="在舍状态" [inData]="item.inHouse" iconClass="vo v-dapeng-" iconColor="#285B90" iconSize="20px" fontSize="14px"></v-kanban>
-    </div>
-    <div style="background-color: #F0F0F0; height: 30px; padding-right: 10px; padding-top: 5px;">
-           <ion-label style="margin-left:15px; height: 30px; vertical-align: middle;">在离舍开关控制</ion-label>
-           <v-switch (click)="setInHouse(item.inHouse)" [value]="item.inHouse" [loading]="loading"></v-switch>
-    </div>
 </ion-header>
 <ion-content style="background-color: #F3F4F4;">
-  <!--<ion-router-outlet></ion-router-outlet>-->
-    <ion-tabs>
-        <ion-tab-bar slot="top">
-            <ion-tab-button tab="fan" class="tabSelected">
-                <ion-label>风机</ion-label>
-            </ion-tab-button>
-            <ion-tab-button tab="shower" class="tabSelected" [routerLink]="showerLink">  <!--[rootParams]="fieldRegionNo"-->
-                <ion-label>喷淋</ion-label>
-            </ion-tab-button>
-            <ion-tab-button tab="light" class="tabSelected" [routerLink]="lightLink">
-                <ion-label>照明</ion-label>
-            </ion-tab-button>
-            <ion-tab-button tab="waterchannel" class="tabSelected" [routerLink]="waterchannelLink">
-                <ion-label>水槽</ion-label>
-            </ion-tab-button>
-        </ion-tab-bar>
-    </ion-tabs>
+    <ion-item-sliding *ngFor="let cfg of controlConfig">
+        <ion-item class="fanItem">
+            <ion-grid>
+                <ion-row style="width: 100%">
+                    <ion-col size="auto" style="font-size: 13px;">
+                        <ion-item class="fanItem" lines="none">
+                            <ion-label style="width:80px">模式名</ion-label>
+                            <ion-input [(ngModel)]="cfg.name" style="width:80px;"></ion-input>
+                        </ion-item>
+                    </ion-col>
+                    <ion-col size="auto" style="font-size: 13px;">
+                        <ion-item class="fanItem" lines="none">
+                            <ion-label style="width:80px">间隔时间</ion-label>
+                            <ion-input style="width:50px;" [(ngModel)]="cfg.interval"></ion-input>
+                            <ion-label>秒</ion-label>
+                        </ion-item>
+                    </ion-col>
+                </ion-row>
+                <ion-row style="width: 100%">
+                    <ion-col size="auto" style="font-size: 13px;">
+                        <ion-item class="fanItem" lines="none">
+                            <ion-label style="width:80px">设置温度</ion-label>
+                            <ion-input style="width:50px;" [(ngModel)]="cfg.T" (ionFocus)="tempHaveTouch($event)"></ion-input>
+                            <ion-label>℃</ion-label>
+                        </ion-item>
+                    </ion-col>
+                </ion-row>
+                <ion-row style="width: 100%">
+                    <ion-col size="auto" style="font-size: 13px;">
+                        <ion-item class="fanItem" lines="none">
+                            <ion-label style="width:80px">A区喷淋时间</ion-label>
+                            <ion-input style="width:50px;" [(ngModel)]="cfg.A"></ion-input>
+                            <ion-label>秒</ion-label>
+                        </ion-item>
+                    </ion-col>
+                    <ion-col size="auto" style="font-size: 13px;">
+                        <ion-item class="fanItem" lines="none">
+                            <ion-label style="width:80px">B区喷淋时间</ion-label>
+                            <ion-input style="width:50px;" [(ngModel)]="cfg.B"></ion-input>
+                            <ion-label>秒</ion-label>
+                        </ion-item>
+                    </ion-col>
+                </ion-row>
+            </ion-grid>
+        </ion-item>
+        <ion-item-options side="end">
+            <ion-button color='danger' expand="full" style="width:15%;height:90%" (click)="deleteShowerModel(cfg)">删除</ion-button>
+        </ion-item-options>
+    </ion-item-sliding>
+    <ion-item width="100%" lines="none">
+        <!--<ion-button color="secondary" class="addBtn" round (click)="onAddModel()">添加模式</ion-button>-->
+        <ion-icon name="add-circle" (click)="addModel()"></ion-icon>
+    </ion-item>
 </ion-content>