|
@@ -17,19 +17,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<ion-list>
|
|
|
- <div style="text-align: center; color: #66696e; font-size: 20px; ">我的合同</div>
|
|
|
+ <div class="content-title">我的合同</div>
|
|
|
<ion-item *ngFor="let item of dataList" (click)="detail(item)" class="contract-detail" detail>
|
|
|
<div class="contract-detail-card">
|
|
|
- <div class="contract-detail-card-title"><span>合同单号:{{item.ContractNo}}</span><span>{{item.Status}}</span></div>
|
|
|
+ <div class="contract-detail-card-title">
|
|
|
+ <span>合同单号:{{item.ContractNo}}</span>
|
|
|
+ <div class="contract-status">
|
|
|
+ <ion-icon name="ellipse" [ngStyle]="{'color':item.statusVal==6?'#31A2FE':'#25c725'}"></ion-icon>
|
|
|
+ <span class="contract-status-name">
|
|
|
+ {{item.statusVal==6?"已完成":"进行中"}}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="contract-detail-card-title"><span>图纸数量:{{item.Count}}</span><!--<span>详情</span>--></div>
|
|
|
<div class="contract-detail-card-step">
|
|
|
<div class="stepFlex">
|
|
|
<div *ngFor="let status of statusList;let index = index" class="stepFlex-item">
|
|
|
- <div [ngClass]="status.val < item.statusVal ? 'greenCircle' :status.val == item.statusVal ? 'now' : 'greyCircle'"></div>
|
|
|
+ <div [ngClass]="(status.val < item.statusVal || item.statusVal==statusList[statusList.length-1].val) ? 'greenCircle' :status.val == item.statusVal ? 'now' : 'greyCircle'"></div>
|
|
|
<div *ngIf="index !== statusList.length - 1" [ngClass]="status.val < item.statusVal ? 'greenline' : 'greyline'"></div>
|
|
|
<div style="margin-top:30px">{{ status.name }}</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|