Skip to content

P
party-build-cloud
Commit 43d9cbce authored by wangqinghua's avatar wangqinghua
Browse files
Options

一键通

parent 4e8496c2
Show whitespace changes
Inline Side-by-side
Showing with 205 additions and 39 deletions
src/pages/tabs/key/key.html 0 → 100644
View file @ 43d9cbce
<ion-header>
<ion-navbar>
<ion-title>一键通</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<div class="item2">
<div class="item2-2">
<div (click)="goTo('MeetRoomPage')">
<div class="card">
<img src="./assets/imgs/home/icon-hysyd.png">
<label class="label2-2 more2-2">会议室预定</label>
</div>
</div>
<div (click)="goTo('GoodsCollectPage')">
<div class="card">
<img src="./assets/imgs/home/icon-wply.png">
<label class="label2-2 more2-2">物品领用</label>
</div>
</div>
<div (click)="goTo('LearningListPage')">
<div class="card">
<img src="./assets/imgs/home/icon-ycsq.png">
<label class="label2-2 more2-2">用车申请</label>
</div>
</div>
<div (click)="goTo('LearningListPage')">
<div class="card">
<img src="./assets/imgs/home/icon-fkdj.png">
<label class="label2-2 more2-2">访客登记</label>
</div>
</div>
<div (click)="goTo('LearningListPage')">
<div class="card">
<img src="./assets/imgs/home/icon-yjbx.png">
<label class="label2-2 more2-2">一键保修</label>
</div>
</div>
<div (click)="goTo('LearningListPage')">
<div class="card">
<img src="./assets/imgs/home/icon-yylf.png">
<label class="label2-2 more2-2">预约理发</label>
</div>
</div>
<div (click)="goTo('LearningListPage')">
<div class="card">
<img src="./assets/imgs/home/icon-ywzd.png">
<label class="label2-2 more2-2">业务制度</label>
</div>
</div>
<div (click)="goTo('LearningListPage')">
<div class="card">
<img src="./assets/imgs/home/icon-zcgl.png">
<label class="label2-2 more2-2">资产管理</label>
</div>
</div>
</div>
</div>
</ion-content>
src/pages/tabs/key/key.module.ts 0 → 100644
View file @ 43d9cbce
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { KeyPage } from './key';
@NgModule({
declarations: [
KeyPage,
],
imports: [
IonicPageModule.forChild(KeyPage),
],
})
export class KeyPageModule {}
src/pages/tabs/key/key.scss 0 → 100644
View file @ 43d9cbce
page-key {
.item2, .item3, .item4, .item5 {
padding:40px 10px;
}
.item3{
background-color: #fff;
-webkit-transition: height 500ms;
-moz-transition: height 500ms;
-ms-transition: height 500ms;
-o-transition: height 500ms;
transition: height 500ms;
}
.item2-1, .item3-1, .item4-1, .item5-1 {
font-size: 10px;
background-color: #ffffff;
padding-top: 15px;
}
.icon2 {
color: aqua;
margin-left: 6px;
font-size: 16px;
}
.common_applications {
color: #666666;
font-size: 16px;
}
.item2-2, .item3-2, .item4-2, .item5-2 {
background-color: #ffffff;
padding-bottom: 8px;
}
.item2-2, .item3-2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
justify-content: left;
box-sizing: border-box;
}
.item2-2 > div, .item3-2 >div{
width: 33%;
margin-bottom: 10px;
text-align: center;
}
.card3-item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
color: #ffffff;
}
.card {
height: 100%;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
position: relative;
background-color: #f2f5f7;
color: #666666;
padding: 15px;
border-radius: 6px;
}
.card img:first-child {
width: 60%;
}
.icon2-2 {
color: #488afe;
font-size: 40px;
}
}
src/pages/tabs/key/key.ts 0 → 100644
View file @ 43d9cbce
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-key',
templateUrl: 'key.html',
})
export class KeyPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad KeyPage');
}
//前往
goTo(page) {
this.navCtrl.push(page);
}
}
src/pages/tabs/serve/serve.html
View file @ 43d9cbce
......@@ -68,38 +68,6 @@
<label class="label2-2 more2-2 main-color">学习测试</label>
<img class="new-logo" *ngIf="hasNew.test==1" src="./assets/imgs/new.png">
</div>
<div class="card" (click)="goTo('MeetRoomPage')">
<img src="./assets/imgs/home/icon-hysyd.png">
<label class="label2-2 more2-2">会议室预定</label>
</div>
<div class="card" (click)="goTo('GoodsCollectPage')">
<img src="./assets/imgs/home/icon-wply.png">
<label class="label2-2 more2-2">物品领用</label>
</div>
<div class="card" (click)="goTo('LearningListPage')">
<img src="./assets/imgs/home/icon-ycsq.png">
<label class="label2-2 more2-2">用车申请</label>
</div>
<div class="card" (click)="goTo('LearningListPage')">
<img src="./assets/imgs/home/icon-fkdj.png">
<label class="label2-2 more2-2">访客登记</label>
</div>
<div class="card" (click)="goTo('LearningListPage')">
<img src="./assets/imgs/home/icon-yjbx.png">
<label class="label2-2 more2-2">一键保修</label>
</div>
<div class="card" (click)="goTo('LearningListPage')">
<img src="./assets/imgs/home/icon-yylf.png">
<label class="label2-2 more2-2">预约理发</label>
</div>
<div class="card" (click)="goTo('LearningListPage')">
<img src="./assets/imgs/home/icon-ywzd.png">
<label class="label2-2 more2-2">业务制度</label>
</div>
<div class="card" (click)="goTo('LearningListPage')">
<img src="./assets/imgs/home/icon-zcgl.png">
<label class="label2-2 more2-2">资产管理</label>
</div>
<div class="card" (click)="goTo('MoreAppPage')">
<img src="./assets/imgs/home/icon-more.png">
<label class="label2-2 more2-2">更多应用</label>
......
src/pages/tabs/tabs.module.ts
View file @ 43d9cbce
......@@ -9,6 +9,7 @@ import { ContactModule } from './contact/contact.module';
import {NoticePageModule} from "./notice/notice.module";
import {DiscoverPageModule} from "./discover/discover.module";
import {ServePageModule} from "./serve/serve.module";
import {KeyPageModule} from "./key/key.module";
@NgModule({
declarations: [
......@@ -22,7 +23,8 @@ import {ServePageModule} from "./serve/serve.module";
MineModule,
DiscoverPageModule,
ServePageModule,
NoticePageModule
NoticePageModule,
KeyPageModule,
],
entryComponents: [
TabsPage,
......
src/pages/tabs/tabs.ts
View file @ 43d9cbce
......@@ -12,6 +12,7 @@ import {BackButtonService} from "../../provide/backButton.service";
import {ServePage} from "./serve/serve";
import {DiscoverPage} from "./discover/discover";
import {TabsService} from "./tabs.service";
import {KeyPage} from "./key/key";
@Component({
templateUrl: 'tabs.html'
......@@ -29,20 +30,27 @@ export class TabsPage {
tabsIndex;
role: any;
key = {
root: KeyPage,
tabTitle: '一键通',
tabIconOn: '',
tabIconOff: '',
index: 2
};
serve = {
root: ServePage,
tabTitle: '服务',
tabIconOn: 'custom-serve-on',
tabIconOff: 'custom-serve-off',
index: 2
index: 3
};
mine = {
root: MinePage,
tabTitle: '我的',
tabIconOn: 'custom-mine-on',
tabIconOff: 'custom-mine-off',
index: 3
}
index: 4
};
constructor(
......@@ -74,9 +82,9 @@ export class TabsPage {
this.tabSer.getUserIntegral().subscribe(
(res) => {
const mineInfo = res.data;
if(mineInfo.orgName != "退休人员"){
this.tabRoots.push(this.serve,this.mine);
}else{
if (mineInfo.orgName != "退休人员") {
this.tabRoots.push(this.key,this.serve, this.mine);
} else {
this.tabRoots.push(this.mine);
}
}
......
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