销售跟进样式

src/app/my/my-business-detail/my-business-detail.component.html

@@ -92,10 +92,15 @@
   </div>
   </div>
   <div class="content" *ngIf="selectedId===3">
   <div class="content" *ngIf="selectedId===3">
     <div class="add">+</div>
     <div class="add">+</div>
-    <ul>
+    <ul class="record" style="margin-top: 15px;">
       <li>日期</li>
       <li>日期</li>
       <li>商机状态</li>
       <li>商机状态</li>
       <li>备注</li>
       <li>备注</li>
     </ul>
     </ul>
+    <ul class="record" *ngFor="let opportunityRecordItem of opportunityRecordInfos">
+      <li>{{(opportunityRecordItem.updatedAt).substr(0,10)}}</li>
+      <li>{{lifeCommonService.checkStr(opportunityRecordItem.mdDropOptionId)}}</li>
+      <li>{{opportunityRecordItem.salesNotice}}</li>
+    </ul>
   </div>
   </div>
 </div>
 </div>
\ No newline at end of file

src/app/my/my-business-detail/my-business-detail.component.scss

@@ -90,17 +90,7 @@
               background: rgba(91, 184, 92, 0.1);
               background: rgba(91, 184, 92, 0.1);
             }
             }
           }
           }
-          .add{
-            width: 30px;
-          height: 30px;
-          line-height: 30px;
-          border-radius: 50%;
-          text-align: center;
-          border: 1px #ddd solid;
-          position: absolute;
-          right: 10px;
-          top: -5px;
-          }
+          
         .answerContent{
         .answerContent{
           border-bottom: 1px #ddd solid;
           border-bottom: 1px #ddd solid;
           margin-bottom: 5px;
           margin-bottom: 5px;
@@ -116,5 +106,27 @@
         .answerContent:last-child{
         .answerContent:last-child{
           border-bottom: 0;
           border-bottom: 0;
         }
         }
+        .add{
+          width: 30px;
+          height: 30px;
+          line-height: 30px;
+          border-radius: 50%;
+          text-align: center;
+          border: 1px #ddd solid;
+          position: absolute;
+          right: 10px;
+          top: -5px;
+        }
+        .record{
+          display: flex;
+          list-style: none;
+          justify-content: space-between;
+          li{
+            width: 30%;
+            text-align: center;
+            height: 30px;
+            line-height: 30px;
+          }
+        }
       }
       }
 }
 }

src/app/my/my-business-detail/my-business-detail.component.ts

@@ -24,6 +24,7 @@ export class MyBusinessDetailComponent implements OnInit {
   provinces: Array<any>;
   provinces: Array<any>;
   //返回的标签列表
   //返回的标签列表
   opportunityCustomerTags:Array<any>;
   opportunityCustomerTags:Array<any>;
+  opportunityRecordInfos:Array<any>;
   constructor(private activateRoute: ActivatedRoute, private myService: MyService,
   constructor(private activateRoute: ActivatedRoute, private myService: MyService,
     public lifeCommonService: LifeCommonService) {
     public lifeCommonService: LifeCommonService) {
     this.titleList = [
     this.titleList = [
@@ -68,7 +69,7 @@ export class MyBusinessDetailComponent implements OnInit {
         this.opportunitySurveyAnswersList = res['data']['opportunityConsultationInfo']['opportunitySurveyAnswersList']
         this.opportunitySurveyAnswersList = res['data']['opportunityConsultationInfo']['opportunitySurveyAnswersList']
         this.editBusiness = res['data']['opportunityBasicInformationInfo'];
         this.editBusiness = res['data']['opportunityBasicInformationInfo'];
         this.opportunityCustomerTags= res['data']['opportunityBasicInformationInfo']['opportunityCustomerTags']
         this.opportunityCustomerTags= res['data']['opportunityBasicInformationInfo']['opportunityCustomerTags']
-       
+        this.opportunityRecordInfos = res['data']['opportunityRecordInfos'];
         if(this.opportunityCustomerTags.length>0){
         if(this.opportunityCustomerTags.length>0){
           for(let i=0;i<this.opportunityCustomerTags.length;i++){
           for(let i=0;i<this.opportunityCustomerTags.length;i++){
             for(let j=0;j<this.tagList.length;j++){
             for(let j=0;j<this.tagList.length;j++){