Skip to content

P
pica-insurance
提交 82c61d89 编写于 作者: 张磊's avatar 张磊
浏览文件
操作

sz-insurance

上级 ae13599b
隐藏空白字符变更
内嵌 并排
正在显示 包含 813 行增加 和 99 行删除
src/api/appoint.js
浏览文件 @ 82c61d89
......@@ -76,3 +76,11 @@ export const saveOrder = async(data) => {
withCredentials: true,
});
};
export const getDetailtxt = async (data) => {
return request({
method: 'get',
url: `tis/insurance/explain/${data.yunOrderNo}/${data.pageType}`,
withCredentials: true,
});
};
src/api/entitlement.js 0 → 100644
浏览文件 @ 82c61d89
import request from 'mn-template/plugins/http';
// 获取权益列表
export const getEntitlementList = async (externalOrderNo, projectEquityNo) => {
return request({
method: 'get',
url: `/tis/insurance/projectEquityNo/externalOrderNo?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}`,
withCredentials: true,
hasLoading:true,
});
};
src/plugins/slide.js
浏览文件 @ 82c61d89
/**
* 图片验证码
*/
/* eslint-disable */
(function ($) {
$.fn.imgcode = function (options) {
// 初始化参数
......
src/router/index.js
浏览文件 @ 82c61d89
......@@ -121,6 +121,16 @@ const routerConfig = [
name: 'sz-home',
component: () => import('@/views/sz-home/index.vue'),
},
{
path: '/sz-public',
name: 'sz-public',
component: () => import('@/views/sz-public/index.vue'),
},
{
path: '/entitlement',
name: 'entitlement',
component: () => import('@/views/entitlement/list.vue'),
},
{
path: '/login',
name: 'login',
......
src/utils/encrypt/index.js
浏览文件 @ 82c61d89
......@@ -78,17 +78,24 @@ function formatContent(content, pubKey) {
// AES encrypt
function AesEncrypt(content, aesKey) {
// eslint-disable-next-line
const sKey = CryptoJS.enc.Utf8.parse(aesKey);
// eslint-disable-next-line
const sContent = CryptoJS.enc.Utf8.parse(content);
// eslint-disable-next-line
const encrypted = CryptoJS.AES.encrypt(sContent, sKey, {
// eslint-disable-next-line
mode: CryptoJS.mode.ECB,
// eslint-disable-next-line
padding: CryptoJS.pad.Pkcs7,
});
return encrypted.toString();
}
// RSA encrypt
function RsaEncrypt(aesKey, pubKey) {
// eslint-disable-next-line
const _encrypt = new JSEncrypt();
const boss_public_key = pubKey;
_encrypt.setPublicKey(boss_public_key);
......
src/views/appointDetails/index.vue
浏览文件 @ 82c61d89
......@@ -77,49 +77,32 @@
class="detail-bottom"
>
<div
v-if="insuranceText.descTitle"
class="tips"
>
<div class="tip-org">
<div class="tip-org-left" />
云鹊医温馨提示
{{ insuranceText.descTitle }}
<div class="tip-org-right" />
</div>
<div
v-if="isUnderLine"
class="tip-grey"
>
<div class="tip-grey-dot" />
请在预约日前往现场领取产品；
</div>
<div
v-else
v-for="(i, ind) in insuranceText.descList"
:key="ind"
class="tip-grey"
>
<div class="tip-grey-dot" />
{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '请在预约日期前往预约医院完成采样。无需空腹，采样前三天可适当清淡饮食；' : '请在预约日前往现场领取产品；' }}
</div>
<div class="tip-grey">
<div class="tip-grey-dot" />
{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '注意携带好您投保时注册的手机前往，凭手机号扫码确认采样；' : '注意携带好投保时注册的手机前往，凭手机号扫码确认领取成功;' }}
</div>
<div
v-if="insuranceInfo && insuranceInfo.detectionKind == 0"
class="tip-grey"
>
<div class="tip-grey-dot" />
预计7-10个工作日电子报告将返回至您的手机，届时将提供进一步的报告解读服务，请注意查收。
<div v-html="txtRe(i)" />
</div>
</div>
</div>
<div class="detail-bottom">
<div class="detail-bottom-title">
订单信息
预约信息
</div>
<div class="detail-bottom-item">
<div class="title">
受检人:
参保人:
</div>
<div class="value">
{{ detailInfo.patientName || "--" }}
......@@ -133,14 +116,6 @@
{{ detailInfo.detectName || "--" }}
</div>
</div>
<div class="detail-bottom-item">
<div class="title">
下单时间:
</div>
<div class="value">
{{ formatDate(detailInfo.orderTime) || "--" }}
</div>
</div>
<div class="detail-bottom-item">
<div class="title">
检测编号:
......@@ -166,11 +141,11 @@
</div>
<div class="appoint-detail-tel">
客服电话：<a
style="font-weight:600"
href="tel:400-006-5252"
>400-021-8282</a>
style="font-weight:600"
href="tel:400-021-8282"
>400-021-8282</a>
<div class="serve-time">
周一至周五8:00-18:00 <span /> 双休日9:00-18:00
在线时间: 周一至周日9:00~21:00
</div>
</div>
<div
......@@ -221,8 +196,7 @@
</template>
<script>
import {getDetailByYunOrderNo, getDetectionName} from '@/api/appoint';
import { formatDate } from '@/utils/common';
import {getDetailByYunOrderNo, getDetectionName, getDetailtxt} from '@/api/appoint';
import storejs from 'storejs';
import AMapLoader from '@amap/amap-jsapi-loader';
import { mapGetters } from 'vuex';
......@@ -245,19 +219,21 @@ export default {
expireFlag:false,
query: {},
isUnderLine:false,
insuranceText:{}
};
},
computed: {
...mapGetters('home', ['insuranceInfo']),
},
mounted() {
this.$loading.show();
// this.$loading.show();
const { yunOrderNo, projectEquityNo} = this.$route.query;
this.yunOrderNo = yunOrderNo;
this.projectEquityNo = projectEquityNo;
console.log('yunOrderNo', yunOrderNo);
this.getDetailByYunOrderNo(yunOrderNo);
this.getDetectionName(yunOrderNo);
this.getDetailtxt();
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802855#0#0#预约详情',
......@@ -265,15 +241,8 @@ export default {
});
},
methods: {
formatDate(orderTime) {
if (!orderTime) {
return '--';
}
return formatDate(orderTime);
},
getDetailByYunOrderNo(yunOrderNo) {
getDetailByYunOrderNo(yunOrderNo).then(res => {
console.log(res);
const {expireFlag} = res.data;
this.detailInfo = res.data;
this.expireFlag = expireFlag || '';
......@@ -315,18 +284,28 @@ export default {
},
reAppoint() {
const that = this;
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#重新预约',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$router.push({
path: '/appoint',
query: {
projectEquityNo:this.projectEquityNo,
yunOrderNo:this.yunOrderNo
}
});
const {detectionKind} = this.insuranceInfo;
console.log('detectionKind--', detectionKind);
if (window._miniprogram) {
this.$rocNative.WXInstance.miniProgram.navigateTo({
url:`/pagesInsurance/sz-insurance/screeningAppoint?yunOrderNo=${that.yunOrderNo}&projectEquityNo=${this.projectEquityNo}`
});
}else{
this.$router.push({
path: '/appoint',
query: {
projectEquityNo:this.projectEquityNo,
yunOrderNo:this.yunOrderNo
}
});
}
},
selectItem(item) {
console.log('--$rocNative', this.$rocNative);
......@@ -473,6 +452,23 @@ export default {
};
return this.insuranceInfo.detectionKind == 1 ? obj2[type] : obj[type];
},
txtRe(str) {
if (str) {
str = str.replace(/[\n\r]/g, '<br/>');
} else {
str = '';
}
return str;
},
getDetailtxt() {
const o = {
yunOrderNo: this.yunOrderNo,
pageType: 1
};
getDetailtxt(o).then(res => {
this.insuranceText = res.data;
});
}
},
};
</script>
......@@ -486,14 +482,6 @@ export default {
background: linear-gradient(180deg, #00BDA5 0%, #20C5B0 125px, #F5F6F8 257px);
padding: 20px 12px 160px;
overflow: auto;
// .top-bg{
// position: absolute;
// width: 100%;
// height: 257px;
// top: 0;
// background: linear-gradient(180deg, #00BDA5 0%, #20C5B0 52%, #F5F6F8 100%);
// }
.detail-status{
display: flex;
justify-content: center;
......@@ -676,24 +664,8 @@ export default {
background: url('https://files.yunqueyi.com/image/png/common/20230301094652399.png') no-repeat center center;
background-size: 213px 4px;
}
// .tip-org-left{
// width: 62px;
// height: 1px;
// opacity: 0.31;
// border: 7px solid;
// border-image: linear-gradient(270deg, rgba(255, 255, 255, 1), rgba(6, 191, 167, 1)) 7 7;
// }
// .tip-org-right{
// width: 62px;
// height: 1px;
// opacity: 0.31;
// border: 7px solid;
// border-image: linear-gradient(270deg, rgba(255, 255, 255, 1), rgba(6, 191, 167, 1)) 7 7;
// }
.tip-grey {
position: relative;
color: #999999;
font-weight: 200;
padding-left: 12px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -746,28 +718,6 @@ export default {
border-radius: 11px;
padding: 20px 15px;
margin-top: 22px;
// .detection-item{
// margin-bottom: 9px;
// display: flex;
// .label{
// width: 60px;
// height: 20px;
// font-size: 14px;
// font-family: PingFangSC-Regular, PingFang SC;
// font-weight: 400;
// color: #666666;
// line-height: 20px;
// margin-right: 4px;
// }
// .value{
// height: 20px;
// font-size: 14px;
// font-family: PingFangSC-Medium, PingFang SC;
// font-weight: 500;
// color: #212121;
// line-height: 20px
// }
// }
.detection-title{
height: 18px;
font-size: 13px;
......@@ -826,6 +776,7 @@ export default {
bottom: 0;
padding:5px 12px 5px 12px ;
display: flex;
padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2);
.detail-btn-bottom-tips{
position: absolute;
padding: 6px 0;
......
src/views/entitlement/list.vue 0 → 100644
浏览文件 @ 82c61d89
<!-- eslint-disable vue/no-use-v-if-with-v-for -->
<template>
<div class="page-entitlement">
<van-image
class="banner"
:src="bgPath"
/>
<div class="ul">
<div
v-for="(item, index) in entitlementList"
v-if="entitlementList.length > 0"
:key="index"
class="li"
>
<div class="title-row">
<div class="title">
{{ item.title || '--' }}
</div>
<div
class="status"
:class="{particlar : (item.statusCode == '0204' || item.statusCode == '0905' || item.statusCode == '0904'), 'red-particlar':item.statusCode == '0305'}"
>
{{ item.statusTxt || '--' }}
</div>
</div>
<div class="content">
<div class="item">
<div class="label">
检测项目：
</div>
<div class="value">
{{ item.detectionName || '--' }}
</div>
</div>
<div class="item">
<div class="label">
领取机构：
</div>
<div class="value">
{{ item.hospitalName || '--' }}
</div>
</div>
<div class="item">
<div class="label">
检测时间：
</div>
<div class="value">
{{ formatDate(item.detectionTime) || "--" }}
</div>
</div>
</div>
<div
class="btn"
>
<wx-open-launch-weapp
:id="`launch-btn${index}`"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
:username="openWebAppConfig.username"
:path="`pagesInsurance/all-entrance/index?channelSource=insurance_channel&projectEquityNo=${item.projectEquityNo}&yunOrderNo=${item.yunOrderNoFirst_self}&detectionKind=${item.detectionKind}&tradeDetectionServiceRecordId=${item.tradeDetectionServiceRecordId}`"
:env-version="envVersion"
:extra-data="openWebAppConfig.extraData"
@error="handleErrorFn"
@launch="handleLaunchFn"
>
<script type="text/wxtag-template">
<style>.btn {color: #00bda5;text-align: center;line-height: 36px; width:100%; height: 100%;}</style> <div class="btn">{{ item.btnTxt }}</div>
</script>
</wx-open-launch-weapp>
</div>
<!-- <div
v-else
class="btn pbackground"
>
<wx-open-launch-weapp
id="launch-btn"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
:username="openWebAppConfig.username"
:path="`pagesInsurance/all-entrance/index?channelSource=insurance_channel&projectEquityNo=${item.projectEquityNo}&yunOrderNo=${item.yunOrderNoFirst_self}&detectionKind=${item.detectionKind}&tradeDetectionServiceRecordId=${item.tradeDetectionServiceRecordId}`"
:env-version="envVersion"
:extra-data="openWebAppConfig.extraData"
>
<script type="text/wxtag-template">
<style>.btn {position:absolute; top: -3px; color: #ffffff;text-align: center;line-height: 40px; left: 0; width:100%; height: 100%;}</style> <div class="btn">{{ item.btnTxt }}</div>
</script>
</wx-open-launch-weapp>
</div> -->
</div>
<div
v-if="entitlementList.length == 0"
class="empty-wrap"
>
<van-image
class="empty-icon"
:src="emptyIconPath"
/>
<div class="empty-text">
暂无领取记录
</div>
</div>
</div>
</div>
</template>
<script>
import { formatDate } from '@/utils/common';
const { VUE_APP_ENV } = process.env;
import {getEntitlementList} from '@/api/entitlement';
export default {
data() {
return {
bgPath: 'https://files.yunqueyi.com/image/png/common/20230613171613733.png',
entitlementList: [],
emptyIconPath: 'https://files.yunqueyi.com/image/png/common/20230602155400880.png',
envVersion: VUE_APP_ENV == 'production' ? 'release' : 'trial',
// envVersion: 'trial',
openWebAppConfig:{
username:'gh_e92f58174364', // 小程序唯一username 1.gh_80d54796f2d5 云鹊助手 2. gh_e92f58174364 云鹊健康
path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({})
},
externalOrderNo:'',
projectEquityNo:'',
showDialog: false
};
},
computed() {
},
mounted() {
// const { query:
// {
// project_equity_no = 'RDSZ20230602011',
// external_order_no = 'SZ202306011000938751'
// }
// } = this.$route;
const {externalOrderNo, projectEquityNo} = this.$route.query;
this.externalOrderNo = externalOrderNo;
this.projectEquityNo = projectEquityNo;
this.getEntitlementList(externalOrderNo, projectEquityNo);
this.monitorMiniProgram();
},
// updated() {
// const self = this;
// var launchBtn0 = document.getElementById('launch-btn0');
// if(launchBtn0) {
// launchBtn0.addEventListener('launch', function (e) {
// console.log('success-launch-updated0', e);
// setTimeout(() => {self.showDialog = true;}, 3000);
// });
// }
// var launchBtn1 = document.getElementById('launch-btn1');
// if(launchBtn1) {
// launchBtn1.addEventListener('launch', function (e) {
// console.log('success-launch-updated1', e);
// setTimeout(() => {self.showDialog = true;}, 3000);
// });
// }
// },
methods:{
monitorMiniProgram() {
const self = this;
document.addEventListener('visibilitychange', e => {
self.entitlementList = [];
console.log('monitor', e);
console.log('visibilityState', document.visibilityState);
if(document.visibilityState == 'visible') {
self.refreshList();
}
});
},
refreshList() {
this.getEntitlementList(this.externalOrderNo, this.projectEquityNo);
},
formatDate(detectionTime) {
if (!detectionTime) {
return '--';
}
return formatDate(detectionTime);
},
getEntitlementList(externalOrderNo, projectEquityNo) {
const that = this;
that.$loading.show();
getEntitlementList(externalOrderNo, projectEquityNo).then(res => {
if (res.code === '000000') {
if(res?.data.length > 0) {
let arr = [];
arr = res.data.map( r => {
// 0905已完成 0101未填写问卷 0102已填写问卷 0202已预约 0902已结束 0104待支付 0201待预约 0302已采样 0901 已出报告
// 0903 待报销 0904 已报销
switch (r.statusCode) {
case '0201':
case '0103':
r.statusTxt = '待预约';
r.btnTxt = '去预约';
break;
case '0202':
r.statusTxt = '已预约';
r.btnTxt = '预约详情';
break;
case '0302':
r.statusTxt = '已采样';
r.btnTxt = '查看详情';
break;
case '0204':
r.statusTxt = '结果无效';
r.btnTxt = '重新预约';
break;
case '0304':
r.statusTxt = '待审核';
r.btnTxt = '检测详情';
break;
case '0905':
r.statusTxt = '已完成';
r.btnTxt = '查看结果';
break;
case '0101':
r.statusTxt = '未填写问卷';
r.btnTxt = '查看结果';
break;
case '0102':
case '0104':
r.statusTxt = '已填写问卷';
r.btnTxt = '查看结果';
break;
case '0901':
r.statusTxt = '已出报告';
r.btnTxt = '检测详情';
break;
case '0903':
r.statusTxt = '待补贴';
r.btnTxt = '检测详情';
break;
case '0904':
r.statusTxt = '已补贴';
r.btnTxt = '检测详情';
break;
case '0305':
r.statusTxt = '审核驳回';
r.btnTxt = '查看详情';
break;
}
// 已采样 单独处理
if(r.statusCode == '0302') {
if(r.detectionKind == 1) {
r.btnTxt = '上传结果';
}else{
r.btnTxt = '检测详情';
}
}
// detectionKind 1 早早检（快检） 0 or null DNA甲基化（早筛）
r.title = r.detectionKind == 1 ? '癌症早早检权益领取' : '癌症早检权益领取';
// r.btnTxt = (r.statusCode == '0905' || r.statusCode == '0101' || r.statusCode == '0102' || r.statusCode == '0902') ? '查看结果' : r.statusCode == '0202' ? '预约详情' :
// r.statusCode == '0104' ? '去支付' : r.statusCode == '0201' ? '去预约' : '检测详情';
return r;
});
arr.map((item, index) => {
if(item.statusCode == '0101') {
arr[index]['yunOrderNoFirst_self'] = item.yunOrderNoFirst;
}else{
arr[index]['yunOrderNoFirst_self'] = item.yunOrderNo;
}
});
console.log('--arr', arr);
that.entitlementList = arr;
} else {
that.entitlementList = [];
that.$router.push(
{
path: '/sz-public',
query: {
projectEquityNo: projectEquityNo,
externalOrderNo: externalOrderNo
},
}
);
}
that.$loading.hide();
}
});
},
}
};
</script>
<style lang="scss" scoped>
.page-entitlement {
width: 100%;
height: 100vh;
background: #f5f6f8;
overflow-y: auto;
.banner{
width: 375px;
height: 287px;
}
.ul {
position: relative;
padding: 0 12px;
top: -186px;
.li {
border-radius: 10px;
background: #ffffff;
padding: 14px 15px 20px 15px;
margin-bottom: 10px;
.title-row {
border-bottom: 1px solid #e9e9e9;
display: flex;
align-items: center;
padding-bottom: 10px;
.title {
display: inline-block;
width: 260px;
font-size: 18px;
font-weight: 900;
color: #212121;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.status {
width: 75px;
text-align: right;
font-size: 12px;
font-weight: 400;
color: #00BDA5;
}
.particlar{
color: #999999;
}
.red-particlar{
color: #FF4B33;
}
}
.content {
margin-top: 10px;
.item {
font-size: 14px;
display: flex;
align-items: top;
margin-bottom: 5px;
.label {
display: inline-block;
width: 80px;
color: #999999;
}
.value {
display: inline-block;
width: 268px;
color: #212121;
font-weight: 700;
word-break: break-all;
}
}
}
.btn {
margin-left: auto;
width: 82px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 13px;
color: #00bda5;
font-weight: 400;
border-radius: 25px;
border: 1px solid #00bda5;
position: relative;
}
// .pbackground{
// color: #fff;
// background: #00BDA5;
// }
}
.empty-wrap{
padding: 154px 54px 250px 54px;
background: #fff;
border-radius: 10px;
.empty-icon{
width: 243px;
height: 127px;
}
.empty-text{
font-size: 18px;
font-weight: 500;
color: #02120F;
text-align: center;
}
}
}
}
</style>
src/views/sz-public/index.vue 0 → 100644
浏览文件 @ 82c61d89
<template>
<div class="insurance-sz">
<div class="text">
<img
src="https://files.yunqueyi.com/image/png/common/20230612173250172.png"
alt=""
>
</div>
<div class="bottom">
<div class="submit-button submit-button-empty">
<wx-open-launch-weapp
id="launchBtn"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
:username="openWebAppConfigPositive.username"
:path="openWebAppConfigPositive.path"
:env-version="envVersion"
@error="handleErrorFn"
@launch="handleLaunchFn"
>
<script type="text/wxtag-template">
<style>.btn {position:absolute; top: -3px; color: #ffffff;text-align: center;line-height: 50px; font-size: 16px; font-weight: 500; left: 0; width:100%; height: 100%;}</style> <div class="btn">领取权益</div>
</script>
</wx-open-launch-weapp>
</div>
</div>
<van-popup
v-model="show"
closeable
round
position="bottom"
:style="{ height: '500px' ,overflow:'hidden'}"
>
<div class="popup-title">
选择被保险人
</div>
<div class="popup-list">
<van-radio-group v-model="person">
<van-cell-group>
<van-cell
v-for="(item) in userinfo"
:key="item.id"
clickable
@click="person = item.name"
>
<div class="popup-list-item">
<div class="name">
{{ item.name }}
</div>
<div class="info">
<div class="phoneNum">
<span>手机号码：</span>
<span>{{ item.mobile }}</span>
</div>
<div class="idCard">
<span>身份证号：</span>
<span>{{ item.id_number }}</span>
</div>
</div>
</div>
<template #right-icon>
<van-radio :name="item.name" />
</template>
</van-cell>
</van-cell-group>
</van-radio-group>
</div>
<div class="popup-btn-box">
<van-button
class="popup-btn"
:disabled="!person"
@click="show=false
"
>
确定
</van-button>
</div>
</van-popup>
</div>
</template>
<script>
const { VUE_APP_ENV } = process.env;
import {getEntitlementList} from '@/api/entitlement';
let that;
export default {
data() {
return {
show: false,
person: null,
userinfo: [
],
envVersion: VUE_APP_ENV == 'production' ? 'release' : 'trial',
// envVersion:'trial',
openWebAppConfigPositive:{
username:'gh_e92f58174364', // 小程序唯一username 1.gh_80d54796f2d5 云鹊助手 2. gh_e92f58174364 云鹊健康
path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({})
},
routerInfo:{},
};
},
mounted() {
const {externalOrderNo, projectEquityNo} = this.$route.query;
this.routerInfo = this.$route.query;
that = this;
this.openWebAppConfigPositive.path = `pagesInsurance/all-entrance/index?channelSource=insurance_channel&projectEquityNo=${projectEquityNo}&externalOrderNo=${externalOrderNo}&detectionKind=1`;
console.log('-this.openWebAppConfigPositiv', this.openWebAppConfigPositive);
this.vis();
},
methods: {
vis() {
document.addEventListener('visibilitychange', function() {
console.log('--22', document.visibilityState);
if(document.visibilityState == 'visible') {
console.log('进入前台');
that.getEntitlementList();
}
if(document.visibilityState == 'hidden') {
console.log('切换到后台');
}
});
},
handleErrorFn(e) {
console.log('handleErrorFn', e);
},
handleLaunchFn(e) {
console.log('handleLaunchFn', e);
},
getEntitlementList() {
that.$loading.show();
const {externalOrderNo, projectEquityNo} = that.routerInfo;
getEntitlementList(externalOrderNo, projectEquityNo).then(res => {
if (res.code === '000000') {
if(res?.data.length > 0) {
this.$router.push(
{
path: '/entitlement',
query: {
projectEquityNo: projectEquityNo,
externalOrderNo: externalOrderNo
},
}
);
}
this.$loading.hide();
}
});
},
}
};
</script>
<style lang="scss" scoped>
.insurance-sz{
// height: 1772px;
// display: flex;
// justify-content: center;
// align-items: center;
// padding-bottom: 70px;
height: 100vh;
background: #fff;
// .text{
// }
.bottom{
position: fixed;
bottom: 0;
width: 100vw;
background: #fff;
padding-bottom: 27px;
.bottom-text{
padding: 10px 21px 10px 15px;
display: flex;
justify-content: space-between;
.bottom-text-left{
height: 18px;
font-size: 13px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #000000;
line-height: 18px;
span{
margin-right: 6px;
}
}
.bottom-text-right{
height: 18px;
font-size: 13px;
font-weight: 600;
line-height: 18px;
font-family: PingFangSC-Regular, PingFang SC;
color: #999999;
}
}
.bottom-btn{
background: #FFFFFF;
box-shadow: inset 0px 1px 0px 0px #E9E9E9;
overflow: hidden;
text-align: center;
.btn{
width: 351px;
height: 40px;
background: linear-gradient(270deg, #FF4A2D 0%, #FA7D26 100%);
border-radius: 20px;
margin: 4px auto;
font-size: 16px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 40px;
text-align: center;
}
}
}
}
.van-popup--bottom{
width: 100%;
}
.popup-title{
width: 100%;
position: absolute;
top: 0;
height: 25px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #02120F;
line-height: 25px;
text-align: center;
padding: 17px 0;
}
/deep/ .van-cell{
padding-top:0 ;
padding-bottom: 0;
}
.popup-list{
position: absolute;
width: 100%;
top: 50px;
height: calc(100% - 135px);
overflow: auto;
padding-bottom: 130px;
}
.popup-list-item{
display: flex;
align-items: center;
padding: 23px 0;
.name{
width: 45px;
font-size: 15px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #212121;
text-align: center;
margin-right: 12px;
}
.info{
.phoneNum{
height: 14px;
font-size:14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 14px;
margin-bottom: 6px;
}
.idCard{
height: 14px;
font-size:14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 14px;
}
}
}
.popup-btn-box{
position: fixed;
z-index: 2;
width: 100%;
bottom: 0;
padding: 20px 0;
background: #FFFFFF;
border: 1px solid #ebedf0;
}
.popup-btn{
margin: 0 auto;
width: 351px;
height: 40px;
background: #00BDA5;
border-radius: 20px;
font-size: 16px;
text-align: center;
font-weight: 600;
color: #FFFFFF;
line-height: 40px;
display: block;
}
/deep/ .van-radio__icon--checked .van-icon{
background: #00bda5;
border-color: #00bda5;
}
.submit-button {
position: relative;
height: 40px;
border-radius: 20px;
color: #ffffff;
font-size: 16px;
display: flex;
align-items: center;
background: #00BDA5;
justify-content: center;
width: 300px;
margin: 0 auto;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或