|
@ -35,74 +35,83 @@
|
|
|
</ul>
|
|
|
<div class="tab-content plr25 ptb8">
|
|
|
<div role="tabpanel" class="tab-pane active" id="home">
|
|
|
<div class="list-body" v-for="record in records">
|
|
|
<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
|
|
|
<div class="w3-row">
|
|
|
<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
|
|
|
<div class="cancelbtn" @click="cancelbtn(record.id)">取消预约</div>
|
|
|
</div>
|
|
|
<div class="w3-rest">
|
|
|
<div class="div-table">
|
|
|
<div class="table-row">
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">医院</div>
|
|
|
<div>{{record.yiyuan}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">科室</div>
|
|
|
<div>{{record.keshi}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">主任医师</div>
|
|
|
<div>{{record.doctor}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">挂号方式</div>
|
|
|
<div>{{record.type}}</div>
|
|
|
<template v-if="records.length>0">
|
|
|
<div class="list-body" v-for="record in records">
|
|
|
<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
|
|
|
<div class="w3-row">
|
|
|
<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
|
|
|
<div class="cancelbtn" @click="cancelbtn(record.id)">取消预约</div>
|
|
|
</div>
|
|
|
<div class="w3-rest">
|
|
|
<div class="div-table">
|
|
|
<div class="table-row">
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">医院</div>
|
|
|
<div>{{record.yiyuan}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">科室</div>
|
|
|
<div>{{record.keshi}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">主任医师</div>
|
|
|
<div>{{record.doctor}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">挂号方式</div>
|
|
|
<div>{{record.type}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="page1" class="page_div"></div>
|
|
|
</template>
|
|
|
<div v-else class="c-t-center mtb100">
|
|
|
<img src="../../../images/wushuju_icon.png" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div role="tabpanel" class="tab-pane" id="history">
|
|
|
<div class="list-body" v-for="record in records">
|
|
|
<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
|
|
|
<div class="w3-row">
|
|
|
<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
|
|
|
<div class="satisfactionbtn" @click="satisfactionbtn(record.id)">满意度调查</div>
|
|
|
</div>
|
|
|
<div class="w3-rest">
|
|
|
<div class="div-table">
|
|
|
<div class="table-row">
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">医院</div>
|
|
|
<div>{{record.yiyuan}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">科室</div>
|
|
|
<div>{{record.keshi}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">主任医师</div>
|
|
|
<div>{{record.doctor}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">挂号方式</div>
|
|
|
<div>{{record.type}}</div>
|
|
|
<template v-if="history.length>0">
|
|
|
<div class="list-body" v-for="record in historyrecords">
|
|
|
<div class="list-header"><span>就诊时间</span><span class="pl20">{{record.time}}</span></div>
|
|
|
<div class="w3-row">
|
|
|
<div class="w3-col" style="width:150px;float: right;padding-top: 30px;">
|
|
|
<div class="satisfactionbtn" @click="satisfactionbtn(record.id)">满意度调查</div>
|
|
|
</div>
|
|
|
<div class="w3-rest">
|
|
|
<div class="div-table">
|
|
|
<div class="table-row">
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">医院</div>
|
|
|
<div>{{record.yiyuan}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">科室</div>
|
|
|
<div>{{record.keshi}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">主任医师</div>
|
|
|
<div>{{record.doctor}}</div>
|
|
|
</div>
|
|
|
<div class="table-cell">
|
|
|
<div class="c-909090">挂号方式</div>
|
|
|
<div>{{record.type}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="page2" class="page_div"></div></template>
|
|
|
<div v-else class="c-t-center mtb100">
|
|
|
<img src="../../../images/wushuju_icon.png" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="page" class="page_div"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="page" class="page_div"></div>
|
|
|
<page-footer></page-footer>
|
|
|
</div>
|
|
|
<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
|