platform-b2c/src/main/webapp/resources/view/vendor/modal/updateUserPay.html

<style>
    .userPay .modal-body .row {
        line-height: 34px;
        font-size: 14px;
    }
    .modal-content {
        width: 409px;
    }
    .modal-header {
        background: #5078cb;
        text-align: center;
    }
    .modal-header p {
        color: #fff;
    }
    .userPay .modal-body .row >label {
        padding: 0;
    }
    .userPay .modal-body .row .col-md-8 {
        padding-left: 0;
    }
    .userPay .modal-body .row .col-md-8 input {
        border-radius: 0;
    }
    .modal-footer >button {
        width: 90px;
        height: 28px;
        border: 1px solid #5078cb;
        line-height: 28px;
        text-align: center;
    }
    .modal-footer >button[disabled] {
        cursor: not-allowed;
    }
    .modal-footer >button:first-child {
        background: #fff;
        color: #5078cb;
        margin-right: 10px;
    }
    .modal-footer {
        text-align: center;
        border: none;
    }
    .modal-footer >button:last-child {
        background: #5078cb;
        color: #fff;
    }
</style>
<div class="modal-header">
    <img src="static/img/user/images/update-pay.png" alt="">
    <p>支付密码</p>
</div>
<form class="userPay" name="sampleSendForm" ng-submit="ok()" ng-init="checkHaveUserPay()">
    <div class="modal-body">
        <div class="row line oldUserPay">
            <label class="col-md-3 col-sm-3 col text-right">原密码：</label>
            <div class="col-md-8 col-sm-8 col"><input ng-model="user.userPay" class="form-control input-sm"
                                                      type="password" name="userPay" ng-blur="checkUserPay(user.userPay)" required
                                                      ></div>
            <div class="col">
                <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-3 col-sm-3 col text-right" ng-hide="!isNewFailed">新密码：</label>
            <label class="col-md-3 col-sm-3 col text-right" ng-hide="!isNewSuccess">密码：</label>
            <div class="col-md-8 col-sm-8 col">
                <input ng-model="user.newUserPay"
                       class="form-control input-sm" type="password" name="newUserPay" ng-keyup="checkNewUserPay(user.newUserPay)" required>
                <!-- <div>密码复杂度</div> -->
            </div>
            <div class="col">
                <i ng-show="checkSuccess1" class="fa fa-check" style="color:#339933"></i>
                <i ng-show="checkFailed1" class="fa fa-close" style="color:#CC3333;"></i>
            </div>
        </div>
        <div class="row">
            <label class="col-md-3 col-sm-3 col text-right">确认密码：</label>
            <div class="col-md-8 col-sm-8 col">
                <input ng-model="user.newUserPay1"
                       class="form-control input-sm" name="newUserPay1"  type="password" ng-keyup="checkNewUserPay1()" required>
            </div>
            <div class="col">
                <i ng-show="checkSuccess2" class="fa fa-check" style="color:#339933"></i>
                <i ng-show="checkFailed2" class="fa fa-close" style="color:#CC3333;"></i>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button ng-click="cancel()" type="button">取消</button>
        <button ng-disabled="(!checkSuccess && !checkSuccess1 && !checkSuccess2)" type="submit">确定</button>
    </div>
</form>