Newer
Older
<div *ngFor="let item of menus;let i=index;" tappable (click)="selectPageMenu(i)">
<span class=" {{swiperIndex == i? 'swiper-title':''}} ">{{item}}</span>
<span *ngIf="i == 1" class="menu-index" >
<ng-container *ngIf="swiperIndex == 0">
<ion-list>
<ion-item *ngFor="let item of allOrder" class="margin-top-10">
<div class="item" (click)="goConfirmActivity(item)">
<div class="item-header">
<div class="item-header-style">
<!-- <ion-icon name="md-contact" class="icon"></ion-icon> -->
<img src="./assets/imgs/icon-tj.png" class="icon" *ngIf="item.activity.activityType==1">
<img src="./assets/imgs/icon-ly.png" class="icon" *ngIf="item.activity.activityType==2">
<img src="./assets/imgs/icon-px.png" class="icon" *ngIf="item.activity.activityType==3">
<img src="./assets/imgs/icon-gh.png" class="icon" *ngIf="item.activity.activityType==4">
<span class="item-title">{{item.activity.activityName}}</span>
<button style="border-radius: 4px" ion-button round class="btn color1" *ngIf="item.orderstate == '1'">待进行</button>
<button style="border-radius: 4px" ion-button round class="btn color2" *ngIf="item.orderstate == '2'">待确认</button>
<button style="border-radius: 4px" ion-button round class="btn color3" *ngIf="item.orderstate == '3'">报名未出行</button>
<button style="border-radius: 4px" ion-button round class="btn color3" *ngIf="item.orderstate == '4'">已完成</button>
</div>
<div class="content-box">
<div class="content-item-box">
<label class="left-title">选择批次：</label>
<div class="data">{{item.batch?.batchName}}</div>
</div>
<div class="content-item-box">
<label class="left-title">截止日期：</label>
<div class="data">
{{item.batch?.batchEndDate}}
</div>
<div class="content-item-box">
<label class="left-title">联络人员：</label>
<div class="data">
{{item.batch?.liamand}}
</div>
<div class="content-item-box">
<label class="left-title">联络电话：</label>
<div class="data">
{{item.batch?.liamantel}}
<button class="cancel" *ngIf="item.orderstate == 1 && !item.showParticipantBtn" (click)="sureCancelOrder(item.orderid);$event.stopPropagation();">取消订单</button>
<button class="reselection" *ngIf="item.orderstate == 1 && !item.showParticipantBtn" (click)="reelectBatch(item);$event.stopPropagation();">修改订单</button>
<button class="cancel" *ngIf="item.orderstate == 1 && item.showParticipantBtn" (click)="joinPeople(item);$event.stopPropagation();">参与人员</button>
<button class="cancel" *ngIf="item.orderstate == 2" (click)="joinPeople(item);$event.stopPropagation();">参与人员</button>
<button class="reselection" *ngIf="item.orderstate == 2" (click)="evaluation(item);$event.stopPropagation();">确认评价</button>
<button class="reselection" *ngIf="item.orderstate == 3||item.orderstate == 4">查看详情</button>
</div>
</ion-item>
</ion-list>
</ng-container>
<ng-container *ngIf="swiperIndex == 1">
<ion-list>
<ion-item class="margin-top-10" *ngFor="let item of waitGoOrder">
<div class="item" (click)="goConfirmActivity(item)">
<div class="item-header">
<div class="item-header-style">
<img src="./assets/imgs/icon-tj.png" class="icon" *ngIf="item.activity.activityType==1">
<img src="./assets/imgs/icon-ly.png" class="icon" *ngIf="item.activity.activityType==2">
<img src="./assets/imgs/icon-px.png" class="icon" *ngIf="item.activity.activityType==3">
<img src="./assets/imgs/icon-gh.png" class="icon" *ngIf="item.activity.activityType==4">
<span class="item-title">{{item.activity.activityName}}</span>
<button style="border-radius: 4px" ion-button round class="btn color1">待进行</button>
</div>
<div class="content-box">
<div class="content-item-box">
<label class="left-title">选择批次：</label>
<div class="data">{{item.batch?.batchName}}</div>
</div>
<div class="content-item-box">
<label class="left-title">截止日期：</label>
<div class="data">
{{item.batch?.batchEndDate}}
</div>
<div class="content-item-box">
<label class="left-title">联络人员：</label>
<div class="data">
{{item.batch?.liamand}}
</div>
<div class="content-item-box">
<label class="left-title">联络电话：</label>
<div class="data">
{{item.batch?.liamantel}}
<button class="cancel" *ngIf="item.orderstate == 1 && !item.showParticipantBtn" (click)="sureCancelOrder(item.orderid);$event.stopPropagation();">取消报名</button>
<button class="reselection" *ngIf="item.orderstate == 1 && !item.showParticipantBtn" (click)="reelectBatch(item);$event.stopPropagation();">重选批次</button>
<button class="cancel" *ngIf="item.orderstate == 1 && item.showParticipantBtn" (click)="joinPeople(item);$event.stopPropagation();">参与人员</button>
</div>
</ion-item>
</ion-list>
</ng-container>
<ng-container *ngIf="swiperIndex == 2">
<ion-list>
<ion-item class="margin-top-10" *ngFor="let item of waitSureOrder">
<div class="item" (click)="goConfirmActivity(item)">
<div class="item-header">
<div class="item-header-style">
<!-- <ion-icon name="md-contact" class="icon"></ion-icon> -->
<img src="./assets/imgs/icon-tj.png" class="icon" *ngIf="item.activity.activityType==1">
<img src="./assets/imgs/icon-ly.png" class="icon" *ngIf="item.activity.activityType==2">
<img src="./assets/imgs/icon-px.png" class="icon" *ngIf="item.activity.activityType==3">
<img src="./assets/imgs/icon-gh.png" class="icon" *ngIf="item.activity.activityType==4">
<span class="item-title">{{item.activity.activityName}}</span>
<button style="border-radius: 4px" ion-button round class="btn color2">待确认</button>
</div>
<div class="content-box">
<div class="content-item-box">
<label class="left-title">选择批次：</label>
<div class="data">{{item.batch?.batchName}}</div>
</div>
<div class="content-item-box">
<label class="left-title">截止日期：</label>
<div class="data">
{{item.batch?.batchEndDate}}
</div>
<div class="content-item-box">
<label class="left-title">联络人员：</label>
<div class="data">
{{item.batch?.liamand}}
<div class="content-item-box">
<label class="left-title">联络电话：</label>
<div class="data">
{{item.batch?.liamantel}}
</div>
<div class="right">
<button class="cancel" (click)="joinPeople(item);$event.stopPropagation();">参与人员</button>
<button class="reselection" (click)="evaluation(item);$event.stopPropagation();">确认评价</button>
</div>
</div>
</ion-item>
</ion-list>
</ng-container>
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
</ion-content>
<div class="cover" *ngIf="isCover">
<div class="cover-content c1" *ngIf="first">
<div class="cover-content-box">
<h5 class="cover-content-title">您是否确认已参加本次活动？</h5>
<button class="cover-btn btn-yes" (click)="yes()">
是，我已参加
</button>
<button class="cover-btn btn-no" (click)="no()">
否，我未参加
</button>
</div>
</div>
<div class="cover-content c2" *ngIf="second">
<div class="cover-content-box">
<h5 class="cover-content-title">您对本次活动是否满意？</h5>
<button class="cover-btn btn1" (click)="next(1)">
非常满意
</button>
<button class="cover-btn btn2" (click)="next(2)">
满意
</button>
<button class="cover-btn btn3" (click)="next(3)">
一般
</button>
<button class="cover-btn btn4" (click)="next(4)">
不满意
</button>
</div>
</div>
<div class="cover-content c3" *ngIf="third">
<div class="cover-content-box">
<h5 class="cover-content-title">是否确认未出行</h5>
<div class="third-btn-box">
<button class="third-btn third-btn-left" (click)="sure()">
是
</button>
<button class="third-btn third-btn-right" (click)="not()">
否
</button>
</div>
</div>
</div>
<div class="cover-content c4" *ngIf="fourth">
<div class="cover-content-box">
<h4 class="cover-content-title">您对本次活动的意见和建议</h4>
<textarea class="suggest" rows="12" [(ngModel)]="order.orderfgconent">
</textarea>
<button class="commit" ion-button block (click)="commit()">
提交
</button>
</div>
</div>
<div class="cover-content cover-content-result c5" *ngIf="isSuccess">
<div class="cover-content-box">
<img class="result-img" src="./assets/imgs/success.png">
<h4 class="result-msg">提交成功</h4>
</div>
</div>
<div class="cover-content cover-content-result c5" *ngIf="isError">
<div class="cover-content-box">
<img class="result-img" src="./assets/imgs/error.png">
<h4 class="result-msg">提交失败</h4>
</div>
</div>
</div>