style update

src/main/webapp/app/work/work-handle/handle-event/handle-event.component.html

 <!--处理事件-->
-<div nz-row class="breadcrumbs" style="margin-top: 0">
+<div nz-row class="breadcrumbs">
   <div nz-col nzSpan="16">
     <nz-breadcrumb class="padding-8-0">
       <nz-breadcrumb-item>
@@ -25,34 +25,34 @@
   <div nz-col nzSpan="12">
     <h2>事件信息</h2>
     <div nz-row>
-      <div nz-col nzSpan="4">事件编号</div>
+      <div nz-col nzSpan="4">事件编号:</div>
       <div nz-col nzSpan="1"></div>
       <div nz-col nzSpan="7">{{event?.id}}</div>
-      <div nz-col nzSpan="4">提交时间</div>
+      <div nz-col nzSpan="4">提交时间:</div>
+      <div nz-col nzSpan="1"></div>
       <div nz-col nzSpan="7">{{event?.createTime | date:"yyyy-MM-dd HH:mm:ss"}}</div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="4">请求人</div>
+      <div nz-col nzSpan="4">请求人:</div>
       <div nz-col nzSpan="1"></div>
-      <div nz-col nzSpan="7">{{event?.requester}}</div>
-      <div nz-col nzSpan="4"></div>
-      <div nz-col nzSpan="7">{{event?.requesterPhone}}</div>
+      <div nz-col nzSpan="5">{{event?.requester}}</div>
+      <div nz-col nzSpan="5">{{event?.requesterPhone}}</div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="4">事件标题</div>
+      <div nz-col nzSpan="4">事件标题:</div>
       <div nz-col nzSpan="1"></div>
       <div nz-col nzSpan="7">{{event?.title}}</div>
-      <div nz-col nzSpan="4">事件分类</div>
+      <div nz-col nzSpan="4">事件分类:</div>
       <div nz-col nzSpan="1"></div>
       <div nz-col nzSpan="7">{{event?.typeName}}</div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="4">详细描述</div>
+      <div nz-col nzSpan="4">详细描述:</div>
       <div nz-col nzSpan="1"></div>
       <div nz-col nzSpan="7">{{event?.description}}</div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="4">附件</div>
+      <div nz-col nzSpan="4">附件:</div>
       <div nz-col nzSpan="1"></div>
       <div nz-col nzSpan="7">
         <ng-container *ngIf="event?.fileName">
@@ -69,33 +69,45 @@
         <div nz-col nzSpan="7">转派给{{item.operatorInfo[1]}}</div>
       </div>
     </ng-container>
-    <div nz-row>
-      <div nz-col nzSpan="7">无法处理，我要转派</div>
-      <div nz-col nzSpan="5"><button (click)="showTransforModal()" nz-button><span>转派</span></button></div>
+    <div nz-row *ngIf="event?.status != 2">
+      <div nz-col class="line-height-32" nzSpan="7">无法处理，我要转派</div>
+      <div nz-col nzSpan="5">
+        <button (click)="showTransforModal()" nz-button><span>转派</span></button>
+      </div>
     </div>
   </div>
   <div nz-col nzSpan="12">
     <h2>已解决，填写处理结果</h2>
     <div nz-row>
-      <div nz-col nzSpan="5"> <span class="color-red">*</span>处理结果</div>
+      <div nz-col nzSpan="5"><span class="color-red">*</span>处理结果:</div>
       <div nz-col nzSpan="19">
-        <nz-radio-group [(ngModel)]="obj.operateStatus">
-          <label nz-radio nzValue="0">未解决</label>
-          <label nz-radio nzValue="1">部分解决</label>
-          <label nz-radio nzValue="2">已解决</label>
-        </nz-radio-group>
+        <ng-container *ngIf="event?.status == 2">
+          <span *ngIf="event?.operateStatus == 0">未解决</span>
+          <span *ngIf="event?.operateStatus == 1">部分解决</span>
+          <span *ngIf="event?.operateStatus == 2">已解决</span>
+        </ng-container>
+        <ng-container *ngIf="event?.status != 2">
+          <nz-radio-group [(ngModel)]="obj.operateStatus">
+            <label nz-radio nzValue="0">未解决</label>
+            <label nz-radio nzValue="1">部分解决</label>
+            <label nz-radio nzValue="2">已解决</label>
+          </nz-radio-group>
+        </ng-container>
       </div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="5"> <span class="color-red">*</span> 完成时间</div>
-      <div nz-col nzSpan="19">
+      <div nz-col nzSpan="5" class="line-height-32"><span class="color-red">*</span>完成时间:</div>
+      <div nz-col nzSpan="19" *ngIf="event?.status != 2">
         <nz-date-picker [(ngModel)]="date" nzFormat="yyyy-MM-dd"></nz-date-picker>
         <nz-time-picker [(ngModel)]="time"></nz-time-picker>
       </div>
+      <div nz-col nzSpan="19" *ngIf="event?.status == 2">
+        <span>{{event?.completeTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
+      </div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="5">关联资产</div>
-      <div nz-col nzSpan="19">
+      <div nz-col nzSpan="5" class="line-height-32">关联资产:</div>
+      <div nz-col nzSpan="19" *ngIf="event?.status != 2">
         <button (click)="showInventoryModal()" nz-button><span>选择</span></button>
         <p *ngFor="let item of linkList;">
           <span class="margin-right-5">{{item.inventoryNo}}</span>
@@ -103,18 +115,27 @@
           <span>{{item.typename}}</span>
         </p>
       </div>
+      <div nz-col nzSpan="19" *ngIf="event?.status == 2">
+        <span *ngFor="let item of event?.inventorys" class="margin-right-10">{{item.invertoryname}}</span>
+      </div>
     </div>
     <div nz-row>
-      <div nz-col nzSpan="5"><span class="color-red">*</span>处理情况</div>
-      <div nz-col nzSpan="19">
+      <div nz-col nzSpan="5"><span class="color-red">*</span>处理情况:</div>
+      <div nz-col nzSpan="19" *ngIf="event?.status != 2">
         <textarea [(ngModel)]="obj.operateResult" id="tyoeDescribe" row="4" nz-input></textarea>
       </div>
+      <div nz-col nzSpan="19" *ngIf="event?.status == 2">
+        <p [innerHTML]="event?.operateResult"></p>
+      </div>
     </div>
-    <p>
+    <p *ngIf="event?.status != 2">
       <button (click)="save()" nz-button><span>确定</span></button>
     </p>
   </div>
 </div>
+<div class="text-center" *ngIf="event?.status == 2">
+  <button (click)="done()" style="width: 200px" nzType="primary" nzSize="large" nz-button><span>确认完成</span></button>
+</div>
 
 <!--关联资产-->
 <smart-link-inventory #smartLinkInventory (done)="setLink($event)"></smart-link-inventory>