审批结果页面试意见展开收缩

src/app/my/approval-result-list/approval-result-list.component.html

@@ -24,8 +24,17 @@
             {{recordsItem.hiringAt?recordsItem.hiringAt.substr(0,10):null}}
             {{recordsItem.hiringAt?recordsItem.hiringAt.substr(0,10):null}}
           </span>
           </span>
         </div> 
         </div> 
-        <div style="background: #fafafa;border-radius: 5px;padding: 10px;"
-        *ngIf="recordsItem.interviewAssessment">
+        <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;"
+        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length < 30">
+          {{recordsItem.interviewAssessment.substr(0,recordsItem.interviewAssessment.length)}}
+        </div>
+        <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;" (click)="open(recordsItem)"
+        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length > 30 && !recordsItem.actived">
+          {{recordsItem.interviewAssessment.substr(0,30)}}
+          <span class="icon-ar-r iconfont" style="position: absolute;right: 15px;bottom: 5px;"></span>
+        </div>
+        <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;" (click)="open(recordsItem)"
+        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length >30 && recordsItem.actived">
           {{recordsItem.interviewAssessment}}
           {{recordsItem.interviewAssessment}}
         </div> 
         </div> 
       </div>
       </div>

src/app/my/approval-result-list/approval-result-list.component.ts

@@ -74,6 +74,9 @@ export class ApprovalResultListComponent implements OnInit {
       this.isShow = true;
       this.isShow = true;
       this.remark = remark;
       this.remark = remark;
     }
     }
-    
+  }
+
+  open(item){
+    item.actived = !item.actived;
   }
   }
 }
 }