提交 555a6794 编写于 作者: 张敬贤's avatar 张敬贤

Feature/zjx

上级 f1dd5c52
...@@ -8,10 +8,11 @@ ...@@ -8,10 +8,11 @@
<template v-if="!need"> <template v-if="!need">
<div> <div>
<div class="login-form-label"> <div class="login-form-label">
<span>*</span>领取人手机号 <span>*</span>参保人手机号
</div> </div>
<div class="login-form-tips"> <div class="login-form-tips">
<van-icon name="warning-o" />为保证筛查准确性,请本人填写相关信息和联系方式 <van-icon name="warning-o" />
<div>输入参保人手机号和身份信息,以便我们核实您的身份,为您提供更优质的服务</div>
</div> </div>
<van-field <van-field
...@@ -47,27 +48,27 @@ ...@@ -47,27 +48,27 @@
<template v-else> <template v-else>
<div> <div>
<div class="login-form-label"> <div class="login-form-label">
<span>*</span>领取人姓 <span>*</span>参保人姓
</div> </div>
<van-field <van-field
v-if="need" v-if="need"
v-model="formData.patientName" v-model="formData.patientName"
clearable clearable
name="领取人姓名" name="参保人姓名"
placeholder="请输入领取人姓名" placeholder="请输入参保人姓名"
:rules="[{ required: true, message: '请输入领取人姓名' }, :rules="[{ required: true, message: '请输入参保人姓名' },
{ validator:validatorName, message: '请输入正确姓名,不少于两个字' }]" { validator:validatorName, message: '请输入正确姓名,不少于两个字' }]"
/> />
<div class="login-form-label"> <div class="login-form-label">
<span>*</span>领取人身份 <span>*</span>参保人身份
</div> </div>
<van-field <van-field
v-if="need" v-if="need"
v-model="formData.idCard" v-model="formData.idCard"
clearable clearable
name="领取人身份证" name="参保人身份证"
placeholder="请输入领取人身份证" placeholder="请输入参保人身份证"
:rules="[{ required: true, message: '请输入领取人身份证' },{ validator:validatorIdCard, message: '身份证号码格式填写有误' }]" :rules="[{ required: true, message: '请输入参保人身份证' },{ validator:validatorIdCard, message: '身份证号码格式填写有误' }]"
/> />
</div> </div>
</template> </template>
...@@ -97,6 +98,17 @@ ...@@ -97,6 +98,17 @@
我已阅读并同意 <span @click="goProtocol(prototypes.yqjkyhxy)">《云鹊健康用户协议》</span> 和 <span @click="goProtocol(prototypes.yhzqtys)">《云鹊隐私声明》</span> 我已阅读并同意 <span @click="goProtocol(prototypes.yqjkyhxy)">《云鹊健康用户协议》</span> 和 <span @click="goProtocol(prototypes.yhzqtys)">《云鹊隐私声明》</span>
</van-checkbox> </van-checkbox>
</div> </div>
<div
v-if="!need"
class="login-bottom-tips"
>
<div class="bottom-tips-top">
云鹊医温馨提示:
</div>
<div class="bottom-tips-bottom">
癌症早筛有助于癌症早检出、早干预、早治疗,病人少受罪,减轻家庭经济负担,守护您和您家人的健康。
</div>
</div>
</div> </div>
</template> </template>
...@@ -316,15 +328,15 @@ export default { ...@@ -316,15 +328,15 @@ export default {
overflow: hidden; overflow: hidden;
background-image: url('~@/assets/images/bg-login.png'); background-image: url('~@/assets/images/bg-login.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 208px; background-size: 100% 198px;
.insurance-login-form{ .insurance-login-form{
margin:168px auto 100px auto; margin:168px auto 0 auto;
padding: 24px 19px; padding: 24px 19px;
background: #fff; background: #fff;
width: 317px; width: 317px;
background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
box-shadow: 0px 18px 12px 0px #EBF9F8; box-shadow: 0px 18px 12px 0px #EBF9F8;
border-radius: 40px; border-radius: 20px;
border: 1px solid rgba(0,189,165,0.33); border: 1px solid rgba(0,189,165,0.33);
.login-form-label{ .login-form-label{
display: flex; display: flex;
...@@ -342,7 +354,7 @@ export default { ...@@ -342,7 +354,7 @@ export default {
} }
} }
.login-form-tips{ .login-form-tips{
height: 16px; display: flex;
font-size: 12px; font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
...@@ -351,6 +363,7 @@ export default { ...@@ -351,6 +363,7 @@ export default {
margin-bottom: 18px; margin-bottom: 18px;
.van-icon{ .van-icon{
margin-right: 4px; margin-right: 4px;
line-height: 16px;
} }
} }
.login-form-bottom{ .login-form-bottom{
...@@ -416,6 +429,7 @@ export default { ...@@ -416,6 +429,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 100px;
height: 21px; height: 21px;
font-size: 12px; font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -443,5 +457,24 @@ export default { ...@@ -443,5 +457,24 @@ export default {
margin-left: 4px; margin-left: 4px;
} }
} }
.login-bottom-tips{
width: 328px;
margin: 40px auto;
.bottom-tips-top{
font-size: 12px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #02120F;
line-height: 17px;
}
.bottom-tips-bottom{
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 17px;
}
}
} }
</style> </style>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="insurance-sz"> <div class="insurance-sz">
<div class="text"> <div class="text">
<img <img
src="https://files.yunqueyi.com/image/jpeg/common/20230512100518485.jpg" src="https://files.yunqueyi.com/image/jpeg/common/20230512151509650.jpg"
alt="" alt=""
> >
</div> </div>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册