lay_detail_reserved.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. <style type="text/css">
  12. .detail_content{margin: 0 10px;}
  13. .res-list{padding: 17px 10px 6px;}
  14. .res-title{font-weight: 700;margin-bottom: 0;font-size: 16px;color: #333;border-bottom: 1px solid #ececec;line-height: 1;padding-bottom: 10px;}
  15. .res-list p{margin-bottom: 16px;color: #333;}
  16. .res-list p>span:first-child{min-width: 70px;text-align: right;display: inline-block;color: #999;}
  17. .red{color: #FF6A56;}
  18. .blue{color: #47ABEF;}
  19. .green{color: #74BF00;}
  20. .gray{color: #999;}
  21. </style>
  22. </head>
  23. <body>
  24. <div id="app" class="detail_content">
  25. <div class="res-list">
  26. <p class="res-title">预约信息</p>
  27. <p><span>预约状态:</span>
  28. <template>
  29. <span v-if="reserveData.status==0" class="red">已撤销</span>
  30. <span v-if="reserveData.status==1" class="blue">预约成功</span>
  31. <span v-if="reserveData.status==2" class="green">已就诊</span>
  32. <span v-if="reserveData.status==3" class="gray">已停诊</span>
  33. </template>
  34. </p>
  35. <p><span>挂号时间:</span><span v-text="reserveData.czrq"></span></p>
  36. <p><span>就诊时间:</span><span v-text="reserveData.startTime?reserveData.startTime.substr(0,16):''"></span></p>
  37. </div>
  38. <div class="res-list">
  39. <p class="res-title">医生信息</p>
  40. <p><span>医院名称:</span><span v-text="reserveData.orgName"></span></p>
  41. <p><span>科室名称:</span><span v-text="reserveData.deptName"></span></p>
  42. <p><span>医生姓名:</span><span v-text="reserveData.doctorName"></span></p>
  43. </div>
  44. <div class="res-list">
  45. <p class="res-title">就诊人信息</p>
  46. <p><span>就诊人:</span><span v-text="reserveData.name"></span></p>
  47. <p><span>身份证号:</span><span v-text="reserveData.idcard"></span></p>
  48. <p><span>医保卡号:</span><span v-text="reserveData.ssc"></span></p>
  49. <p><span>手机号码:</span><span v-text="reserveData.phone"></span></p>
  50. </div>
  51. </div>
  52. </body>
  53. <script type="text/javascript" src="../../../js/vue.js"></script>
  54. <script type="text/javascript" src="../../../js/jquery-2.2.4.js" ></script>
  55. <script src="../../../js/es6-promise.js"></script>
  56. <script src="../../../api/http-request.js"></script>
  57. <script src="../../../api/record-api.js"></script>
  58. <script src="../../../js/util.js"></script>
  59. <script src="../js/reserve-detail.js"></script>
  60. </html>