liutao
/
ks


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加运维宝典</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <form class="layui-form" action="" lay-filter="component-form-element">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label"><font color='red' size="4">*</font>名称：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="name" class="layui-input" lay-verify="required">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label"><font color='red' size="4">*</font>科目：</label>
                        <div class="layui-input-inline">
                            <select name="subject" id="id_subject" lay-verify="required">
                                <option value="">请选择科目</option>
                            </select>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label"><font color='red' size="4">*</font>类型：</label>
                        <div class="layui-input-inline">
                            <select id="id_type" name="type" lay-verify="required">
                                <option value="">请选择类型</option>
                                <option value="1">模拟试卷</option>
                                <option value="2">正式试卷</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label"><font color='red' size="4">*</font>及格线：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="passline" lay-verify="intGeZ" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline" style="width: 100%">
                        <label class="layui-form-label">单选题：</label>
                        <div class="layui-inline" style="width: 85%">
                            每题
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="single_scores" autocomplete="off" class="layui-input">
                              </div>
                            分
                            ，简单
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="single_simple_count" autocomplete="off" class="layui-input single">
                              </div>

                            ，中等
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="single_mid_count" autocomplete="off" class="layui-input single">
                              </div>
                            ，困难
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="single_hard_count" autocomplete="off" class="layui-input single">
                              </div>
                            <div class="layui-inline" style="width: 10%">
                                <label id="id_single_total_count" class="layui-form-label">共&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</label>
                              </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline" style="width: 100%">
                        <label class="layui-form-label">多选题：</label>
                        <div class="layui-inline" style="width: 85%">
                            每题
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="multiple_scores" autocomplete="off" class="layui-input">
                              </div>
                            分
                            ，简单
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="multiple_simple_count" autocomplete="off" class="layui-input multiple">
                              </div>

                            ，中等
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="multiple_mid_count" autocomplete="off" class="layui-input multiple">
                              </div>
                            ，困难
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="multiple_hard_count" autocomplete="off" class="layui-input multiple">
                              </div>
                            <div class="layui-inline" style="width: 10%">
                                <label id="id_multiple_total_count" class="layui-form-label">共&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</label>
                              </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline" style="width: 100%">
                        <label class="layui-form-label">判断题：</label>
                        <div class="layui-inline" style="width: 85%">
                            每题
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="judgment_scores" autocomplete="off" class="layui-input">
                              </div>
                            分
                            ，简单
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="judgment_simple_count" autocomplete="off" class="layui-input judgment">
                              </div>

                            ，中等
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="judgment_mid_count" autocomplete="off" class="layui-input judgment">
                              </div>
                            ，困难
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="judgment_hard_count" autocomplete="off" class="layui-input judgment">
                              </div>
                            <div class="layui-inline" style="width: 10%">
                                <label id="id_judgment_total_count" class="layui-form-label">共&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</label>
                              </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline" style="width: 100%">
                        <label class="layui-form-label">填空题：</label>
                        <div class="layui-inline" style="width: 85%">
                            每题
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="fill_scores" autocomplete="off" class="layui-input">
                              </div>
                            分
                            ，简单
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="fill_simple_count" autocomplete="off" class="layui-input fill">
                              </div>

                            ，中等
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="fill_mid_count" autocomplete="off" class="layui-input fill">
                              </div>
                            ，困难
                            <div class="layui-inline" style="width: 10%">
                                <input type="text" lay-verify="intGtz" name="fill_hard_count" autocomplete="off" class="layui-input fill">
                              </div>
                            <div class="layui-inline" style="width: 10%">
                                <label id="id_fill_total_count" class="layui-form-label">共&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</label>
                              </div>
                        </div>
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">备注：</label>
                    <div class="layui-input-block">
                        <textarea class="layui-textarea" placeholder="请输内容" name="desc"></textarea>
                    </div>
                </div>

                <button class="layui-btn" id="id_save" lay-submit lay-filter="component-form-element"
                        style="display: none">保存
                </button>
            </form>
        </div>
    </div>
</div>


