Skip to content

M
muChangApp
Commit 1e2662a0 authored by frank's avatar frank 🏀
Browse files
Options

做了风机，喷淋，照明完成中

parent dda81506
Hide whitespace changes
Inline Side-by-side
Showing with 288 additions and 142 deletions
src/app/app-routing.module.ts
View file @ 1e2662a0
...@@ -9,6 +9,12 @@ import {RowPage} from './row/row.page'; ...@@ -9,6 +9,12 @@ import {RowPage} from './row/row.page';
import {IndexPage} from './index/index.page'; import {IndexPage} from './index/index.page';
import {OtherPage} from './other/other.page'; import {OtherPage} from './other/other.page';
import {MinePage} from './mine/mine.page'; import {MinePage} from './mine/mine.page';
import {EnvFanPage} from './envCtrl/env-fan/env-fan.page';
import {EnvDetailPage} from './envCtrl/env-detail/env-detail.page';
import {EnvShowerPage} from './envCtrl/env-shower/env-shower.page';
import {EnvLightPageModule} from './envCtrl/env-light/env-light.module';
import {EnvLightPage} from './envCtrl/env-light/env-light.page';
import {EnvWaterchannelPage} from './envCtrl/env-waterchannel/env-waterchannel.page';
const routes: Routes = [ const routes: Routes = [
{ {
...@@ -26,15 +32,18 @@ const routes: Routes = [ ...@@ -26,15 +32,18 @@ const routes: Routes = [
] ]
}, },
{path: 'login', component: LoginPage}, {path: 'login', component: LoginPage},
// {path: 'tabs', loadChildren: './envCtrl/tabs/tabs.module#TabsPageModule'}, {path: 'env-detail',
// { path: 'env-detail', loadChildren: './envCtrl/env-detail/env-detail.module#EnvDetailPageModule' }, component: EnvDetailPage,
// { path: 'env-cfg', loadChildren: './envCtrl/env-cfg/env-cfg.module#EnvCfgPageModule' }, children: [
// { path: 'env-alarm', loadChildren: './envCtrl/env-alarm/env-alarm.module#EnvAlarmPageModule' }, {path:'fan', component: EnvFanPage},
// { path: 'env-home', loadChildren: './envCtrl/env-home/env-home.module#EnvHomePageModule' }, {path:'shower', component: EnvShowerPage},
// { path: 'env-detail', loadChildren: './envCtrl/env-detail/env-detail.module#EnvDetailPageModule' }, {path:'light', component: EnvLightPage},
// { path: 'env-cfg', loadChildren: './envCtrl/env-cfg/env-cfg.module#EnvCfgPageModule' }, {path:'waterchannel', component: EnvWaterchannelPage},
// { path: 'env-alarm', loadChildren: './envCtrl/env-alarm/env-alarm.module#EnvAlarmPageModule' }, {path: '', redirectTo: 'fan',pathMatch:'prefix'},
{ path: 'env-home', loadChildren: './envCtrl/env-home/env-home.module#EnvHomePageModule' }, ]
},
{path: 'tabs', loadChildren: './envCtrl/tabs/tabs.module#TabsPageModule'},
// {path: 'd', component: EnvFanPage},
]; ];
@NgModule({ @NgModule({
......
src/app/app.module.ts
View file @ 1e2662a0
...@@ -42,12 +42,21 @@ import {Load} from './service/load'; ...@@ -42,12 +42,21 @@ import {Load} from './service/load';
import {LoadingBumpComponent} from './components/loading-bump/loading-bump.component'; import {LoadingBumpComponent} from './components/loading-bump/loading-bump.component';
import {KanbanComponent} from './components/kanban/kanban.component'; import {KanbanComponent} from './components/kanban/kanban.component';
import {WtModule} from './components/wt/wt.module'; import {WtModule} from './components/wt/wt.module';
import {EnvHomePage} from './envCtrl/env-home/env-home.page';
import {EnvAnalPage} from './envCtrl/env-anal/env-anal.page';
import {EnvDetailPage} from './envCtrl/env-detail/env-detail.page';
import {EnvCfgPage} from './envCtrl/env-cfg/env-cfg.page';
import {EnvShowerPage} from './envCtrl/env-shower/env-shower.page';
import {EnvWaterchannelPage} from './envCtrl/env-waterchannel/env-waterchannel.page';
import {EnvAlarmPage} from './envCtrl/env-alarm/env-alarm.page';
import {EnvFanPage} from './envCtrl/env-fan/env-fan.page';
import {TabsPage} from './envCtrl/tabs/tabs.page';
import {EnvLightPage} from './envCtrl/env-light/env-light.page';
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
SubTitleComponent, SubTitleComponent,
SwitchComponent,
AlarmBarComponent, AlarmBarComponent,
SearchHistoryComponent, SearchHistoryComponent,
RefreshComponent, RefreshComponent,
...@@ -60,7 +69,12 @@ import {WtModule} from './components/wt/wt.module'; ...@@ -60,7 +69,12 @@ import {WtModule} from './components/wt/wt.module';
IndexPage, IndexPage,
OtherPage, OtherPage,
SearchPage, SearchPage,
MinePage MinePage,
EnvDetailPage,
EnvFanPage,
EnvShowerPage,
EnvLightPage,
EnvWaterchannelPage,
], ],
entryComponents: [], entryComponents: [],
imports: [ imports: [
......
src/app/components/kanban/kanban.component.scss
View file @ 1e2662a0
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
} }
.sub-left{ .sub-left{
font-size: 30px; font-size: 20px; //30
position:relative; position:relative;
// border-right: #cccccc 1px solid; // border-right: #cccccc 1px solid;
display: inline; display: inline;
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
} }
.sub-right{ .sub-right{
font-size: 30px; font-size: 20px; //30
position:relative; position:relative;
display: inline; display: inline;
width: 50%; width: 50%;
......
src/app/components/wt/wt.module.ts
View file @ 1e2662a0
...@@ -2,15 +2,18 @@ import { NgModule } from '@angular/core'; ...@@ -2,15 +2,18 @@ import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import {KanbanComponent} from '../kanban/kanban.component'; import {KanbanComponent} from '../kanban/kanban.component';
import {IonicModule} from '@ionic/angular'; import {IonicModule} from '@ionic/angular';
import {SwitchComponent} from '../switch/switch.component';
@NgModule({ @NgModule({
declarations: [KanbanComponent, ], declarations: [KanbanComponent,
SwitchComponent],
imports: [ imports: [
CommonModule, CommonModule,
IonicModule, IonicModule,
], ],
exports: [ exports: [
KanbanComponent, KanbanComponent,
SwitchComponent,
] ]
}) })
export class WtModule { } export class WtModule { }
src/app/east/east.page.html
View file @ 1e2662a0
<div class="mainCon" style="padding-top: 45px;" [@EnterLeave]> <div class="mainCon" style="" [@EnterLeave]>
<Navbar [leftContent]="icon" <Navbar [leftContent]="icon"
(onLeftClick)="onLeftClick()" (onLeftClick)="onLeftClick()"
[rightContent]="r" [rightContent]="r"
style="background-color: #28c9bd;position: fixed;top: 0;width: 100%;z-index: 2;" style="background-color: #28c9bd;position: fixed;top: 0;width: 100%;z-index: 2;"
> >
{{fieldRegionName}}控制 {{fieldRegionName}}控制
</Navbar> </Navbar>
<ng-template #r> <ng-template #r>
<span (click)="pullToRefresh()">刷新</span> <span (click)="pullToRefresh()">刷新</span>
</ng-template> </ng-template>
<div class="topPart"> <ion-content style="padding-top: 45px ;margin-bottom:45px ;position:relative;overflow-y:auto;">
<ListItem multipleLine *ngIf="yewei || yewei === 0"> <div class="topPart">
当前液位: <ListItem multipleLine *ngIf="yewei || yewei === 0">
<div class="process"> 当前液位:
<div [class]="'inlineProcess ' + color" [ngStyle]="{width: proc + '%'}"> <div class="process">
<div [class]="'inlineProcess ' + color" [ngStyle]="{width: proc + '%'}">
</div>
</div> </div>
</div> {{yewei.toFixed(2)}}m
{{yewei.toFixed(2)}}m
</ListItem>
<ListItem multipleLine *ngIf="temp || temp === 0">
当前温度:
<div style="display: inline-block;margin-left: calc(100% - 145px);vertical-align: middle">
{{temp.toFixed(2)}}℃
</div>
</ListItem>
<div *ngFor="let a of nb;let i = index">
<ListItem multipleLine [extra]="a.fieldDeviceName === '南水' ? s1 : s2">
{{a.fieldDeviceName}}
</ListItem> </ListItem>
<ListItem multipleLine *ngIf="a.fieldDeviceName === '南水' ? nanClicked : beiClicked"> <ListItem multipleLine *ngIf="temp || temp === 0">
选择开启时间 当前温度:
<Stepper class="stepClass" [(ngModel)]="duration" [min]="1" [showNumber]="true"></Stepper> <div style="display: inline-block;margin-left: calc(100% - 145px);vertical-align: middle">
分钟 {{temp.toFixed(2)}}℃
<div style="text-align: right;padding-top: 10px">
<div Button style="margin-right: 10px" class="btn" (click)="cancel()" [inline]="true"
[size]="'small'" [type]="'default'">取消
</div>
<div Button (click)="confirm(a)" class="btn" [inline]="true" [size]="'small'" [type]="'primary'">
确认
</div>
</div> </div>
</ListItem> </ListItem>
<div *ngFor="let a of nb;let i = index">
<ListItem multipleLine [extra]="a.fieldDeviceName === '南水' ? s1 : s2">
{{a.fieldDeviceName}}
</ListItem>
<ListItem multipleLine *ngIf="a.fieldDeviceName === '南水' ? nanClicked : beiClicked">
选择开启时间
<Stepper class="stepClass" [(ngModel)]="duration" [min]="1" [showNumber]="true"></Stepper>
分钟
<div style="text-align: right;padding-top: 10px">
<div Button style="margin-right: 10px" class="btn" (click)="cancel()" [inline]="true"
[size]="'small'" [type]="'default'">取消
</div>
<div Button (click)="confirm(a)" class="btn" [inline]="true" [size]="'small'" [type]="'primary'">
确认
</div>
</div>
</ListItem>
</div>
</div> </div>
</div> <div class="middlePart">
<div class="middlePart"> <ion-item lines="full">
<ion-item lines="full"> <ion-label>运行模式</ion-label>
<ion-label>运行模式</ion-label> <ion-select multiple="false" cancelText="取消" okText="确认" [(ngModel)]="workModeSetting.workMode" [(value)]="workModeSetting.workMode" (ionChange)="workModeEvent()">
<ion-select multiple="false" cancelText="取消" okText="确认" [(ngModel)]="workModeSetting.workMode" [(value)]="workModeSetting.workMode" (ionChange)="workModeEvent()"> <ion-select-option value="0">现场控制</ion-select-option>
<ion-select-option value="0">现场控制</ion-select-option> <ion-select-option value="1">远程手控</ion-select-option>
<ion-select-option value="1">远程手控</ion-select-option> <ion-select-option value="2">全自动</ion-select-option>
<ion-select-option value="2">全自动</ion-select-option> </ion-select>
</ion-select> </ion-item>
</ion-item>
<!--<ion-label>发现设备运行时间过长</ion-label>--> <!--<ion-label>发现设备运行时间过长</ion-label>-->
</div> </div>
<div class="bottomPart"> <div class="bottomPart">
<ion-list> <ion-list>
<ion-item *ngFor="let a of devices;let i = index" lines = "full"> <ion-item *ngFor="let a of devices;let i = index" lines = "full">
<ion-label>{{a.fieldDeviceName}}</ion-label> <ion-label>{{a.fieldDeviceName}}</ion-label>
<v-switch (click)="toggle(a)" [value]="a.value" [disabled]="opDisable" [loading]="a.loading" ></v-switch> <v-switch (click)="toggle(a)" [value]="a.value" [disabled]="opDisable" [loading]="a.loading" ></v-switch>
</ion-item> </ion-item>
</ion-list> </ion-list>
<!--<ListItem multipleLine *ngFor="let a of devices;let i = index">--> <!--<ListItem multipleLine *ngFor="let a of devices;let i = index">-->
<!----> <!---->
<!----> <!---->
<!--</ListItem>--> <!--</ListItem>-->
</div> </div>
<ion-button color="danger" expand="full" (click)="unlock()" *ngIf="alarmMsg.locked">现设备运行时间过长点击解锁</ion-button> <ion-button color="danger" expand="full" (click)="unlock()" *ngIf="alarmMsg.locked">现设备运行时间过长点击解锁</ion-button>
</ion-content>
</div> </div>
<ng-template #icon> <ng-template #icon>
<span class="vo v-back"></span> <span class="vo v-back"></span>
</ng-template> </ng-template>
<ng-template #s1> <ng-template #s1>
<v-switch [value]="value[0]" [disabled]="beiLoading || value[1]" (click)="toggleNb(0)" <v-switch [value]="value[0]" [disabled]="beiLoading || value[1]" (click)="toggleNb(0)"
[loading]="nanLoading"></v-switch> [loading]="nanLoading"></v-switch>
</ng-template> </ng-template>
<ng-template #s2> <ng-template #s2>
<v-switch [value]="value[1]" [disabled]="nanLoading || value[0]" (click)="toggleNb(1)" <v-switch [value]="value[1]" [disabled]="nanLoading || value[0]" (click)="toggleNb(1)"
[loading]="beiLoading"></v-switch> [loading]="beiLoading"></v-switch>
</ng-template> </ng-template>
<v-loading-bump style="z-index: 9999; color: red" [remain]="comm.remain" *ngIf="comm.isLoading"></v-loading-bump> <v-loading-bump style="z-index: 9999; color: red" [remain]="comm.remain" *ngIf="comm.isLoading"></v-loading-bump>
src/app/east/east.page.scss
View file @ 1e2662a0
...@@ -34,6 +34,13 @@ ...@@ -34,6 +34,13 @@
} }
.mainCon{ .mainCon{
height: 100%; //height: 100%;
background-color: white; //background-color: white;
//overflow-x: hidden;-webkit-overflow-scrolling: touch;
//padding-top: 45px;
//margin-bottom: 90px;
}
.topPart{
padding-top: 45px;
} }
\ No newline at end of file
src/app/envCtrl/env-detail/env-detail.module.ts
View file @ 1e2662a0
...@@ -8,17 +8,31 @@ import { IonicModule } from '@ionic/angular'; ...@@ -8,17 +8,31 @@ import { IonicModule } from '@ionic/angular';
import { EnvDetailPage } from './env-detail.page'; import { EnvDetailPage } from './env-detail.page';
import {WtModule} from '../../components/wt/wt.module'; import {WtModule} from '../../components/wt/wt.module';
import {EnvHomePage} from '../env-home/env-home.page'; import {EnvHomePage} from '../env-home/env-home.page';
import {EnvShowerPage} from '../env-shower/env-shower.page';
import {EnvLightPage} from '../env-light/env-light.page';
import {EnvFanPage} from '../env-fan/env-fan.page';
import {EnvWaterchannelPage} from '../env-waterchannel/env-waterchannel.page';
const routes: Routes = [ const routes: Routes = [
{ {
path: '', path: '',
component: EnvDetailPage, component: EnvDetailPage,
children: [ // {
{ // path: 'tab-2-shower',
path: 'tab-2-fan', // component: EnvShowerPage
component: EnvHomePage // },
}, // {
] // path: 'tab-2-light',
// component: EnvLightPage
// },
// {
// path: 'tab-2-channel',
// component: EnvWaterchannelPage
// },
// {
// path:'',
// component: EnvFanPage
// }
} }
]; ];
...@@ -30,7 +44,13 @@ const routes: Routes = [ ...@@ -30,7 +44,13 @@ const routes: Routes = [
WtModule, // for test WtModule, // for test
RouterModule.forChild(routes) RouterModule.forChild(routes)
], ],
declarations: [EnvDetailPage, declarations: [
EnvHomePage,] EnvDetailPage,
EnvWaterchannelPage,
EnvLightPage,
EnvFanPage,
EnvShowerPage,
]
}) })
export class EnvDetailPageModule {} export class EnvDetailPageModule {}
src/app/envCtrl/env-detail/env-detail.page.html
View file @ 1e2662a0
<ion-header> <ion-header style="background-color: #F3F4F4;">
<ion-toolbar> <ion-toolbar>
<ion-title>envDetail</ion-title> <ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>1号牛舍设备详情</ion-title>
</ion-toolbar> </ion-toolbar>
<div> <div style="margin-top: 10px;margin-bottom: 10px">
<span style="font-size: 20px">{{item.online ? '在线' : '离线'}}</span> <span style="font-size: 20px">{{item.online ? '在线' : '离线'}}</span>
<div class="right">{{item.time | date: 'yyyy-MM-dd HH:mm:ss'}}</div> <div class="right">{{item.time | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
</div> </div>
<v-kanban class="home-bar"></v-kanban> <div>
<v-kanban class="home-bar"></v-kanban> <v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban> <v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban> <v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban>
</div>
</ion-header> </ion-header>
<ion-content> <ion-content style="background-color: #F3F4F4;">
<ion-tabs> <ion-tabs>
<!-- Tab bar --> <!-- Tab bar -->
<ion-tab-bar slot="top"> <ion-tab-bar slot="top">
<ion-tab-button tab="tab-2-fan"> <ion-tab-button tab="fan">
<ion-icon name="person"></ion-icon> <ion-label>风机</ion-label>
</ion-tab-button> </ion-tab-button>
<ion-tab-button tab="喷淋"> <ion-tab-button tab="shower">
<ion-icon name="call"></ion-icon> <ion-label>喷淋</ion-label>
</ion-tab-button> </ion-tab-button>
<ion-tab-button tab="照明"> <ion-tab-button tab="light">
<ion-icon name="settings"></ion-icon> <ion-label>照明</ion-label>
</ion-tab-button> </ion-tab-button>
<ion-tab-button tab="水槽"> <ion-tab-button tab="waterchannel">
<ion-icon name="settings"></ion-icon> <ion-label>水槽</ion-label>
</ion-tab-button> </ion-tab-button>
<!--<ion-tab-button tab="settings">--> <!--<ion-tab-button tab="settings">-->
<!--<ion-icon name="settings"></ion-icon>--> <!--<ion-icon name="settings"></ion-icon>-->
...@@ -36,5 +41,4 @@ ...@@ -36,5 +41,4 @@
<!--</ion-tab-button>--> <!--</ion-tab-button>-->
</ion-tab-bar> </ion-tab-bar>
</ion-tabs> </ion-tabs>
<ion-router-outlet></ion-router-outlet>
</ion-content> </ion-content>
src/app/envCtrl/env-detail/env-detail.page.scss
View file @ 1e2662a0
.right { .right {
float: right; float: right;
color: #ffd31a; color: #aaa;
} }
.home-bar{ .home-bar{
......
src/app/envCtrl/env-detail/env-detail.page.ts
View file @ 1e2662a0
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import {Api} from '../../service/api';
import {NavController} from '@ionic/angular';
@Component({ @Component({
selector: 'v-env-detail', selector: 'v-env-detail',
...@@ -7,7 +9,7 @@ import { Component, OnInit } from '@angular/core'; ...@@ -7,7 +9,7 @@ import { Component, OnInit } from '@angular/core';
}) })
export class EnvDetailPage implements OnInit { export class EnvDetailPage implements OnInit {
constructor() { } constructor(private api: Api,public nav: NavController,) { }
item = { item = {
name : '1号牛舍', name : '1号牛舍',
......
src/app/envCtrl/env-home/env-home.page.html
View file @ 1e2662a0
...@@ -22,9 +22,6 @@ ...@@ -22,9 +22,6 @@
<v-kanban class="home-bar"></v-kanban> <v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban> <v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban> <v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban>
<v-kanban class="home-bar"></v-kanban>
<h1 style=" <h1 style="
font-size: 16px; font-size: 16px;
padding-left: 5px; padding-left: 5px;
......
src/app/envCtrl/env-home/env-home.page.ts
View file @ 1e2662a0
...@@ -144,9 +144,27 @@ export class EnvHomePage implements OnInit { ...@@ -144,9 +144,27 @@ export class EnvHomePage implements OnInit {
this.tf.transfer({url: '/index'}); this.tf.transfer({url: '/index'});
} }
} }
//
toControl(p){ // toControl(one){
// const query = '?name=' + one.name + '&no=' + one.no + '&group=' + one.group;
// // this.tf.transfer({
// // url: '/' + one.url,
// // query: query,
// // hash: ''
// // });
// this.nav.navigateForward(one.url + query);
// }
toControl(one) {
const query = '/env-detail?name=' + one.name + '&no=' + one.no + '&group=' + one.group;
// this.tf.transfer({
// url: '/' + one.url,
// query: query,
// hash: ''
// });
console.log(query);
this.nav.navigateForward(query);
//this.nav.navigateRoot(one.url + query);
} }
getData() getData()
......
src/app/envCtrl/tabs/tabs.module.ts
View file @ 1e2662a0
...@@ -14,6 +14,10 @@ import {EnvCfgPage} from '../env-cfg/env-cfg.page'; ...@@ -14,6 +14,10 @@ import {EnvCfgPage} from '../env-cfg/env-cfg.page';
import {KanbanComponent} from '../../components/kanban/kanban.component'; import {KanbanComponent} from '../../components/kanban/kanban.component';
import {AppModule} from '../../app.module'; import {AppModule} from '../../app.module';
import {WtModule} from '../../components/wt/wt.module'; import {WtModule} from '../../components/wt/wt.module';
import {EnvFanPage} from '../env-fan/env-fan.page';
import {EnvShowerPage} from '../env-shower/env-shower.page';
import {EnvLightPage} from '../env-light/env-light.page';
import {EnvWaterchannelPage} from '../env-waterchannel/env-waterchannel.page';
const routes: Routes = [ const routes: Routes = [
{ {
...@@ -24,13 +28,10 @@ const routes: Routes = [ ...@@ -24,13 +28,10 @@ const routes: Routes = [
path: 'tab-home', path: 'tab-home',
component: EnvHomePage component: EnvHomePage
}, },
{ // {
path: 'tab-detail', // path: 'tab-detail',
component: EnvDetailPage, // component: EnvDetailPage
// loadChildren:[{ // },
// path:'./envCtrl/env-detail/env-detail.module#EnvDetailPageModule',
// }]
},
{ {
path: 'tab-anal', path: 'tab-anal',
component: EnvAnalPage component: EnvAnalPage
...@@ -47,9 +48,61 @@ const routes: Routes = [ ...@@ -47,9 +48,61 @@ const routes: Routes = [
path: '', path: '',
redirectTo: '/tabs/tab-home', redirectTo: '/tabs/tab-home',
pathMatch: 'full' pathMatch: 'full'
} },
// {
// path: 'tab-2-fan',
// redirectTo: '/tabs/tab-detail/tab-2-fan',
// pathMatch: 'full'
// },
// {
// path: 'tab-2-fan',
// redirectTo: '/tabs/tab-detail/tab-2-fan',
// pathMatch: 'full'
// },
// {
// path: 'tab-2-shower',
// redirectTo: '/tabs/tab-detail/tab-2-shower',
// pathMatch: 'full'
// },
// {
// path: 'tab-2-light',
// redirectTo: '/tabs/tab-detail/tab-2-light',
// pathMatch: 'full'
// },
// {
// path: 'tab-2-channel',
// redirectTo: '/tabs/tab-detail/tab-2-channel',
// pathMatch: 'full'
// },
] ]
} },
// {
// path: 'tab-detail',
// component: EnvDetailPage,
// children:[
// {
// path: 'tab-2-fan',
// component: EnvFanPage
// },
// {
// path: 'tab-2-shower',
// component: EnvShowerPage
// },
// {
// path: 'tab-2-light',
// component: EnvLightPage
// },
// {
// path: 'tab-2-channel',
// component: EnvWaterchannelPage
// },
// {
// path: '',
// redirectTo: 'tab-2-fan',
// },
// ],
//
// }
]; ];
@NgModule({ @NgModule({
...@@ -63,7 +116,6 @@ const routes: Routes = [ ...@@ -63,7 +116,6 @@ const routes: Routes = [
declarations: [TabsPage, declarations: [TabsPage,
EnvHomePage, EnvHomePage,
EnvAnalPage, EnvAnalPage,
EnvDetailPage,
EnvAlarmPage, EnvAlarmPage,
EnvCfgPage, EnvCfgPage,
] ]
......
src/app/envCtrl/tabs/tabs.page.html
View file @ 1e2662a0
...@@ -6,10 +6,10 @@ ...@@ -6,10 +6,10 @@
<ion-icon name="home"></ion-icon> <ion-icon name="home"></ion-icon>
</ion-tab-button> </ion-tab-button>
<ion-tab-button tab="tab-detail"> <!--<ion-tab-button tab="tab-detail">-->
<ion-label>详情</ion-label> <!--<ion-label>详情</ion-label>-->
<ion-icon name="settings"></ion-icon> <!--<ion-icon name="settings"></ion-icon>-->
</ion-tab-button> <!--</ion-tab-button>-->
<ion-tab-button tab="tab-anal"> <ion-tab-button tab="tab-anal">
<ion-label>分析</ion-label> <ion-label>分析</ion-label>
......
src/app/home/home.page.ts
View file @ 1e2662a0
...@@ -59,7 +59,8 @@ export class HomePage implements OnInit, OnDestroy { ...@@ -59,7 +59,8 @@ export class HomePage implements OnInit, OnDestroy {
// ionic的生命周期函数 // ionic的生命周期函数
ionViewWillEnter() { ionViewWillEnter() {
this.slideDidChange(); this.slideDidChange();
//this.getData(0); this.getData(0);
console.log('-ionViewWillEnter');
} }
ngOnDestroy(): void { ngOnDestroy(): void {
...@@ -111,6 +112,7 @@ export class HomePage implements OnInit, OnDestroy { ...@@ -111,6 +112,7 @@ export class HomePage implements OnInit, OnDestroy {
// query: query, // query: query,
// hash: '' // hash: ''
// }); // });
console.log(one.url + query);
this.nav.navigateForward(one.url + query); this.nav.navigateForward(one.url + query);
//this.nav.navigateRoot(one.url + query); //this.nav.navigateRoot(one.url + query);
} }
......
src/app/index/index.page.html
View file @ 1e2662a0
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
<div class="mainContent"> <div class="mainContent">
<div class="contentPart"> <div class="contentPart">
<div class="leftOnPart" (click)="goTo('home')"></div> <div class="leftOnPart" (click)="goTo('home')"></div>
<div class="rightOnPart " (click)="goTo('row')"></div> <!--<div class="rightOnPart " (click)="goTo('row')"></div>-->
<!--<div class="rightOnPart " (click)="goTo('tabs/tab-home')"></div>--> <div class="rightOnPart " (click)="goTo('tabs/tab-home')"></div>
<div class="leftUnderPart" (click)="goTo('alarm')"></div> <div class="leftUnderPart" (click)="goTo('alarm')"></div>
<div class="rightUnderPart" (click)="goTo('mine')"></div> <div class="rightUnderPart" (click)="goTo('mine')"></div>
</div> </div>
......
src/theme/variables.scss
View file @ 1e2662a0
...@@ -74,4 +74,21 @@ ...@@ -74,4 +74,21 @@
--ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-contrast-rgb: 0, 0, 0;
--ion-color-light-shade: #d7d8da; --ion-color-light-shade: #d7d8da;
--ion-color-light-tint: #f5f6f9; --ion-color-light-tint: #f5f6f9;
/** white **/
--ion-color-white: #FFFFFF;
--ion-color-white-rgb: 255,255,255;
--ion-color-white-contrast: #000000;
--ion-color-white-contrast-rgb: 0,0,0;
--ion-color-white-shade: #e0e0e0;
--ion-color-white-tint: #ffffff;
}
.ion-color-white {
--ion-color-base: var(--ion-color-white);
--ion-color-base-rgb: var(--ion-color-white-rgb);
--ion-color-contrast: var(--ion-color-white-contrast);
--ion-color-contrast-rgb: var(--ion-color-white-contrast-rgb);
--ion-color-shade: var(--ion-color-white-shade);
--ion-color-tint: var(--ion-color-white-tint);
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment