changePassword.html 7.36 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="userOldPwd" 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="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: {}
        // });
    apiready = function() {
        // api.setStatusBarStyle({
        //     style: 'dark',
        //     color: '#57A0EC'
        // });
        api.setStatusBarStyle({
            style: 'dark',
            color: 'rgba(0,0,0,0)'
        });
        api.parseTapmode();
    }
    function submitNewPassword(){
      var token = $api.getStorage('userToken');
      var userId = $api.getStorage('userID');

      var userOldPwd = $api.val($api.byId("userOldPwd"));
      if(userOldPwd=="" || userOldPwd.length<6){
        api.toast({ msg: "旧密码长度不得少于6位"});
        return false;
      }
      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/update_password',
          type : 'POST',
          dataType : 'json',
          headers:{
            'Content-Type': 'application/json;charset=utf-8',
            'token': token
          },
          data:JSON.stringify({
                  old_password: userOldPwd,
                  new_password:userpwd,
                  user_id:userId
              }),
          complete: function(){
            api.hideProgress();
          },
          success : function(ret) {
            if (ret) {
              if(ret.code == 0){
                api.toast({
                    msg: '密码修改成功!',
                    duration: 2000,
                    location: 'bottom'
                });
                setTimeout(function(){
                  api.closeWin();
                },2000)
                // $api.rmStorage('userToken');
                // $api.rmStorage('userName');
                // $api.rmStorage('userPhone');
                // $api.rmStorage('userID');
                // setTimeout(function(){
                //   // api.closeWin();
                //   // check();
                //   api.closeWidget();
                //   api.openApp();
                //
                // }, 2000)


                //setTimeout(function(){
                  // api.openFrame({historyGestureEnabled :false,
                  //     reload: true,
                  //     name: 'root',
                  //     url: 'widget://html/index.html',
                  //     rect: {
                  //         x: 0,
                  //         y: 0,
                  //         w: 'auto',
                  //         h: 'auto'
                  //     }
                  // });

                  // api.openWin({ slidBackEnabled:false,
                  //     reload:true,
                  //     name: 'login',
                  //     url: 'widget://html/login.html',
                  //     rect: {
                  //         x: 0,
                  //         y: 0,
                  //         w: 'auto',
                  //         h: 'auto'
                  //     },
                  //     allowEdit:true
                  // });
                  // api.closeWin({
                  //      name:'changePassword'
                  // });
                  // check();
                  // api.closeWin({
                  //      name:'changePassword'
                  // });
                //}, 3000);
                return false;
                // api.closeWin({
                //     name: 'forgetPassword'
                // });
                // api.closeWin();
              }else{
                api.toast({ msg: "密码修改失败,"+ajaxCodeCheck(ret.code, ret.msg, '请确认老密码是否正确')});
              }
            }
          },
          error : function() {
                  api.toast({ msg: "密码修改失败,请稍候再试"});
          }
      });



    }
</script>