完善h5
parent
74193c2c82
commit
4b071b33b9
@ -0,0 +1,120 @@
|
|||||||
|
<template>
|
||||||
|
<div class="Myappointment">
|
||||||
|
|
||||||
|
<div class="info">
|
||||||
|
<div style="font-size: 18px; font-weight: 700;margin-bottom: 10px;margin-top: 10px; color:#33cdc9">我的预约记录
|
||||||
|
</div>
|
||||||
|
<table v-if="Info">
|
||||||
|
<tr>
|
||||||
|
<td>姓名</td>
|
||||||
|
<td>{{Info.name}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>身份证</td>
|
||||||
|
<td>{{Info.id_card_num}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>预约类型</td>
|
||||||
|
<td><span v-if="Info.type==1">健康证体检</span><span v-if="Info.type==2">65岁老年人体检</span></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>预约机构</td>
|
||||||
|
<td>{{Info.org_name}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>预约时间</td>
|
||||||
|
<td>{{Info.date.substr(0,10)}} {{Info.time}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>记录时间</td>
|
||||||
|
<td>{{Info.created_at}}</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<van-empty v-else description="暂无记录" />
|
||||||
|
|
||||||
|
<van-button class="button" round type="default" icon="todo-list-o" @click="router.go(-1)">返回</van-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {
|
||||||
|
ref,
|
||||||
|
onMounted
|
||||||
|
} from 'vue';
|
||||||
|
import {
|
||||||
|
useRoute,
|
||||||
|
useRouter
|
||||||
|
} from "vue-router"
|
||||||
|
import {
|
||||||
|
H5GetAppointmentRecord
|
||||||
|
} from "@/api/api.js";
|
||||||
|
import {
|
||||||
|
showToast
|
||||||
|
} from 'vant';
|
||||||
|
const route = useRoute()
|
||||||
|
const router = useRouter();
|
||||||
|
let loading = ref(false)
|
||||||
|
let Info =ref('');
|
||||||
|
const GetInfo=()=>{
|
||||||
|
let sfz = sessionStorage.getItem('sfz');
|
||||||
|
H5GetAppointmentRecord({sfz:sfz}).then(res => {
|
||||||
|
if(res.status){
|
||||||
|
Info.value=res.data
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMounted(()=>{
|
||||||
|
GetInfo()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.Myappointment {
|
||||||
|
background-color: #afeefd;
|
||||||
|
height: 100vh;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
position: relative;
|
||||||
|
/* border: 1px solid red; */
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20px 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr td:first-child {
|
||||||
|
width: 40%;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-left: 30px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
tr td:last-child {
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 40px;
|
||||||
|
background-color: #33cdc9;
|
||||||
|
color: #fff;
|
||||||
|
border: 3px solid #e6f5fd;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue