start-sign2.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>开始签约</title>
  11. <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
  12. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
  13. <link rel="stylesheet" href="../css/jy-style.css" type="text/css" />
  14. </head>
  15. <body>
  16. <!--<div class="h45">
  17. <div class="demo-comtop">
  18. <a class="mui-action-back"></a>
  19. <h1>签约</h1>
  20. </div>
  21. </div>-->
  22. <div class="c-main">
  23. <ul class="c-list c-border-tb mt10">
  24. <!--<li class="c-list-text c-list-link" onclick="window.location.href='sign-agreement.html'">
  25. <h4 class="c-nowrap"><span class="c-17b3ec c-f14">家庭医生签约服务协议书</span></h4>
  26. <span class="list-icon arrow-right"></span>
  27. </li>-->
  28. <li class="c-list-text c-list-link">
  29. <div class="c-f16 c-909090">
  30. <input id="doctor" style="display: none;" />
  31. <p>签约社区:<span class="c-666" id="hospitalName"></span></p>
  32. <p>签约医生:<span class="c-666" id="doctorName"></span></p>
  33. </div>
  34. </li>
  35. </ul>
  36. <ul class="n-list edit-list c-border-tb mt10">
  37. <li class="n-list-cover">
  38. <div class="n-list-key c-666">姓&#x3000;&#x3000;名</div>
  39. <div class="n-list-info pl10">
  40. <input type="text" class="c-input width-100" id="name" readonly="readonly" />
  41. </div>
  42. </li>
  43. <li class="n-list-cover">
  44. <div class="n-list-key c-666">医保卡号</div>
  45. <div class="n-list-info pl10">
  46. <input type="text" class="c-input width-100" id="ssc" readonly="readonly"/>
  47. </div>
  48. </li>
  49. <li class="n-list-cover">
  50. <div class="n-list-key c-666">手机号码</div>
  51. <div class="n-list-info pl10">
  52. <input type="tel" id="mobile" maxlength="11" class="c-input width-100" readonly="readonly"/>
  53. </div>
  54. </li>
  55. </ul>
  56. <div class="plr10 mt15 pb20" onclick="submitSign()">
  57. <a href="javascript:;" style="font-size: 18px;" class="c-btn c-btn-full c-btn-4dcd70 border-radius-rounded">提交</a>
  58. </div>
  59. </div>
  60. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  61. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  62. <script type="text/javascript" src="../../../js/mui.min.js" ></script>
  63. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  64. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  65. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  66. <script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
  67. <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
  68. <script>
  69. var d1 = dialog({contentType:'load', skin:'bk-popup'});
  70. var d = dialog({contentType:'load', skin:'bk-popup', content:'提交签约信息,请稍后...'});
  71. var Request = new Object();
  72. Request = GetRequest();
  73. var doctor = Request["doctor"];
  74. var doctorName = Request["doctorName"];
  75. var hospitalName = Request["hospitalName"];
  76. var idcard = Request["idcard"];
  77. $(function(){
  78. if (decodeURI(doctorName)) {
  79. document.getElementById("doctorName").innerText = decodeURI(doctorName);
  80. }
  81. if (decodeURI(hospitalName)) {
  82. document.getElementById("hospitalName").innerText = decodeURI(hospitalName);
  83. }
  84. query();
  85. })
  86. //查询用户信息
  87. function query() {
  88. d1.show();
  89. var data={};
  90. sendPost('patient/baseinfo', data, 'json', 'post', queryFailed, querySuccess);
  91. }
  92. function queryFailed(res) {
  93. d1.close();
  94. if (res && res.msg) {
  95. dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
  96. } else {
  97. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'用户信息获取失败'}).show();
  98. }
  99. }
  100. function querySuccess(res) {
  101. if (res.status == 200) {
  102. var data = res.data;
  103. var name = data.name;
  104. var mobile = data.mobile;
  105. var ssc = data.ssc;
  106. if(!name) name = "";
  107. if(!mobile) mobile = "";
  108. if(!ssc) ssc = "";
  109. document.getElementById("name").value = name;
  110. document.getElementById("mobile").value = mobile;
  111. document.getElementById("ssc").value = ssc;
  112. d1.close();
  113. } else {
  114. queryFailed(res);
  115. }
  116. }
  117. //验证信息
  118. function validate(data) {
  119. if (data.name == "") {
  120. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请输入您的姓名'}).show();
  121. return false;
  122. }
  123. if (data.ssc == "") {
  124. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号信息未完善,请到我的资料中进行完善!'}).show();
  125. return false;
  126. }
  127. // if (!isSsc(data.ssc)) {
  128. // dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号格式不正确'}).show();
  129. // return false;
  130. // }
  131. if (data.mobile != "" && !isphone(data.mobile)) {
  132. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'手机号格式不正确'}).show();
  133. return false;
  134. }
  135. return true;
  136. }
  137. function validatePhone(v){
  138. if(v != "" && !isphone(v)){
  139. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'手机号格式不正确'}).show();
  140. document.getElementById("mobile").focus();
  141. return false;
  142. }
  143. return true;
  144. }
  145. function validateSsc(v){
  146. if(!isSsc(v)){
  147. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'医保卡号格式不正确'}).show();
  148. document.getElementById("ssc").focus();
  149. return false;
  150. }
  151. return true;
  152. }
  153. //提交签约
  154. function submitSign(){
  155. var data = {};
  156. data.name = $("#name").val();
  157. data.ssc = $("#ssc").val();
  158. data.mobile = $("#mobile").val();
  159. if(validate(data)){
  160. d.showModal();
  161. //加密设置:获取公钥
  162. var encryURL = server + "login/public_key";
  163. var key = RSAUtils.getKeyFromServer(encryURL);
  164. //拼请求内容
  165. data.idcard = RSAUtils.encryStr(key, idcard);
  166. data.streetCode = "123456";
  167. data.stateCode = "01";
  168. data.doctor = doctor;
  169. data.doctorName = "";
  170. data.hospital = "";
  171. data.hospitalName = "";
  172. sendPost("patient/family_contract/sign", data, "json", "post", operateFailed, operateSuccesss);
  173. }
  174. }
  175. //失败
  176. function operateFailed(res) {
  177. d.close();
  178. if (res && res.msg) {
  179. dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
  180. } else {
  181. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'提交失败'}).show();
  182. }
  183. return;
  184. }
  185. function operateSuccesss(res) {
  186. if (res.status == 200) {
  187. d.close();
  188. window.location.href = "doctor-home-page.html?doctor=" + doctor;
  189. } else {
  190. //非200则为失败
  191. operateFailed(res);
  192. }
  193. }
  194. </script>
  195. </body>
  196. </html>