账户管理-修改邮箱modal页面

src/main/webapp/resources/view/vendor/modal/updateUserEmail.html

@@ -0,0 +1,53 @@
+<style>
+    .userEmail .modal-body .row {
+        line-height: 34px;
+        font-size: 14px;
+    }
+</style>
+<div class="modal-header">
+    <h3 class="f14 modal-title"><i class="fa fa-lock fa-fw"></i>修改邮箱</h3>
+</div>
+<form class="userEmail" name="sampleSendForm" ng-submit="ok()">
+    <div class="modal-body">
+        <div class="row">
+            <label class="col-md-4 col-sm-4 col text-right">用户：</label>
+            <div class="col-md-4 col-sm-4 col">{{::user.userUU}} - {{::user.userName}}</div>
+        </div>
+        <div class="row line" ng-class="{'has-success': checkSuccess, 'has-error': checkFailed}">
+            <label class="col-md-4 col-sm-4 col text-right">原邮箱地址：</label>
+            <div class="col-md-4 col-sm-4 col"><input ng-model="user.userEmail" class="form-control input-sm"
+                                                      type="userEmail" ng-blur="checkUserEmail(user.userEmail)" required
+                                                      placeholder="当前邮箱地址"></div>
+            <div class="col-md-4 col-sm-4 col">
+                <span ng-show="checking">验证邮箱地址...</span>
+                <i ng-show="checkSuccess" class="fa fa-check" style="color:#339933"></i>
+                <i ng-show="checkFailed" class="fa fa-close" style="color:#CC3333;"></i>
+            </div>
+        </div>
+        <div class="row">
+            <label class="col-md-4 col-sm-4 col text-right">新邮箱地址：</label>
+            <div class="col-md-4 col-sm-4 col">
+                <input ng-model="user.newUserEmail"
+                       class="form-control input-sm" type="newUserEmail" required ng-blur="emailEnable(user.newUserEmail)">
+                <!-- <div>密码复杂度</div> -->
+            </div>
+            <div class="col-md-4 col-sm-4 col">
+                <i ng-show="userEmail.user.newUserEmail.$error.email" class="fa fa-check" style="color:#339933"></i>
+            </div>
+        </div>
+        <div class="row">
+            <label class="col-md-4 col-sm-4 col text-right">验证码：</label>
+            <div class="col-md-4 col-sm-4 col">
+                <input ng-model="user.checkCode" ng-pattern="/^([\w~!@#$%^&\*\(\)-_\+=,.;\[\]{}\<\>]){6}$/"
+                       class="form-control input-sm" type="checkCode" required>
+            </div>
+            <div class="col-md-4 col-sm-4 col">
+                <input ng-click="sendCheckCode(user.newUserEmail)" ng-disabled="!emailSuccess" type="button" value="获取验证码"/>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button class="btn btn-primary" ng-disabled="!checkSuccess" type="submit">确认修改</button>
+        <button class="btn btn-default" ng-click="cancel()" type="button">取消</button>
+    </div>
+</form>