scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
							{extend name="public/layout" /} {block name="title"}文章分类管理{/block} {block name="body"}

<style type="text/css">
    html,
    body {
        display: block;
        background-color: #fff;
    }

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

    .layui-fluid {
        display: block;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 15px 30px;
    }

    .layui-tab {
        padding: 15px;
        height: 100%;
    }

    .layui-form-item {
        width: 100%;
    }

    .layui-form-item .layui-inline {
        display: block;
        float: left;
        width: 145px;
        height: 38px;
        line-height: 38px;
        background: #FFFFFF;
        margin-right: 16px;
    }

    .layui-form-item .layui-input-inline {
        width: 145px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .layui-icon {
        font-size: 20px !important;
    }

    .layui-form-item .layui-input-inline .layui-input {
        border: 1px solid #9DB6CF;
        border-radius: 5px;
    }

    .layui-form-select dl dd.layui-this {
        background-color: #249EFB;
    }

    .layui-form-item div.searchBox {
        width: 320px;
        background: #FFFFFF;
        border: 1px solid #B6CADE;
        border-radius: 24px;
        height: 38px;
        overflow: hidden;
        padding-left: 18px;
        position: relative;
        margin-bottom: 0px;
        float: right;
    }

    .searchBox .inputBox {
        width: 240px;
        float: left;
        height: 36px;
        line-height: 36px;
        border-width: 0;
    }

    .searchBtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 51px;
        height: 38px;
        background-color: #fff;
    }

    .searchBtn img {
        position: absolute;
        width: 26px;
        top: 6px;
        left: 0;
    }

    .layui-card .layui-tab {
        margin: 0;
        height: 31%;
        width: 80%;
        float: right;
        padding: 1px;
    }

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

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }

    .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-card-header {
        background-color: #F6FAFD;
    }

    .layui-card-body {
        padding: 10px 0px 0px;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header layuiadmin-card-header-auto">
                <a href="#" type="button" class="layui-btn layui-btn-primary" id="dev_add">添加研发案例</a>
            </div>
            <div class="layui-card-body">
                <table id="dev-table" lay-filter="dev-table"></table>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script type="text/html" id="table-dev-action">
    <a class="layui-btn layui-btn-xs" lay-event="dev-edit">编辑</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="dev-delete">删除</a>
</script>
<script type="text/html" id="dev_num">
    <span>{{d.picnum}}</span>
</script>
<script type="text/html" id="typetpl">
	{{# if(d.type==1){ }}
		<span>VR视频</span>
	{{# }else{ }}
		<span>图文</span>
	{{# } }}
</script>

<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'element'], function () {
        var $ = layui.$,
            form = layui.form,
            element = layui.element,
            table = layui.table;

        $('#dev_add').click(function () {
            window.parent.openDevCaseAdd("{:url('building/add_dev_case',array('housetype_id'=>$housetype_id))}",'add')
        })

        //研发案例列表
        table.render({
            elem: '#dev-table',
            autoSort: false,
            url: '{:url("building/list_dev_case",array("housetype_id"=>$housetype_id))}',
            cols: [
                [{
                    field: 'name',
                    title: '案例名称'
                }, {
                    field: 'decostyles_name',
                    title: '风格'
                }, {
                    field: 'type',
                    title: '文件类型',
                    templet:'#typetpl'

                }, {
                    title: '操作',
                    width: 240,
                    align: 'center',
                    fixed: 'right',
                    toolbar: '#table-dev-action'
                }]
            ],
            page: true,
            limit: 30,
            height: 'full-120',
            text: '对不起，加载出现异常！'
        });

        window.parent.reloadTable = function () {
            table.reload('dev-table');
        }

        //监听列表
        table.on('tool(dev-table)', function (obj) {
            var data = obj.data;
            if (obj.event === 'dev-edit') {
                window.parent.openDevCaseAdd("{:url('building/edit_dev_case')}?id=" + data.id,'edit')
            } else if (obj.event === 'dev-delete') {
                layer.confirm('确定删除当前研发案例', { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function (index) {
                    $.ajax({
                        url: "{:url('building/del_dev_case')}",
                        data: {
                            id: data.id
                        },
                        type: 'post',
                        success: function (res) {
                            if (res.code == 0) {
                                layer.msg('删除成功')
                                obj.del();
                                //var index = parent.layer.getFrameIndex(window.name);
							     //parent.layui.table.reload('dev-table'); //重载表格
                                //getList();
                                layer.close(index);
                            } else {
                                layer.msg(res.msg)
                            }
                        }
                    });
                });
            }
        });
    });
</script>
{/block}