商机跟进增加pdf

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

@@ -198,7 +198,9 @@
         <div style="display: flex;justify-content: space-between;height: 25px;">
         <div style="display: flex;justify-content: space-between;height: 25px;">
           <div class="updatedAt">{{opportunityRecordItem.noticeDate}}</div>
           <div class="updatedAt">{{opportunityRecordItem.noticeDate}}</div>
           <div class="opportunityRecordItem">
           <div class="opportunityRecordItem">
-            {{opportunityRecordItem.mdDropOptionName?opportunityRecordItem.mdDropOptionName:'待跟进'}}</div>
+           <a *ngIf="opportunityRecordItem.informedOssPath" href="{{opportunityRecordItem.informedOssPath}}" target="_blank"><i class="iconfont icon-pdf" style="color: #C81B1E;margin-right:5px"></i></a>
+          <span [ngStyle]="setBackgroundColor(opportunityRecordItem)">{{opportunityRecordItem.mdDropOptionName?opportunityRecordItem.mdDropOptionName:'待跟进'}}</span>
+          </div>
         </div>
         </div>
         <div class="salesNotice">
         <div class="salesNotice">
           <span>
           <span>

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

@@ -651,6 +651,29 @@ export class MyBusinessDetailComponent implements OnInit {
         }
         }
       })
       })
   }
   }
+
+  // 设置样式
+  setBackgroundColor(e){
+    let bgColor = 'transparent';
+    let fontColor = '#666';
+    if(e.informedOssPath && e.status==1){
+      bgColor = '#999999';
+      fontColor = '#fff';
+    }else if(e.informedOssPath && e.status==0){
+      bgColor = '#C81B1E';
+      fontColor = '#fff';
+    }else{
+      bgColor = 'transparent';
+      fontColor = '#666';
+    }
+    let style = {
+      'background-color':bgColor,
+      'color':fontColor,
+      'padding':"1px 3px",
+      'border-radius':"3px"
+    };
+    return style;
+  }
 }
 }