出参添加

brokerQry/src/app/broker-detail/broker-detail.component.css

@@ -11,7 +11,7 @@
 }
 
 .wrapper section {
-  padding: 15px 0;
+  padding: 15px 0 0 0;
   border-bottom: 1px solid #dcdcdc;
 }
 
@@ -153,7 +153,7 @@ footer {
   position: fixed;
     /* left: calc(100% - 70px);*/
     top: calc(100% - 400px); 
-    top: 108px;
+    top: 25px;
     right: 0;
     z-index: 1001;
     background: rgba(0, 0, 0, 0.5);
@@ -169,7 +169,25 @@ footer {
     font-size: 12px;
     cursor: pointer;
 }
+.limits .title{
+  height: 42px;
+  line-height: 42px;
+  font-size: 16px;
+  font-weight: 700;
+}
+.limits{
+  margin-bottom: 20px;
+  border-bottom: 1px solid #dcdcdc;
+  padding-bottom: 20px;
+}
+.limits .content{
+  font-size: 14px;  
+  line-height: 1.5;
+}
 
+.bottom{
+  display: flex;
+}
 @media (max-width: 767px) {
   .wrapper {
     width: 350px;

brokerQry/src/app/broker-detail/broker-detail.component.html

 <div class="container">
   <div class="wrapper">
-    <h1 class="text-center">
-      <img src="assets/images/ydinsurance_logo.png" alt="">
+    <h1 class="text-center" style="font-size: 24px;margin-top: 10px;">
+      <img src="assets/images/ydinsurance_logo.png" alt="" style="max-width: 50%;margin-bottom: 10px;">
+     <div style="font-size: 13px;">保险经纪从业人员职业证书</div> 
     </h1>
     <!--经纪人基本信息-->
     <section class="basicInfo flex-center">
@@ -10,25 +11,59 @@
           <strong>姓名</strong>
           <span>{{userPractitionerInfo?.name}}</span>
         </div>
+        <div>
+          <strong>性别</strong>
+          <span>{{userPractitionerInfo?.gender==1?'男':'女'}}</span>
+        </div>
+        <div>
+          <strong>身份证件种类</strong>
+          <span>{{userPractitionerInfo?.idType}}</span>
+        </div>
+        <div>
+          <strong>证件号码</strong>
+          <span>{{userPractitionerInfo?.idNo}}</span>
+        </div>
         <div class="practitionerRegNoWrapper">
           <strong>执业编号</strong>
           <span class="practitionerRegNo">{{userPractitionerInfo?.practitionerRegNo}}</span>
         </div>
+        <div>
+          <strong>公司工号</strong>
+          <span>{{userPractitionerInfo?.practitionerCode}}</span>
+        </div>
+        <div>
+          <strong>所属公司</strong>
+          <span>{{userPractitionerInfo?.insurerName}} {{userPractitionerInfo?.insurerBranchName}}</span>
+        </div>
+        <div class="areaWrapper">
+          <strong>职业区域</strong>
+          <span>{{userPractitionerInfo?.provinceName}}</span>
+        </div>
+        <div class="effectiveEndDateWrapper">
+          <strong>登记日期</strong>
+          <span>{{userPractitionerInfo?.effectiveStartDate}}</span>
+        </div>
         <div class="effectiveEndDateWrapper">
           <strong>有效截至日期</strong>
           <span>{{userPractitionerInfo?.effectiveEndDate}}</span>
         </div>
-        <div class="areaWrapper">
-          <strong>所属区域</strong>
-          <span>{{userPractitionerInfo?.provinceName}}{{userPractitionerInfo?.cityName}}</span>
-        </div>
       </div>
       <div class="cerPhoto">
         <img src="{{userPractitionerInfo?.headFilePath}}" alt="" class="img-responsive img-circle">
       </div>
     </section>
+    <div class="limits">
+      <div class="title">业务范围</div>
+      <div class="content">为投保人拟订投保方案、选择保险人以及办理投保手续，协助被保险人或者受益人进行索赔，再保险经纪业务，为委托人提供防灾、防损或者风险评估、风险管理咨询服务，中国银保监会批准的其他业务</div>
+    </div>
+    <div class="bottom">
+      <div>公司投诉电话：4009219290</div>
+    </div>
+    <div class="bottom">
+      <div>证书查询网址：<a href="http://iir.circ.gov.cn">http://iir.circ.gov.cn</a></div>
+    </div>
     <!--经纪人荣誉-->
-    <section class="honor" *ngIf="certificateList && certificateList.length>0">
+    <!-- <section class="honor" *ngIf="certificateList && certificateList.length>0">
       <h4>荣誉和证书</h4>
       <div class="honorList">
         <div *ngFor="let certificateItem of certificateList">
@@ -37,14 +72,14 @@
           <span>{{certificateItem.certName}}</span>
         </div>
       </div>
-    </section>
+    </section> -->
     <!--自我简介-->
-    <section class="bioIntro" *ngIf="userPractitionerInfo?.bioIntro">
+    <!-- <section class="bioIntro" *ngIf="userPractitionerInfo?.bioIntro">
       <h4>自我简介</h4>
       <p [innerHtml]="userPractitionerInfo?.bioIntro"></p>
-    </section>
+    </section> -->
     <!--联系方式-->
-    <section class="contact">
+    <!-- <section class="contact">
       <h4>联系方式</h4>
       <div class="contactList">
         <div *ngIf="userPractitionerInfo?.mobileNo">
@@ -66,9 +101,9 @@
           <span>{{userPractitionerInfo?.qqId}}</span>
         </div>
       </div>
-    </section>
+    </section> -->
     <!--生活照片-->
-    <section class="lifePhoto" *ngIf="lifePhotoList && lifePhotoList.length>0">
+    <!-- <section class="lifePhoto" *ngIf="lifePhotoList && lifePhotoList.length>0">
       <h4>生活照片</h4>
       <div class="lifePhotoList">
         <div class="mainPhoto" *ngFor="let lifePhotoItem of lifePhotoList.slice(0,1);">
@@ -78,13 +113,13 @@
           <img src="{{lifePhotoItem.lifePhotoFilePath}}" alt="" class="img-responsive">
         </div>
       </div>
-    </section>
+    </section> -->
     <!--尾部-->
     <footer>
       <div class="eqrocde">
         <div><img src="assets/images/online.jpg" class="img-responsive"></div>
       </div>
-      <div class="text-center" style="padding-top: 15px;font-size: 10px">上海银盾保险经纪有限公司</div>
+      <div class="text-center" style="padding-top: 15px;font-size: 12px">上海银盾保险经纪有限公司</div>
     </footer>
   </div>