setNewPassword.html 6.06 KB
<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>设置新密码</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>

<body class="forget-password-view">
    <div class="aui-content aui-margin-b-15">
        <header class="aui-bar aui-bar-nav" id="header">
            <a class="aui-btn aui-pull-left" tapmode onclick="closeWin()">
                <span class="aui-iconfont aui-icon-left"></span>
            </a>
            <div class="aui-title">设置新密码</div>
        </header>
        <div class="aui-padded-l-15 aui-padded-r-15 aui-padded-t-15">
            <ul class="aui-list aui-form-list">
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label-icon">
                            <img style="height:20px;" src="../image/mimahui.png" />
                        </div>
                        <div class="aui-list-item-input">
                            <input id="userpwd" type="password" class="aui-font-size-14" placeholder="输入新密码">
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label-icon">
                            <img style="height:20px;" src="../image/mimahui.png" />
                        </div>
                        <div class="aui-list-item-input">
                            <input id="userpwdRep" type="password" class="aui-font-size-14" placeholder="确认新密码">
                        </div>
                    </div>
                </li>
            </ul>
            <span class="submit-btn" onclick="submitNewPassword();">确定</span>
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    var header = $api.byId('header');
    fixStatusBar_API(header);
    // apiready = function() {
    //   api.setStatusBarStyle({
    //       style: 'dark',
    //       color: 'rgba(0,0,0,0)'
    //   });
    //   api.parseTapmode();
        // api.openWin({ slidBackEnabled:false,
        //     name: 'index',
        //     url: './html/index.html',
        //     pageParam: {}
        // });
    var phone, code, cid;
    apiready = function() {
        // api.setStatusBarStyle({
        //     style: 'dark',
        //     color: '#57A0EC'
        // });
        api.setStatusBarStyle({
            style: 'dark',
            color: 'rgba(0,0,0,0)'
        });
        api.parseTapmode();
        var pageParam = api.pageParam;
        if(!pageParam || pageParam.phone=='' || pageParam.code=='' || pageParam.cid==''){
          api.toast({
              msg: '设置参数错误,请重新输入',
              duration: 2000,
              location: 'bottom'
          });
          setTimeout(function(){
            api.closeWin();
          }, 1000);
          return false;
        }
        phone = pageParam.phone;
        code = pageParam.code;
        cid = pageParam.cid;
    }
    function submitNewPassword(){
      var userpwd = $api.val($api.byId("userpwd"));
      if(userpwd=="" || userpwd.length<6){
        api.toast({ msg: "密码长度不得少于6位"});
        return false;
      }
      var userpwdrep = $api.val($api.byId("userpwdRep"));
      if(userpwd != userpwdrep) {
        api.toast({ msg: "两次密码输入不一致"});
        return false;
      }
      api.showProgress({
          style: 'default',
          animationType: 'fade',
          title: '请求处理中...',
          text: '',
          modal: true
      });
      $.ajax({
          url : HOST+'/iot_api/v1/app/reset_password',
          type : 'POST',
          dataType : 'json',
          headers:{
            'Content-Type': 'application/json;charset=utf-8',
            'imei': api.deviceId
          },
          data:JSON.stringify({
                  phone: phone,
                  new_password:userpwd,
                  cid:cid,
                  code:code
              }),
          complete: function(){
            api.hideProgress();
          },
          success : function(ret) {
            if (ret) {
              if(ret.code == 0){
                api.toast({
                    msg: '密码重置成功,即将跳转到登陆',
                    duration: 2000,
                    location: 'bottom'
                });
                setTimeout(function(){
                  api.openFrame({historyGestureEnabled :false,
                    reload:true,
                    name: 'login',
                    url: 'login.html',
                    rect: {
                            x: 0,
                            y: 0,
                            w: 'auto',
                            h: 'auto'
                    },
                    allowEdit:true
                  });
                  api.closeWin({
                       name:'forgetPassword'
                  });
                  api.closeWin({
                       name:'setNewPassword'
                  });
                }, 2000);
                // api.closeWin({
                //     name: 'forgetPassword'
                // });
                // api.closeWin();
              }else{
                api.toast({ msg: "密码重置失败,"+ajaxCodeCheck(ret.code, ret.msg, '请确认重置信息是否正确')});
              }
            }
          },
          error : function() {
                  api.toast({ msg: "密码重置失败,请稍候再试"});
          }
      });



    }
</script>