scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
							{extend name="public/layout" /} {block name="title"}{$title}{/block} {block name="body"}
<style type="text/css">
    html,
    body {
        display: block;
        min-width: 1100px;
    }

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

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

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

    .layui-tab-brief {
        display: flex;
        justify-content: space-between;
    }

    .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
        color: #249EFB;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: 4px solid #249EFB;
    }

    .layui-tab-title li {
        margin: 0px 5px;
    }

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

    .layui-tab {
        display: flex;
    }

    .layui-tab-title {
        flex: 1;
        height: 42px;
        border-bottom-color: #f6f6f6;
        max-width: 1000px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .layui-tab-title::-webkit-scrollbar {
      /*滚动条整体样式*/
      /*高宽分别对应横竖滚动条的尺寸*/
      height: 5px;
    }

    .layui-tab-title::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      background: #333333;
    }

    .layui-tab-title::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      background: #fff;
    }

    .layuiadmin-btn {
        margin-right: 20px;
    }
    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-tab layui-tab-brief" style="padding-right: 15px;">
                <ul class="layui-tab-title">
                    {volist name="types" id="vo" key="k"}
                    <li data-case="{$vo.is_case}" class="switchTab {if condition='$k eq 1'} layui-this {/if}"  data-index="{$k}" data-id="{$vo.id}">
                        {$vo.title} 
                    </li>
                    {/volist}
                </ul>
                <button id="hisstyle" class="layui-btn layui-btn-primary hisstyless" data-type="hisstyle">新建分类</button>

            </div>
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                    <div class="layui-inline" style="margin-bottom: 0px;">
                        <div class="layui-input-inline">
                            <button id="approves" class="layui-btn layui-btn-primary" data-type="approve">分类管理</button>
                            {notempty name='types'}
                                <button id="addMaterial" class="layui-btn layui-btn-primary" data-type="addMaterial">添加素材</button>
                            {else/}
                                <button id="" class="layui-btn layui-btn-primary hisstyless" data-type="hisstyless">添加素材</button>
                            {/notempty}
                        </div>
                    </div>
                    <div style="float:right;">
                        <div class="layui-inline">
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input type="text" name="keyword" placeholder="请输入关键词" autocomplete="off"
                                    class="layui-input keyword">
                            </div>
                        </div>
                        <div class="layui-inline" style="margin-right:0;">
                            <button class="layui-btn layuiadmin-btn-useradmin searchBtn submitbtn" lay-submit lay-filter="search">
                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card-body">
                <table lay-filter="talkskill-table" id="talkskill-table"></table>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script type="text/html" id="table-evidence-action">
    <a class="layui-btn layui-btn-xs" lay-event="evi-details">编辑</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="evidence-delete">删除</a>
