| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>设置</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link href="../css/Table/table1.css" rel="stylesheet" />
- <link href="../css/init.css" rel="stylesheet" />
- <link href="../css/plugins/cropper/cropper.min.css" rel="stylesheet">
- <link rel="stylesheet" href="../css/templateHtmlCss/uerManagement.css" />
- <style>
- .modify_password {
- margin: 20px;
- }
-
- .modify_password .form-horizontal {
- margin-top: 20px;
- }
-
- .modify_password .btn {
- width: 30%;
- margin-top: 5%;
- }
-
- .modify_password .form-control {
- margin-right: 10px;
- }
- </style>
- </head>
- <body>
- <div class="modify_password">
- <!-- Nav tabs -->
- <ul class="nav nav-tabs" role="tablist">
- <li role="presentation" class="active">
- <a href="#personal" aria-controls="personal" role="tab" data-toggle="tab">修改密码</a>
- </li>
- <li role="presentation" class="hidden">
- <a href="#portrait" aria-controls="portrait" role="tab" data-toggle="tab">修改头像</a>
- </li>
- </ul>
- <!-- Tab panes -->
- <div class="tab-content">
- <div role="tabpanel" class="tab-pane active" id="personal">
- <div class="form-horizontal row">
- <div class="form-group">
- <label for="Username" class="col-sm-4 control-label">账号:</label>
- <div class="col-sm-7 form-inline">
- <input type="text" class="form-control" id="Username" disabled>
- </div>
- </div>
- <div class="form-group">
- <label for="Password_old" class="col-sm-4 control-label">原密码:</label>
- <div class="col-sm-7 form-inline">
- <input type="password" class="form-control" id="Password_old" placeholder="请输入原密码" autocomplete="off">
- <span id="pasoldInfo"></span>
- </div>
- </div>
- <div class="form-group">
- <label for="Password" class="col-sm-4 control-label">新密码:</label>
- <div class="col-sm-7 form-inline">
- <input type="password" class="form-control" id="Password" placeholder="请输入新密码" autocomplete="off">
- <span id="pasInfo"></span>
- </div>
- </div>
- <div class="form-group">
- <label for="Password2" class="col-sm-4 control-label">确认密码:</label>
- <div class="col-sm-7 form-inline">
- <input type="password" class="form-control" id="Password2" placeholder="请再次输入新密码" autocomplete="off">
- <span id="pas2Info"></span>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-offset-4 col-sm-10">
- <button id="modifyPasswordBtn" type="button" class="btn btn-primary" disabled>确认</button>
- </div>
- </div>
- </div>
- </div>
- <div role="tabpanel" class="tab-pane" id="portrait">
- <div class="form-group">
- <label for="project_imgs" class="col-md-2">上传头像</label>
- <div class="col-md-10 uploadTP">
- <div class="clearfix">
- <div class="crop_left">
- <div class="image-crop" id="image_crop0">
- <img src="">
- </div>
- </div>
- <div class="crop_right">
- <h4>头像预览:</h4>
- <div class="img-preview img-preview-sm" id="img_preview0"></div>
- </div>
- </div>
- <div class="anniu" style="margin-top: 20px;text-align: left;">
- <label title="上传图片" for="inputImage0" class="btnn" style="margin-right: 100px;">
- <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage0" class="hide">本地图片
- </label>
- <input type="hidden" id="BigPicUrl0" />
- <input type="hidden" id="SmallPicUrl0" />
- <button class="btnn" id="zoomIn0" type="button">放大</button>
- <button class="btnn" id="zoomOut0" type="button">缩小</button>
- <button class="btnn" id="rotateLeft0" type="button">左旋转</button>
- <button class="btnn" id="rotateRight0" type="button">右旋转</button>
- <button class="btnn" id="setDrag0" type="button">上传图片</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script language="javascript" type="text/javascript" src="../js/jquery.md5.js"></script>
- <script src="../js/plugins/cropper/cropper.min.js"></script>
- <script src="../Script/Common/regexs.js"></script>
- <script src="js/personalCenter.js"></script>
- </body>
- </html>
|