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

<style>
    .userQuestion .modal-body .row {
        line-height: 34px;
        font-size: 14px;
        color: #666
    }
    .modal-content {
        width: 409px;
    }
    .modal-header {
        background: #5078cb;
        text-align: center;
    }
    .modal-header p {
        color: #fff;
    }
    .userQuestion .modal-body .row >label {
        padding: 0;
    }
    .userQuestion .modal-body .row .col-md-8 {
        padding-left: 0;
    }
    .userQuestion .modal-body .row .col-md-8 input, .userQuestion .modal-body .row .col-md-8 select {
        border-radius: 0;
    }
    .userQuestion .modal-body .row .col-md-8 select {
        background: url(static/img/user/images/select-arrow.png) no-repeat;
        background-position: 97% 50%;
    }
    .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;
        padding-top: 0;
        padding-bottom: 25px;
    }
    .modal-footer >button:last-child {
        background: #5078cb;
        color: #fff;
    }
    .userQuestion .warn-style {
        color: #cc0000;
        font-size: 14px;
        margin-left: 85px;
        margin-bottom: 10px;
    }
</style>
<div class="modal-header">
    <img src="static/img/user/images/pass-question.png" alt="">
    <p>密保问题</p>
</div>
<form class="userQuestion" name="sampleSendForm" ng-submit="ok()">
    <div class="modal-body">
        <div class="row line">
            <input type="hidden" name="sort" ng-model="uq[0].sort" ng-init="uq[0].sort=1"/>
            <label class="col-md-3 col-sm-3 col text-right">问题1：</label>
            <div class="col-md-8 col-sm-8 col">
                <input ng-model="uq[0].id" type="hidden"/>
                <!--
                <input ng-model="uq[0].question" class="form-control input-sm" name="uq[0].question" required>
                -->
                <select class="form-control" ng-blur="choose()"  style="opacity: unset;"  ng-model="uq[0].question">
                    <option value="">请选择一个问题</option>
                    <option value="{{info.question}}" ng-repeat="info in secQuestions" ng-if="info.type==1">{{info.question}}</option>
                </select>
            </div>
            <div class="col">
                <img ng-show="checkSuccess" src="static/img/user/images/input-check-yes.png" alt="">
                <!--<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">答案：</label>
            <div class="col-md-8 col-sm-8 col">
                <input ng-model="uq[0].answer" ng-blur="inputAnswer()"  class="form-control input-sm" name="uq[0].answer" required>
                <!-- <div>密码复杂度</div> -->
            </div>
            <div class="col">
                <img ng-show="checkSuccess1" src="static/img/user/images/input-check-yes.png" alt="">
                <!--<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="warn-style" ng-show="checkFailed1">请输入您想要设置的答案</div>
        <div class="warn-style" ng-show="checkFailed1_1">请勿超过30个字符</div>
        <div class="row">
            <input type="hidden" name="sort" ng-model="uq[1].sort" ng-init="uq[1].sort=2"/>
            <label class="col-md-3 col-sm-3 col text-right">问题2：</label>
            <div class="col-md-8 col-sm-8 col">
                <input ng-model="uq[1].id" type="hidden"/>
                <!--
                <input ng-model="uq[1].question"  class="form-control input-sm" name="uq[1].question" required>
                -->
                <select class="form-control" ng-blur="choose1()"  style="opacity: unset;"  ng-model="uq[1].question">
                    <option value="">请选择一个问题</option>
                    <option value="{{info.question}}" ng-repeat="info in secQuestions" ng-if="info.type==2">{{info.question}}</option>
                </select>
            </div>
            <div class="col">
                <img ng-show="checkSuccess2" src="static/img/user/images/input-check-yes.png" alt="">
                <!--<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 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="uq[1].answer" ng-blur="inputAnswer1()" class="form-control input-sm" name="uq[1].answer" required>
                <!-- <div>密码复杂度</div> -->
            </div>
            <div class="col">
                <img ng-show="checkSuccess3" src="static/img/user/images/input-check-yes.png" alt="">
                <!--<i ng-show="checkSuccess3" class="fa fa-check" style="color:#339933"></i>-->
                <!--<i ng-show="checkFailed3" class="fa fa-close" style="color:#CC3333;"></i>-->
            </div>
        </div>
        <div class="warn-style" ng-show="checkFailed3">请输入您想要设置的答案</div>
        <div class="warn-style" ng-show="checkFailed3_1">请勿超过30个字符</div>
    </div>
    <div class="modal-footer">
        <button ng-click="cancel()" type="button">取消</button>
        <button ng-disabled="!checkSuccess || !checkSuccess1 || !checkSuccess2 || !checkSuccess3" type="submit">确定</button>
    </div>
</form>