xiaoxi.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>消息通知</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <link rel="shortcut icon" href="../../../favicon.ico">
  10. <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
  11. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/common.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../plugins/toastr/toastr.min.css" />
  17. <link rel="stylesheet" type="text/css" href="../css/xiaoxi.css" />
  18. </head>
  19. <body>
  20. <div id="app">
  21. <page-header></page-header>
  22. <div class="container ptb20 ">
  23. <div class="row w3-row">
  24. <left-menu :code="code"></left-menu>
  25. <div class="pl251">
  26. <div class="bgc-fff c-border ptb30" style="min-height: 706px;">
  27. <div class="plr20">
  28. <div class="pb10 c-border-b c-f20">
  29. 消息通知
  30. </div>
  31. <div class="width-100 c-border mt20" v-for="data in xiaoxis">
  32. <div class="c-border-b plr10 ptb12" @click="getinfo(data.orderId)">
  33. <img src="../image/icon_biaoqian.png" />
  34. <span class="xiaoxi-title">{{data.title}}</span>
  35. <span class="xiaoxi-time">{{data.createDate}}</span>
  36. </div>
  37. <div class="w3-row xiao-content">
  38. <div class="w3-col" style="width:150px;float: right;padding-top:20px;" v-if="data.issatisfaction">
  39. <div class="satisfactionbtn" @click="satisfactionbtn(data.id)">参与满意度调查</div>
  40. </div>
  41. <div class="w3-rest xiaoxi-rest" @click="getinfo(data.orderId)">
  42. <span class="pl35">{{data.classification}}</span>
  43. <template v-if="data.islong">
  44. <template v-for="item in data.contentJsons">
  45. <span v-if="item.value!=''" class="pl10">
  46. {{item.name}}:{{item.value}}
  47. </span>
  48. </template>
  49. </template>
  50. <template v-else><span class="pl10">{{data.contentJsons[0].value}}</span></template>
  51. <span class="pl10">{{data.afterContent}}</span>
  52. </div>
  53. </div>
  54. </div>
  55. <div id="page" class="page_div"></div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="modal fade" id="appointmentinfo" tabindex="-1" role="dialog" aria-labelledby="appointmentinfoLabel">
  61. <div class="modal-dialog" role="document">
  62. <div class="modal-content">
  63. <div class="modal-header bgc-f9f9f9">
  64. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  65. <h4 class="modal-title" id="appointmentinfoLabel">挂号明细</h4>
  66. </div>
  67. <div class="modal-body">
  68. <div class="bgc-fff">
  69. <div class="w3-row modal-list">
  70. <div class="w3-col" style="width:120px;">订单号</div>
  71. <div class="w3-rest">{{recordinfo.orderId}}</div>
  72. </div>
  73. <div class="w3-row modal-list" style="border:none;">
  74. <div class="w3-col" style="width:120px;">订单状态</div>
  75. <div class="w3-rest">{{recordinfo.stateDesc}}</div>
  76. </div>
  77. <div class="w3-row modal-list bgc-f9f9f9" style="color:#323232;border:none;">预约信息</div>
  78. <div class="w3-row c-border-b modal-list">
  79. <div class="w3-col" style="width:120px;">预约医院</div>
  80. <div class="w3-rest">{{recordinfo.hospitalName}}</div>
  81. </div>
  82. <div class="w3-row modal-list">
  83. <div class="w3-col" style="width:120px;">预约科室</div>
  84. <div class="w3-rest">{{recordinfo.deptName}}</div>
  85. </div>
  86. <div class="w3-row modal-list">
  87. <div class="w3-col" style="width:120px;">就诊日期</div>
  88. <div class="w3-rest">{{recordinfo.registerDate}} {{recordinfo.timeId}}</div>
  89. </div>
  90. <div class="w3-row modal-list">
  91. <div class="w3-col" style="width:120px;">就诊时间</div>
  92. <div class="w3-rest">{{recordinfo.commendTime}}</div>
  93. </div>
  94. <div class="w3-row modal-list">
  95. <div class="w3-col" style="width:120px;">就诊序号</div>
  96. <div class="w3-rest">{{recordinfo.serialNo}}</div>
  97. </div>
  98. <div class="w3-row modal-list" style="border:none;">
  99. <div class="w3-col" style="width:120px;">退号截止时间</div>
  100. <div class="w3-rest">{{recordinfo.invalidDate}}</div>
  101. </div>
  102. <div class="w3-row modal-list bgc-f9f9f9" style="color:#323232;border:none;">就诊人信息</div>
  103. <div class="w3-row modal-list">
  104. <div class="w3-col" style="width:120px;">姓名</div>
  105. <div class="w3-rest">{{recordinfo.patientName}}</div>
  106. </div>
  107. <div class="w3-row modal-list">
  108. <div class="w3-col" style="width:120px;">证件号</div>
  109. <div class="w3-rest">{{recordinfo.cardNo}}</div>
  110. </div>
  111. <div class="w3-row modal-list">
  112. <div class="w3-col" style="width:120px;">手机号</div>
  113. <div class="w3-rest">{{recordinfo.phoneNo}}</div>
  114. </div>
  115. <div class="c-t-center">
  116. <button type="button" class="btn btn-default c-f16 mt30 mb20" style="width:144px;" @click="hideModel()">关 闭</button>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <page-footer></page-footer>
  125. </div>
  126. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  127. <script src="../../../js/jquery-2.2.4.js"></script>
  128. <script src="../../../js/bootstrap.min.js"></script>
  129. <script src="../../../js/validate/jquery.validate.min.js"></script>
  130. <script src="../../../js/validate/messages_zh.min.js"></script>
  131. <script src="../../../js/security.js"></script>
  132. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  133. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  134. <script src="../../../js/util.js" type="text/javascript " charset="utf-8"></script>
  135. <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
  136. <script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
  137. <script src="../../../plugins/layer/layer.min.js" type="text/javascript" charset="utf-8"></script>
  138. <script src="../../../plugins/toastr/toastr.min.js" type="text/javascript" charset="utf-8"></script>
  139. <script src="../../../js/paging.js"></script>
  140. <script src="../../../api/patient/jiuzhen-api.js"></script>
  141. <script src="../../../component/common/event-bus.js"></script>
  142. <script src="../../../component/common/footer.js"></script>
  143. <script src="../../../component/common/header.js"></script>
  144. <script src="../../../component/common/pagination.js"></script>
  145. <script src="../../../component/mine/left-menu.js"></script>
  146. <script src="../../../component/mineJiuZhen/mineJiuZhen-dialog-form.js"></script>
  147. <script src="../js/xiaoxi.js"></script>
  148. </body>
  149. </html>