</script>
<script type="text/html" id="employee_name">
	{{# if(d.e_name){ }}
		<span>{{d.e_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="cover">
	{{# if(d.covers != ''){ }}
		<img src="{{d.covers}}" style="width: 30px;height: 30px;"/>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="cate3_name">
	{{# if(d.cate3_name){ }}
    <span>{{d.cate3_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="cate2_name">
	{{# if(d.cate2_name){ }}
    <span>{{d.cate2_name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index'
    }).use(['index', 'table', 'layedit', 'element'], function () {
        var $ = layui.$,
            table = layui.table,
            element = layui.element,
            form = layui.form;
        //默认标签
        var default_label = '{$default_type}';
        var url = "{:url('smartScreen/list')}?pid="+default_label;
        // tab切换
        $('.switchTab').click((e) => {
            active.getTable(e.target.dataset)
        })
        //搜索
        $('.searchBtn').click(function(){
            var keyword = $('.keyword').val();
            table.reload('talkskill-table', {where:{label:default_label,keyword:keyword}});
        });
        //事件
        var active = {
            getTable: function (info) {
                default_label = info.id;

                table.reload('talkskill-table', {where:{label:default_label}});
            },
            saveLabel: function () {
            }
        };
		document.onkeydown=function(event){
			var e = event || window.event || arguments.callee.caller.arguments[0];
			if(e && e.keyCode==13){ 
				$(".submitbtn").trigger("click");
			}
		};
        //新建标签
        $('.hisstyless').click(function () {
            layer.open({
                type: 2,
                title: '新建标签',
                content: "{:url('smartScreen/cate1')}?type=" + '{$type}',
                area: ['40%', '40%'],
                btn: ['确定', '取消'],
                yes: function (index, layero) {
                    var title = layero.find('iframe').contents().find("#title");
                    var title_val = title.val();
                    var res = 1;
                    if(title_val == '') {
                        layer.msg('请输入标签名称', {anim: 6,time:1000});
                        res = 0;
                    }
                    if(title_val.length > 20) {
                        layer.msg('标签名称超长', {anim: 0,time: 1000});
                        res = 0;
                    }
                    if (res==1) {
                        //点击确认触发 iframe 内容中的按钮提交
                        var submit = layero.find('iframe').contents().find("#spellgroup-submit");
                        submit.click();

                    }
                },
                end:function(){
                    location.reload();
                }
            });
        })

        window.reloadPageFunc = function() {
            location.reload();
        }
 
        window.addnewtagfunc = function() {
            layer.open({
                type: 2,
                title: '新建标签',
                content: "{:url('smartScreen/cate1')}?type=" + '{$type}',
                area: ['40%', '40%'],
                btn: ['确定', '取消'],
                yes: function (index, layero) {
                    var title = layero.find('iframe').contents().find("#title");
                    var title_val = title.val();
                    var res = 1;
                    if (title_val == '') {
                        layer.msg('请输入标签名称', { anim: 6, time: 1000 });
                        res = 0;
                    }
                    if (title_val.length > 20) {
                        layer.msg('标签名称超长', { anim: 0, time: 1000 });
                        res = 0;
                    }
                    if (res == 1) {
                        //点击确认触发 iframe 内容中的按钮提交
                        var submit = layero.find('iframe').contents().find("#spellgroup-submit");
                        submit.click();
                    }
                },
                end:function(){
                    location.reload();
                }
            });
        }

        $('#approves').click(function () {
            layer.open({
                type: 2,
                title: '分类管理',
                content: "{:url('smartScreen/cate2')}?pid=" + default_label+'&type='+ '{$type}',
                area: ['75%', '75%'],
                // btn: ['确定', '取消'],
                yes: function (index, layero) {
                    //点击确认触发 iframe 内容中的按钮提交
                    var submit = layero.find('iframe').contents().find("#spellgroup-submit");
                    submit.click();
                    setTimeout(() => {
                        location.reload();
                    },1000)
                }
            });
        })

        //添加素材
        $('#addMaterial').click(function () {
            layer.open({
                type: 2,
                title: '添加素材',
                content: "{:url('smartScreen/addMaterial')}?pid=" + default_label+'&type='+ '{$type}',
                area: ['75%', '75%'],
                // btn: ['确定', '取消'],
                yes: function (index, layero) {
                    //点击确认触发 iframe 内容中的按钮提交
                    var submit = layero.find('iframe').contents().find("#spellgroup-submit");
                    submit.click();
                },
                end: function() {
                    table.reload('talkskill-table', {where:{label:default_label}});
                }
            });
        })
        //表格
        //活动列表
        table.render({
            elem: '#talkskill-table',
            url: url, 
            height: 'full-160',
            cols: [
                [
                    { align: 'center', field: 'title', title: '标题', templet: '#titletpl' },
                    { align: 'center', field: 'cate2_name', title: '分类', templet: '#cate2_name' },
                    { align: 'center', field: 'cate3_name', title: '标签', templet: '#cate3_name' },
                    { align: 'center', field: 'type', title: '类别', templet: '#', },
                    { align: 'center', field: 'leixing', title: '类型', templet: '#', },
                    { align: 'center', field: 'cover', templet: '#cover', title: '封面图',},
                    { align: 'center', field: 'e_name', templet: '#employee_name', title: '上传人', },
                    { align: 'center', field: 'addtime', title: '添加时间', templet: '#start_datetpl', },

                    { align: 'center', title: '操作', width: '20%', align: 'center', toolbar: '#table-evidence-action', fixed: 'right' }
                ]
            ],
            page: true,
            limit: 10,
            text: '对不起，加载出现异常！'
        });
		//监听列表
		table.on('tool(talkskill-table)', function (obj) {
			var data = obj.data;
            if (obj.event === 'evidence-delete') {
				layer.confirm('确定要删除此数据么？', { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function () {
					$.get("{:url('smartScreen/del')}?id=" + data.id, function (res) {
						if (res.code === 0) {
							layer.msg(res.msg, { anim: 0, time: 400 }, function () {
								table.reload('talkskill-table', {where:{label:default_label}});
							});
						} else {
							layer.msg(res.msg, { anim: 6, time: 400 });
						}
					});
				});
			} else if (obj.event === 'evi-details') {
				layer.open({
					type: 2,
					title: ['详情编辑', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('smartScreen/edit')}?id=" + data.id+'&pid='+default_label,
					resize: false,
					area: ['80%', '80%'],
					end: function() {
						scrollPostion(scrollTopNum);
						setTimeout(() => {
							$('.layui-table-main').scroll(function (e) {
								scrollTopNum = $(this).scrollTop();
								console.log(scrollTopNum, '<<<记录位置');
							})
						}, 800)
					}
				});
			}
		});
    });
</script>
{/block}