scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
							{extend name="public/layout" /}
{block name="title"}试题管理{/block}
{block name="body"}
<style>
    html,
    body {
        display: block;
        min-width: 1100px;
    }

    .layui-fluid {
        display: block;
        box-shadow: 0 0 4px 0 #B6CADE;
        border-radius: 5px;
        margin: 15px;
        background-color: #ffffff;
    }

    .layui-table thead tr,
    .layui-table-header {
        background-color: #D8E6F1 !important;
    }

    .layui-form-label {
        width: auto;
    }

    .goback {
        float: left;
        margin-right: 20px;
    }

    .goback a {
        color: #269efb;
    }

    .goback i {
        position: relative !important;
        left: 0px;
    }

    .layui-btn-xs,
    .layui-btn-xs:hover {
        border: 1px solid #249EFB;
        background-color: #fff;
        color: #249EFB;
        padding: 0px 10px;
    }

    .layui-btn-danger,
    .layui-btn-danger:hover {
        color: #FF5722;
        background-color: #fff;
        border: 1px solid #FF5722;
        padding: 0px 10px;
    }

    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }
	.box_block{box-shadow: 0 0 4px 0 #B6CADE;background-color: #ffffff;border-radius: 5px;margin: 15px;padding:15px;}
</style>

<body>
	
	<div class="layui-form box_block">
		<div>
		    <div class="layui-inline">
		        <label class="layui-form-label">题面名称:</label>
		        <div class="layui-input-inline">
		            <input type="text" name="keyword" placeholder="请输入问题名称" autocomplete="off"
		                class="layui-input">
		        </div>
		    </div>
		    <div class="layui-inline">
		        <label class="layui-form-label">分类</label>
		        <div class="layui-input-inline">
		            <select name="cate" lay-filter="cate" id="cate">
		                <option value="">请选择分类</option>
		                {volist name="cate" id="vo"}
		                <option value="{$vo}">{$vo}</option>
		                {/volist}
		            </select>
		        </div>
		    </div>
		    <div class="layui-inline">
		        <label class="layui-form-label">题型</label>
		        <div class="layui-input-inline">
		            <select name="type" lay-filter="type" id="type">
		                <option value="">请选择题型</option>
		                <option value="单选">单选</option>
		                <option value="多选">多选</option>
		                <option value="判断">判断</option>
		                <option value="简答">简答</option>
		            </select>
		            
		        </div>
		    </div>
		    <div class="layui-inline">
		        <button class="layui-btn layuiadmin-btn-course searchBtn" lay-submit
		            lay-filter="LAY-user-front-search">
		            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
		        </button>
		    </div>
		</div>
	</div>
	
	
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                    
                    <div class="layui-inline" style="float: left;">
                        <button class="layui-btn layuiadmin-btn layui-btn-primary" data-type="cate">分类管理</button>
                        {auth:check name="exam/questionadd"}
                        <button class="layui-btn layuiadmin-btn layui-btn-primary" data-type="adding">添加试题</button>
                        {/auth:check}
                        {auth:check name="exam/questionadd"}
                        <button class="layui-btn layuiadmin-btn layui-btn-primary" data-type="importing">试题导入</button>
                        {/auth:check}
                    </div>
                </div>
            </div>

            <div class="layui-card-body">
                <table lay-filter="LAY-exam-question-list" id="LAY-exam-question-list"></table>
            </div>
        </div>
    </div>

    {/block}
    {block name="js"}
    <script type="text/html" id="strucTpl">
    <span>{{d.org.info}}</span>
</script>
    <script type="text/html" id="grantTpl">
    {{# if(d.grant){ }}
    <span>{{d.grant.name}}</span>
    {{# }else{ }}
    <span>未绑定</span>
    {{# } }}
</script>
    <script type="text/html" id="operateTpl">
	{auth:check name="exam/questionadd"}
    	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
	{/auth:check}
	{auth:check name="exam/questionpredel"}
    	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	{/auth:check}
</script>
    <script>
        layui.config({
            base: '__LAYUI__/' //静态资源所在路径
            ,

        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'tree'], function () {
            var table = layui.table,
                $ = layui.jquery,
                form = layui.form;

            var listUrl = '{:url("exam/questionlist")}';
            table.render({
                elem: '#LAY-exam-question-list',
                url: listUrl,
                height: 'full-140',
                cols: [
                    [{
                        type: 'numbers',
                        width: 80,
                        title: '序号',
                        sort: true
                    }, {
                        field: 'addtime',
                        title: '创建时间',
                        width: 180
                    }, {
                        field: 'ask',
                        title: '题面'
                    }, {
                        field: 'type',
                        title: '题型',
                        width: 100
                    }, {
                        field: 'cate',
                        title: '分类',
                        width: 100
                    }, {
                        title: '操作',
                        templet: '#operateTpl',
                        width: 180,
                        fixed: 'right'
                    }]
                ],
                page: true,
                limit: 10,
                limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
                text: '对不起，加载出现异常！'
            });
            form.on('submit(LAY-user-front-search)', function (data) {

                var where = {};
                where.keyword = $("input[name='keyword']").val();
                where.cate = $("select[name='cate']").val();
                where.type = $("select[name='type']").val();
                //执行重载
                table.reload('LAY-exam-question-list', {
                    where: where
                });
            });
            //事件
            var active = {
                adding: function () {
                    layer.open({
                        type: 2,
                        title: ['试题添加', 'color:#333333;background-color:#D8E6F1;'],
                        content: '{:url("exam/questionadd")}',
                        resize: false,
                        area: ['80%', '80%'],
                        end: function() {
                            //执行重载
                            table.reload('LAY-exam-question-list')
                        }
                    });
                },
                importing: function () {
                    layer.open({
                        type: 2,
                        title: ['试题导入', 'color:#333333;background-color:#D8E6F1;'],
                        content: '{:url("exam/importing")}',
                        resize: false,
                        area: ['80%', '80%'],
                        end: function() {
                            //执行重载
                            table.reload('LAY-exam-question-list')
                        }
                    });
                },
                cateedit: function () {
                    layer.open({
                        type: 2,
                        title: ['分类管理', 'color:#333333;background-color:#D8E6F1;'],
                        content: '{:url("exam/catelist")}',
                        resize: false,
                        area: ['80%', '80%'],
                        end: function () {
                            location.reload();
                        }
                    });
                },
                cate: function () {
                    layer.open({
                        type: 2,
                        title: ['分类管理', 'color:#333333;background-color:#D8E6F1;'],
                        content: '{:url("exam/catelist")}',
                        resize: false,
                        area: ['80%', '80%'],
                    });
                }
            }

            $('.layui-btn.layuiadmin-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

            //////
            table.on('tool(LAY-exam-question-list)', function (obj) {

                var data = obj.data;
                console.log(data.id);
                if (obj.event === 'edit') {
                    layer.open({
                        type: 2,
                        title: ['试题编辑', 'color:#333333;background-color:#D8E6F1;'],
                        content: '{:url("exam/questionedit")}?qid=' + data.id,
                        resize: false,
                        area: ['80%', '80%']
                    });
                }
                if (obj.event === 'del') {
                    $.ajax({
                        url: '{:url("exam/questionpredel")}',
                        data: {
                            qid: data.id
                        },
                        type: 'post',
                        success: function (res) {
                            if (res.code === 0) {
                                layer.confirm(res.msg, { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function (index) {
                                    $.ajax({
                                        url: '{:url("exam/questiondel")}',
                                        data: {
                                            qid: data.id
                                        },
                                        type: 'post',
                                        success: function (res) {
                                            if (res.code === 0) {
                                                table.reload('LAY-exam-question-list')
                                                layer.close(index);
                                            } else {
                                                layer.msg(res.msg, { anim: 6, time: 2000 });
                                            }
                                        }
                                    });

                                });
                            } else {
                                layer.msg(res.msg, { anim: 6, time: 2000 });
                            }
                        }
                    });

                }
            });

        });

    </script>
</body>
{/block}