Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

车辆UI优化

Browse Source
This commit is contained in:
潘晓云
2022-04-29 18:05:41 +08:00
parent 0abc9c6412
commit f7628e9d1a
7 changed files with 377 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/app/routes/order-management/components/complaint-detail/complaint-detail.component.html
View File

@ -1,5 +1,5 @@
<!--
* @Description :
* @Description :
* @Version : 1.0
* @Author : Shiming
* @Date : 2022-01-04 17:29:18
@ -13,41 +13,60 @@
<button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
<i nz-icon nzType="left" nzTheme="outline"></i>
</button>
</ng-template>
</page-header-wrapper>
<!-- [nzExtra]="extraTemplate" -->
<nz-card nzTitle="投诉信息" [nzExtra]="cardTemplate">
<nz-card [nzBorderless]="true" class="mb0">
<ng-template #cardTemplate>
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()" *ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
</ng-template>
<h2>投诉单号：{{datailList?.complaintCode}}</h2>
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()"
*ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
</ng-template>
<div class="mb-xs common-order-header" nz-row>
<div>
<button nz-button nzType="primary" nzSize="small" nzDanger>{{ datailList?.complaintStatusLabel }}</button>
<b class="ml-md text-md">投诉单号： : {{datailList?.complaintCode}}</b>
</div>
<div>
<button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()"
*ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
</div>
</div>
<nz-divider class="divider-margin"></nz-divider>
<div class="font-weight-blod text-md detail-title">
<a class="sign"></a>
<span>投诉信息</span>
</div>
<!-- <h2>投诉单号：{{datailList?.complaintCode}}</h2> -->
<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="datailList">
<ng-template sf-template="imgUrls" let-schema="schema" let-item let-ui="ui">
<!-- <app-imagelist [imgList]="datailList?.imgUrls"></app-imagelist> -->
<!-- <app-imagelist [imgList]="datailList?.imgUrls"></app-imagelist> -->
<img nz-image width="100px" height="100%" *ngFor="let item of datailList?.imgUrls" [nzSrc]="item"
style="margin:0 10px 0 0" alt="" />
<img nz-image width="100px" height="100%" *ngFor="let item of datailList?.imgUrls" [nzSrc]="item"
style="margin:0 10px 0 0" alt="" />
</ng-template>
</sf>
</nz-card>
<nz-card class="dealBox" nzTitle="投诉处理">
<nz-timeline nzMode="left">
<nz-timeline-item *ngFor="let i of datailList?.processNodeVOS; let id = index" >
<div class="p mt-sm">{{i?.nodeNameLabel}}</div>
<p>
{{i?.timeLabel}}：<span class="p-line">{{i?.time}}</span>
</p>
<p >
{{i?.resultLabel}}：<span class="p-line">{{i?.result}}</span>
</p>
</nz-timeline-item>
</nz-timeline>
<nz-card nzTitle="投诉处理" [nzBorderless]="true" class="mb0 dealBox">
<div class="font-weight-blod text-md detail-title">
<a class="sign"></a>
<span>投诉处理</span>
</div>
<nz-timeline nzMode="left">
<nz-timeline-item *ngFor="let i of datailList?.processNodeVOS; let id = index">
<div class="p mt-sm">{{i?.nodeNameLabel}}</div>
<p>
{{i?.timeLabel}}：<span class="p-line">{{i?.time}}</span>
</p>
<p>
{{i?.resultLabel}}：<span class="p-line">{{i?.result}}</span>
</p>
</nz-timeline-item>
</nz-timeline>
</nz-card>
<nz-modal [(nzVisible)]="isVisibleRE" [nzWidth]="600" [nzFooter]="nzModalFooterview2" (nzOnOk)="handleOK()" nzTitle="处理" (nzOnCancel)="Cancel()">
<nz-modal [(nzVisible)]="isVisibleRE" [nzWidth]="600" [nzFooter]="nzModalFooterview2" (nzOnOk)="handleOK()" nzTitle="处理"
(nzOnCancel)="Cancel()">
<ng-container *nzModalContent>
<sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
</sf>
@ -57,4 +76,4 @@
<button nz-button nzType="primary" (click)="handleOK()">通过</button>
<button nz-button nzType="primary" (click)="handleCancel2()">强制取消</button>
</ng-template>
</nz-modal>
</nz-modal>