Commit a7568d04 authored by wangqinghua's avatar wangqinghua

color

parent f68c6845
...@@ -33,6 +33,9 @@ p{ ...@@ -33,6 +33,9 @@ p{
.bgc-fff{ .bgc-fff{
background-color: #fff; background-color: #fff;
} }
.bgc-19b5ff{
background-color: #19b5ff;
}
.submit-btn{ .submit-btn{
height: 40px; height: 40px;
margin-bottom: 15px; margin-bottom: 15px;
...@@ -150,6 +153,9 @@ ion-icon { ...@@ -150,6 +153,9 @@ ion-icon {
.header-ios .toolbar-ios:last-child .toolbar-background-ios{ .header-ios .toolbar-ios:last-child .toolbar-background-ios{
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.toolbar-ios ion-title{
padding: 0;
}
.space{ .space{
background-color: #ebedf2; background-color: #ebedf2;
height: 10px; height: 10px;
......
<ion-header> <ion-header>
<ion-navbar> <ion-navbar>
<ion-title text-center>处室可报名人员参与情况</ion-title> <ion-title class="padding-0" text-center>处室可报名人员参与情况</ion-title>
</ion-navbar> </ion-navbar>
</ion-header> </ion-header>
<ion-content class="content"> <ion-content class="content">
......
<ion-header> <ion-header>
<ion-toolbar> <ion-navbar>
<div class="searchToolBar"> <ion-navbar>
<button ion-button clear small navPop style="padding: 0;"> <div class="search-header">
<img class="back-btn" src="./assets/imgs/back.png" /> <ion-input type="text" placeholder="按地点搜索" [(ngModel)]="searchValue" (ionChange)="searchAddress()"></ion-input>
</button> <ion-icon name="close" class="clear" (click)="clearValue()"></ion-icon>
<div class="search-header"> </div>
<ion-input type="text" placeholder="按地点搜索" [(ngModel)]="searchValue" (ionChange)="searchAddress()"></ion-input> </ion-navbar>
<ion-icon name="close" class="clear" (click)="clearValue()"></ion-icon> </ion-navbar>
</div>
</div>
</ion-toolbar>
<div class="pageMenuSlides"> <div class="pageMenuSlides">
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
...@@ -21,9 +19,8 @@ ...@@ -21,9 +19,8 @@
</div> </div>
</ion-header> </ion-header>
<ion-content> <ion-content>
<div class="box">
</div>
<ion-content *ngIf="isSearch"> <ion-content *ngIf="isSearch">
<div class="city-item" *ngFor="let area of searchAreaAll" id="{{area.inorout}}"> <div class="city-item" *ngFor="let area of searchAreaAll" id="{{area.inorout}}">
...@@ -69,15 +66,6 @@ ...@@ -69,15 +66,6 @@
</ng-container> </ng-container>
</ng-container> </ng-container>
</ion-item> </ion-item>
<!--<div class="city-item" *ngFor="let area of outerAreaAll" id="{{area.code}}1">-->
<!--&lt;!&ndash;<div class="city-title">{{area.code}}</div>&ndash;&gt;-->
<!--<div class="city-box">-->
<!--&lt;!&ndash;<div class="city" *ngFor="let item of area.list">&ndash;&gt;-->
<!--<span (click)="selectedCity(area)">{{area.areaName}}</span>-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--</div>-->
<!--</div>-->
</ion-content> </ion-content>
</ion-slide> </ion-slide>
</ion-slides> </ion-slides>
......
...@@ -25,6 +25,7 @@ page-chooseAddress { ...@@ -25,6 +25,7 @@ page-chooseAddress {
height: 15px; height: 15px;
border-radius: 15px; border-radius: 15px;
text-align: center; text-align: center;
margin-right: 10px;
} }
.pageMenuSlides{ .pageMenuSlides{
...@@ -107,5 +108,13 @@ page-chooseAddress { ...@@ -107,5 +108,13 @@ page-chooseAddress {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.text-input::-webkit-input-placeholder{
color:#fff;
}
.header-ios .toolbar-ios:last-child .toolbar-background-ios{
border: none;
}
} }
...@@ -16,6 +16,8 @@ declare var Swiper; ...@@ -16,6 +16,8 @@ declare var Swiper;
export class ChooseAddressPage { export class ChooseAddressPage {
swiper: any; swiper: any;
changeType = 1;
//ViewChild传入一个字符串contentSlides,变量contentSlides接收。其它不变 //ViewChild传入一个字符串contentSlides,变量contentSlides接收。其它不变
@ViewChild('contentSlides') contentSlides: Slides; @ViewChild('contentSlides') contentSlides: Slides;
@ViewChild('content1') content1: Content; @ViewChild('content1') content1: Content;
......
...@@ -22,8 +22,6 @@ ...@@ -22,8 +22,6 @@
<div class="contact-box-right"> <div class="contact-box-right">
<div> <div>
<span class="contact-name">{{contactPerson.name}}</span> <span class="contact-name">{{contactPerson.name}}</span>
<ion-icon name="male" class="contact-sex male" *ngIf="contactPerson.gender =='1'||contactPerson.gender==null"></ion-icon>
<ion-icon name="female" class="contact-sex female" *ngIf="contactPerson.gender =='0'"></ion-icon>
</div> </div>
<div class="contact-organization">{{contactPerson.orgName}}</div> <div class="contact-organization">{{contactPerson.orgName}}</div>
<div> <div>
......
...@@ -119,11 +119,12 @@ export class OutGoingReportDetailPage { ...@@ -119,11 +119,12 @@ export class OutGoingReportDetailPage {
} }
ngOnInit():void{ ionViewDidEnter() {
const length = this.navCtrl.length();
if(length > 5){
this.navCtrl.remove(3, length-4);
} }
}
//添加地点 //添加地点
addAddress(){ addAddress(){
......
...@@ -28,22 +28,18 @@ ...@@ -28,22 +28,18 @@
</div> </div>
</ion-item> </ion-item>
<ion-item> <ion-item>
<!-- <div class="report-item">
<div class="report-item-title">离沪</div>
<img class="right-icon" src="./assets/imgs/right.png" *ngIf="isLeave" (click)="chooseLeave(1)">
<img class="right-icon" src="./assets/imgs/right-grey.png" *ngIf="!isLeave" (click)="chooseLeave(0)">
</div> -->
<div class="report-item"> <div class="choose-item">
<div class="report-item-title">不离沪</div> <div (click)="chooseLeave(1)" class="report-item-title {{ !isLeave?'isLeave':'notLeave' }}">
<img class="right-icon" src="./assets/imgs/right.png" *ngIf="!isLeave" (click)="chooseLeave(0)"> 不离沪
<img class="right-icon" src="./assets/imgs/right-grey.png" *ngIf="isLeave" (click)="chooseLeave(1)"> <img *ngIf="!isLeave" class="right-icon" src="./assets/imgs/right-white.png" >
</div>
<div class="report-item-title">离沪</div>
<img class="right-icon" src="./assets/imgs/right.png" *ngIf="isLeave" (click)="chooseLeave(1)"> <div (click)="chooseLeave(0)" class="report-item-title {{ isLeave?'isLeave':'notLeave' }}">
<img class="right-icon" src="./assets/imgs/right-grey.png" *ngIf="!isLeave" (click)="chooseLeave(0)"> 离沪
<img *ngIf="isLeave" class="right-icon" src="./assets/imgs/right-white.png" >
</div>
</div> </div>
</ion-item> </ion-item>
...@@ -81,7 +77,7 @@ ...@@ -81,7 +77,7 @@
{{premanager.managerDesc}} {{premanager.managerDesc}}
</p> </p>
</div> </div>
<button ion-button block (click)="hidden()"> <button style="width: 100%;" class="submit-btn submit" (click)="hidden()">
关闭 关闭
</button> </button>
</div> </div>
......
page-outGoingReportEdit { page-outGoingReportEdit {
.submit{ .submit {
margin-top: 20px; margin-top: 20px;
border: 1px solid #34b4fc; border: 1px solid #34b4fc;
background-color: #34b4fc; background-color: #34b4fc;
} }
.searchToolBar{ .searchToolBar {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: left; justify-content: left;
box-sizing: border-box; box-sizing: border-box;
} }
.item1-image{ .item1-image {
width: 100%; width: 100%;
height: 135px; height: 135px;
} }
.item1-content{ .item1-content {
margin-top: 12px; margin-top: 12px;
} }
.item1-content-header{ .item1-content-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
} }
.item1-title{ .item1-title {
margin-left: 15px; margin-left: 15px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
width: 12em; width: 12em;
line-height:18px; line-height: 18px;
} }
.item1-content-box{ .item1-content-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: flex-end;
...@@ -46,80 +46,101 @@ page-outGoingReportEdit { ...@@ -46,80 +46,101 @@ page-outGoingReportEdit {
margin-right: 15px; margin-right: 15px;
color: #80a7ee; color: #80a7ee;
font-size: 16px; font-size: 16px;
line-height:18px; line-height: 18px;
} }
.item1-introduction{ .item1-introduction {
margin: 0 15px; margin: 0 15px;
color: #9d9d9d; color: #9d9d9d;
padding-bottom: 10px; padding-bottom: 10px;
line-height: 25px; line-height: 25px;
} }
.btn-introduce{ .btn-introduce {
background-color: white; background-color: white;
padding: 3px 7px; padding: 3px 7px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
border-radius: 10px; border-radius: 10px;
float: right; float: right;
color: #666666; color: #666666;
} }
.report-info{ .report-info {
font-size: 18px; font-size: 18px;
} }
.report-item{ .report-item {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
color: #666666; color: #666666;
} }
.report-item-title{ .choose-item {
margin-right: 20px; display: flex;
} flex-direction: row;
.report-btn{ align-items: center;
.report-item-title{
height: 40px;
width: 50%;
text-align: center;
padding: 5px 0;
}
img{
vertical-align: middle;
}
.isLeave{
background-color: #19b5ff;
color: #ffffff;
}
.notLeave{
background-color: #eaebec;
color:#474747;;
}
}
.report-btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
} }
.right-icon{ .right-icon {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.report-item-content{ .report-item-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
} }
.cover{ .cover {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
// opacity: 0.4; // opacity: 0.4;
z-index: 100; z-index: 100;
} }
.cover-content{ .cover-content {
position: fixed; position: fixed;
// height: 400px; // height: 400px;
width: 300px; width: 300px;
margin:auto; margin: auto;
left:0; left: 0;
right:0; right: 0;
top: 110px; top: 110px;
z-index: 1000; z-index: 1000;
background-color: white; background-color: white;
} }
.cover-content-box{ .cover-content-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
...@@ -127,9 +148,9 @@ page-outGoingReportEdit { ...@@ -127,9 +148,9 @@ page-outGoingReportEdit {
box-sizing: border-box; box-sizing: border-box;
margin: 15px 15px; margin: 15px 15px;
// width: 280px; // width: 280px;
} }
.cover-content-info{ .cover-content-info {
height: 280px; height: 280px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
padding: 0 10px; padding: 0 10px;
...@@ -137,16 +158,16 @@ page-outGoingReportEdit { ...@@ -137,16 +158,16 @@ page-outGoingReportEdit {
color: #272727; color: #272727;
overflow: scroll; overflow: scroll;
width: 270px; width: 270px;
}
.cover-content-title{ }
.cover-content-title {
margin-top: 0; margin-top: 0;
} }
.back-btn{ .back-btn {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
} }
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