Commit e916fa56 by sunchao

出参添加

parent 986943eb
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
} }
.wrapper section { .wrapper section {
padding: 15px 0; padding: 15px 0 0 0;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
} }
...@@ -153,7 +153,7 @@ footer { ...@@ -153,7 +153,7 @@ footer {
position: fixed; position: fixed;
/* left: calc(100% - 70px);*/ /* left: calc(100% - 70px);*/
top: calc(100% - 400px); top: calc(100% - 400px);
top: 108px; top: 25px;
right: 0; right: 0;
z-index: 1001; z-index: 1001;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
...@@ -169,7 +169,25 @@ footer { ...@@ -169,7 +169,25 @@ footer {
font-size: 12px; font-size: 12px;
cursor: pointer; 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) { @media (max-width: 767px) {
.wrapper { .wrapper {
width: 350px; width: 350px;
......
<div class="container"> <div class="container">
<div class="wrapper"> <div class="wrapper">
<h1 class="text-center"> <h1 class="text-center" style="font-size: 24px;margin-top: 10px;">
<img src="assets/images/ydinsurance_logo.png" alt=""> <img src="assets/images/ydinsurance_logo.png" alt="" style="max-width: 50%;margin-bottom: 10px;">
<div style="font-size: 13px;">保险经纪从业人员职业证书</div>
</h1> </h1>
<!--经纪人基本信息--> <!--经纪人基本信息-->
<section class="basicInfo flex-center"> <section class="basicInfo flex-center">
...@@ -10,25 +11,59 @@ ...@@ -10,25 +11,59 @@
<strong>姓名</strong> <strong>姓名</strong>
<span>{{userPractitionerInfo?.name}}</span> <span>{{userPractitionerInfo?.name}}</span>
</div> </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"> <div class="practitionerRegNoWrapper">
<strong>执业编号</strong> <strong>执业编号</strong>
<span class="practitionerRegNo">{{userPractitionerInfo?.practitionerRegNo}}</span> <span class="practitionerRegNo">{{userPractitionerInfo?.practitionerRegNo}}</span>
</div> </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"> <div class="effectiveEndDateWrapper">
<strong>有效截至日期</strong> <strong>有效截至日期</strong>
<span>{{userPractitionerInfo?.effectiveEndDate}}</span> <span>{{userPractitionerInfo?.effectiveEndDate}}</span>
</div> </div>
<div class="areaWrapper">
<strong>所属区域</strong>
<span>{{userPractitionerInfo?.provinceName}}{{userPractitionerInfo?.cityName}}</span>
</div>
</div> </div>
<div class="cerPhoto"> <div class="cerPhoto">
<img src="{{userPractitionerInfo?.headFilePath}}" alt="" class="img-responsive img-circle"> <img src="{{userPractitionerInfo?.headFilePath}}" alt="" class="img-responsive img-circle">
</div> </div>
</section> </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> <h4>荣誉和证书</h4>
<div class="honorList"> <div class="honorList">
<div *ngFor="let certificateItem of certificateList"> <div *ngFor="let certificateItem of certificateList">
...@@ -37,14 +72,14 @@ ...@@ -37,14 +72,14 @@
<span>{{certificateItem.certName}}</span> <span>{{certificateItem.certName}}</span>
</div> </div>
</div> </div>
</section> </section> -->
<!--自我简介--> <!--自我简介-->
<section class="bioIntro" *ngIf="userPractitionerInfo?.bioIntro"> <!-- <section class="bioIntro" *ngIf="userPractitionerInfo?.bioIntro">
<h4>自我简介</h4> <h4>自我简介</h4>
<p [innerHtml]="userPractitionerInfo?.bioIntro"></p> <p [innerHtml]="userPractitionerInfo?.bioIntro"></p>
</section> </section> -->
<!--联系方式--> <!--联系方式-->
<section class="contact"> <!-- <section class="contact">
<h4>联系方式</h4> <h4>联系方式</h4>
<div class="contactList"> <div class="contactList">
<div *ngIf="userPractitionerInfo?.mobileNo"> <div *ngIf="userPractitionerInfo?.mobileNo">
...@@ -66,9 +101,9 @@ ...@@ -66,9 +101,9 @@
<span>{{userPractitionerInfo?.qqId}}</span> <span>{{userPractitionerInfo?.qqId}}</span>
</div> </div>
</div> </div>
</section> </section> -->
<!--生活照片--> <!--生活照片-->
<section class="lifePhoto" *ngIf="lifePhotoList && lifePhotoList.length>0"> <!-- <section class="lifePhoto" *ngIf="lifePhotoList && lifePhotoList.length>0">
<h4>生活照片</h4> <h4>生活照片</h4>
<div class="lifePhotoList"> <div class="lifePhotoList">
<div class="mainPhoto" *ngFor="let lifePhotoItem of lifePhotoList.slice(0,1);"> <div class="mainPhoto" *ngFor="let lifePhotoItem of lifePhotoList.slice(0,1);">
...@@ -78,13 +113,13 @@ ...@@ -78,13 +113,13 @@
<img src="{{lifePhotoItem.lifePhotoFilePath}}" alt="" class="img-responsive"> <img src="{{lifePhotoItem.lifePhotoFilePath}}" alt="" class="img-responsive">
</div> </div>
</div> </div>
</section> </section> -->
<!--尾部--> <!--尾部-->
<footer> <footer>
<div class="eqrocde"> <div class="eqrocde">
<div><img src="assets/images/online.jpg" class="img-responsive"></div> <div><img src="assets/images/online.jpg" class="img-responsive"></div>
</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> </footer>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment