Skip to content

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

fix: 修复问题

上级 63aff1f5
隐藏空白字符变更
内嵌 并排
正在显示 包含 453 行增加 和 338 行删除
src/views/appoint/index.vue
浏览文件 @ 88c41e59
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
:header-info="headerInfo" :header-info="headerInfo"
/> />
<div class="wrap"> <div class="wrap">
<!-- <div class="title-1"> <div class="title-1">
检测预约 检测预约
</div> </div>
<div class="title-2"> <div class="title-2">
及时接受检测结果检测报告 及时接受检测结果检测报告
</div> --> </div>
<div class="choose-section"> <div class="choose-section">
<van-form <van-form
ref="dectionForm" ref="dectionForm"
...@@ -23,14 +23,13 @@ ...@@ -23,14 +23,13 @@
required required
> >
<template #input> <template #input>
<span style="font-weight:600">{{ dectionForm.detectName }}</span> <span style="font-weight: 600">{{ dectionForm.detectName }}</span>
</template> </template>
</van-field> </van-field>
<van-field <van-field
label="受检人信息" label="受检人信息"
required required
disabled disabled
class="appoint-form-title" class="appoint-form-title"
/> />
<van-field <van-field
...@@ -40,14 +39,17 @@ ...@@ -40,14 +39,17 @@
clearable clearable
class="appoint-form-items" class="appoint-form-items"
placeholder="请输入受检人姓名" placeholder="请输入受检人姓名"
:rules="[{ required: true, message: '请输入受检人姓名' },{ :rules="[
pattern: /^[\u4e00-\u9fa5_a-zA-Z0-9]+$/, { required: true, message: '请输入受检人姓名' },
message: '请输入正确格式', {
}, pattern: /^[\u4e00-\u9fa5_a-zA-Z0-9]+$/,
{ message: '请输入正确格式',
pattern: /^.{2,20}$/, },
message: '受检人姓名请填写2-20位', {
},]" pattern: /^.{2,20}$/,
message: '受检人姓名请填写2-20位',
},
]"
/> />
<van-field <van-field
v-model="dectionForm.beneficiaryPhone" v-model="dectionForm.beneficiaryPhone"
...@@ -56,11 +58,13 @@ ...@@ -56,11 +58,13 @@
label="手机号" label="手机号"
clearable clearable
placeholder="请输入受检人手机号" placeholder="请输入受检人手机号"
:rules="[{ required: true, message: '请输入受检人手机号' }, :rules="[
{ { required: true, message: '请输入受检人手机号' },
pattern: /^([1][3,4,5,6,7,8,9])\d{9}$/, {
message: '手机号格式填写有误', pattern: /^([1][3,4,5,6,7,8,9])\d{9}$/,
},]" message: '手机号格式填写有误',
},
]"
/> />
<van-field <van-field
v-model="dectionForm.beneficiaryIdNum" v-model="dectionForm.beneficiaryIdNum"
...@@ -69,11 +73,13 @@ ...@@ -69,11 +73,13 @@
clearable clearable
label="身份证号" label="身份证号"
placeholder="请输入受检人真实身份证号" placeholder="请输入受检人真实身份证号"
:rules="[{ required: true, message: '请输入受检人真实身份证号' }, :rules="[
{ { required: true, message: '请输入受检人真实身份证号' },
pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, {
message: '身份证号格式填写有误', pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
},]" message: '身份证号格式填写有误',
},
]"
/> />
<van-field <van-field
label="检测地点" label="检测地点"
...@@ -135,7 +141,6 @@ ...@@ -135,7 +141,6 @@
label="预约时间" label="预约时间"
required required
right-icon="arrow" right-icon="arrow"
@click="showPopup('showSelectTime')" @click="showPopup('showSelectTime')"
> >
<template #input> <template #input>
...@@ -160,15 +165,15 @@ ...@@ -160,15 +165,15 @@
block block
type="info" type="info"
:disabled="!canSubmit" :disabled="!canSubmit"
class="appoint-form-submit " class="appoint-form-submit"
:class="canSubmit ? 'appoint-form-submit-active':''" :class="canSubmit ? 'appoint-form-submit-active' : ''"
@click="appointment" @click="appointment"
> >
提交 提交
</van-button> </van-button>
<div class="appoint-tel"> <div class="appoint-tel">
客服电话：<a 客服电话：<a
style="font-weight:600" style="font-weight: 600"
href="tel:400-006-5252" href="tel:400-006-5252"
>400-021-8282</a> >400-021-8282</a>
<div class="serve-time"> <div class="serve-time">
...@@ -199,18 +204,21 @@ ...@@ -199,18 +204,21 @@
@confirm="confirm" @confirm="confirm"
@close="closePopup" @close="closePopup"
/> />
<div <div id="container" />
id="container"
/>
</div> </div>
</template> </template>
<script> <script>
import {getDetectionName, getOrderInfo, appointment, getHospitalList} from '@/api/appoint'; import {
getDetectionName,
getOrderInfo,
appointment,
getHospitalList,
} from '@/api/appoint';
import SelectHospital from '@/components/selectHospital/index.vue'; import SelectHospital from '@/components/selectHospital/index.vue';
import SelectTime from '@/components/selectTime/index.vue'; import SelectTime from '@/components/selectTime/index.vue';
import PickArea from '@/components/pickArea/index.vue'; import PickArea from '@/components/pickArea/index.vue';
import { getJumpPageStatus, getButtonStatus} from '@/api/question'; import { getJumpPageStatus, getButtonStatus } from '@/api/question';
import storejs from 'storejs'; import storejs from 'storejs';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import AMapLoader from '@amap/amap-jsapi-loader'; import AMapLoader from '@amap/amap-jsapi-loader';
...@@ -218,11 +226,11 @@ export default { ...@@ -218,11 +226,11 @@ export default {
components: { components: {
SelectHospital, SelectHospital,
SelectTime, SelectTime,
PickArea PickArea,
}, },
data() { data() {
return { return {
picaWechat:window._picaWechat, picaWechat: window._picaWechat,
headerInfo: { headerInfo: {
title: '检测服务', title: '检测服务',
isBlack: true, isBlack: true,
...@@ -230,21 +238,21 @@ export default { ...@@ -230,21 +238,21 @@ export default {
style: 'backgroundColor:#ffffff;zIndex:100;', style: 'backgroundColor:#ffffff;zIndex:100;',
background: '', background: '',
}, },
dectionData:{}, dectionData: {},
dectionForm: { dectionForm: {
detectName: '', detectName: '',
beneficiaryIdNum:'', beneficiaryIdNum: '',
beneficiaryName: '', beneficiaryName: '',
appointmentTime: '', appointmentTime: '',
currentDate: '', currentDate: '',
timeBucket: '', timeBucket: '',
beneficiaryPhone: '', beneficiaryPhone: '',
hospitalName:'', hospitalName: '',
goodsId: '', goodsId: '',
}, },
showAreaLabel:'', showAreaLabel: '',
showselectHospital:false, showselectHospital: false,
showArea:false, showArea: false,
reportShow: false, reportShow: false,
placeList: [], placeList: [],
popType: '', popType: '',
...@@ -260,14 +268,14 @@ export default { ...@@ -260,14 +268,14 @@ export default {
value: [], value: [],
label: '', label: '',
}, },
geolocation:null, geolocation: null,
isShowAddress: false, isShowAddress: false,
showSelectTime:false, showSelectTime: false,
isSelf: false, isSelf: false,
spEquityCode: '', spEquityCode: '',
position: { position: {
latitude: '', latitude: '',
longitude:'' longitude: '',
}, },
locationAreaCode: [], locationAreaCode: [],
hospitalId: '', hospitalId: '',
...@@ -275,7 +283,7 @@ export default { ...@@ -275,7 +283,7 @@ export default {
yunOrderNo: '', yunOrderNo: '',
externalData: { externalData: {
latitude: '', latitude: '',
longitude:'', longitude: '',
provinceId: '', provinceId: '',
countyId: '', countyId: '',
cityId: '', cityId: '',
...@@ -310,14 +318,14 @@ export default { ...@@ -310,14 +318,14 @@ export default {
this.projectEquityNo = projectEquityNo; this.projectEquityNo = projectEquityNo;
console.log('yunOrderNo', yunOrderNo); console.log('yunOrderNo', yunOrderNo);
const data = { const data = {
yunOrderNo, yunOrderNo,
projectEquityNo:'', projectEquityNo: '',
externalOrderNo:'', externalOrderNo: '',
}; };
this.$sendBuriedData({ this.$sendBuriedData({
action: 'ACTION_WEB_AFTER', action: 'ACTION_WEB_AFTER',
component_tag: '7802852#0#0#预约', component_tag: '7802852#0#0#预约',
web_data:{yunOrderNo: yunOrderNo}, web_data: { yunOrderNo: yunOrderNo },
}); });
this.getDetectionName(yunOrderNo); this.getDetectionName(yunOrderNo);
this.getOrderInfo(yunOrderNo); this.getOrderInfo(yunOrderNo);
...@@ -328,7 +336,7 @@ export default { ...@@ -328,7 +336,7 @@ export default {
methods: { methods: {
// 判断 库存 // 判断 库存
getJumpPageStatus(data) { getJumpPageStatus(data) {
getJumpPageStatus(data).then(res => { getJumpPageStatus(data).then((res) => {
if (res.code == '000000') { if (res.code == '000000') {
this.stock = res.data.stock; this.stock = res.data.stock;
this.isDisabled = !this.stock; this.isDisabled = !this.stock;
...@@ -344,10 +352,10 @@ export default { ...@@ -344,10 +352,10 @@ export default {
initMap() { initMap() {
const that = this; const that = this;
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,
...@@ -358,12 +366,15 @@ export default { ...@@ -358,12 +366,15 @@ 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.position); console.log('geolocationgeolocation,', status, result.position);
if (result.position) { if (result.position) {
const position = { ...result.position, addr: result.formattedAddress }; const position = {
...result.position,
addr: result.formattedAddress,
};
that.position.latitude = result.position.lat || ''; that.position.latitude = result.position.lat || '';
that.position.longitude = result.position.lng || ''; that.position.longitude = result.position.lng || '';
storejs.set('geolocation', position); storejs.set('geolocation', position);
...@@ -371,9 +382,7 @@ export default { ...@@ -371,9 +382,7 @@ export default {
storejs.remove('geolocation'); storejs.remove('geolocation');
} }
that.initHospitalList(); that.initHospitalList();
}); });
}); });
}); });
}, },
...@@ -388,30 +397,40 @@ export default { ...@@ -388,30 +397,40 @@ export default {
const data = { const data = {
projectEquityNo: this.projectEquityNo, projectEquityNo: this.projectEquityNo,
latitude: this.position.latitude, latitude: this.position.latitude,
longitude:this.position.longitude, longitude: this.position.longitude,
}; };
this.getHospitalList(data); this.getHospitalList(data);
} }
}, },
// 根据坐标获取最近的机构id // 根据坐标获取最近的机构id
getHospitalList(data) { getHospitalList(data) {
getHospitalList(data).then(res => { getHospitalList(data).then((res) => {
const { provinceId, countyId, cityId, hospitalName, hospitalId } = res.data.data[0]; const { provinceId, countyId, cityId, hospitalName, hospitalId } =
console.log('getHospitalListposition', res.data.data[0], provinceId, countyId, cityId, hospitalName, hospitalId); res.data.data[0];
console.log(
'getHospitalListposition',
res.data.data[0],
provinceId,
countyId,
cityId,
hospitalName,
hospitalId
);
this.locationAreaCode = [provinceId, cityId, countyId]; this.locationAreaCode = [provinceId, cityId, countyId];
this.dectionForm.hospitalName = hospitalName; this.dectionForm.hospitalName = hospitalName;
this.hospitalId = hospitalId; this.hospitalId = hospitalId;
this.externalData = { this.externalData = {
latitude: this.position.latitude, latitude: this.position.latitude,
longitude:this.position.longitude, longitude: this.position.longitude,
provinceId, countyId, cityId provinceId,
countyId,
cityId,
}; };
}); });
}, },
// 目前是配置一个检测信息，可能会拓展，所以返回的是一个list // 目前是配置一个检测信息，可能会拓展，所以返回的是一个list
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] || {};
console.log('getDetectionName', dectionData); console.log('getDetectionName', dectionData);
...@@ -419,30 +438,42 @@ export default { ...@@ -419,30 +438,42 @@ export default {
this.dectionForm.detectName = dectionData.detectionName; this.dectionForm.detectName = dectionData.detectionName;
this.dectionForm.goodsId = dectionData.goodsId; this.dectionForm.goodsId = dectionData.goodsId;
this.$store.dispatch('home/setInsuranceInfo', dectionData); this.$store.dispatch('home/setInsuranceInfo', dectionData);
} }
}); });
}, },
// 获取订单信息 // 获取订单信息
getOrderInfo(yunOrderNo) { getOrderInfo(yunOrderNo) {
getOrderInfo(yunOrderNo).then(res => { getOrderInfo(yunOrderNo).then((res) => {
console.log('getOrderInfo', res); console.log('getOrderInfo', res);
this.dectionForm.beneficiaryName = res.data.beneficiaryName; this.dectionForm.beneficiaryName = res.data.beneficiaryName;
this.dectionForm.beneficiaryPhone = res.data.beneficiaryPhone; this.dectionForm.beneficiaryPhone = res.data.beneficiaryPhone;
this.dectionForm.beneficiaryIdNum = res.data.beneficiaryIdNum; this.dectionForm.beneficiaryIdNum = res.data.beneficiaryIdNum;
this.isDisabled = (this.dectionForm.beneficiaryName != '' && this.dectionForm.beneficiaryPhone != '' && this.dectionForm.beneficiaryIdNum != '') && (this.dectionForm.beneficiaryName && this.dectionForm.beneficiaryPhone && this.dectionForm.beneficiaryIdNum ); this.isDisabled =
this.dectionForm.beneficiaryName != '' &&
this.dectionForm.beneficiaryPhone != '' &&
this.dectionForm.beneficiaryIdNum != '' &&
this.dectionForm.beneficiaryName &&
this.dectionForm.beneficiaryPhone &&
this.dectionForm.beneficiaryIdNum;
this.$store.dispatch('home/setOrderInfo', res.data); this.$store.dispatch('home/setOrderInfo', res.data);
}); });
}, },
selectTimes(times) { selectTimes(times) {
console.log(times); console.log(times);
const {value, currentItemChoosed} = times; const { value, currentItemChoosed } = times;
this.dectionForm.appointmentTime = value; this.dectionForm.appointmentTime = value;
this.closePopup('showSelectTime'); this.closePopup('showSelectTime');
// appointmentTimeShadow // appointmentTimeShadow
const m = (Number(dayjs(currentItemChoosed.appointmentDate).month()) + 1) + '月' + (Number(dayjs(currentItemChoosed.appointmentDate).date())) + '日'; const m =
this.appointmentTimeShadow = m + ' ' + currentItemChoosed[currentItemChoosed.timeBucket + 'TimeContent']; Number(dayjs(currentItemChoosed.appointmentDate).month()) +
1 +
'月' +
Number(dayjs(currentItemChoosed.appointmentDate).date()) +
'日';
this.appointmentTimeShadow =
m +
' ' +
currentItemChoosed[currentItemChoosed.timeBucket + 'TimeContent'];
}, },
getTimes() { getTimes() {
this.timsArray = []; this.timsArray = [];
...@@ -467,7 +498,6 @@ export default { ...@@ -467,7 +498,6 @@ export default {
if (this.stock) { if (this.stock) {
this[name] = true; this[name] = true;
} }
}, },
closePopup(name) { closePopup(name) {
this[name] = false; this[name] = false;
...@@ -476,76 +506,78 @@ export default { ...@@ -476,76 +506,78 @@ export default {
this.$sendBuriedData({ this.$sendBuriedData({
action: 'ACTION_WEB_CLICK', action: 'ACTION_WEB_CLICK',
component_tag: '7802852#0#0#预约提交', component_tag: '7802852#0#0#预约提交',
web_data:{yunOrderNo: this.yunOrderNo}, web_data: { yunOrderNo: this.yunOrderNo },
}); });
this.$refs.dectionForm.validate().then(result => { this.$refs.dectionForm
console.log('this.dectionForm', result); .validate()
const data = { .then((result) => {
appointmentTime: this.dectionForm.appointmentTime, console.log('this.dectionForm', result);
goodsId: this.dectionForm.goodsId, const data = {
hospitalId: this.hospitalId, appointmentTime: this.dectionForm.appointmentTime,
hospitalName: this.dectionForm.hospitalName, goodsId: this.dectionForm.goodsId,
patientIdNo: this.dectionForm.beneficiaryIdNum, hospitalId: this.hospitalId,
patientMobile: this.dectionForm.beneficiaryPhone, hospitalName: this.dectionForm.hospitalName,
patientName: this.dectionForm.beneficiaryName, patientIdNo: this.dectionForm.beneficiaryIdNum,
yunOrderNo: this.yunOrderNo, patientMobile: this.dectionForm.beneficiaryPhone,
longitude: this.position.longitude || '', patientName: this.dectionForm.beneficiaryName,
latitude: this.position.latitude || '', yunOrderNo: this.yunOrderNo,
longitude: this.position.longitude || '',
}; latitude: this.position.latitude || '',
appointment(data).then(res => { };
if (res.code === '000000') { appointment(data).then((res) => {
const l = window.location.origin; if (res.code === '000000') {
const hr = l + `/pica-insurance/appoint-details?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}`; const l = window.location.origin;
window.location.href = hr; const hr =
// this.$router.push({ l +
// path: '/appoint-details', `/pica-insurance/appoint-details?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}`;
// query: { window.location.href = hr;
// yunOrderNo: this.yunOrderNo, // this.$router.push({
// projectEquityNo:this.projectEquityNo // path: '/appoint-details',
// } // query: {
// }); // yunOrderNo: this.yunOrderNo,
} else { // projectEquityNo:this.projectEquityNo
res.message && this.$toast(res.message); // }
} // });
} else {
res.message && this.$toast(res.message);
}
});
})
.catch((err) => {
console.log(err);
}); });
}).catch(err => {
console.log(err);
});
}, },
// 获取按钮状态 // 获取按钮状态
getButtonStatus(yunOrderNo) { getButtonStatus(yunOrderNo) {
getButtonStatus(yunOrderNo).then(res => { getButtonStatus(yunOrderNo).then((res) => {
console.log(res); console.log(res);
this.$loading.hide(); this.$loading.hide();
this.buttonStatus = res.data.buttonStatus; this.buttonStatus = res.data.buttonStatus;
this.buttonText = res.data.statusDesc; this.buttonText = res.data.statusDesc;
!this.buttonStatus && this.$dialog.alert({ !this.buttonStatus &&
message: this.buttonText, this.$dialog.alert({
confirmButtonColor:'#00bda5' message: this.buttonText,
}); confirmButtonColor: '#00bda5',
});
}); });
}, },
confirm(values) { confirm(values) {
console.log('confirm', values); console.log('confirm', values);
if (values) { if (values) {
console.log('confirm1', values); console.log('confirm1', values);
this.showAreaLabel = values.map(ele => ele.name).join(''); this.showAreaLabel = values.map((ele) => ele.name).join('');
this.externalData.provinceId = values[0].id; this.externalData.provinceId = values[0].id;
this.externalData.countyId = values[2].id; this.externalData.countyId = values[2].id;
this.externalData.cityId = values[1].id; this.externalData.cityId = values[1].id;
console.log('confirm1', this.externalData); console.log('confirm1', this.externalData);
this.showArea = false; this.showArea = false;
} }
}, },
selectHospital({hospitalId, hospitalName}) { selectHospital({ hospitalId, hospitalName }) {
this.hospitalId = hospitalId; this.hospitalId = hospitalId;
this.dectionForm.hospitalName = hospitalName; this.dectionForm.hospitalName = hospitalName;
this.showselectHospital = false; this.showselectHospital = false;
}, },
showAreaFn() { showAreaFn() {
if (this.stock) { if (this.stock) {
...@@ -556,7 +588,7 @@ export default { ...@@ -556,7 +588,7 @@ export default {
console.log('cleanHospitalId'); console.log('cleanHospitalId');
this.hospitalId = ''; this.hospitalId = '';
this.dectionForm.hospitalName = ''; this.dectionForm.hospitalName = '';
} },
}, },
}; };
</script> </script>
...@@ -568,7 +600,7 @@ export default { ...@@ -568,7 +600,7 @@ export default {
overflow: auto; overflow: auto;
box-sizing: border-box; box-sizing: border-box;
color: #ffffff; color: #ffffff;
background: #F3FCFF; background: #f3fcff;
.bg-img { .bg-img {
width: 100%; width: 100%;
...@@ -591,15 +623,15 @@ export default { ...@@ -591,15 +623,15 @@ export default {
margin-top: 2px; margin-top: 2px;
font-size: 12px; font-size: 12px;
} }
.appoint-form-title{ .appoint-form-title {
font-size: 14px; font-size: 14px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #212121; color: #212121;
padding-top:22px ; padding-top: 22px;
padding-bottom: 0; padding-bottom: 0;
line-height: 20px line-height: 20px;
} }
.choose-section { .choose-section {
...@@ -607,10 +639,10 @@ export default { ...@@ -607,10 +639,10 @@ export default {
background: #ffffff; background: #ffffff;
border-radius: 11px; border-radius: 11px;
margin-top: 15px; margin-top: 15px;
/deep/ .van-field__label{ /deep/ .van-field__label {
color: #212121; color: #212121;
} }
/deep/ .van-field__control:disabled{ /deep/ .van-field__control:disabled {
color: #323233; color: #323233;
-webkit-text-fill-color: #323233; -webkit-text-fill-color: #323233;
} }
...@@ -652,30 +684,29 @@ export default { ...@@ -652,30 +684,29 @@ export default {
color: rgba(255, 56, 56, 1); color: rgba(255, 56, 56, 1);
} }
} }
.appoint-form-items{ .appoint-form-items {
// font-weight: 600; // font-weight: 600;
/deep/ .van-field__label{ /deep/ .van-field__label {
color: #999999; color: #999999;
} }
/deep/ .van-field__control{ /deep/ .van-field__control {
font-weight: 600; font-weight: 600;
} }
/deep/ .van-field__control::placeholder{ /deep/ .van-field__control::placeholder {
font-weight: 450; font-weight: 450;
} }
.appoint-form-placeholder{ .appoint-form-placeholder {
font-weight: 450; font-weight: 450;
} }
} }
.appoint-form-value{ .appoint-form-value {
font-weight: 600; font-weight: 600;
} }
.appoint-form-placeholder{ .appoint-form-placeholder {
color: #999999; color: #999999;
} }
.appoint-form-title::after{ .appoint-form-title::after {
display: none; display: none;
} }
// .sub-btn { // .sub-btn {
...@@ -809,19 +840,19 @@ export default { ...@@ -809,19 +840,19 @@ export default {
// /deep/ .van-field__control::placeholder{ // /deep/ .van-field__control::placeholder{
// color: #999999; // color: #999999;
// } // }
.appoint-form-submit{ .appoint-form-submit {
margin-top: 30px; margin-top: 30px;
height: 40px; height: 40px;
font-weight: 600; 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; border: 1px solid #00bda5;
} }
.appoint-tel{ .appoint-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;
...@@ -829,7 +860,7 @@ export default { ...@@ -829,7 +860,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;
...@@ -839,11 +870,11 @@ export default { ...@@ -839,11 +870,11 @@ 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;
} }
} }
} }
...@@ -883,9 +914,9 @@ export default { ...@@ -883,9 +914,9 @@ export default {
.mpvue-picker-div-show { .mpvue-picker-div-show {
color: #000000; color: #000000;
} }
#container{ #container {
display: none; display: none;
padding:0px; padding: 0px;
margin: 0px; margin: 0px;
width: 100%; width: 100%;
height: 800px; height: 800px;
......
src/views/appointDetails/index.vue
浏览文件 @ 88c41e59
...@@ -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
...@@ -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"
...@@ -151,10 +151,21 @@ ...@@ -151,10 +151,21 @@
</text> --> </text> -->
</div> </div>
</div> </div>
<div
v-if="detailInfo.helpDetectionFlag == 1"
class="detail-bottom-item"
>
<div class="title">
采集方式:
</div>
<div class="value">
现场检测
</div>
</div>
</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 +176,13 @@ ...@@ -165,12 +176,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 +194,11 @@ ...@@ -182,7 +194,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 +225,18 @@ ...@@ -209,14 +225,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 +244,23 @@ export default { ...@@ -224,19 +244,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: {
...@@ -244,12 +268,12 @@ export default { ...@@ -244,12 +268,12 @@ 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,24 +283,23 @@ export default { ...@@ -259,24 +283,23 @@ 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 },
}); });
}, },
destroyed() { destroyed() {
this.clear(); this.clear();
}, },
methods: { methods: {
// 定时刷新数据函数 // 定时刷新数据函数
dataRefreh() { dataRefreh() {
// 计时器正在进行中，退出函数 // 计时器正在进行中，退出函数
if (this.intervalId != null) { if (this.intervalId != null) {
return; return;
} }
// 计时器为空，操作 // 计时器为空，操作
this.intervalId = setInterval(() => { this.intervalId = setInterval(() => {
this.dataRefreh(); this.dataRefreh();
this.getDetailByYunOrderNo(this.yunOrderNo); this.getDetailByYunOrderNo(this.yunOrderNo);
}, 3000); }, 3000);
...@@ -284,43 +307,53 @@ export default { ...@@ -284,43 +307,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 +361,10 @@ export default { ...@@ -328,10 +361,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 +375,20 @@ export default { ...@@ -342,19 +375,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 +397,23 @@ export default { ...@@ -363,24 +397,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);
...@@ -396,8 +429,8 @@ export default { ...@@ -396,8 +429,8 @@ export default {
// https://uri.amap.com/navigation // https://uri.amap.com/navigation
switch (item.value) { switch (item.value) {
case 1: case 1:
// navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0 // navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0
// 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/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`;
break; break;
case 2: case 2:
...@@ -407,7 +440,22 @@ export default { ...@@ -407,7 +440,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`;
...@@ -417,26 +465,51 @@ export default { ...@@ -417,26 +465,51 @@ export default {
console.log(item); console.log(item);
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 +517,12 @@ export default { ...@@ -444,12 +517,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 +530,8 @@ export default { ...@@ -457,8 +530,8 @@ export default {
query: { query: {
pprotocolType, pprotocolType,
detectionRecordId: detectionServiceRecordId, detectionRecordId: detectionServiceRecordId,
yunOrderNo:this.yunOrderNo yunOrderNo: this.yunOrderNo,
} },
}); });
} }
}, },
...@@ -475,7 +548,6 @@ export default { ...@@ -475,7 +548,6 @@ export default {
} }
this.initMap(); this.initMap();
this.showSsheet = true; this.showSsheet = true;
}, },
// 复制快递单号 // 复制快递单号
copyNum() { copyNum() {
...@@ -492,7 +564,7 @@ export default { ...@@ -492,7 +564,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 +609,12 @@ export default { ...@@ -537,12 +609,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 +625,23 @@ export default { ...@@ -553,24 +625,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 +651,7 @@ export default { ...@@ -580,7 +651,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 +661,10 @@ export default { ...@@ -590,10 +661,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 +673,7 @@ export default { ...@@ -602,7 +673,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 +685,7 @@ export default { ...@@ -614,7 +685,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 +696,7 @@ export default { ...@@ -625,7 +696,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 +707,7 @@ export default { ...@@ -636,7 +707,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 +745,7 @@ export default { ...@@ -674,7 +745,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 +788,7 @@ export default { ...@@ -717,7 +788,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 +840,8 @@ export default { ...@@ -769,7 +840,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 +854,15 @@ export default { ...@@ -782,16 +854,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,90 +892,90 @@ export default { ...@@ -821,90 +892,90 @@ 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-weight: 400;
color: #666666;
line-height: 18px;
text-align: center;
margin-bottom: 1px;
}
.detection-time{
height: 30px;
font-size: 21px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #212121;
line-height: 30px;
text-align: center;
margin-bottom: 15px ;
}
.mb5{
margin-bottom: 5px ;
}
}
.appoint-detail-tel{
margin-top: 25px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 22px; line-height: 18px;
text-align: center; text-align: center;
.serve-time{ margin-bottom: 1px;
display: flex;
align-items: center;
justify-content: center;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
span{
width: 1px;
height: 12px;
margin: 0 12px;
background: #BBBBBB;
}
}
} }
.detail-btn-bottom{ .detection-time {
position: fixed; height: 30px;
background: #fff; font-size: 21px;
left: 0; font-family: PingFangSC-Semibold, PingFang SC;
width: calc(100vw - 24px); font-weight: 600;
bottom: 0; color: #212121;
padding:5px 12px 5px 12px ; line-height: 30px;
text-align: center;
margin-bottom: 15px;
}
.mb5 {
margin-bottom: 5px;
}
}
.appoint-detail-tel {
margin-top: 25px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
text-align: center;
.serve-time {
display: flex; display: flex;
padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2); align-items: center;
.detail-btn-bottom-tips{ justify-content: center;
position: absolute; height: 18px;
padding: 6px 0; font-size: 13px;
left: 0; font-family: PingFangSC-Regular, PingFang SC;
top: -30px; font-weight: 400;
width: 100vw; color: #999999;
height: 18px; line-height: 18px;
font-size: 13px; span {
font-family: PingFangSC-Regular, PingFang SC; width: 1px;
font-weight: 400; height: 12px;
color: #FF720C; margin: 0 12px;
line-height: 18px; background: #bbbbbb;
background: #FFFBE7;
text-align: center;
}
.reAppoint{
width: 155px;
margin-right:11px ;
border: 1px solid #C0C0C0;
color: #212121;
} }
} }
}
.detail-btn-bottom {
position: fixed;
background: #fff;
left: 0;
width: calc(100vw - 24px);
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;
left: 0;
top: -30px;
width: 100vw;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #ff720c;
line-height: 18px;
background: #fffbe7;
text-align: center;
}
.reAppoint {
width: 155px;
margin-right: 11px;
border: 1px solid #c0c0c0;
color: #212121;
}
}
</style> </style>
src/views/sz-public-new/date-picker.vue
浏览文件 @ 88c41e59
...@@ -16,6 +16,8 @@ ...@@ -16,6 +16,8 @@
<van-datetime-picker <van-datetime-picker
type="date" type="date"
title="选择年月日" title="选择年月日"
:value="currentDate"
:min-date="minDate"
:max-date="maxDate" :max-date="maxDate"
@confirm="handleConfirm" @confirm="handleConfirm"
@cancel="visible = false" @cancel="visible = false"
...@@ -37,6 +39,7 @@ export default { ...@@ -37,6 +39,7 @@ export default {
return { return {
visible: false, visible: false,
currentDate: new Date(), currentDate: new Date(),
minDate: new Date(1900, 0, 1),
maxDate: new Date(), maxDate: new Date(),
}; };
}, },
...@@ -56,6 +59,7 @@ export default { ...@@ -56,6 +59,7 @@ export default {
</script> </script>
<style scoped> <style scoped>
.pica-date-picker { .pica-date-picker {
width: 100%;
.van-cell { .van-cell {
padding: 3px 0; padding: 3px 0;
} }
......
src/views/sz-public-new/index.vue
浏览文件 @ 88c41e59
...@@ -58,6 +58,7 @@ ...@@ -58,6 +58,7 @@
:rules="rules" :rules="rules"
/> />
<van-field <van-field
v-if="dectionForm.idType != 1"
class="appoint-form-items" class="appoint-form-items"
required required
label="参保人性别" label="参保人性别"
...@@ -178,14 +179,22 @@ ...@@ -178,14 +179,22 @@
<van-popup <van-popup
v-model="showCardTypeVisible" v-model="showCardTypeVisible"
position="bottom" position="bottom"
:style="{ height: '230px' }" :style="{ height: '280px' }"
> >
<van-cell <van-cell
v-for="(item, index) in cardTypes" v-for="(item, index) in cardTypes"
:key="index" :key="index"
:title="item.value" :title="item.value"
style="display: flex; align-items: center"
@click="handleChooseCardType(item)" @click="handleChooseCardType(item)"
/> >
<template #right-icon>
<van-icon
v-if="dectionForm.idType == item.no"
name="success"
/>
</template>
</van-cell>
</van-popup> </van-popup>
</div> </div>
</template> </template>
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或