{template 'common/header'}
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/css/style.css" />
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.css" />

<style type="text/css">
.tree {
    /*min-height:20px;
    padding:0;
    margin-bottom:0;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)*/
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
/*.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}*/
 
.tree li span {
    /*-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;*/
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    width:100%;
}
.tree li div.button_z{
    display:inline-block;
    position: absolute;
	right:8px;
	top:8px;
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .children span:hover {
    background:#eee;
}
 
.icon-plus-sign{display:inline-block;width:16px;height:16px;background:url('../addons/{php echo $_GPC['m']}/resource/images/ico_small.png') left -44px no-repeat;}
.icon-minus-sign{display:inline-block;width:16px;height:16px;background:url('../addons/{php echo $_GPC['m']}/resource/images/ico_small.png') left 0px no-repeat;}

</style>

{template 'common/more_tab'}

<div class="panel panel-default">
     <div class="panel-heading">
        <span style="margin-top: 10px;display: inline-block;">商品分类</span>

        <a class="btn btn-primary" style="float: right;" href="{url 'site/entry/DuoCateInfo',array('m'=>$_GPC['m'],'op'=>'DuoCateInfo','version_id'=>$_GPC['version_id'])}&tab_id=1"><i class="fa fa-list"></i> 拼多多分类</a>
        
        <a id="showWhole" class="btn btn-primary" style="float: right;margin-right:10px;" href="javascript:;"><i class="fa fa-plus"></i> 全部展开</a>

        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="tree">
            <ul class="list-group">
                {loop $list $index $item}
                <li class="list-group-item">
                <span><i class="icon-minus-sign icon-toggle"></i> {$item['opt_name']} {if $item['show_name']}（{$item['show_name']}）{/if}</span>
                    <div class="button_z">
                        <a href="{url 'site/entry/GoodsCateInfo',array('m'=>$_GPC['m'],'op'=>'GoodsCateInfo','version_id'=>$_GPC['version_id'])}&opt_id={$item['opt_id']}" class="btn btn btn-info btn-xs edit"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="javascript:;" data-opt_id="{$item['opt_id']}" class="btn btn btn-danger btn-xs delete"><i class="fa fa-trash"></i> 删除</a>
                    </div>
                    <ul class="list-group child-ul" style="display:none;">
                        {loop $item['children'] $indexx $itemm}
                        <li class="list-group-item children">
                        <span> {$itemm['opt_name']} {if $itemm['show_name']}（{$itemm['show_name']}）{/if}</span>
                             <div class="button_z">
                                <a href="{url 'site/entry/GoodsCateInfo',array('m'=>$_GPC['m'],'op'=>'GoodsCateInfo','version_id'=>$_GPC['version_id'])}&opt_id={$itemm['opt_id']}" class="btn btn btn-info btn-xs edit"><i class="fa fa-edit"></i> 编辑</a>
                                <a href="javascript:;" data-opt_id="{$itemm['opt_id']}" class="btn btn btn-danger btn-xs delete"><i class="fa fa-trash"></i> 删除</a>
                            </div>
                        </li>
                        {/loop}
                        </ul>
                </li>
                {/loop}
            </ul>
        </div>
       
    </div>
   {template 'common/footer_hj'}
</div>
{template 'common/footer'}
<script>
    //console.log(1111);
    require(["../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.js"],function(){
        var d=true;
        $(function(){

            $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', '折叠/展开');
            $('.tree li.parent_li > span').on('click', function (e) {
                var d = $(this).siblings('ul').is(":visible");
                $(this).siblings('ul').slideToggle('fast');
                if (d) {
                    $(this).find(">i").addClass('icon-minus-sign').removeClass('icon-plus-sign');
                    
                } else {
                    $(this).find(">i").addClass('icon-plus-sign').removeClass('icon-minus-sign');
                }
                e.stopPropagation();
            });
            
            var wholeKai = false;
            $('#showWhole').click(function (){
                   if(!wholeKai){
                    $(this).html('<i class="fa fa-minus"> 全部收起');
                    $('.icon-toggle').addClass('icon-plus-sign').removeClass('icon-minus-sign')
                    $('.child-ul').show();
                    wholeKai = true;
                   }else{
                    $(this).html('<i class="fa fa-plus"> 全部展开');
                    $('.icon-toggle').addClass('icon-minus-sign').removeClass('icon-plus-sign')
                    $('.child-ul').hide();
                    wholeKai = false;
                   }
            });

            //删除
            $(".delete").click(function(){
                var that=$(this);
                var opt_id=$(this).attr('data-opt_id');
                //console.log(id);
                swal({
                    title: '确定删除吗?',
                    text: "确定删除吗?",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                }).then(function(isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            type:"post",
                            url:"{url 'site/entry/GoodsCateDel',array('m'=>$_GPC['m'],'op'=>'GoodsCateDel','version_id'=>$_GPC['version_id'])}",
                            data:{opt_id:opt_id},
                            dataType:'json',
                            success:function(res){
                                if(res.status==1){
                                    swal('操作成功!', '操作成功!', 'success');
                                    that.parent().parent().remove();
                                }else{
                                    swal(res.msg, '操作失败!', 'error');
                                }
                            }
                        })
                    }
                })
            });
        })
    })
    </script>