Skip to content

A
allCampaign
Commit 47cbd293 by sunchao
Options

页面调整

parent e916fa56
Showing with 53 additions and 28 deletions
brokerQry/src/app/broker-detail/broker-detail.component.css
.wrapper { .wrapper {
width: 750px; width: 98%;
margin: 50px auto; margin: 50px auto;
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
padding: 30px; padding: 30px;
border-radius: 6px; border-radius: 6px;
} }
.top{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.top .left{
font-size: 14px;
}
.wrapper h4 { .wrapper h4 {
font-weight: bold; font-weight: bold;
} }
.wrapper section { .wrapper section {
padding: 15px 0 0 0; padding: 5px 0 0 0;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
} }
...@@ -36,6 +44,8 @@ ...@@ -36,6 +44,8 @@
line-height: 42px; line-height: 42px;
font-size: 16px; font-size: 16px;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
display: flex;
justify-content: space-between;
} }
.basicInfo .basicInfoWrapper > div:last-child { .basicInfo .basicInfoWrapper > div:last-child {
...@@ -44,7 +54,7 @@ ...@@ -44,7 +54,7 @@
.basicInfo .basicInfoWrapper > div > strong { .basicInfo .basicInfoWrapper > div > strong {
display: inline-block; display: inline-block;
width: 35%; width: 30%;
margin-right: 10px; margin-right: 10px;
} }
...@@ -150,10 +160,10 @@ footer { ...@@ -150,10 +160,10 @@ footer {
} }
.returnIndexBox { .returnIndexBox {
position: fixed; position: fixed;
/* left: calc(100% - 70px);*/ /* left: calc(100% - 70px);*/
top: calc(100% - 400px); top: calc(100% - 400px);
top: 25px; top: 72%;
right: 0; right: 0;
z-index: 1001; z-index: 1001;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
...@@ -176,9 +186,9 @@ footer { ...@@ -176,9 +186,9 @@ footer {
font-weight: 700; font-weight: 700;
} }
.limits{ .limits{
margin-bottom: 20px; margin-bottom: 10px;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
padding-bottom: 20px; padding-bottom: 10px;
} }
.limits .content{ .limits .content{
font-size: 14px; font-size: 14px;
...@@ -190,10 +200,10 @@ footer { ...@@ -190,10 +200,10 @@ footer {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.wrapper { .wrapper {
width: 350px; /* width: 350px; */
margin: 0 auto; margin: 0 auto;
border: none; border: none;
padding: 15px; padding: 0 0 20px 0;
} }
.honorList > div > span { .honorList > div > span {
......
brokerQry/src/app/broker-detail/broker-detail.component.html
<div class="container"> <div class="container">
<div class="top" >
<div class="left">
<img src="assets/images/ydinsurance_logo.png" alt="" style="max-width: 80%;margin-bottom: 10px;">
<div>保险经纪从业人员</div>
<div>执业证书</div>
</div>
<div class="right cerPhoto">
<img src="{{userPractitionerInfo?.headFilePath}}" alt="" class="img-responsive ">
</div>
</div>
<div class="wrapper"> <div class="wrapper">
<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"> <section class="basicInfo flex-center">
<div class="basicInfoWrapper"> <div class="basicInfoWrapper">
...@@ -13,7 +19,7 @@ ...@@ -13,7 +19,7 @@
</div> </div>
<div> <div>
<strong>性别</strong> <strong>性别</strong>
<span>{{userPractitionerInfo?.gender==1?'男':'女'}}</span> <span>{{userPractitionerInfo?.gender}}</span>
</div> </div>
<div> <div>
<strong>身份证件种类</strong> <strong>身份证件种类</strong>
...@@ -21,35 +27,32 @@ ...@@ -21,35 +27,32 @@
</div> </div>
<div> <div>
<strong>证件号码</strong> <strong>证件号码</strong>
<span>{{userPractitionerInfo?.idNo}}</span> <span>{{(userPractitionerInfo?.idNo).substring(0,(userPractitionerInfo?.idNo).length-4)}}****</span>
</div> </div>
<div class="practitionerRegNoWrapper"> <div class="practitionerRegNoWrapper">
<strong>执业编号</strong> <strong>执业编号</strong>
<span class="practitionerRegNo">{{userPractitionerInfo?.practitionerRegNo}}</span> <span >{{userPractitionerInfo?.practitionerRegNo}}</span>
</div> </div>
<div> <div>
<strong>公司工号</strong> <strong>公司工号</strong>
<span>{{userPractitionerInfo?.practitionerCode}}</span> <span>{{userPractitionerInfo?.practitionerCode}}</span>
</div> </div>
<div> <div>
<strong>所属公司</strong> <strong style="width: 25%;">所属公司</strong>
<span>{{userPractitionerInfo?.insurerName}} {{userPractitionerInfo?.insurerBranchName}}</span> <span style="font-size: 13px;">{{userPractitionerInfo?.insurerName}}{{userPractitionerInfo?.insurerBranchName}}</span>
</div> </div>
<div class="areaWrapper"> <div class="areaWrapper">
<strong>职业区域</strong> <strong>执业区域</strong>
<span>{{userPractitionerInfo?.provinceName}}</span> <span>{{userPractitionerInfo?.provinceName}}</span>
</div> </div>
<div class="effectiveEndDateWrapper"> <div class="effectiveEndDateWrapper">
<strong>登记日期</strong> <strong>登记日期</strong>
<span>{{userPractitionerInfo?.effectiveStartDate}}</span> <span>{{userPractitionerInfo?.effectiveStartDate}}</span>
</div> </div>
<div class="effectiveEndDateWrapper"> <!-- <div class="effectiveEndDateWrapper">
<strong>有效截至日期</strong> <strong>有效截至日期</strong>
<span>{{userPractitionerInfo?.effectiveEndDate}}</span> <span>{{userPractitionerInfo?.effectiveEndDate}}</span>
</div> </div> -->
</div>
<div class="cerPhoto">
<img src="{{userPractitionerInfo?.headFilePath}}" alt="" class="img-responsive img-circle">
</div> </div>
</section> </section>
<div class="limits"> <div class="limits">
...@@ -59,9 +62,13 @@ ...@@ -59,9 +62,13 @@
<div class="bottom"> <div class="bottom">
<div>公司投诉电话：4009219290</div> <div>公司投诉电话：4009219290</div>
</div> </div>
<!-- <div class="bottom">
<div>上海银盾保险经纪有限公司</div>
</div> -->
<div class="bottom"> <div class="bottom">
<div>证书查询网址：<a href="http://iir.circ.gov.cn">http://iir.circ.gov.cn</a></div> <div>证书查询网址：<a href="http://iir.circ.gov.cn">http://iir.circ.gov.cn</a></div>
</div> </div>
<img src="assets/images/online.jpg" class="img-responsive" style="position: absolute;right: 0;bottom: 15px;width: 50px;">
<!--经纪人荣誉--> <!--经纪人荣誉-->
<!-- <section class="honor" *ngIf="certificateList && certificateList.length>0"> <!-- <section class="honor" *ngIf="certificateList && certificateList.length>0">
<h4>荣誉和证书</h4> <h4>荣誉和证书</h4>
...@@ -115,12 +122,12 @@ ...@@ -115,12 +122,12 @@
</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: 12px">上海银盾保险经纪有限公司</div> <div class="text-center" style="padding-top: 15px;font-size: 12px">上海银盾保险经纪有限公司</div>
</footer> </footer> -->
</div> </div>
<div class="returnIndexBox" *ngIf="deviceType==3" (click)="shareIdCard()"> <div class="returnIndexBox" *ngIf="deviceType==3" (click)="shareIdCard()">
......
brokerQry/src/index.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>经纪人查询</title> <title>保险经纪从业人员执业证书</title>
<base href="/"> <base href="/">
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"> <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
......
brokerQry/src/styles.css
...@@ -2,6 +2,14 @@ ...@@ -2,6 +2,14 @@
html, body { html, body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
height: 100%;
width: 100%;
min-height: 100%;
min-width: 320px;
max-width: 640px;
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
} }
.flex-center { .flex-center {
......
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