zhaobao
/
scyf


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>题库编辑</title>
    <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/module/admin.css?v=315"/>
    <link rel="stylesheet" href="../../assets/module/formSelects/formSelects-v4.css"/>
    <!--    <link rel="stylesheet" href="../../assets/libs/wangEditor/wangEditor.css"/>-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        [lay-filter="formQA"] .layui-form-item, .layui-inline {
            margin-bottom: 0;
            margin-top: 20px;
        }

        .qa-xx-item {
            padding-left: 25px;
            margin-bottom: 20px;
        }

        .qa-xx-item-title {
            position: absolute;
            left: 0;
            line-height: 38px;
        }

    </style>
</head>
<body>

<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">
            修改试题
            <div class="layui-inline pull-right" style="margin: 0px;">
                <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
                        class="layui-icon">&#xe65c;</i>返回
                </button>
            </div>
        </div>
        <div class="layui-card-body">
            <form class="layui-form" lay-filter="formQA" style="max-width: 960px;">
                <input type="hidden" name="id" id="id" value=""/>
                <div class="layui-form-item">
                    <label class="layui-form-label">试题类型：</label>
                    <div class="layui-input-block">
                        <input type="radio" lay-filter="raQT" id="questionsType1" name="questionsType" value="1" title="单选题" checked>
                        <input type="radio" lay-filter="raQT" id="questionsType2" name="questionsType" value="2" title="多选题">
                        <input type="radio" lay-filter="raQT" id="questionsType3" name="questionsType" value="3" title="判断题">
                        <input type="radio" lay-filter="raQT" id="questionsType4" name="questionsType" value="4" title="问答题">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">试题内容：</label>
                    <div class="layui-input-block">
                        <div name="questionsName" id="qaContent"></div>
                        <!--                        <textarea name="questionsName" id="qaContent"></textarea>-->

                    </div>
                    <div class="layui-form-item layui-form-text" id="xxGroup">
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">正确答案：</label>
                        <div id="qaRIGroup" class="layui-input-block">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block text-center">
                            <button ew-event="back" type="button" class="layui-btn layui-btn-primary">&emsp;关闭&emsp;</button>
                            <button class="layui-btn" lay-filter="formSubmitAQ" lay-submit>&emsp;提交&emsp;</button>
                        </div>
                    </div>
            </form>
        </div>
    </div>
</div>

<!-- 不同类型题目的正确答案选项 -->
<script type="text/html" id="qaRI1">
    <!-- 单选题 -->
    <div style="max-width: 160px;">
        <select name="answer" id="answer" lay-verType="tips" lay-verify="required" required>
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="D">D</option>
        </select>
    </div>
</script>
<script type="text/html" id="qaRI2">
    <!-- 多选题 -->
    <div class="xm-select-nri" style="max-width: 220px;">
        <select name="answer" id="answer2" xm-select="qaRIMore" lay-verType="tips" lay-verify="required" required>
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="D">D</option>
            <option value="E">E</option>
        </select>
    </div>
</script>
<script type="text/html" id="qaRI3">
    <!-- 判断题 -->
    <div style="max-width: 160px;">
        <select name="answer" id="qaRI3Answer" lay-verType="tips" lay-verify="required" required>
            <option value="T">正确</option>
            <option value="F">错误</option>
        </select>
    </div>
</script>
<script type="text/html" id="qaRI4">
    <!-- 问答题 -->
    <!--    <textarea name="answer" id="wdContent"></textarea>-->
    <div name="answer" id="wdContent"></div>
</script>
<script type="text/html" id="xxHtml">
    <label class="layui-form-label">试题选项：</label>
    <div class="layui-input-block">
        <div class="qa-xx-item">
            <span class="qa-xx-item-title">A：</span>
            <input type="text" name="A" id="A" placeholder="请输入选项内容" class="layui-input"
                   autocomplete="off" lay-verType="tips" lay-verify="required" required/>
        </div>
        <div class="qa-xx-item">
            <span class="qa-xx-item-title">B：</span>
            <input type="text" name="B" id="B" placeholder="请输入选项内容" class="layui-input"
                   autocomplete="off" lay-verType="tips" lay-verify="required" required/>
        </div>
        <div class="qa-xx-item">
            <span class="qa-xx-item-title">C：</span>
            <input type="text" name="C" id="C" placeholder="请输入选项内容" class="layui-input"
                   autocomplete="off" lay-verType="tips" lay-verify="required" required/>
        </div>
        <div class="qa-xx-item">
            <span class="qa-xx-item-title">D：</span>
            <input type="text" name="D" id="D" placeholder="请输入选项内容" class="layui-input" autocomplete="off" lay-verify="required" required/>
        </div>
        <div class="qa-xx-item" id="questionSelect">
            <span class="qa-xx-item-title">E：</span>
            <input type="text" name="E" id="E" placeholder="请输入选项内容" class="layui-input" autocomplete="off"/>
        </div>
    </div>
