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 {
width: 750px;
width: 98%;
margin: 50px auto;
border: 1px solid #dcdcdc;
padding: 30px;
border-radius: 6px;
}
.top{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.top .left{
font-size: 14px;
}
.wrapper h4 {
font-weight: bold;
}
.wrapper section {
padding: 15px 0 0 0;
padding: 5px 0 0 0;
border-bottom: 1px solid #dcdcdc;
}
......@@ -36,6 +44,8 @@
line-height: 42px;
font-size: 16px;
border-bottom: 1px solid #dcdcdc;
display: flex;
justify-content: space-between;
}
.basicInfo .basicInfoWrapper > div:last-child {
......@@ -44,7 +54,7 @@
.basicInfo .basicInfoWrapper > div > strong {
display: inline-block;
width: 35%;
width: 30%;
margin-right: 10px;
}
......@@ -150,10 +160,10 @@ footer {
}
.returnIndexBox {
position: fixed;
position: fixed;
/* left: calc(100% - 70px);*/
top: calc(100% - 400px);
top: 25px;
top: 72%;
right: 0;
z-index: 1001;
background: rgba(0, 0, 0, 0.5);
......@@ -176,9 +186,9 @@ footer {
font-weight: 700;
}
.limits{
margin-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 20px;
padding-bottom: 10px;
}
.limits .content{
font-size: 14px;
......@@ -190,10 +200,10 @@ footer {
}
@media (max-width: 767px) {
.wrapper {
width: 350px;
/* width: 350px; */
margin: 0 auto;
border: none;
padding: 15px;
padding: 0 0 20px 0;
}
.honorList > div > span {
......
brokerQry/src/app/broker-detail/broker-detail.component.html
<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">
<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">
<div class="basicInfoWrapper">
......@@ -13,7 +19,7 @@
</div>
<div>
<strong>性别</strong>
<span>{{userPractitionerInfo?.gender==1?'男':'女'}}</span>
<span>{{userPractitionerInfo?.gender}}</span>
</div>
<div>
<strong>身份证件种类</strong>
......@@ -21,35 +27,32 @@
</div>
<div>
<strong>证件号码</strong>
<span>{{userPractitionerInfo?.idNo}}</span>
<span>{{(userPractitionerInfo?.idNo).substring(0,(userPractitionerInfo?.idNo).length-4)}}****</span>
</div>
<div class="practitionerRegNoWrapper">
<strong>执业编号</strong>
<span class="practitionerRegNo">{{userPractitionerInfo?.practitionerRegNo}}</span>
<span >{{userPractitionerInfo?.practitionerRegNo}}</span>
</div>
<div>
<strong>公司工号</strong>
<span>{{userPractitionerInfo?.practitionerCode}}</span>
</div>
<div>
<strong>所属公司</strong>
<span>{{userPractitionerInfo?.insurerName}} {{userPractitionerInfo?.insurerBranchName}}</span>
<strong style="width: 25%;">所属公司</strong>
<span style="font-size: 13px;">{{userPractitionerInfo?.insurerName}}{{userPractitionerInfo?.insurerBranchName}}</span>
</div>
<div class="areaWrapper">
<strong>职业区域</strong>
<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>
<span>{{userPractitionerInfo?.effectiveEndDate}}</span>
</div>
</div>
<div class="cerPhoto">
<img src="{{userPractitionerInfo?.headFilePath}}" alt="" class="img-responsive img-circle">
</div> -->
</div>
</section>
<div class="limits">
......@@ -59,9 +62,13 @@
<div class="bottom">
<div>公司投诉电话：4009219290</div>
</div>
<!-- <div class="bottom">
<div>上海银盾保险经纪有限公司</div>
</div> -->
<div class="bottom">
<div>证书查询网址：<a href="http://iir.circ.gov.cn">http://iir.circ.gov.cn</a></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">
<h4>荣誉和证书</h4>
......@@ -115,12 +122,12 @@
</div>
</section> -->
<!--尾部-->
<footer>
<!-- <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: 12px">上海银盾保险经纪有限公司</div>
</footer>
</footer> -->
</div>
<div class="returnIndexBox" *ngIf="deviceType==3" (click)="shareIdCard()">
......
brokerQry/src/index.html
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>经纪人查询</title>
<title>保险经纪从业人员执业证书</title>
<base href="/">
<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">
......
brokerQry/src/styles.css
......@@ -2,6 +2,14 @@
html, body {
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";
height: 100%;
width: 100%;
min-height: 100%;
min-width: 320px;
max-width: 640px;
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
}
.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