jiankangzixun.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>健康咨询</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
  12. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  13. <link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
  14. <link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css">
  15. <link rel="stylesheet" href="../css/td-style.css" />
  16. <style type="text/css">
  17. .jkzx-td{
  18. position: absolute;
  19. top: 0;
  20. right: 0;
  21. padding: 0 14px;
  22. color: #fff;
  23. }
  24. .face-title {
  25. width: 28px;
  26. height: 28px;
  27. position: absolute;
  28. margin-top: 40px;
  29. margin-left: -29px;
  30. }
  31. .face-title-name {
  32. margin-left: -22px;
  33. margin-top: 43px;
  34. color: white;
  35. font-size: 14px;
  36. }
  37. .lin-down-arrow{
  38. position: relative;
  39. top: -2px;
  40. left: 5px;
  41. height: 10px;
  42. width: 10px;
  43. border-bottom: 3px solid #fff;
  44. border-right: 3px solid #fff;
  45. display: inline-block;
  46. transform:rotate(45deg);
  47. -ms-transform:rotate(45deg); /* IE 9 */
  48. -moz-transform:rotate(45deg); /* Firefox */
  49. -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  50. -o-transform:rotate(45deg); /* Opera */
  51. zoom: 1;
  52. }
  53. .lin-sel-group{
  54. position: fixed;
  55. top: 45px;
  56. background: #fff;
  57. width: 100%;
  58. z-index: 999;
  59. display: none;
  60. max-height: 260px;
  61. overflow: scroll;
  62. overflow-x: hidden;
  63. overflow-y: scroll;
  64. }
  65. .lin-sel-group li{
  66. text-align: center;
  67. color: #17b3ec;
  68. height: 40px;
  69. line-height: 40px;
  70. font-size: 16px;
  71. border-bottom: 1px solid #f2f4f6;
  72. }
  73. .lin-sel-group img{
  74. width: 20px;
  75. margin: 10px;
  76. display: none;
  77. }
  78. .lin-sel-group li.checked img{
  79. display: inline;
  80. }
  81. .lin-mask{
  82. position: absolute;
  83. top: 45px;
  84. height: 100%;
  85. width: 100%;
  86. /*background: #000;*/
  87. height: 100%;
  88. z-index: 998;
  89. display: none;
  90. background-color: rgba(0,0,0,0.7);
  91. }
  92. .lin-search{
  93. padding: 8px 10px;
  94. background-color: #fff;
  95. }
  96. .lin-search img{
  97. width: 29px;
  98. }
  99. .lin-search div{
  100. text-align: center;
  101. border-radius: 5px;
  102. line-height: 29px;
  103. background-color: #f2f4f6;
  104. color: #999;
  105. }
  106. .load-more { height: 30px; line-height: 30px; background-color: #FFF; text-align: center;}
  107. .l-sanshi-ico { position: absolute; right: 30px; width: 150px; }
  108. .l-sanshi-ico div.ring-blue { margin-top: 5px; }
  109. .c-main { position: relative; }
  110. #top_msg_bar {display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 10px; font-size: 14px; color: #FFF; background-color: rgba(0,0,0,0.5); box-sizing: border-box;}
  111. #top_msg_bar .close-btn { position: absolute; right: 10px; width: 18px; height: 18px; }
  112. #handle_link { color: #17BCEC; text-decoration: underline; }
  113. #unassigned_num { color: #17BCEC; }
  114. #group_label_list { padding: 15px 0px ; background-color: #FFF;}
  115. .group-item img { display: block; width: 30px; height: 30px; margin: 0 auto; }
  116. .group-item .item-label { margin-top: 5px; color: #323232; font-size: 14px; font-weight: bold; width: 100%; text-align: center; }
  117. .my-work-secflo .patient-face { margin: 11px 10px 10px 0px; }
  118. .n-list > .n-list-link:last-child {
  119. border-bottom: 1px solid #f1f1f1;
  120. }
  121. .n-list > li { border-top: 0; }
  122. .n-list > li .n-list-info { border-top: 1px solid #f1f1f1; }
  123. .div-wfp, .div-qbjm{
  124. background: #fff;
  125. padding: 10px 15px;
  126. font-size: 16px;
  127. line-height: 30px;
  128. border-bottom: 1px solid #E1E1E1;
  129. border-top: 1px solid #E1E1E1;
  130. }
  131. .mid-bar{
  132. margin: 13px 0px;
  133. display: none;
  134. }
  135. .div-qbjm{
  136. border-top: 0;
  137. }
  138. .div-wfp > img, .div-qbjm > img{
  139. width: 30px;
  140. height: 30px;
  141. border-radius: 50%;
  142. margin-right: 10px;
  143. }
  144. .div-wfp label, .div-qbjm label{
  145. color: #909090;
  146. margin-left: 10px;
  147. font-size: 14px;
  148. }
  149. .weixin-icon { width: 30px; height: 30px; margin-top: 10px; margin-right: 3px; }
  150. .mui-scroll-wrapper { position: fixed; height: -moz-calc(100%); height: -webkit-calc(100% ); height: calc(100%); }
  151. </style>
  152. </head>
  153. <body>
  154. <!--下拉选择-->
  155. <div class="lin-mask"></div>
  156. <ul class="lin-sel-group">
  157. <li class="checked" data-name="健康咨询">
  158. <img src="../images/checked_blue.png"><label>健康咨询</label>
  159. </li>
  160. <!--<li class="" data-name="公共咨询">
  161. <img src="../images/checked_blue.png"><label>公共咨询</label>
  162. </li>
  163. <li class="" data-name="续方咨询" id="xfzx" style="display: none;">
  164. <img src="../images/checked_blue.png"><label>续方咨询</label>
  165. </li>-->
  166. </ul>
  167. <!--下拉选择-->
  168. <div class="main">
  169. <div class="h45">
  170. <div class="demo-comtop">
  171. <a class="mui-action-back" href="../../home/html/xiaoxi.html"></a>
  172. <h1><span class="jkzx-title">健康咨询</span><!--<label class="lin-down-arrow"></label>--></h1>
  173. <!--<a data-href="../../zdzx/html/tuanduitongji.html" class="jkzx-td" style="display: none;font-size: 16px;">团队统计</a>-->
  174. </div>
  175. </div>
  176. <ul class="td-tit">
  177. <!--总的回复情况-->
  178. </ul>
  179. <div style="position: fixed;top: 145px;left: 0;right: 0;bottom:0" id='con1'></div>
  180. <div style="display:none;position: fixed;top: 145px;left: 0;right: 0;bottom:0" id='con2'></div>
  181. </div>
  182. </body>
  183. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  184. <script src="../../../js/mui.min.js"></script>
  185. <script src="../../js/common.js"></script>
  186. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  187. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  188. <script type="text/html" id="totalReply">
  189. <li><div class="wait-num">{{data.totalUnReply}}</div><div>未回复</span></li>
  190. <li><div class="ok-num">{{data.totalReply}}</div><div>已回复</span></li>
  191. <li><div class="con-num">{{data.totalConsult}}</div><div>咨询量</span></li>
  192. </script>
  193. <script type="text/javascript">
  194. var self;
  195. var zdwv, ggwv,xfwv;
  196. var $tdTit = $('.td-tit'),
  197. $linMask = $('.lin-mask'),
  198. $linSelGroup = $('.lin-sel-group'),
  199. $linSelGroupChilds = $linSelGroup.children(),
  200. $jkzxTitle = $('.jkzx-title');
  201. var docInfo,
  202. teamInfo;
  203. mui.plusReady(function() {
  204. docInfo = JSON.parse(plus.storage.getItem("docInfo"));
  205. teamInfo = JSON.parse(plus.storage.getItem("teamInfo"));
  206. getTotalData()
  207. var wvStyle = {
  208. top: "145px",
  209. bottom: "0px"
  210. };
  211. self = plus.webview.currentWebview();
  212. zdwv = plus.webview.create("../../zdzx/html/zhidingzixun.html",
  213. "zhidingzixun", wvStyle);
  214. // ggwv = plus.webview.create("../../ggzx/html/gonggongzixun.html",
  215. // "gonggongzixun", wvStyle);
  216. // xfwv = plus.webview.create("../../prescription/html/xufangzixun.html",
  217. // "xufangzixun", wvStyle);
  218. // ggwv.hide();
  219. // xfwv.hide();
  220. // self.append(xfwv);
  221. // self.append(ggwv);
  222. self.append(zdwv);
  223. plus.nativeUI.closeWaiting();
  224. backxiaoxi();
  225. if(docInfo.isLeader == 1){
  226. $('.jkzx-td').show();
  227. }
  228. // 判断是否是该团队的团队长
  229. var nowTeamCode;
  230. if(docInfo.isLeader == 1){
  231. $.map(teamInfo.data,function(item,index){
  232. if(item.leaderCode == docInfo.code){
  233. nowTeamCode = item.id;
  234. }
  235. })
  236. if(docInfo.adminTeamCode==nowTeamCode){
  237. $("#xfzx").show();
  238. }
  239. }
  240. })
  241. //获取团队回复情况总量
  242. function getTotalData () {
  243. // var lastTeamId = docInfo.adminTeamCode;
  244. // sendGet('im_new/consult/getTeamData',{adminTeamCode:lastTeamId},null,getDocInfoListSucc);
  245. sendGet('im_new/consult/getDoctorData',{},null,getDocInfoListSucc);
  246. }
  247. function getDocInfoListSucc (data) {
  248. if (data.status === 200) {
  249. // if (data.data.doctors.length > 0) {
  250. var totalReplyHtml = template('totalReply', {data: data.data});
  251. $tdTit.html(totalReplyHtml);
  252. // }
  253. } else {
  254. mui.toast(data.msg);
  255. }
  256. }
  257. window.addEventListener("reload", function(){
  258. getTotalData();
  259. })
  260. // $('.jkzx-td').on( 'click', function () {
  261. // mui.openWindow({
  262. // id: 'jkzx-td',
  263. // url: $(this).attr('data-href'),
  264. // waiting:{
  265. // autoShow:false
  266. // },
  267. // extras:{}
  268. // })
  269. // });
  270. // mui("#menulab").on("tap", "li", function() {
  271. // $("#menulab li").removeClass("hit");
  272. // $(this).addClass("hit");
  273. // var dval = this.getAttribute("data-val");
  274. //
  275. // if(dval == "1") {
  276. // mui.fire(zdwv, 'refresh');
  277. // plus.webview.show(zdwv);
  278. // plus.webview.hide(ggwv);
  279. // } else if(dval == "0") {
  280. // mui.fire(ggwv, "refresh");
  281. // plus.webview.show(ggwv);
  282. // plus.webview.hide(zdwv);
  283. // }
  284. //
  285. // });
  286. //显示下拉框
  287. // $('.demo-comtop h1').on('click', function () {
  288. // ggwv.hide();
  289. // zdwv.hide();
  290. // xfwv.hide();
  291. // $linMask.show();
  292. // $linSelGroup.show();
  293. // });
  294. //选择选下拉选项
  295. // $linSelGroupChilds.on( 'click', function () {
  296. // var index = $(this).index(),
  297. // dataName = $linSelGroupChilds.eq(index).attr('data-name');
  298. // $jkzxTitle.html(dataName);
  299. // $(this).addClass('checked').siblings().removeClass('checked');
  300. // switch (index) {
  301. // case 0:
  302. //// mui.fire(zdwv, 'refresh');
  303. // plus.webview.show(zdwv);
  304. // plus.webview.hide(ggwv);
  305. // plus.webview.hide(xfwv);
  306. //
  307. // break;
  308. // case 1:
  309. // mui.fire(ggwv, "refresh");
  310. // plus.webview.show(ggwv);
  311. // plus.webview.hide(zdwv);
  312. // plus.webview.hide(xfwv);
  313. //
  314. // break;
  315. // case 2:
  316. //// mui.fire(xfwv, "refresh");
  317. // plus.webview.show(xfwv);
  318. // plus.webview.hide(zdwv);
  319. // plus.webview.hide(ggwv);
  320. //
  321. // break;
  322. // }
  323. // $linMask.hide();
  324. // $linSelGroup.hide();
  325. // });
  326. // $linMask.on( 'click', function () {
  327. // var isFirst = $linSelGroupChilds.eq(0).hasClass('checked');
  328. // var isSec = $linSelGroupChilds.eq(1).hasClass('checked');
  329. // var isThr = $linSelGroupChilds.eq(2).hasClass('checked');
  330. // if (isFirst) {
  331. // plus.webview.show(zdwv);
  332. // plus.webview.hide(ggwv);
  333. // plus.webview.hide(xfwv);
  334. //
  335. // }else if(isSec){
  336. // plus.webview.show(ggwv);
  337. // plus.webview.hide(zdwv);
  338. // plus.webview.hide(xfwv);
  339. //
  340. // }else if(isThr){
  341. // plus.webview.show(xfwv);
  342. // plus.webview.hide(ggwv);
  343. // plus.webview.hide(zdwv);
  344. //
  345. // }
  346. // });
  347. </script>
  348. </html>