106 lines
3.0 KiB
HTML
106 lines
3.0 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.van-cell-group__title {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.note-field textarea {
|
|
text-align: right;
|
|
color: #969799;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<van-nav-bar
|
|
title="预约详细信息"
|
|
left-arrow
|
|
placeholder
|
|
fixed
|
|
@click-left="goBack()"
|
|
safe-area-inset-top
|
|
></van-nav-bar>
|
|
|
|
<div class="van-cell-group__title">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
预约时间段
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-cell title="开始时间">{{ viewData.startTime }}</van-cell>
|
|
<van-cell title="结束时间">{{ viewData.endTime }}</van-cell>
|
|
</van-cell-group>
|
|
|
|
<div class="van-cell-group__title">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
预约人信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-cell title="姓名">{{ viewData.appointmentUserName }}</van-cell>
|
|
<van-cell title="工号">{{ viewData.appointmentLoginName }}</van-cell>
|
|
<van-cell title="单位">{{ viewData.appointmentUnitName }}</van-cell>
|
|
<van-cell title="电话">{{ viewData.appointmentMobile }}</van-cell>
|
|
<van-field
|
|
class="note-field"
|
|
v-model="viewData.appointmentUserNote"
|
|
readonly
|
|
rows="3"
|
|
autosize
|
|
label="预约备注"
|
|
type="textarea"
|
|
placeholder="您可以输入预约备注"
|
|
></van-field>
|
|
<!-- <van-cell title="备注">{{ viewData.appointmentUserNote }}</van-cell>-->
|
|
</van-cell-group>
|
|
|
|
<div class="van-cell-group__title">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
咨询师信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-cell title="姓名">{{ viewData.doctorUserName || '暂无'}}</van-cell>
|
|
<van-cell title="单位">{{ viewData.doctorUnitName || '暂无'}}</van-cell>
|
|
<van-cell title="职称">{{ viewData.doctorJobTitle || '暂无'}}</van-cell>
|
|
<van-cell title="电话">{{ viewData.doctorMobile || '暂无'}}</van-cell>
|
|
<van-cell title="个人简介">{{ viewData.doctorIntroduce || '暂无'}}</van-cell>
|
|
</van-cell-group>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
</script>
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [mobileMixins],
|
|
data() {
|
|
return {
|
|
viewData: {}
|
|
}
|
|
},
|
|
methods: {
|
|
goBack() {
|
|
window.history.back()
|
|
const id = this.GetQueryString("id")
|
|
window.localStorage.removeItem("psychology-info-" + id)
|
|
}
|
|
},
|
|
created() {
|
|
const id = this.GetQueryString("id")
|
|
const data = window.localStorage.getItem("psychology-info-" + id)
|
|
this.viewData = JSON.parse(data)
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |