Skip to content

W
wisdom-ces
Commit f1b872b3 authored by wangqinghua's avatar wangqinghua
Browse files
Options

color

parent 01f40b17
Hide whitespace changes
Inline Side-by-side
Showing with 142 additions and 105 deletions
src/pages/activity-track/joinDetail/joinDetail.html
View file @ f1b872b3
<ion-header>
<ion-navbar>
<ion-title text-center>处室可报名人员参与情况</ion-title>
</ion-navbar>
<ion-navbar>
<ion-title text-center>处室可报名人员参与情况</ion-title>
</ion-navbar>
</ion-header>
<ion-content class="content">
<div class="activity-title">
{{this.acitivityName}}
</div>
<div class="activity-title">
{{this.acitivityName}}
</div>
<div class="content-box">
<div class="content-box-item {{type == '1'?'bgc-34b4fc':''}} " (click)="signAll()">
<span class="item-title">全部</span>
<span class="item-count">{{allPerson}}人</span>
</div>
<div class="content-box-item {{type == '2'?'bgc-34b4fc':''}}" (click)="noSign()">
<span class="item-title">未报名</span>
<span class="item-count">{{notSign}}人</span>
</div>
<div class="content-box-item {{type == '3'?'bgc-34b4fc':''}}" (click)="sign()">
<span class="item-title">已报名</span>
<span class="item-count">{{signUp}}人</span>
</div>
<div class="content-box-item {{type == '4'?'bgc-34b4fc':''}}" (click)="notJoin()">
<span class="item-title">不参加</span>
<span class="item-count">{{noJoin}}人</span>
</div>
</div>
<div class="content-box">
<div class="content-box-item {{type == '1'?'bgc-34b4fc':''}} " (click)="signAll()">
<span class="item-title">全部</span>
<span class="item-count">{{allPerson}}人</span>
</div>
<div class="content-box-item {{type == '2'?'bgc-34b4fc':''}}" (click)="noSign()">
<span class="item-title">未报名</span>
<span class="item-count">{{notSign}}人</span>
</div>
<div class="content-box-item {{type == '3'?'bgc-34b4fc':''}}" (click)="sign()">
<span class="item-title">已报名</span>
<span class="item-count">{{signUp}}人</span>
</div>
<div class="content-box-item {{type == '4'?'bgc-34b4fc':''}}" (click)="notJoin()">
<span class="item-title">不参加</span>
<span class="item-count">{{noJoin}}人</span>
</div>
</div>
<ion-list>
<ion-item *ngFor="let item of items">
<ion-list>
<ion-item *ngFor="let item of items">
<ng-container *ngIf="type == '1'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon>
</p>
</div>
</div>
<div class="inner-button">
<div class="text-right"><button ion-button round class="btn color3">未报名</button></div>
<div class="margin-top-5">
<button (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名</button>
<button (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button>
</div>
</div>
</div>
</ng-container>
<ng-container *ngIf="type == '2'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon>
</p>
</div>
</div>
<div class="inner-button">
<div class="text-right"><button ion-button round class="btn color3">未报名</button></div>
<div class="margin-top-5">
<button (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名</button>
<button (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button>
</div>
</div>
</div>
</ng-container>
<ng-container *ngIf="type == '3'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon>
</p>
<span class="person-batch">批次：{{item?.batchNames}}</span>
</div>
</div>
<button disabled ion-button round class="btn color2" *ngIf="item?.orderstate == 1">已报名</button>
<button disabled ion-button round class="btn color1" *ngIf="item?.orderstate == 2">待确认</button>
<button disabled ion-button round class="btn color5" *ngIf="item?.orderstate == 3">未出行</button>
<button disabled ion-button round class="btn color4" *ngIf="item?.orderstate == 4">已出行</button>
<button disabled ion-button round class="btn color3" *ngIf="item?.orderstate == 0">未报名</button>
</div>
</ng-container>
<ng-container *ngIf="type == '4'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon>
</p>
</div>
</div>
<button disabled ion-button round class="btn color2" *ngIf="item?.orderstate == 1">已报名</button>
<button disabled ion-button round class="btn color1" *ngIf="item?.orderstate == 2">待确认</button>
<button disabled ion-button round class="btn color5" *ngIf="item?.orderstate == 3">未出行</button>
<button disabled ion-button round class="btn color4" *ngIf="item?.orderstate == 4">已出行</button>
<button disabled ion-button round class="btn color3" *ngIf="item?.orderstate == 0">未报名</button>
</div>
</ng-container>
</ion-item>
<ng-container *ngIf="type == '1'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p>
</div>
</div>
</ion-list>
<!--不参加 1， 非不参加： 0 "isActivityNo": "0",-->
<!--报名 ： 1，不报名 ： 0 "isSignUp": "1"-->
<div class="inner-button">
<ng-container *ngIf="item?.isSignUp == 0 && item.isActivityNo == 0">
<div class="text-right">
<button disabled ion-button round class="btn color3">未报名</button>
</div>
<div class="margin-top-5">
<button disabled (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名
</button>
<button disabled (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button>
</div>
</ng-container>
<ng-container *ngIf="item.isActivityNo == 1">
<div class="text-right">
<button disabled ion-button round class="btn color6">不参加</button>
</div>
</ng-container>
<ng-container *ngIf="item.isSignUp == 1">
<div class="text-right">
<button disabled ion-button round class="btn color4">已报名</button>
</div>
</ng-container>
</div>
</div>
</ng-container>
<ng-container *ngIf="type == '2'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p>
</div>
</div>
<div class="inner-button">
<div class="text-right">
<button ion-button round class="btn color3">未报名</button>
</div>
<div class="margin-top-5">
<button disabled (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名</button>
<button disabled (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button>
</div>
</div>
</div>
</ng-container>
<ng-container *ngIf="type == '3'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p>
<span class="person-batch">批次：{{item?.batchNames}}</span>
</div>
</div>
<button disabled ion-button round class="btn color2" *ngIf="item?.orderstate == 1">已报名</button>
<button disabled ion-button round class="btn color1" *ngIf="item?.orderstate == 2">待确认</button>
<button disabled ion-button round class="btn color5" *ngIf="item?.orderstate == 3">未出行</button>
<button disabled ion-button round class="btn color4" *ngIf="item?.orderstate == 4">已出行</button>
<button disabled ion-button round class="btn color3" *ngIf="item?.orderstate == 0">未报名</button>
</div>
</ng-container>
<ng-container *ngIf="type == '4'">
<div class="group">
<div class="inner-group">
<img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box">
<p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p>
</div>
</div>
<button disabled ion-button round class="btn color2" *ngIf="item?.orderstate == 1">已报名</button>
<button disabled ion-button round class="btn color1" *ngIf="item?.orderstate == 2">待确认</button>
<button disabled ion-button round class="btn color5" *ngIf="item?.orderstate == 3">未出行</button>
<button disabled ion-button round class="btn color4" *ngIf="item?.orderstate == 4">已出行</button>
<button disabled ion-button round class="btn color3" *ngIf="item?.orderstate == 0">未报名</button>
</div>
</ng-container>
</ion-item>
</ion-list>
</ion-content>
\ No newline at end of file
src/pages/activity-track/joinDetail/joinDetail.scss
View file @ f1b872b3
......@@ -105,6 +105,11 @@ page-joinDetail {
color: #55efda;
border-radius: 3px;
}
.color6{
border-color: #dadada;
color: #808080;
border-radius: 3px;
}
.group{
display: flex;
......
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