consult-detail.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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. <title>咨询详情页</title>
  9. <link href="../../../css/bootstrap.min.css" rel="stylesheet">
  10. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  11. <link rel="stylesheet" type="text/css" href="../../../plugins/layer/skin/layer.css"/>
  12. <link rel="stylesheet" href="../../../plugins/plyr/plyr.css">
  13. <link href="../css/style.css" rel="stylesheet">
  14. <link rel="stylesheet" href="../css/consulting.css">
  15. </head>
  16. <body>
  17. <div class="consulting-panel ui-grid">
  18. <div class="plr20 pt10" style="width:100%;" id="talkBox"></div>
  19. </div>
  20. <!-- 系统消息模板 -->
  21. <script type="text/html" id="sys_msg_tmp">
  22. <div class="time-tips"><span class="xt-xiaoxi">{{content}}</span></div>
  23. </script>
  24. <!-- 消息模板 -->
  25. <script type="text/html" id="msg_tmp">
  26. <div class="time-tips"><span>{{time}}</span></div>
  27. <dl class="{{if isSelf}}chat-right{{else}}chat-left{{/if}} {{if type==17}}mb10-i{{/if}}">
  28. <dt style="height: auto; text-align: center;">
  29. <img src="{{img}}" class="images-cycle"/>
  30. </dt>
  31. <div class="c-content">
  32. <span class="c-f12 name">{{name}}</span>
  33. {{if type == 0 || type == 1 || type == 8 }}
  34. <dd class="word-bread">
  35. <span>{{content}}</span>
  36. </dd>
  37. {{/if}}
  38. {{if type == 2}}
  39. <dd class="word-bread wb-img">
  40. <img class="showBigPic" width="100" src="{{content | getSourceUrl}}" />
  41. </dd>
  42. {{/if}}
  43. {{if type == 3}}
  44. <dd class="word-bread">
  45. <div class="player" style="width:292px;">
  46. <audio controls style="position: relative;top: 15px;">
  47. <!-- Audio files -->
  48. <source src="{{content.path | getSourceUrl}}" type="audio/mp3">
  49. <!-- Fallback for browsers that don't support the <audio> element -->
  50. 您的浏览器不支持在线播放,请<a href="{{content.path | getSourceUrl}}">下载</a>
  51. </audio>
  52. </div>
  53. </dd>
  54. {{/if}}
  55. {{if type == 6 && kindType == 8}}
  56. <dd class="word-bread sys-msg">
  57. <div class="c-f14 sys-header mb5">
  58. <img src="../images/xitongtixing_im_icon.png" width="14">本消息为系统提示
  59. </div>
  60. <p class="c-333 c-f14">{{content.title}}</p>
  61. <p class="c-333 c-f14">体征信息:{{content.tzMsg}}</p>
  62. </dd>
  63. {{/if}}
  64. {{if type == 6 && kindType == 2}}
  65. <dd class="word-bread">
  66. <span>{{content}}</span>
  67. </dd>
  68. {{/if}}
  69. {{if type == 12}}
  70. <dd class="word-bread">
  71. <div class="player" style="width:292px;">
  72. <video poster="{{content.img | getSourceUrl}}" controls crossorigin>
  73. <source src="{{content.path | getSourceUrl}}" type="video/mp4">
  74. <!--<a href="{{content.path | getSourceUrl}}">Download</a>-->
  75. </video>
  76. </div>
  77. </dd>
  78. {{/if}}
  79. {{if type == 15}}
  80. <dd class="word-bread sys-msg">
  81. <div class="c-f14 sys-header mb5">
  82. <img src="../images/xitongtixing_im_icon.png" width="14">本消息为系统提示
  83. </div>
  84. <p class="c-333 c-f14">审核消息:</p>
  85. <p class="c-333 c-f14">{{content.title}}</p>
  86. <p class="c-333 c-f14">审核结果:{{content.result}}</p>
  87. {{if content.reason}}
  88. <p class="c-333 c-f14">原因:{{content.reason}}</p>
  89. {{/if}}
  90. </dd>
  91. {{/if}}
  92. <!-- 添加随访相关的体统消息 -->
  93. {{if type == 16}}
  94. {{if isSelf}}
  95. <dd class="word-bread msg-fv">
  96. <div class="fv-content">
  97. <span class="c-333 c-f14 bgc-fff">{{content.text}}</span>
  98. </div>
  99. </dd>
  100. {{else}}
  101. <dd class="word-bread sys-msg">
  102. <div class="c-f14 sys-header mb5">
  103. <img src="../images/xitongtixing_im_icon.png" width="14">本消息为系统提示
  104. </div>
  105. {{if content.needUpload == "false"}}
  106. <p class="c-333 c-f14">{{content.tzMsg}}</p>
  107. <p class="c-333 c-f14">{{content.tzTime}}</p>
  108. {{/if}}
  109. </dd>
  110. {{/if}}
  111. {{/if}}
  112. {{if type == 17}}
  113. {{if isSelf}}
  114. <dd class="word-bread msg-fv">
  115. <div class="fv-content">
  116. <span class="c-333 c-f14 bgc-fff">{{content.text}}</span>
  117. </div>
  118. </dd>
  119. {{else}}
  120. <dd class="word-bread sys-msg">
  121. <div class="c-f14 sys-header mb5">
  122. <img src="../images/xitongtixing_im_icon.png" width="14">本消息为系统提示
  123. </div>
  124. </dd>
  125. {{/if}}
  126. {{/if}}
  127. </div>
  128. </dl>
  129. {{if type == 17 && isSelf}}
  130. <div class="text-center">
  131. <span class="fv-remind">{{content.doctorremind}}</span>
  132. </div>
  133. {{/if}}
  134. </script>
  135. </body>
  136. <script>
  137. (function(d,u){var a=new XMLHttpRequest(),b=d.body;if("withCredentials" in a){a.open("GET",u,true);a.send();a.onload=function(){var c=d.createElement("div");c.setAttribute("hidden","");c.innerHTML=a.responseText;b.insertBefore(c,b.childNodes[0])}}})(document, "../../../plugins/plyr/sprite.svg");
  138. </script>
  139. <script src="../../../js/jquery-2.2.4.js"></script>
  140. <script src="../../../js/bootstrap.min.js"></script>
  141. <script src="../../../plugins/layer/layer.min.js"></script>
  142. <script src="../../../plugins/toastr/toastr.min.js"></script>
  143. <script src="../../../js/es6-promise.js"></script>
  144. <script src="../../../js/util.js"></script>
  145. <script src="../../../js/template.js"></script>
  146. <script src="../../../api/http-request.js"></script>
  147. <script src="../../../api/record-api.js"></script>
  148. <script src="../../../plugins/plyr/plyr.js"></script>
  149. <script src="../js/consult-detail.js"></script>
  150. </html>