lay_detail_reserved.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp">
  8. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  9. <title>代预约详情</title>
  10. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
  11. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  12. <link rel="stylesheet" type="text/css" href="../css/reserved.css"/>
  13. </head>
  14. <body>
  15. <div id="app" class="detail_content">
  16. <div class="res-list">
  17. <p class="res-title">预约信息</p>
  18. <p><span>预约状态:</span>
  19. <template>
  20. <span v-if="reserveData.status==0" class="red">已撤销</span>
  21. <span v-if="reserveData.status==1" class="blue">预约成功</span>
  22. <span v-if="reserveData.status==2" class="green">已就诊</span>
  23. <span v-if="reserveData.status==3" class="gray">已停诊</span>
  24. </template>
  25. </p>
  26. <p><span>挂号时间:</span><span v-text="reserveData.czrq"></span></p>
  27. <p><span>就诊时间:</span><span v-text="reserveData.startTime?reserveData.startTime.substr(0,16):''"></span></p>
  28. </div>
  29. <div class="res-list">
  30. <p class="res-title">医生信息</p>
  31. <p><span>医院名称:</span><span v-text="reserveData.orgName"></span></p>
  32. <p><span>科室名称:</span><span v-text="reserveData.deptName"></span></p>
  33. <p><span>医生姓名:</span><span v-text="reserveData.doctorName"></span></p>
  34. </div>
  35. <div class="res-list">
  36. <p class="res-title">就诊人信息</p>
  37. <p><span>就诊人:</span><span v-text="reserveData.name"></span></p>
  38. <p><span>身份证号:</span><span v-text="reserveData.idcard"></span></p>
  39. <p><span>医保卡号:</span><span v-text="reserveData.ssc"></span></p>
  40. <p><span>手机号码:</span><span v-text="reserveData.phone"></span></p>
  41. </div>
  42. </div>
  43. </body>
  44. <script type="text/javascript" src="../../../js/vue.js"></script>
  45. <script type="text/javascript" src="../../../js/jquery-2.2.4.js" ></script>
  46. <script src="../../../js/es6-promise.js"></script>
  47. <script src="../../../plugins/toastr/toastr.min.js"></script>
  48. <script src="../../../api/http-request.js"></script>
  49. <script src="../../../api/record-api.js"></script>
  50. <script src="../../../js/util.js"></script>
  51. <script src="../js/reserve-detail.js"></script>
  52. </html>