Skip to content

P
pica-insurance
提交 c752108b 编写于 作者: 张敬贤's avatar 张敬贤
浏览文件
操作

add

上级 3d339b3f
隐藏空白字符变更
内嵌 并排
正在显示 包含 107 行增加 和 105 行删除
src/views/appointDetails/index.vue
浏览文件 @ c752108b
<template> <template>
<div class="insurance-reseach-detail"> <div>
<page-model <page-model
v-if="picaWechat != 'wechat'" v-if="picaWechat != 'wechat'"
ref="PageModel" ref="PageModel"
:header-info="headerInfo" :header-info="headerInfo"
/> />
<div class="detail-top"> <div class="insurance-reseach-detail">
<div <div class="detail-top">
class="detail-top-info"
:class="detailInfo.status == 5 ? 'grey' : ''"
>
<img
class="detail-top-img"
:src="
detailInfo.status == 5
? 'https://files.yunqueyi.com/image/png/common/20221229163136934.png'
: 'https://files.yunqueyi.com/image/png/common/20220816120131913.png'
"
>
<div class="detail-top-time">
{{ detailInfo.appointmentTimeStr || "--" }}
</div>
<div class="detail-top-status">
{{ statusMap[detailInfo.status] || "--" }}
</div>
</div>
<div class="detail-top-address">
<div class="detail-top-address-name">
{{ detailInfo.hospitalName || "--" }}
</div>
<div class="detail-top-address-info">
{{ detailInfo.hospitalAddress || "--" }}
</div>
<div <div
class="detail-top-address-navigation" class="detail-top-info"
@click="navigation" :class="detailInfo.status == 5 ? 'grey' : ''"
> >
<img <img
class="navigation-img" class="detail-top-img"
src="https://files.yunqueyi.com/image/png/common/20221220105602921.png" :src="
detailInfo.status == 5
? 'https://files.yunqueyi.com/image/png/common/20221229163136934.png'
: 'https://files.yunqueyi.com/image/png/common/20220816120131913.png'
"
> >
<div class="navigation-text"> <div class="detail-top-time">
导航 {{ detailInfo.appointmentTimeStr || "--" }}
</div>
<div class="detail-top-status">
{{ statusMap[detailInfo.status] || "--" }}
</div> </div>
</div> </div>
</div> <div class="detail-top-address">
</div> <div class="detail-top-address-name">
<div class="detail-bottom"> {{ detailInfo.hospitalName || "--" }}
<div class="detail-bottom-item"> </div>
<div class="title"> <div class="detail-top-address-info">
受检人: {{ detailInfo.hospitalAddress || "--" }}
</div> </div>
<div class="value"> <div
{{ detailInfo.patientName || "--" }} class="detail-top-address-navigation"
@click="navigation"
>
<img
class="navigation-img"
src="https://files.yunqueyi.com/image/png/common/20221220105602921.png"
>
<div class="navigation-text">
导航
</div>
</div>
</div> </div>
</div> </div>
<div class="detail-bottom-item"> <div class="detail-bottom">
<div class="title"> <div class="detail-bottom-item">
检测名称: <div class="title">
</div> 受检人:
<div class="value"> </div>
{{ detailInfo.detectName || "--" }} <div class="value">
{{ detailInfo.patientName || "--" }}
</div>
</div> </div>
</div> <div class="detail-bottom-item">
<div class="detail-bottom-item"> <div class="title">
<div class="title"> 检测名称:
下单时间: </div>
<div class="value">
{{ detailInfo.detectName || "--" }}
</div>
</div> </div>
<div class="value"> <div class="detail-bottom-item">
{{ detailInfo.orderTime || "--" }} <div class="title">
下单时间:
</div>
<div class="value">
{{ detailInfo.orderTime || "--" }}
</div>
</div> </div>
</div> <div class="detail-bottom-item">
<div class="detail-bottom-item"> <div class="title">
<div class="title"> 检测编号:
检测编号: </div>
<div
class="value"
>
{{ detailInfo.recordNo || "--" }} <text
class="value-copy"
@click="copyNum()"
>
复制
</text>
</div>
</div> </div>
<div <div
class="value" v-if="detailInfo.status != 5"
class="tips"
> >
{{ detailInfo.recordNo || "--" }} <text <div class="tip-org">
class="value-copy" <u-icon name="info-circle" /> 温馨提示
@click="copyNum()" </div>
> <div class="tip-grey">
复制 (1)请在预约日期前往预约医院完成采血。无需空腹，采血前三天可适当清淡饮食；
</text> </div>
<div class="tip-grey">
(2)注意携带好您投保时注册的手机前往，凭手机号扫码确认采样；
</div>
<div class="tip-grey">
(3)预计7-10个工作日电子报告将返回至您的手机届时将提供进一步的报告解读服务，请注意查收。
</div>
</div> </div>
</div> </div>
<div <div
v-if="detailInfo.status != 5" class="detail-btn"
class="tips" @click="bindingCode"
> >
<div class="tip-org"> 绑定采样条形码
<u-icon name="info-circle" /> 温馨提示
</div>
<div class="tip-grey">
(1)请在预约日期前往预约医院完成采血。无需空腹，采血前三天可适当清淡饮食；
</div>
<div class="tip-grey">
(2)注意携带好您投保时注册的手机前往，凭手机号扫码确认采样；
</div>
<div class="tip-grey">
(3)预计7-10个工作日电子报告将返回至您的手机届时将提供进一步的报告解读服务，请注意查收。
</div>
</div> </div>
</div> <!-- <div
<div
class="detail-btn"
@click="bindingCode"
>
绑定采样条形码
</div>
<!-- <div
class="detail-btn" class="detail-btn"
@click="checkDetail" @click="checkDetail"
> >
查看详情 查看详情
</div> --> </div> -->
<div <div
class="detail-btn btn-empty" class="detail-btn btn-empty"
@click="reAppoint" @click="reAppoint"
> >
重新预约 重新预约
</div>
<van-action-sheet
v-model="showSsheet"
:actions="actions"
cancel-text="取消"
close-on-click-action
@cancel="onCancel"
@select="selectItem"
/>
</div> </div>
<van-action-sheet
v-model="showSsheet"
:actions="actions"
cancel-text="取消"
close-on-click-action
@cancel="onCancel"
@select="selectItem"
/>
</div> </div>
</template> </template>
...@@ -147,7 +149,7 @@ export default { ...@@ -147,7 +149,7 @@ export default {
style: 'backgroundColor:#ffffff;zIndex:100;', style: 'backgroundColor:#ffffff;zIndex:100;',
background: '', background: '',
}, },
actions: [{ name: '高德地图' }, { name: '腾讯地图' }, { name: '百度地图' }], actions: [{ name: '高德地图', value:1 }, { name: '腾讯地图', value:1 }, { name: '百度地图', value:1}],
detailInfo: {}, detailInfo: {},
showSsheet:false, showSsheet:false,
yunOrderNo: '', yunOrderNo: '',
...@@ -190,7 +192,8 @@ export default { ...@@ -190,7 +192,8 @@ export default {
reAppoint() { reAppoint() {
}, },
selectItem() { selectItem(item) {
console.log(item);
const address = '上海市浦东新区兰花路333'; const address = '上海市浦东新区兰花路333';
const url = 'https://uri.amap.com/marker?&name=' + address + '&callnative=1'; const url = 'https://uri.amap.com/marker?&name=' + address + '&callnative=1';
window.open(url); window.open(url);
...@@ -219,9 +222,8 @@ export default { ...@@ -219,9 +222,8 @@ export default {
.insurance-reseach-detail { .insurance-reseach-detail {
position: relative; position: relative;
width: 100%; width: 100%;
min-height: 100vh;
box-sizing: border-box; box-sizing: border-box;
padding: 13px 12px; padding: 10px 12px;
background: #f5f6f8; background: #f5f6f8;
padding-bottom: 120px; padding-bottom: 120px;
.detail-top { .detail-top {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或