123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>注册</title>
- <meta name="author" content="yihu.com"/>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <link rel="stylesheet" href="../../../css/mui.css" type="text/css"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
- <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
- <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
- <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
- <style>
- .n-list-info{position: relative;}
- .searchbar-clear{position: absolute;width: 28px;height: 28px;right: 0;top:8px;opacity:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-image:url(../../../images/delete01_pre.png);-webkit-background-size:20px 20px;background-size:20px 20px;-webkit-transition-duration:300ms;transition-duration:300ms;cursor:pointer;}
- .tit1{background: #fa8888;padding: 0 5px;padding-top: 2px;line-height: 23px;height:50px;color: #fff;font-size: 12px;position: relative;}
- .tit1 i{display:none;width: 28px;height: 28px;background: url(../images/close.png) center no-repeat;background-size: 28px 28px;position: absolute;top: 13px;right: 10px;}
- .f-fs16{font-size: 16px;}
- .c-323232{color:#323232;}
- .fc{display: flex;justify-content: center;align-items: center;}
- .fcolumn{display: flex;justify-content: center;align-items: center;flex-direction: column}
- .fjs{display:flex;justify-content:space-between}
- .activeTab{border-bottom: 5px solid #ccc}
- .display{display: none}
- .iconImg{width:26px}
- input{
- margin-bottom: 0!important;
- padding: 0!important;
- border: 0!important;
- position: static!important;
- }
- </style>
- </head>
- <body>
- <div class="main">
- <!-- <div class="c-list-info tit1">
- 系统提醒您,未办理医保卡或2016年6月后才办理医保卡的居民暂时无法在本平台注册。
- <i></i>
- </div> -->
- <ul class="n-list edit-info registered c-border-tb mt10 c-f16 form-register">
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="required"></i>
- <!--<i class="iconfont icon-shouji1"></i>-->
- <i class="iconfont icon-user"></i>
- </div>
- <div class="n-list-info">
- <input id="txtName" type="text" maxlength="10" class="width-100 c-f16 c-5b5b5b" placeholder="输入姓名" value=""/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="required"></i>
- <!--<i class="iconfont icon-shouji1"></i>-->
- <i class="iconfont icon-shenfenzheng01"></i>
- </div>
- <div class="n-list-info">
- <input id="txtIdcard" type="text" maxlength="18" class="width-100 c-f16 c-5b5b5b" placeholder="输入身份证号码" value=""/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <!-- <i class="required"></i> -->
- <!--<i class="iconfont icon-shouji1"></i>-->
- <i class="iconfont icon-card"></i>
- </div>
- <div class="n-list-info">
- <input id="txtSsc" type="text" maxlength="15" class="width-100 c-f16 c-5b5b5b" placeholder="输入医保卡号" value=""/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="required"></i>
- <!--<i class="iconfont icon-shouji1"></i>-->
- <i class="iconfont icon-shouji1"></i>
- </div>
- <div class="n-list-info">
- <input id="txtMobile" type="tel" maxlength="11" class="width-100 c-f16 c-5b5b5b" placeholder="输入手机号码" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" value=""/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="required"></i>
- <i class="iconfont icon-yanzhengma01"></i>
- </div>
- <div class="n-list-info">
- <input id="txtCode" type="text" class="width-100 c-f16 c-5b5b5b" placeholder="输入验证码"/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- <div id="messageCode1" class="n-list-key pl15 c-17b3ec" onclick="sendCode()">
- <span>获取短信验证码</span>
- </div>
- <div id="messageCode2" class="n-list-key pl15 c-999999" style="display: none;">
- <span id="message"></span>
- </div>
- </li>
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="required"></i>
- <i class="iconfont icon-yanzhengma01"></i>
- </div>
- <div class="n-list-info">
- <input type="password" id="pwd" class="width-100 c-f16 c-5b5b5b reg-pwd" placeholder="设置登录密码"/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- <div class="n-list-key fc" >
- <img class="iconImg display hidePass" src="../images/kanjian_icon.png">
- <img class="iconImg showPass" src="../images/biyan_icon.png">
- </div>
- </li>
- <li >
- <div class="n-list-key" style="width: 2.3em;">
- <i class="required"></i>
- <i class="iconfont icon-yanzhengma01"></i>
- </div>
- <div class="n-list-info">
- <input id="apwd" type="password" class="width-100 c-f16 c-5b5b5b" placeholder="请再次输入密码"/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- <div class="n-list-key fc" >
- <img class="iconImg display hidePass" src="../images/kanjian_icon.png">
- <img class="iconImg showPass" src="../images/biyan_icon.png">
- </div>
- </li>
- </ul>
- <div class="fc mt20 mui-checkbox">
- <input type="checkbox" id="agreement"/><span>已经阅读并同意《<a class="c-17b3ec" id="showPop">用户服务协议</a>》</span>
- </div>
- <div class="mlr15 mtb10">
- <a href="javascript:;" onclick="commit()" style="font-size: 18px;" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f16">确认</a>
- </div>
- <p style="font-size: 16px;text-align: center;color: #323232;" class="mr15 c-t-right">已注册用户,可点击<span style="font-size: 17px;font-style: italic;color: #17b3ec;" onclick="changeLogin()">登录</span></p>
- <div style="display:none;background: url(../images/ka_img.png) no-repeat;width: 258px;height: 153px;background-size: 258px 153px;text-align: center;margin: 10px auto;">
-
- </div>
- <div id="user-agreement" class="mui-popover" style="top:50%;bottom:0;width:100%">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <div class="user-pact">
- <h2 class="second-title c-f18">重要须知:</h2>
- <p> 厦门市卫生和计划生育委员会在此特别提醒用户认真阅读本《建立市民健康档案授权协议书》 ---
- 用户应认真阅读本《建立市民健康档案授权协议书》 ( 下称 《协议》 ) 中各条款,
- 包括免除或者限制厦门市卫生和计划生育委员会责任的免责条款及对用户的权利限制。请您审阅并接受或不接受本《协议》
- (未成年人应在法定监护人陪同下审阅)。除非您接受本《协议》条款,否则您无权享用市民健康信息系统相关服务。<br />
- 本《协议》是用户与厦门市卫生和计划生育委员会(以下简称“厦门卫计委”)关于用户建立市民健康档案授权所订立的协议。
- 本《协议》描述厦门卫计委与您之间关于建立市民健康档案授权许可使用及相关方面的权利义务。
- “用户”或“您”是指通过厦门卫计委提供的市民健康信息系统平台建立市民健康档案授权许可的个人或单一实体。
- </p>
- <h2 class="second-title c-f18">1、特别提示 </h2>
- <p>1.1 厦门市市民健康信息系统是我市政府为民办实事项目。市民健康信息系统是一个区域协同医疗公共服务平台。通过这个平台,市民凭借一张市民健康卡,可以在全市医疗机构挂号就诊,可实现各医疗机构之间的信息资源共享,实现部分检验结果的共享,为避免重复检查和用药提供必要的技术支持,也有利于医生了解病人的就诊信息。同时市民还可以通过上网查询自己的体检情况和就医情况。</p>
- <p>1.2 厦门市卫生和计划生育委员会(以下简称“厦门卫计委”)同意按照本协议的规定及其定时发布的操作规则提供基于互联网以及移动网的相关服务(以下称“网络服务”),为获得网络服务,用户应当同意本协议的全部条款并按照页面上的提示完成全部的注册程序。用户在进行注册程序过程中点击“同意”按钮即表示用户完全接受本协议项下的全部条款。</p>
- <h2 class="second-title c-f18">2、使用规则 </h2>
- <p> 用户同意免费将本人健康档案资料存放在厦门卫计委并成为用户本人的终身健康电子档案,登录厦门市市民健康网站的帐号和密码由用户负责保管;用户应当对通过用户帐号进行的所有活动和事件负法律责任。 </p>
- <p>2.1 用户在使用厦门市市民健康信息网服务过程中,必须遵循以下原则:</p>
- <p> 2.1.1 遵守中国有关的法律和法规; </p>
- <p> 2.1.2 遵守所有与网络服务有关的网络协议、规定和程序; </p>
- <p> 2.1.3 不得为任何非法目的而使用网络服务系统;</p>
- <p> 2.1.4 不得以任何形式使用厦门市市民健康信息网网络服务侵犯厦门卫计委的利益,包括并不限于发布非经厦门卫计委许可的商业广告;</p>
- <p> 2.1.5 不得利用厦门市市民健康信息网网络服务系统进行任何可能对互联网或移动网正常运转造成不利影响的行为;</p>
- <p> 2.1.6 不得利用厦门市市民健康信息网提供的网络服务上传、展示或传播任何虚假的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法的信息资料;</p>
- <p> 2.1.7 不得侵犯其他任何第三方的专利权、著作权、商标权、名誉权或其他任何合法权益;</p>
- <p> 2.1.8 不得利用厦门市市民健康信息网网络服务系统进行任何不利于厦门卫计委的行为;</p>
- <h2 class="second-title c-f18">3、隐私保护 </h2>
- <p> 厦门卫计委保证不对外公开用户存储在厦门卫计委的非公开内容.但是由于用户自身原因造成的泄露,本中心不承担任何责任。</p>
- <h2 class="second-title c-f18">4、免责声明 </h2>
- <p>4.1 用户明确同意其使用厦门卫计委网络服务所存在的风险将完全由其自己承担;因其使用厦门卫计委网络服务而产生的一切后果也由其自己承担,厦门卫计委对用户不承担任何责任。 </p>
- <p>4.2 厦门卫计委不担保网络服务一定能满足用户的要求,也不担保网络服务不会中断,对网络服务的及时性、安全性、准确性也都不作担保。</p>
- <p>4.3 厦门卫计委不保证为向用户提供便利而设置的外部链接的准确性和完整性,同时,对于该外部链接指向的不由厦门卫计委实际控制的任何网页上的内容,厦门卫计委不承担任何责任。 </p>
- <p>4.4 对于因不可抗力或厦门卫计委不能控制的原因造成的网络服务中断或其它缺陷,本中心不承担任何责任。</p>
- <h2 class="second-title c-f18">5、协议修改 </h2>
- <p>5.1 厦门卫计委有权随时修改本协议的任何条款,一旦本协议的内容发生变动,本中心将会通过适当方式公开提示。</p>
- <p>5.2 如果不同意厦门卫计委对本协议相关条款所做的修改,用户有权停止使用网络服务。如果用户继续使用网络服务,则视为用户接受厦门市卫生和计划生育委员会对本协议相关条款所做的修改。 </p>
- <h2 class="second-title c-f18">6、其他规定 </h2>
- <p>6.1 本协议构成双方对本协议之约定事项及其他有关事宜的完整协议,除本协议规定的之外,未赋予本协议各方其他权利。</p>
- <p>6.2 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力,本协议的其余条款仍应有效并且有约束力。 </p>
- <p>6.3 本协议中的标题仅为方便而设,在解释本协议时应被忽略。</p>
- <br />
- <p>厦门市卫生和计划生育委员会版权所有,保留一切解释权利。</p>
- <br />
- <h2 class="second-title c-f18">用户声明: </h2>
- <p>1、自愿免费将本人健康档案资料存放在厦门卫计委并成为用户本人的终身健康电子档案 </p>
- <p>2、知悉并同意本协议内容 </p>
- <br />
- <h2 class="second-title" style="text-align: right;">厦门市卫生和计划生育委员会 </h2>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js" ></script>
- <script type="text/javascript" src="../../../js/common_http.js" ></script>
- <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
- <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
- <script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="../../../js/mui.min.js" ></script>
- <script type="text/javascript">
- var dd = dialog({contentType:'load', skin:'bk-popup', content:'校验中...'});
- var Request = new Object();
- Request = GetRequest();
- var openid = Request["openid"];
- var type = Request["type"];
- var clock = "";
- var nums = 60;
- bindEvents();
- function bindEvents(){
- $(".tit1 i").click(function(){//头部提示条
- $(".tit1").slideUp();
- })
- $("input").on("focus",function(){
- $(".searchbar-clear").css("pointer-events","none").css("opacity",0);
- if($(this).val()){
- $(this).next().css("pointer-events","auto").css("opacity",1);
- }
- }).on("input",function(){
- $(this).next().css("pointer-events","auto").css("opacity",1);
- });
- $(".n-list-info").on("click",".searchbar-clear",function(){
- $(this).prev().val("");
- $(this).css("pointer-events","none").css("opacity",0);
- $(this).prev().focus();
- return false;
- });
- $('.iconImg').click(function(){ //控制密码显隐
- $(this).hide().siblings().show();
- if( $(this).hasClass('showPass')){
- $(this).parent().prev().find('input').prop('type','text');
- }
- else{
- $(this).parent().prev().find('input').prop('type','password');
- }
- })
- $('#showPop').click(function(){
- mui('.mui-scroll-wrapper').scroll({
- deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
- });
- mui('#user-agreement').popover('show');
- })
- }
- function sendCode(){
- var mobile = document.getElementById("txtMobile").value;
- if(!mobile){
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入手机号'}).show();
- return;
- }
- if(!isphone(mobile)){
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'手机号格式不正确'}).show();
- return;
- }
- $("#messageCode1").hide();
- document.getElementById("message").innerHTML = nums+'秒后可重新获取';
- $("#messageCode2").show();
- clock = setInterval(doLoop, 1000); //一秒执行一次
- var data = {};
- data.mobile = mobile;
- data.type = 1;//1微信端注册,2微信端找回密码,3医生端找回密码,4患者登录,5医生登录 .6患者签约验证 7用户变更手机号验证 8用户新手机号验证 9绑定手机号 10 家庭成员添加验证
- sendPost("common/captcha", data, "json", "post", sendFailed, sendSuccesss);
- }
- function sendFailed(res) {
- clearInterval(clock); //清除js定时器
- $("#messageCode1").show();
- $("#messageCode2").hide();
- nums = 60; //重置时间
- if (res && res.msg) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
- } else {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取失败'}).show();
- }
- }
- function sendSuccesss(res){
- if (res.status == 200) {
- }
- else{
- sendFailed(res);
- }
- }
- function doLoop(){
- nums--;
- if(nums > 0){
- document.getElementById("message").innerHTML = nums+'秒后可重新获取';
- }else{
- clearInterval(clock); //清除js定时器
- $("#messageCode1").show();
- $("#messageCode2").hide();
- nums = 60; //重置时间
- }
- }
- function changeLogin(){
- window.location.href = "login.html?type=" + type + "&openid=" + openid;
- }
- var chineseReg = /.*[\u4e00-\u9fa5]+.*$/;
- function validPwd(){
- var pwd = $.trim($('.reg-pwd').val());
- debugger
- if(chineseReg.test(pwd)){
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'密码不可包含中文'}).show();
- return;
- }
- if(pwd.length<6){
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'密码不得少于6位'}).show();
- return;
- }
- return pwd;
- }
- //提交注册
- function commit(){
- var data = {};
- var name = $("#txtName").val();
- var idcard = $("#txtIdcard").val();
- var idcardLen = idcard.length,
- xchar = idcard.charAt(idcardLen-1);
- if (xchar === 'x') {
- idcard = idcard.substr(0, idcardLen-1) + 'X';
- }
- var ssc = $("#txtSsc").val();
- var mobile = $("#txtMobile").val();
- var captcha = document.getElementById("txtCode").value;
- var pwd = validPwd();
- var apwd = $("#apwd").val();
- var agreement = $("#agreement").prop('checked');
- if(name == "" && idcard == "" && mobile == ""){
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'补充相关信息'}).show();
- return;
- }
- if (name == "") {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'姓名不能为空'}).show();
- return;
- }
- if (idcard == "") {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'身份证不能为空'}).show();
- return;
- }
- if (!isIdcard(idcard)) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'输入正确的身份证号'}).show();
- return;
- }
- if (mobile == "") {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'手机号不能为空'}).show();
- return;
- }
- if (!isphone(mobile)) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'输入正确的手机号'}).show();
- return;
- }
- if (!captcha) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'验证码不能为空'}).show();
- return;
- }
- if (!pwd) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'密码不能为空'}).show();
- return;
- }
- if (!apwd) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'密码不能为空'}).show();
- return;
- }
- if (!agreement) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请勾选服务协议'}).show();
- return;
- }
- if(pwd != apwd){
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'两次密码不一致'}).show();
- return;
- }
- var data = {};
- dd.showModal();
- //加密设置:获取公钥
- var encryURL = server + "login/public_key";
- var key = RSAUtils.getKeyFromServer(encryURL);
- //拼请求内容
- data.idcard = RSAUtils.encryStr(key, idcard);
- data.password = RSAUtils.encryStr(key, pwd);
- data.mobile = mobile;
- data.ssc = ssc;
- data.captcha = captcha;
- data.openid = '123456';
- data.name = name;
- sendPost("weixin/regist", data, "json", "post", operateFailed, operateSuccesss);
- }
- //失败
- function operateFailed(res) {
- dd.close();
- if (res && res.msg) {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
- } else {
- dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'注册失败'}).show();
- }
- }
- //成功调用登录接口
- function operateSuccesss(res) {
- if (res.status == 200) {
- window.localStorage.removeItem("paramAgent");
- //成功
- var id = res.data.id;
- var uid = res.data.uid;
- var name = res.data.name;
- var photo = res.data.photo;
- var token = res.data.token;
- //保存用户信息
- wxSaveUserAgent(id, uid, openid, token);
- wxSaveUserAgent1(uid, name, photo);
- // 缓存第一个人的uid和名字,后面账号切换需要用
- window.localStorage.removeItem("firstUid");
- window.localStorage.setItem("firstUid", uid);
- window.localStorage.removeItem("firstName");
- window.localStorage.setItem("firstName", name);
- window.location.href = pageUrl[type];
- dd.close();
- } else {
- //非200则为失败
- operateFailed(res);
- }
- }
- </script>
- </html>
|