zyedu/application/admin/view/study/plan/addcouse.php

{extend name="public/container"}
{block name='head_top'}
{/block}
{block name="content"}
<style>
    .layui-form-checkbox i{
        border-left: 1px solid #d2d2d2 !important;
    }
</style>
<div class="layui-fluid">
    <form class="layui-form">
    <div class="layui-card" id="addcourse">
        <div class="layui-card-body">
            <div class="layui-tab layui-tab-brief couselist" lay-filter="tab">
                <!-- <ul class="layui-tab-title">
                    <li class="layui-this" lay-id="0">课程</li>
                    <li lay-id="1">考试</li>
                </ul> -->
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <table id="couList" lay-filter="couList"></table>
                        <script type="text/html" id="couid">
                            <input class="couids" type="checkbox" data-type="couids" lay-filter="filter" value="{{d.id}}" />
                            {{d.id}}
                        </script>
                        <script type="text/html" id="couimg">
                            <img lay-event='open_image' src="{{d.image}}">
                        </script>
                    </div>
                    <!-- <div class="layui-tab-item">
                        as2
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    </form>
</div>
<script type="text/javascript" src="{__ADMIN_PATH}js/layuiList.js"></script>
{/block}
{block name='script'}
<script>
    var id={$id}, pid={$pid};
    var $ = layui.jquery;
    var layer = layui.layer;
    let $eb = parent.parent.parent.parent._mpApi;
    layList.form.render();
    var courselist = {};
    // var coursechecked = {};
    //加载列表
    layList.tableList({o:'couList', done:function (e) {
        for(i in e.data) {
            e.data[i].zytype = '0'; // 0代表视频
            courselist[e.data[i].id] = e.data[i];
        }
    }},"{:Url('admin/special._special_type/list', ['special_type'=> 100])}", function (){
        return [
            {field: 'id', title: '课程ID', align: 'center', templet:'#couid'},
            {field: 'image', title: '封面图片',align: 'left', templet:'#couimg'},
            {field: 'title', title: '课程名称',align: 'left'},
            {field: 'money', title: '价格', align: 'center'},
        ];
    });
    //点击事件绑定
    layList.form.on('checkbox(filter)', function (data) {
        // console.log(data.elem); //得到checkbox原始DOM对象
        // console.log(data.elem.checked); //是否被选中，true或者false
        // console.log(data.value); //复选框value值，也可以通过data.elem.value得到
        // console.log(data.othis); //得到美化后的DOM对象
        if (data.elem.checked) {
            parent.coursechecked[data.value] = courselist[data.value];
        } else {
            delete parent.coursechecked[data.value];
        }
        console.log(parent.coursechecked);
    });
    layList.tool(function (event,data,obj) {
        switch (event) {
            case 'couids':
                console.log(data)
                break;
            case 'open_image':
                $eb.openImage(data.image);
                break;
            case 'edit':
                layer.open({
                    type: 2,
                    title: '编辑学习步骤',
                    content: '{:Url('createsteps')}?id=' + data.id + "&pid=" + data.pid,
                    area: ['100%', '100%'],
                    maxmin: true
                });
                break;
        }
    })
    
</script>
{/block}