<script src="../../layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: '../../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index',
    }).use(['index', 'form', 'utils',], function () {
        var $ = layui.$
            , admin = layui.admin
            , form = layui.form;

        var id = layui.view.getParameterByName('id');
        admin.req({
            url: '/admin/subject/dict/',
            done: function (res) {
                var subject = res.data.subject;
                var subject_node = $('#id_subject');
                for (var i in subject) {
                    var pid = subject[i].id;
                    var subject_value = subject[i].name;
                    subject_node.append("<option value='" + pid + "'>" + subject_value + "</option>");
                }
                loadData();
                form.render();
            }
        });
        var loadData = function () {
            if (id) {
                var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
                form.val("component-form-element", editdata);
                $('#id_fill_total_count').html('共&nbsp;&nbsp;&nbsp;&nbsp;' + editdata.fill_total_count + '&nbsp;&nbsp;&nbsp;&nbsp;题');
                $('#id_judgment_total_count').html('共&nbsp;&nbsp;&nbsp;&nbsp;' + editdata.judgment_total_count + '&nbsp;&nbsp;&nbsp;&nbsp;题');
                $('#id_multiple_total_count').html('共&nbsp;&nbsp;&nbsp;&nbsp;' + editdata.multiple_total_count + '&nbsp;&nbsp;&nbsp;&nbsp;题');
                $('#id_single_total_count').html('共&nbsp;&nbsp;&nbsp;&nbsp;' + editdata.single_total_count + '&nbsp;&nbsp;&nbsp;&nbsp;题');
                $('#id_type').attr('disabled', 'disabled');
            }
        };

        $('.single').on("input", function (e) {
            var total = 0;
            $('.single').each(function (i) {
                var target =  $('.single')[i];
                var val = parseInt(target.value);
                // 是不是可以在这控制输入框的值 不能是负数之类的
                if(!isNaN(val) && val){
                    total += val
                }
            });
             var txt = '共&nbsp;&nbsp;&nbsp;&nbsp;' + total + '&nbsp;&nbsp;&nbsp;&nbsp;题';
            $('#id_single_total_count').html(txt);
        });
        $('.multiple').on("input", function (e) {
            var total = 0;
            $('.multiple').each(function (i) {
                var target =  $('.multiple')[i];
                var val = parseInt(target.value);
                // 是不是可以在这控制输入框的值 不能是负数之类的
                if(!isNaN(val) && val){
                    total += val
                }
            });
            var txt = '共&nbsp;&nbsp;&nbsp;&nbsp;' + total + '&nbsp;&nbsp;&nbsp;&nbsp;题';
            $('#id_multiple_total_count').html(txt);
        });
        $('.fill').on("input", function (e) {
            var total = 0;
            $('.fill').each(function (i) {
                var target =  $('.fill')[i];
                var val = parseInt(target.value);
                // 是不是可以在这控制输入框的值 不能是负数之类的
                if(!isNaN(val) && val){
                    total += val
                }
            });
            var txt = '共&nbsp;&nbsp;&nbsp;&nbsp;' + total + '&nbsp;&nbsp;&nbsp;&nbsp;题';
            $('#id_fill_total_count').html(txt);
        });
        $('.judgment').on("input", function (e) {
            var total = 0;
            $('.judgment').each(function (i) {
                var target =  $('.judgment')[i];
                var val = parseInt(target.value);
                // 是不是可以在这控制输入框的值 不能是负数之类的
                if(!isNaN(val) && val){
                    total += val
                }
            });
            var txt = '共&nbsp;&nbsp;&nbsp;&nbsp;' + total + '&nbsp;&nbsp;&nbsp;&nbsp;题';
            $('#id_judgment_total_count').html(txt);
        });


        form.render(null, 'component-form-element');

        var url = id ? '/admin/exampaper/' + id + "/" : '/admin/exampaper/',
            method = id ? 'put' : 'post'

        form.on('submit(component-form-element)', function(data){

          admin.req({
            url: url
            , data: data.field
            , type: method
            ,done: function(res){
                parent.layui.onSubmitChild(res.data);
            }
          });

          return false;
        });

        parent.layui.submitChild = function () {
            $("#id_save").click();
        };
    });
</script>
</body>
</html>