提交 e37e828f 编写于 作者: 张磊's avatar 张磊

new ui

上级 cccd270d
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
:key="item" :key="item"
class="text" class="text"
:class="selectTimes === item.appointmentDate ?'selected':''" :class="selectTimes === item.appointmentDate ?'selected':''"
:style="item.amAppointmentFlag && item.pmAppointmentFlag?'color:#999999':''"
@click="selectTime(item.appointmentDate,item)" @click="selectTime(item.appointmentDate,item)"
> >
{{ item.appointmentDate }} {{ item.appointmentDate }}
...@@ -29,6 +30,7 @@ ...@@ -29,6 +30,7 @@
v-show="currentItem.amTimeBegin !='' && currentItem.amTimeEnd !=''" v-show="currentItem.amTimeBegin !='' && currentItem.amTimeEnd !=''"
class="text" class="text"
:class="selectTimeBucket === currentItem.amTimeBegin ?'selected':''" :class="selectTimeBucket === currentItem.amTimeBegin ?'selected':''"
:style="currentItem.amAppointmentFlag?'':'color:#212121'"
@click="selectTimeB('am')" @click="selectTimeB('am')"
> >
{{ currentItem.amTimeContent }} {{ currentItem.amTimeContent }}
...@@ -37,6 +39,7 @@ ...@@ -37,6 +39,7 @@
v-if="currentItem.pmTimeBegin !='' && currentItem.pmTimeEnd!=''" v-if="currentItem.pmTimeBegin !='' && currentItem.pmTimeEnd!=''"
class="text" class="text"
:class="selectTimeBucket === currentItem.pmTimeBegin ?'selected':''" :class="selectTimeBucket === currentItem.pmTimeBegin ?'selected':''"
:style="currentItem.pmAppointmentFlag?'':'color:#212121'"
@click="selectTimeB('pm')" @click="selectTimeB('pm')"
> >
{{ currentItem.pmTimeContent }} {{ currentItem.pmTimeContent }}
...@@ -117,6 +120,7 @@ export default { ...@@ -117,6 +120,7 @@ export default {
}); });
}, },
selectItem() { selectItem() {
if (this.selectTimes === '') { if (this.selectTimes === '') {
// this.$toast('请选择日期'); // this.$toast('请选择日期');
return; return;
...@@ -228,11 +232,15 @@ export default { ...@@ -228,11 +232,15 @@ export default {
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #999999;
line-height: 41px; line-height: 41px;
} }
} }
} }
.canselect{
color: #02120F;
}
.selected{ .selected{
color: #00BDA5 !important; color: #00BDA5 !important;
background: #FFFFFF background: #FFFFFF
......
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
<van-form <van-form
ref="dectionForm" ref="dectionForm"
validate-first validate-first
@submit="onSubmit"
> >
<van-field <van-field
name="checkboxGroup" name="checkboxGroup"
...@@ -23,7 +24,7 @@ ...@@ -23,7 +24,7 @@
required required
> >
<template #input> <template #input>
{{ dectionForm.detectName }} <span style="font-weight:600">{{ dectionForm.detectName }}</span>
</template> </template>
</van-field> </van-field>
<van-field <van-field
...@@ -173,7 +174,10 @@ ...@@ -173,7 +174,10 @@
提交 提交
</van-button> </van-button>
<div class="appoint-tel"> <div class="appoint-tel">
客服电话:<a href="tel:400-006-5252">400-006-5252</a> 客服电话:<a
style="font-weight:600"
href="tel:400-006-5252"
>400-006-5252</a>
</div> </div>
</div> </div>
<SelectHospital <SelectHospital
...@@ -588,8 +592,8 @@ export default { ...@@ -588,8 +592,8 @@ export default {
} }
.appoint-form-title{ .appoint-form-title{
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 400;
color: #212121; color: #212121;
padding-top:22px ; padding-top:22px ;
padding-bottom: 0; padding-bottom: 0;
...@@ -648,11 +652,25 @@ export default { ...@@ -648,11 +652,25 @@ export default {
} }
} }
.appoint-form-items{ .appoint-form-items{
// font-weight: 600;
/deep/ .van-field__label{ /deep/ .van-field__label{
color: #999999; color: #999999;
} }
/deep/ .van-field__control{
font-weight: 600;
}
/deep/ .van-field__control::placeholder{
font-weight: 450;
}
.appoint-form-placeholder{
font-weight: 450;
}
} }
.appoint-form-value{
font-weight: 600;
}
.appoint-form-placeholder{ .appoint-form-placeholder{
color: #999999; color: #999999;
} }
...@@ -793,12 +811,14 @@ export default { ...@@ -793,12 +811,14 @@ export default {
.appoint-form-submit{ .appoint-form-submit{
margin-top: 30px; margin-top: 30px;
height: 40px; height: 40px;
font-weight: 600;
background: #D9D9D9; background: #D9D9D9;
border-radius: 20px; border-radius: 20px;
border: 1px solid #D9D9D9; border: 1px solid #D9D9D9;
} }
.appoint-form-submit-active{ .appoint-form-submit-active{
background: #00BDA5; background: #00BDA5;
border: 1px solid #00BDA5;
} }
.appoint-tel{ .appoint-tel{
margin-top: 25px; margin-top: 25px;
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
</div> </div>
<div class="detail-top insurance-detection"> <div class="detail-top insurance-detection">
<div class="detection-title"> <div class="detection-title">
您的领取时间 您的{{ isUnderLine ? '领取' : '检测' }}时间
</div> </div>
<div class="detection-time"> <div class="detection-time">
{{ detailInfo.appointmentTimeStr }} {{ detailInfo.appointmentTimeStr }}
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
> >
<img <img
class="navigation-img" class="navigation-img"
src="https://files.yunqueyi.com/image/png/common/20221220105602921.png" src="https://files.yunqueyi.com/image/png/common/20230301160437750.png"
> >
<div class="navigation-text"> <div class="navigation-text">
导航 导航
...@@ -54,7 +54,10 @@ ...@@ -54,7 +54,10 @@
src="https://files.yunqueyi.com/image/png/common/20230228180052259.png" src="https://files.yunqueyi.com/image/png/common/20230228180052259.png"
alt="" alt=""
> >
<div class="detail-top-hospitalInfo"> <div
v-if="detailInfo.hospitalRemarks && detailInfo.hospitalRemarks !== ''"
class="detail-top-hospitalInfo"
>
<img <img
src="https://files.yunqueyi.com/image/png/common/20230228181040335.png" src="https://files.yunqueyi.com/image/png/common/20230228181040335.png"
alt="" alt=""
...@@ -76,7 +79,17 @@ ...@@ -76,7 +79,17 @@
云鹊医温馨提示 云鹊医温馨提示
<div class="tip-org-right" /> <div class="tip-org-right" />
</div> </div>
<div class="tip-grey"> <div
v-if="isUnderLine"
class="tip-grey"
>
<div class="tip-grey-dot" />
请在预约日前往现场领取产品;
</div>
<div
v-else
class="tip-grey"
>
<div class="tip-grey-dot" /> <div class="tip-grey-dot" />
请在预约日期前往预约医院完成采样。无需空腹,采样前三天可适当清淡饮食; 请在预约日期前往预约医院完成采样。无需空腹,采样前三天可适当清淡饮食;
</div> </div>
...@@ -142,7 +155,10 @@ ...@@ -142,7 +155,10 @@
</div> </div>
</div> </div>
<div class="appoint-detail-tel"> <div class="appoint-detail-tel">
客服电话:<a href="tel:400-006-5252">400-006-5252</a> 客服电话:<a
style="font-weight:600"
href="tel:400-006-5252"
>400-006-5252</a>
</div> </div>
<!-- <div <!-- <div
class="detail-btn" class="detail-btn"
...@@ -159,7 +175,7 @@ ...@@ -159,7 +175,7 @@
class="detail-btn-bottom-tips" class="detail-btn-bottom-tips"
> >
<van-icon name="warning-o" /> <van-icon name="warning-o" />
请在预约日前往预约地完成采样,并点击按钮绑定采样码 请在预约日前往预约地{{ isUnderLine ? '领取产品' : '完成采样' }},并点击按钮绑定采样码
</div> </div>
<div <div
class="detail-btn btn-empty reAppoint" class="detail-btn btn-empty reAppoint"
...@@ -220,7 +236,8 @@ export default { ...@@ -220,7 +236,8 @@ export default {
yunOrderNo: '', yunOrderNo: '',
projectEquityNo: '', projectEquityNo: '',
expireFlag:false, expireFlag:false,
query:{}, query: {},
isUnderLine:false,
// 状态 代码 说明 // 状态 代码 说明
// 0101 未填写问卷 // 0101 未填写问卷
// 0102 已填写问卷 // 0102 已填写问卷
...@@ -236,7 +253,7 @@ export default { ...@@ -236,7 +253,7 @@ export default {
'0101': '未填写问卷', '0101': '未填写问卷',
'0102': '已填写问卷', '0102': '已填写问卷',
'0201': '待预约', '0201': '待预约',
'0202': '已预约', '0202': '预约成功',
'0203': '已取消待重新预约', '0203': '已取消待重新预约',
'0301': '待采样', '0301': '待采样',
'0302': '已采样', '0302': '已采样',
...@@ -268,6 +285,7 @@ export default { ...@@ -268,6 +285,7 @@ export default {
console.log(res); console.log(res);
this.detailInfo = res.data; this.detailInfo = res.data;
this.expireFlag = res.data.expireFlag; this.expireFlag = res.data.expireFlag;
this.isUnderLine = res.data.detectionCategory == 2;
this.$loading.hide(); this.$loading.hide();
}); });
}, },
...@@ -476,8 +494,9 @@ export default { ...@@ -476,8 +494,9 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
} }
.detail-top-hospitalInfo{ .detail-top-hospitalInfo{
position: relative;
display: flex; display: flex;
padding-left: 15px; padding-left: 27px;
font-size: 13px; font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
...@@ -486,6 +505,9 @@ export default { ...@@ -486,6 +505,9 @@ export default {
align-items: center; align-items: center;
img{ img{
position: absolute;
left: 12px;
top: 1px;
width: 12px; width: 12px;
height: 14px; height: 14px;
margin-right: 5px; margin-right: 5px;
...@@ -518,7 +540,7 @@ export default { ...@@ -518,7 +540,7 @@ export default {
} }
.detail-top-address { .detail-top-address {
position: relative; position: relative;
padding: 15px 52px 18px 12px; padding: 15px 52px 6px 12px;
.detail-top-address-name { .detail-top-address-name {
height:21px; height:21px;
width: 257px; width: 257px;
...@@ -605,7 +627,7 @@ export default { ...@@ -605,7 +627,7 @@ export default {
.tips { .tips {
font-size: 14px; font-size: 14px;
border-radius: 11px; border-radius: 11px;
padding: 20px 0 10px 0; padding: 5px 0 10px 0;
.tip-org { .tip-org {
text-align: center; text-align: center;
height: 21px; height: 21px;
...@@ -747,7 +769,7 @@ export default { ...@@ -747,7 +769,7 @@ export default {
left: 0; left: 0;
width: calc(100vw - 24px); width: calc(100vw - 24px);
bottom: 0; bottom: 0;
padding:5px 12px 26px 12px ; padding:5px 12px 5px 12px ;
display: flex; display: flex;
.detail-btn-bottom-tips{ .detail-btn-bottom-tips{
position: absolute; position: absolute;
......
...@@ -116,11 +116,7 @@ ...@@ -116,11 +116,7 @@
<div <div
class="l-right" class="l-right"
> >
<!-- <img--> <a class="fw600" href="tel:400-006-5252">400-006-5252</a>
<!-- class="l-right-img"-->
<!-- src="https://files.yunqueyi.com/image/png/common/20230207134347503.png"-->
<!-- />-->
<a href="tel:400-006-5252">400-006-5252</a>
</div> </div>
</div> </div>
<van-popup <van-popup
...@@ -567,7 +563,7 @@ export default { ...@@ -567,7 +563,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-weight: 500; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
margin: 0 auto; margin: 0 auto;
} }
...@@ -634,13 +630,13 @@ export default { ...@@ -634,13 +630,13 @@ export default {
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
line-height: 2; line-height: 2;
padding-bottom: 60px;
&>p{ &>p{
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
min-height: 1000px; min-height: 1000px;
} }
} }
.btn{ .btn{
border: none;
background-color: #00BDA5; background-color: #00BDA5;
color: #ffffff; color: #ffffff;
width: 300px; width: 300px;
...@@ -758,6 +754,9 @@ export default { ...@@ -758,6 +754,9 @@ export default {
color:#00BDA5; color:#00BDA5;
display: flex; display: flex;
align-items: center; align-items: center;
.fw600{
font-weight: 600;
}
} }
.l-right-img{ .l-right-img{
width: 12px; width: 12px;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
width: 120px; width: 120px;
height: 20px; height: 20px;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 600;
color: #ffffff; color: #ffffff;
line-height: 20px; line-height: 20px;
} }
......
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
<img <img
src="https://files.yunqueyi.com/image/gif/common/20230228173135233.gif" src="https://files.yunqueyi.com/image/gif/common/20230228173135233.gif"
class="info-btn" class="info-btn"
@click="toAppoint"
> >
<div class="info-tips"> <div class="info-tips">
...@@ -132,7 +133,7 @@ export default { ...@@ -132,7 +133,7 @@ export default {
}; };
return m[status]; return m[status];
}, },
// 目前是配置一个检测信息,可能会拓展,所以返回的是一个list // 目前是配置一个检测信息,可能会拓展,所以返回的是一个list ces
getDetectionName(yunOrderNo) { getDetectionName(yunOrderNo) {
getDetectionName(yunOrderNo).then(res => { getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) { if (res.code === '000000' && res.data) {
...@@ -347,7 +348,7 @@ background: #F3FCFF; ...@@ -347,7 +348,7 @@ background: #F3FCFF;
} }
} }
.tips-fixed{ .tips-fixed{
position: fixed; margin-top: 53px;
width: 100%; width: 100%;
bottom: 70px; bottom: 70px;
height: 21px; height: 21px;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册