</script>

<!-- js部分 -->
<script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../assets/js/common.js?v=315"></script>
<script type="text/javascript" src="../../assets/libs/wangEditor/wangEditor.js"></script>
<script>
    layui.use(['layer', 'form', 'table', 'admin', 'formSelects', 'uParas'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var formSelects = layui.formSelects;
        var table = layui.table;
        var uParas = layui.uParas;
        var admin = layui.admin;
        var editIndex = uParas.initWangEditor("qaContent");
        editIndex.create();
        var wdContent;
        var id = uParas.getUrlParam("id");
        var url = uParas.baseUrl + '/ol/questions/queryId';
        $.getJSON(url, {id: id}, function (resp) {
            $("#questionsType" + resp.data.questionsType).attr("checked", true);
            $("#id").val(resp.data.id);
            form.val('formQA', resp.data);
            editIndex.txt.html(resp.data.questionsName)
            changeQT(resp.data.questionsType, resp.data.answer);
            $("#qaRI3Answer").find("option[value ='" + resp.data.answer + "']").attr("selected", "selected");
            if (resp.data.questionsType == 1) {
                $("#answer").find("option[value ='" + resp.data.answer + "']").attr("selected", "selected");
            }
            if (resp.data.questionsType == 2) {
                $("#answer2").find("option[value ='" + resp.data.answer + "']").attr("selected", "selected");
            }
            if (resp.data.questionsType != 4) {
                var answerContent = $.parseJSON(resp.data.answerContent);
                setTimeout(function () {
                    $("#A").val(answerContent.A);
                    $("#B").val(answerContent.B);
                    $("#C").val(answerContent.C);
                    $("#D").val(answerContent.D);
                    if (resp.data.questionsType == 2) {
                        $("#E").val(answerContent.E);
                    }
                }, 50);
            } else {
                wdContent.txt.html(resp.data.answerContent);
            }
            form.render();
        });
        // 表单提交事件
        form.on('submit(formSubmitAQ)', function (data) {
            var url = uParas.baseUrl + '/ol/questions/update';
            var idArray = new Object();
            var flag = true;
            idArray.A = data.field.A;
            idArray.B = data.field.B;
            idArray.C = data.field.C;
            idArray.D = data.field.D;
            //多选
            if (data.field.questionsType == 2){
                var eVal = data.field.E;
                if (eVal == null || eVal == ""){
                    flag = false;
                    layer.msg("请输入选项E内容");
                }else{
                    idArray.E = eVal;
                }
            }
            data.field.answerContent = JSON.stringify(idArray);
            data.field.questionsName = editIndex.txt.text();
            if (data.field.questionsName == null || data.field.questionsName == ""){
                layer.msg("题目名称不能为空");
                flag = false;
                return false;
            }
            //问答题获取富文本编辑器的内容
            if (data.field.questionsType == 4) {
                data.field.answerContent = wdContent.txt.text();
                if (data.field.answerContent == null || data.field.answerContent == ""){
                    layer.msg("题目答案不能为空");
                    flag = false;
                    return false;
                }
            }
            if (flag){
                admin.req(url, data.field, function (res) {
                    layer.closeAll('loading');
                    if (res.code == 1) {
                        layer.msg(res.msg, {
                            time: 1000,
                            end: function () {
                                location.href = "./questionsIndex.html";
                            }
                        });
                    } else {
                        layer.msg(res.msg);
                    }
                }, 'POST');
            }
            return false;
        });

        // 试题类型切换事件
        form.on('radio(raQT)', function (data) {
            changeQT(data.value);
        });

        function changeQT(value, sel) {
            if (value == 1) {
                $('#qaRIGroup').html($('#qaRI1').html());
                form.render('select');
                $('#xxGroup').html($('#xxHtml').html());
                $("#questionSelect").hide();
            } else if (value == 2) {
                $('#qaRIGroup').html($('#qaRI2').html());
                if (sel) {
                    formSelects.render('qaRIMore', {init: sel.split(',')});
                } else {
                    formSelects.render('qaRIMore');
                }
                formSelects.btns('qaRIMore', ['select', 'remove', 'reverse'], {space: '13px'});
                $('#xxGroup').html($('#xxHtml').html());
                $("#questionSelect").show();
            } else if (value == 3) {
                $('#qaRIGroup').html($('#qaRI3').html());
                form.render('select');
                $('#xxGroup').html('');
            } else if (value == 4) {
                $('#qaRIGroup').html($('#qaRI4').html());
                form.render('select');
                $('#xxGroup').html('');
                wdContent = uParas.initWangEditor("wdContent");
                wdContent.create();
                // wdContent = layEdit.build('wdContent'); // 建立编辑器
            }
        }
    });
</script>
</body>
</html>