choose-doctor1.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  5. <meta charset="utf-8">
  6. <title>选择医生</title>
  7. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  8. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  9. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  10. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  11. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  12. <script type="text/javascript" src="../../../js/app.js" ></script>
  13. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  14. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  15. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  16. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  17. <script src="../../../js/waitdialog.js" type="text/javascript"></script>
  18. <script src="../../../js/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>
  19. <link href="../../../css/dialogstyle.css" rel="stylesheet" type="text/css" />
  20. <script type="text/javascript" src="../../../js/date_common.js" ></script>
  21. </head>
  22. <body>
  23. <div class="c-main">
  24. <!--<div class="h45">
  25. <div class="demo-comtop">
  26. <a class="mui-action-back"></a>
  27. <h1>我的三师</h1>
  28. </div>
  29. </div>-->
  30. <div id="divSanshi">
  31. <ul id="ulList" class="n-list tinmper"></ul>
  32. </div>
  33. </div>
  34. </body>
  35. <script>
  36. var d = dialog({contentType:'load', skin:'bk-popup'});
  37. var Request = new Object();
  38. Request = GetRequest();
  39. var orgCode = Request["orgCode"];
  40. var deptCode = Request["deptCode"];
  41. $(function () {
  42. query();
  43. });
  44. //查询三师信息列表
  45. function query() {
  46. d.show();
  47. var data={};
  48. data.OrgCode = orgCode;
  49. data.DeptCode = deptCode;
  50. data.strStart = getNowDate();
  51. data.strEnd = getDateBefore(-6);
  52. sendPost('user/guaihao/GetRegDeptDoctorList', data, 'json', 'post', queryFailed, querySuccess);
  53. }
  54. function queryFailed(res) {
  55. d.close().remove();
  56. if (res && res.msg) {
  57. dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
  58. } else {
  59. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  60. }
  61. }
  62. function querySuccess(res) {
  63. if (res.status == 200) {
  64. var list = res.data;
  65. if(list.length > 0){
  66. for(var i=0; i<list.length; i++){
  67. addRow(list[i]);
  68. }
  69. $(".n-list-li").click(function() {
  70. var doctor = this.getAttribute("data-code");
  71. var name = encodeURI(this.getAttribute("data-name"));
  72. var tech = encodeURI(this.getAttribute("data-tech"));
  73. var orgname = encodeURI(this.getAttribute("data-orgname"));
  74. var sex = this.getAttribute("data-sex");
  75. var deptname = encodeURI(this.getAttribute("data-deptname"));
  76. var fee = this.getAttribute("data-fee");
  77. var params = "&doctor=" + doctor + "&name=" + name + "&tech=" + tech + "&orgname=" + orgname + "&sex=" + sex + "&fee=" + fee + "&deptname=" + deptname;
  78. window.location.href = "input-info.html?orgCode=" + orgCode + "&deptCode=" + deptCode + params;
  79. });
  80. }
  81. d.close().remove();
  82. } else{
  83. queryFailed(res);
  84. }
  85. }
  86. function addRow(list) {
  87. var li = document.createElement("li");
  88. li.className = "n-list-li n-list-link list-arrow-r ptb12";
  89. li.setAttribute('data-code', list.code);
  90. li.setAttribute('data-name', list.name);
  91. li.setAttribute('data-tech', list.tech);
  92. li.setAttribute('data-orgname', list.orgname);
  93. li.setAttribute('data-sex', list.sex);
  94. li.setAttribute('data-deptname', list.deptname);
  95. li.setAttribute('data-fee', list.fee);
  96. var imageUrl = "../../../images/d-male.png";
  97. if(list.sex == "2") imageUrl = "../../../images/d-female.png";
  98. var tech = list.tech;
  99. var dept = list.deptname;
  100. var info = list.introduce;
  101. if(!tech) tech = "";
  102. if(!dept) dept = "";
  103. if(!info) info = "";
  104. var html = '<div class="n-list-value pr15"><div class="doc-avatar"><img src="' + getImgUrl(imageUrl) + '" alt=""/></div></div>'
  105. html += '<div class="n-list-info pr10">';
  106. html += '<h4 class="c-333 c-f18">';
  107. html += list.name;
  108. html += ' <span class="c-666 c-f18 mlr10">' + tech + '</span>';
  109. html += '</h4>';
  110. html += '<p class="c-666 c-f18">科室:' + dept + '</p>';
  111. html += '<p class="c-nowrap c-666 c-f18">简介:' + info + '</p>';
  112. html += '</div>';
  113. html += '<div class="n-list-info c-t-right last"><div class="c-btn c-btn-tiny c-btn-radius c-btn-4dcd70">预约挂号</div></div>';
  114. li.innerHTML = html;
  115. document.querySelector("#ulList").appendChild(li);
  116. }
  117. </script>
  118. </html>