Skip to content

P
pica-insurance
提交 1f49075e 编写于 作者: 史文彬's avatar 史文彬
浏览文件
操作

feat: 调整交互

上级 a457fa98
显示空白字符变更
内嵌 并排
正在显示 包含 252 行增加 和 192 行删除
src/views/appointDetails/index.vue
浏览文件 @ 1f49075e
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
alt="" alt=""
> >
{{ !expireFlag ? statusMap(detailInfo.status):'已过期' }} {{ !expireFlag ? statusMap(detailInfo.status) : '已过期' }}
</div> </div>
<div class="detail-top insurance-detection"> <div class="detail-top insurance-detection">
<div class="detection-title"> <div class="detection-title">
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<div class="detail-top-info"> <div class="detail-top-info">
<div class="detail-top-address"> <div class="detail-top-address">
<div class="detail-top-address-name"> <div class="detail-top-address-name">
{{ detailInfo.hospitalName || "--" }} {{ detailInfo.hospitalName || '--' }}
</div> </div>
<div class="detail-top-address-info"> <div class="detail-top-address-info">
检验科/检验室/采血室 检验科/检验室/采血室
</div> </div>
<div class="detail-top-address-info"> <div class="detail-top-address-info">
{{ detailInfo.hospitalAddress || "--" }} {{ detailInfo.hospitalAddress || '--' }}
</div> </div>
<div <div
...@@ -61,7 +61,9 @@ ...@@ -61,7 +61,9 @@
alt="" alt=""
> >
<div <div
v-if="detailInfo.hospitalRemarks && detailInfo.hospitalRemarks !== ''" v-if="
detailInfo.hospitalRemarks && detailInfo.hospitalRemarks !== ''
"
class="detail-top-hospitalInfo" class="detail-top-hospitalInfo"
> >
<img <img
...@@ -73,6 +75,9 @@ ...@@ -73,6 +75,9 @@
</div> </div>
</div> </div>
<div class="detail-qrcode-content"> <div class="detail-qrcode-content">
<div class="tips">
请截图保存图片<br>检测时出示给检测人员
</div>
<van-image <van-image
width="189px" width="189px"
height="189px" height="189px"
...@@ -81,9 +86,6 @@ ...@@ -81,9 +86,6 @@
<div class="cancel-code"> <div class="cancel-code">
{{ `核销码:${verificationCode}` }} {{ `核销码:${verificationCode}` }}
</div> </div>
<div class="tips">
请截图保存图片<br>检测时出示给检测人员
</div>
</div> </div>
<div <div
v-if="!expireFlag" v-if="!expireFlag"
...@@ -118,7 +120,7 @@ ...@@ -118,7 +120,7 @@
参保人: 参保人:
</div> </div>
<div class="value"> <div class="value">
{{ detailInfo.patientName || "--" }} {{ detailInfo.patientName || '--' }}
</div> </div>
</div> </div>
<div class="detail-bottom-item"> <div class="detail-bottom-item">
...@@ -126,17 +128,15 @@ ...@@ -126,17 +128,15 @@
检测名称: 检测名称:
</div> </div>
<div class="value"> <div class="value">
{{ detailInfo.detectName || "--" }} {{ detailInfo.detectName || '--' }}
</div> </div>
</div> </div>
<div class="detail-bottom-item"> <div class="detail-bottom-item">
<div class="title"> <div class="title">
检测编号: 检测编号:
</div> </div>
<div <div class="value">
class="value" {{ detailInfo.recordNo || '--' }}
>
{{ detailInfo.recordNo || "--" }}
<img <img
class="value-copy" class="value-copy"
src="https://files.yunqueyi.com/image/png/common/20230301110919111.png" src="https://files.yunqueyi.com/image/png/common/20230301110919111.png"
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
</div> </div>
<div class="appoint-detail-tel"> <div class="appoint-detail-tel">
客服电话：<a 客服电话：<a
style="font-weight:600" style="font-weight: 600"
href="tel:400-021-8282" href="tel:400-021-8282"
>400-021-8282</a> >400-021-8282</a>
<div class="serve-time"> <div class="serve-time">
...@@ -165,12 +165,13 @@ ...@@ -165,12 +165,13 @@
v-if="!expireFlag" v-if="!expireFlag"
class="detail-btn-bottom" class="detail-btn-bottom"
> >
<div <div class="detail-btn-bottom-tips">
class="detail-btn-bottom-tips"
>
<van-icon name="warning-o" /> <van-icon name="warning-o" />
请按时前往预约地点，并绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }} 请按时前往预约地点，并绑定{{
insuranceInfo && insuranceInfo.detectionKind == 0
? '采样码'
: '条形码'
}}
</div> </div>
<div <div
class="detail-btn btn-empty reAppoint" class="detail-btn btn-empty reAppoint"
...@@ -182,7 +183,11 @@ ...@@ -182,7 +183,11 @@
class="detail-btn" class="detail-btn"
@click="bindingCode" @click="bindingCode"
> >
绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }} 绑定{{
insuranceInfo && insuranceInfo.detectionKind == 0
? '采样码'
: '条形码'
}}
</div> </div>
</div> </div>
<div <div
...@@ -209,14 +214,18 @@ ...@@ -209,14 +214,18 @@
</template> </template>
<script> <script>
import {getDetailByYunOrderNo, getDetectionName, getDetailtxt} from '@/api/appoint'; import {
getDetailByYunOrderNo,
getDetectionName,
getDetailtxt,
} from '@/api/appoint';
import storejs from 'storejs'; import storejs from 'storejs';
import AMapLoader from '@amap/amap-jsapi-loader'; import AMapLoader from '@amap/amap-jsapi-loader';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
export default { export default {
data() { data() {
return { return {
picaWechat:window._picaWechat, picaWechat: window._picaWechat,
headerInfo: { headerInfo: {
title: '预约详情', title: '预约详情',
isBlack: true, isBlack: true,
...@@ -224,19 +233,23 @@ export default { ...@@ -224,19 +233,23 @@ export default {
style: 'backgroundColor:#ffffff;zIndex:100;', style: 'backgroundColor:#ffffff;zIndex:100;',
background: '', background: '',
}, },
actions: [{ name: '高德地图', value:1 }, { name: '腾讯地图', value:2 }, { name: '百度地图', value:3}], actions: [
{ name: '高德地图', value: 1 },
{ name: '腾讯地图', value: 2 },
{ name: '百度地图', value: 3 },
],
detailInfo: {}, detailInfo: {},
showSsheet:false, showSsheet: false,
yunOrderNo: '', yunOrderNo: '',
projectEquityNo: '', projectEquityNo: '',
expireFlag:false, expireFlag: false,
query: {}, query: {},
isUnderLine:false, isUnderLine: false,
insuranceText:{}, insuranceText: {},
qrcodeUrl:'', qrcodeUrl: '',
verificationCode:'', verificationCode: '',
intervalId:null, intervalId: null,
status:'', status: '',
}; };
}, },
computed: { computed: {
...@@ -245,11 +258,11 @@ export default { ...@@ -245,11 +258,11 @@ export default {
created() { created() {
this.dataRefreh(); this.dataRefreh();
}, },
mounted() { mounted() {
this.$loading.show(); this.$loading.show();
const { yunOrderNo, projectEquityNo} = this.$route.query; const { yunOrderNo, projectEquityNo } = this.$route.query;
this.yunOrderNo = yunOrderNo; this.yunOrderNo = yunOrderNo;
this.projectEquityNo = projectEquityNo; this.projectEquityNo = projectEquityNo;
console.log('yunOrderNo', yunOrderNo); console.log('yunOrderNo', yunOrderNo);
...@@ -259,7 +272,7 @@ export default { ...@@ -259,7 +272,7 @@ export default {
this.$sendBuriedData({ this.$sendBuriedData({
action: 'ACTION_WEB_AFTER', action: 'ACTION_WEB_AFTER',
component_tag: '7802855#0#0#预约详情', component_tag: '7802855#0#0#预约详情',
web_data:{yunOrderNo: yunOrderNo}, web_data: { yunOrderNo: yunOrderNo },
}); });
}, },
...@@ -268,7 +281,6 @@ export default { ...@@ -268,7 +281,6 @@ export default {
}, },
methods: { methods: {
// 定时刷新数据函数 // 定时刷新数据函数
dataRefreh() { dataRefreh() {
// 计时器正在进行中，退出函数 // 计时器正在进行中，退出函数
...@@ -284,43 +296,53 @@ export default { ...@@ -284,43 +296,53 @@ export default {
// 停止定时器 // 停止定时器
clear() { clear() {
clearInterval(this.intervalId);// 清除计时器 clearInterval(this.intervalId); // 清除计时器
this.intervalId = null; // 设置为null this.intervalId = null; // 设置为null
}, },
getDetailByYunOrderNo(yunOrderNo) { getDetailByYunOrderNo(yunOrderNo) {
console.log('appointDetail-yunOrderNo', yunOrderNo); console.log('appointDetail-yunOrderNo', yunOrderNo);
const that = this; const that = this;
getDetailByYunOrderNo(yunOrderNo).then(res => { getDetailByYunOrderNo(yunOrderNo).then((res) => {
if(res.code == '000000') { if (res.code == '000000') {
console.log('appointDetail-orderInfo', res); console.log('appointDetail-orderInfo', res);
const {expireFlag, qrCodeUrl, verificationCode, status, detectionKind, detectionServiceRecordId, sampleCode, externalOrderNo, projectEquityNo} = res.data; const {
expireFlag,
qrCodeUrl,
verificationCode,
status,
detectionKind,
detectionServiceRecordId,
sampleCode,
externalOrderNo,
projectEquityNo,
} = res.data;
this.detailInfo = res.data; this.detailInfo = res.data;
this.expireFlag = expireFlag || ''; this.expireFlag = expireFlag || '';
this.isUnderLine = res.data.detectionCategory == 2; this.isUnderLine = res.data.detectionCategory == 2;
this.qrcodeUrl = qrCodeUrl; this.qrcodeUrl = qrCodeUrl;
this.verificationCode = verificationCode; this.verificationCode = verificationCode;
if(window._miniprogram) { if (window._miniprogram) {
if(status != '0202') { if (status != '0202') {
let url; let url;
if(detectionKind == 1) { if (detectionKind == 1) {
url = `/pagesInsurance/sz-insurance/quick-detection-confirm-success?detectionRecordId=${detectionServiceRecordId}&projectEquityNo=${that.projectEquityNo}&yunOrderNo=${that.yunOrderNo}`; url = `/pagesInsurance/sz-insurance/quick-detection-confirm-success?detectionRecordId=${detectionServiceRecordId}&projectEquityNo=${that.projectEquityNo}&yunOrderNo=${that.yunOrderNo}`;
} }
if(detectionKind == 0) { if (detectionKind == 0) {
url = `/pages/health/detection-confirm-success/index?detectionRecordId=${detectionServiceRecordId}&yunOrderNo=${that.yunOrderNo}&code=${sampleCode}`; url = `/pages/health/detection-confirm-success/index?detectionRecordId=${detectionServiceRecordId}&yunOrderNo=${that.yunOrderNo}&code=${sampleCode}`;
} }
this.clear(); this.clear();
this.$rocNative.WXInstance.miniProgram.redirectTo({url}); this.$rocNative.WXInstance.miniProgram.redirectTo({ url });
} }
}else{ } else {
if(status != '0202') { if (status != '0202') {
this.clear(); this.clear();
this.$router.push({ this.$router.push({
path: `/home?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}`, path: `/home?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}`,
}); });
} }
} }
}else{ } else {
this.$toast(res.message || '操作失败'); this.$toast(res.message || '操作失败');
} }
this.$loading.hide(); this.$loading.hide();
...@@ -328,10 +350,10 @@ export default { ...@@ -328,10 +350,10 @@ export default {
}, },
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key:'c6636583d8d2991af64c9f7253e1a25b', // 申请好的Web端开发者Key，首次调用 load 时必填 key: 'c6636583d8d2991af64c9f7253e1a25b', // 申请好的Web端开发者Key，首次调用 load 时必填
plugins:[''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等 plugins: [''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
}).then((AMap) => { }).then((AMap) => {
AMap.plugin('AMap.Geolocation', function() { AMap.plugin('AMap.Geolocation', function () {
var geolocation = new AMap.Geolocation({ var geolocation = new AMap.Geolocation({
// 是否使用高精度定位，默认：true // 是否使用高精度定位，默认：true
enableHighAccuracy: true, enableHighAccuracy: true,
...@@ -342,19 +364,20 @@ export default { ...@@ -342,19 +364,20 @@ export default {
// 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
zoomToAccuracy: true, zoomToAccuracy: true,
// 定位按钮的排放位置, RB表示右下 // 定位按钮的排放位置, RB表示右下
buttonPosition: 'RB' buttonPosition: 'RB',
}); });
geolocation.getCurrentPosition((status, result) => { geolocation.getCurrentPosition((status, result) => {
console.log('geolocationgeolocation,', status, result); console.log('geolocationgeolocation,', status, result);
if (result.position) { if (result.position) {
const position = { ...result.position, addr: result.formattedAddress }; const position = {
...result.position,
addr: result.formattedAddress,
};
storejs.set('geolocation', position); storejs.set('geolocation', position);
} else { } else {
storejs.remove('geolocation'); storejs.remove('geolocation');
} }
}); });
}); });
}); });
}, },
...@@ -363,24 +386,23 @@ export default { ...@@ -363,24 +386,23 @@ export default {
this.$sendBuriedData({ this.$sendBuriedData({
action: 'ACTION_WEB_CLICK', action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#重新预约', component_tag: '7802855#0#0#重新预约',
web_data:{yunOrderNo: this.yunOrderNo}, web_data: { yunOrderNo: this.yunOrderNo },
}); });
const {detectionKind} = this.insuranceInfo; const { detectionKind } = this.insuranceInfo;
console.log('detectionKind--', detectionKind); console.log('detectionKind--', detectionKind);
if (window._miniprogram) { if (window._miniprogram) {
this.$rocNative.WXInstance.miniProgram.navigateTo({ this.$rocNative.WXInstance.miniProgram.navigateTo({
url:`/pagesInsurance/sz-insurance/screeningAppoint?yunOrderNo=${that.yunOrderNo}&projectEquityNo=${this.projectEquityNo}` url: `/pagesInsurance/sz-insurance/screeningAppoint?yunOrderNo=${that.yunOrderNo}&projectEquityNo=${this.projectEquityNo}`,
}); });
}else{ } else {
this.$router.push({ this.$router.push({
path: '/appoint', path: '/appoint',
query: { query: {
projectEquityNo:this.projectEquityNo, projectEquityNo: this.projectEquityNo,
yunOrderNo:this.yunOrderNo yunOrderNo: this.yunOrderNo,
} },
}); });
} }
}, },
selectItem(item) { selectItem(item) {
console.log('--$rocNative', this.$rocNative); console.log('--$rocNative', this.$rocNative);
...@@ -407,7 +429,22 @@ export default { ...@@ -407,7 +429,22 @@ export default {
break; break;
case 3: case 3:
// https://lbsyun.baidu.com/index.php?title=uri/api/web // https://lbsyun.baidu.com/index.php?title=uri/api/web
url = 'http://api.map.baidu.com/direction?origin=latlng:' + geolocation.lat + ',' + geolocation.lng + '|name:' + geolocation.addr + '&destination=latlng:' + latitude + ',' + longitude + '|name:' + hospitalName + '&region=' + geolocation.city + '&mode=driving&output=html&src=webapp.baidu.openAPIdemo&coord_type=gcj02'; url =
'http://api.map.baidu.com/direction?origin=latlng:' +
geolocation.lat +
',' +
geolocation.lng +
'|name:' +
geolocation.addr +
'&destination=latlng:' +
latitude +
',' +
longitude +
'|name:' +
hospitalName +
'&region=' +
geolocation.city +
'&mode=driving&output=html&src=webapp.baidu.openAPIdemo&coord_type=gcj02';
break; break;
default: default:
url = `https://uri.amap.com/navigation?from=${geolocation.lng},${geolocation.lat},${geolocation.addr}&to=${longitude},${latitude},${hospitalName}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`; url = `https://uri.amap.com/navigation?from=${geolocation.lng},${geolocation.lat},${geolocation.addr}&to=${longitude},${latitude},${hospitalName}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`;
...@@ -418,25 +455,50 @@ export default { ...@@ -418,25 +455,50 @@ export default {
switch (item.value) { switch (item.value) {
case 1: case 1:
// https://lbs.amap.com/api/uri-api/guide/mobile-web/point api地址 // https://lbs.amap.com/api/uri-api/guide/mobile-web/point api地址
url = 'https://uri.amap.com/marker?&name=' + hospitalName + '&position=' + longitude + ',' + latitude + '&callnative=1'; url =
'https://uri.amap.com/marker?&name=' +
hospitalName +
'&position=' +
longitude +
',' +
latitude +
'&callnative=1';
break; break;
case 2: case 2:
// https://lbs.qq.com/webApi/uriV1/uriGuide/uriWebMarker api地址 // https://lbs.qq.com/webApi/uriV1/uriGuide/uriWebMarker api地址
url = 'https://apis.map.qq.com/uri/v1/geocoder?coord=' + latitude + ',' + longitude + '&referer=DJ6BZ-AU6E2-XMJUH-CZVD6-T2WQV-27F3S'; url =
'https://apis.map.qq.com/uri/v1/geocoder?coord=' +
latitude +
',' +
longitude +
'&referer=DJ6BZ-AU6E2-XMJUH-CZVD6-T2WQV-27F3S';
break; break;
case 3: case 3:
// https://lbsyun.baidu.com/index.php?title=uri/api/web api地址 // https://lbsyun.baidu.com/index.php?title=uri/api/web api地址
url = 'http://api.map.baidu.com/marker?location=' + latitude + ',' + longitude + '&title=' + hospitalName + '&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo'; url =
'http://api.map.baidu.com/marker?location=' +
latitude +
',' +
longitude +
'&title=' +
hospitalName +
'&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo';
break; break;
default: default:
url = 'https://uri.amap.com/marker?&name=' + hospitalName + '&position=' + longitude + ',' + latitude + '&callnative=1'; url =
'https://uri.amap.com/marker?&name=' +
hospitalName +
'&position=' +
longitude +
',' +
latitude +
'&callnative=1';
break; break;
} }
} }
console.log('geolocation', url); console.log('geolocation', url);
// window.open(url); // window.open(url);
window.location.href = url; window.location.href = url;
}, },
bindingCode() { bindingCode() {
const { pprotocolType, detectionServiceRecordId } = this.detailInfo; const { pprotocolType, detectionServiceRecordId } = this.detailInfo;
...@@ -444,12 +506,12 @@ export default { ...@@ -444,12 +506,12 @@ export default {
this.$sendBuriedData({ this.$sendBuriedData({
action: 'ACTION_WEB_CLICK', action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#去绑定', component_tag: '7802855#0#0#去绑定',
web_data:{yunOrderNo: this.yunOrderNo}, web_data: { yunOrderNo: this.yunOrderNo },
}); });
if (window._miniprogram) { if (window._miniprogram) {
const {detectionKind} = this.insuranceInfo; const { detectionKind } = this.insuranceInfo;
this.$rocNative.WXInstance.miniProgram.navigateTo({ this.$rocNative.WXInstance.miniProgram.navigateTo({
url:`/pages/health/binding-code/index?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}&detectionRecordId=${detectionServiceRecordId}&pprotocolType=${pprotocolType}&channelSource=insurance_channel&detectionKind=${detectionKind}` url: `/pages/health/binding-code/index?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}&detectionRecordId=${detectionServiceRecordId}&pprotocolType=${pprotocolType}&channelSource=insurance_channel&detectionKind=${detectionKind}`,
}); });
} else { } else {
this.$router.push({ this.$router.push({
...@@ -457,8 +519,8 @@ export default { ...@@ -457,8 +519,8 @@ export default {
query: { query: {
pprotocolType, pprotocolType,
detectionRecordId: detectionServiceRecordId, detectionRecordId: detectionServiceRecordId,
yunOrderNo:this.yunOrderNo yunOrderNo: this.yunOrderNo,
} },
}); });
} }
}, },
...@@ -475,7 +537,6 @@ export default { ...@@ -475,7 +537,6 @@ export default {
} }
this.initMap(); this.initMap();
this.showSsheet = true; this.showSsheet = true;
}, },
// 复制快递单号 // 复制快递单号
copyNum() { copyNum() {
...@@ -492,7 +553,7 @@ export default { ...@@ -492,7 +553,7 @@ export default {
console.log('已复制的内容：', copyText); console.log('已复制的内容：', copyText);
}, },
getDetectionName(yunOrderNo) { getDetectionName(yunOrderNo) {
getDetectionName(yunOrderNo).then(res => { getDetectionName(yunOrderNo).then((res) => {
if (res.code === '000000' && res.data) { if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {}; const dectionData = res.data[0] || {};
this.$store.dispatch('home/setInsuranceInfo', dectionData); this.$store.dispatch('home/setInsuranceInfo', dectionData);
...@@ -537,12 +598,12 @@ export default { ...@@ -537,12 +598,12 @@ export default {
getDetailtxt() { getDetailtxt() {
const o = { const o = {
yunOrderNo: this.yunOrderNo, yunOrderNo: this.yunOrderNo,
pageType: 1 pageType: 1,
}; };
getDetailtxt(o).then(res => { getDetailtxt(o).then((res) => {
this.insuranceText = res.data; this.insuranceText = res.data;
}); });
} },
}, },
}; };
</script> </script>
...@@ -553,24 +614,23 @@ export default { ...@@ -553,24 +614,23 @@ export default {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: #f5f6f8; background: #f5f6f8;
background: linear-gradient(180deg, #00BDA5 0%, #20C5B0 125px, #F5F6F8 257px); background: linear-gradient(180deg, #00bda5 0%, #20c5b0 125px, #f5f6f8 257px);
padding: 20px 12px 160px; padding: 20px 12px 160px;
overflow: auto; overflow: auto;
.detail-status{ .detail-status {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 20px; font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
line-height: 28px; line-height: 28px;
img{ img {
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-right: 6px; margin-right: 6px;
} }
} }
.detail-top { .detail-top {
...@@ -580,7 +640,7 @@ export default { ...@@ -580,7 +640,7 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
} }
.detail-qrcode-content{ .detail-qrcode-content {
padding: 20px 0; padding: 20px 0;
border-radius: 11px; border-radius: 11px;
background: #fff; background: #fff;
...@@ -590,10 +650,10 @@ export default { ...@@ -590,10 +650,10 @@ export default {
justify-content: center; justify-content: center;
margin-bottom: 10px; margin-bottom: 10px;
.cancel-code{ .cancel-code {
width: 165px; width: 165px;
height: 31px; height: 31px;
background: #F9FAFB; background: #f9fafb;
border-radius: 15px; border-radius: 15px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
...@@ -602,7 +662,7 @@ export default { ...@@ -602,7 +662,7 @@ export default {
margin: 2px 0 4.5px 0; margin: 2px 0 4.5px 0;
} }
.tips{ .tips {
width: 210px; width: 210px;
height: 50px; height: 50px;
font-size: 18px; font-size: 18px;
...@@ -614,7 +674,7 @@ export default { ...@@ -614,7 +674,7 @@ export default {
} }
.detail-top-info { .detail-top-info {
background: #F9FAFB; background: #f9fafb;
border-radius: 11px; border-radius: 11px;
padding-bottom: 10px; padding-bottom: 10px;
.detail-top-img { .detail-top-img {
...@@ -625,7 +685,7 @@ export default { ...@@ -625,7 +685,7 @@ export default {
height: 6px; height: 6px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.detail-top-hospitalInfo{ .detail-top-hospitalInfo {
position: relative; position: relative;
display: flex; display: flex;
padding-left: 27px; padding-left: 27px;
...@@ -636,7 +696,7 @@ export default { ...@@ -636,7 +696,7 @@ export default {
line-height: 19px; line-height: 19px;
align-items: center; align-items: center;
img{ img {
position: absolute; position: absolute;
left: 12px; left: 12px;
top: 1px; top: 1px;
...@@ -674,7 +734,7 @@ export default { ...@@ -674,7 +734,7 @@ export default {
position: relative; position: relative;
padding: 15px 52px 6px 12px; padding: 15px 52px 6px 12px;
.detail-top-address-name { .detail-top-address-name {
height:21px; height: 21px;
width: 257px; width: 257px;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
...@@ -717,7 +777,7 @@ export default { ...@@ -717,7 +777,7 @@ export default {
border-radius: 15px; border-radius: 15px;
padding: 15px 15px 1px 15px; padding: 15px 15px 1px 15px;
margin-bottom: 10px; margin-bottom: 10px;
.detail-bottom-title{ .detail-bottom-title {
height: 25px; height: 25px;
font-size: 18px; font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
...@@ -769,7 +829,8 @@ export default { ...@@ -769,7 +829,8 @@ export default {
color: #212121; color: #212121;
line-height: 21px; line-height: 21px;
margin-bottom: 18px; margin-bottom: 18px;
background: url('https://files.yunqueyi.com/image/png/common/20230301094652399.png') no-repeat center center; background: url('https://files.yunqueyi.com/image/png/common/20230301094652399.png')
no-repeat center center;
background-size: 213px 4px; background-size: 213px 4px;
} }
.tip-grey { .tip-grey {
...@@ -782,16 +843,15 @@ export default { ...@@ -782,16 +843,15 @@ export default {
line-height: 18px; line-height: 18px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.tip-grey-dot{ .tip-grey-dot {
position: absolute; position: absolute;
width: 4px; width: 4px;
height: 4px; height: 4px;
background: #FF720C; background: #ff720c;
opacity: 0.5; opacity: 0.5;
border-radius: 50%; border-radius: 50%;
left: 0; left: 0;
top: 7px; top: 7px;
} }
} }
} }
...@@ -821,12 +881,12 @@ export default { ...@@ -821,12 +881,12 @@ export default {
right: 16px; right: 16px;
} }
} }
.insurance-detection{ .insurance-detection {
background: #FFFFFF; background: #ffffff;
border-radius: 11px; border-radius: 11px;
padding: 20px 15px; padding: 20px 15px;
margin-top: 22px; margin-top: 22px;
.detection-title{ .detection-title {
height: 18px; height: 18px;
font-size: 13px; font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -836,7 +896,7 @@ export default { ...@@ -836,7 +896,7 @@ export default {
text-align: center; text-align: center;
margin-bottom: 1px; margin-bottom: 1px;
} }
.detection-time{ .detection-time {
height: 30px; height: 30px;
font-size: 21px; font-size: 21px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
...@@ -844,13 +904,13 @@ export default { ...@@ -844,13 +904,13 @@ export default {
color: #212121; color: #212121;
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
margin-bottom: 15px ; margin-bottom: 15px;
}
.mb5{
margin-bottom: 5px ;
} }
.mb5 {
margin-bottom: 5px;
} }
.appoint-detail-tel{ }
.appoint-detail-tel {
margin-top: 25px; margin-top: 25px;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -858,7 +918,7 @@ export default { ...@@ -858,7 +918,7 @@ export default {
color: #666666; color: #666666;
line-height: 22px; line-height: 22px;
text-align: center; text-align: center;
.serve-time{ .serve-time {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
...@@ -868,24 +928,24 @@ export default { ...@@ -868,24 +928,24 @@ export default {
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 18px; line-height: 18px;
span{ span {
width: 1px; width: 1px;
height: 12px; height: 12px;
margin: 0 12px; margin: 0 12px;
background: #BBBBBB; background: #bbbbbb;
}
} }
} }
.detail-btn-bottom{ }
.detail-btn-bottom {
position: fixed; position: fixed;
background: #fff; background: #fff;
left: 0; left: 0;
width: calc(100vw - 24px); width: calc(100vw - 24px);
bottom: 0; bottom: 0;
padding:5px 12px 5px 12px ; padding: 5px 12px 5px 12px;
display: flex; display: flex;
padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2); padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2);
.detail-btn-bottom-tips{ .detail-btn-bottom-tips {
position: absolute; position: absolute;
padding: 6px 0; padding: 6px 0;
left: 0; left: 0;
...@@ -895,16 +955,16 @@ export default { ...@@ -895,16 +955,16 @@ export default {
font-size: 13px; font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FF720C; color: #ff720c;
line-height: 18px; line-height: 18px;
background: #FFFBE7; background: #fffbe7;
text-align: center; text-align: center;
} }
.reAppoint{ .reAppoint {
width: 155px; width: 155px;
margin-right:11px ; margin-right: 11px;
border: 1px solid #C0C0C0; border: 1px solid #c0c0c0;
color: #212121; color: #212121;
} }
} }
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或