@extends('admin/layout')
@section('header')
    <link href="{{asset('css/plugins/chosen/chosen.css')}}" rel="stylesheet">
    <link href="{{asset('css/plugins/switchery/switchery.css')}}" rel="stylesheet">
    <style>
        .xmxib-titles{
            display: block;
            width: 100%;
            text-align: center;
            background: #1f4e78;
            color: #fff;
            font-size: 24px;
            padding: 20px 0;
        }
        .lists-titles{
            display: block;
            width: 100%;
            text-align: center;
            background: #2f75b5;
             color: #fff;
            font-size: 18px;
            padding: 10px 0;
        }
        .ibox-content{
            padding: 30px 40px;
            background-color: #fff;
            color: inherit;
            border-color: #e7eaec;
            -webkit-border-image: none;
            -o-border-image: none;
            border-image: none;
            border-style: solid solid none;
            border-width: 1px 0;
        }
        .richtext table{
            width: 100%;
        }
        .richtext table tr td {
            padding: 8px 10px;
            border: solid 1px #ddd;
            word-break: normal;
            font-size: 14px;
            text-align: left;
        }
        .richtext table tr td.ons {
            text-align: center;
        }
        .richtext table tr td .spans{
                width: 100%;
                font-size: 14px;
                color: red;
        }
        .imgs{
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .bgs{
            background: #bdd7ee;
            text-align: center;
        }
        .tr-bgs{
            background: #92d050;
        }
    </style>
@endsection
@section('content')
    <body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content richtext">         
                            <div class="lists-titles">产品目录 (仅供参考,请贵公司根据自身情况确定导航条栏目 )</div>
                            <table cellspacing="10px">
                                <tr class="bgs">
                                    <td class="ons" colspan="3">
                                        按照符合行业和企业产品本身特征,以科学的分类标准,将企业的全部产品进行系统化的有序整理
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="2">
                                        合理的产品目录级数
                                    </td>
                                    <td colspan="2">
                                        1. 从SEO角度,最好设置一到两级,层级太深不利于google抓取。
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        2. 一个大类下面,避免仅一个下级分类,可能导致页面内容重复,从而影响SEO效果。
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        产品页面数量
                                    </td>
                                    <td colspan="2">
                                        整站优化要充分利用网站的各个页面进行关键词布局,因此请尽可能将产品细分,以布局更多的关键词来全面覆盖用户搜索习惯。
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="3">
                                        分类标准
                                    </td>
                                    <td colspan="2">
                                        1. 分类标准的选择,要同时考虑到行业、企业和产品的特性,以及采购商的搜索和采购习惯。
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        2. 避免使用“XXXX系列”,“Others”或“Ungrouped"作为分类。
                                    </td>
                                </tr>
                                 <tr>
                                    <td colspan="2">
                                        <div class="spans">
                                            3. 分类尽量采用同一个分类标准,可以是材料,应用,或者某个产品参数
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="2">
                                        目录名称
                                    </td>
                                    <td colspan="2">
                                        1. 产品目录名称请严谨填写,措辞上既要符合行业和产品特点,又要符合搜索习惯。
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        2. 产品目录名称请结合关键词填写完整。例如下面案例中 “Cosmetic bags 化妆包”分类下有 “PU cosmetic bags 皮革包”"Textile cosmetic bags 布包",如果只保留 “PU”“Textile",关键词匹配度会差一些,以及站内H标签没法合理应用。所以请完整填写,并备注中文,便于专业理解以及后期软文优化。
                                    </td>
                                </tr>
                                <tr class="bgs">
                                    <td class="ons">
                                        一级目录名称
                                    </td>
                                    <td class="ons">
                                        二级目录名称
                                    </td>
                                    <td class="ons">
                                        具体产品名称
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="10">
                                        Cosmetic bags 
                                        <br />
                                        化妆包
                                    </td>
                                    <td rowspan="5">
                                        PU cosmetic bags <br />
                                        皮革包
                                    </td>
                                    <td>
                                        boys toiletry case with fish printing鱼图案男孩洗漱袋
                                    </td>
                                </tr>
                                <tr>
                                    
                                    <td>
                                        customized printing PU cosmetic bag定制印花PU化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        distressed blue PU makeup bag蓝色PU构成袋子
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        girls makeup bag女孩化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        gun color PU cosmetic purse枪颜色PU化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="5">
                                        Textile cosmetic bags <br />
                                        布包
                                    </td>
                                    <td>
                                        600D polyester makeup bag600D聚酯化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        full printing double zip cosmetic bag双拉链化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        butterfly cosmetic clutch 蝴蝶结化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        canvas PU cosmetic bag 帆布PU化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        coated fabric double zip cosmetic bag 双面拉链化妆包
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="10">
                                        Travel bags 
                                        <br />
                                        旅行包
                                    </td>
                                    <td rowspan="5">
                                        wheeled luggage
                                        <br />
                                        带轮子的旅行袋
                                    </td>
                                    <td>
                                        Trolley backpack with laptop pocket 电脑拉杆背包
                                    </td>
                                </tr>
                                <tr>
                                    
                                    <td>
                                        Wheel luggage bag with handles 手拉旅行包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Trolley cabin bag 拉杆登机包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Trolley backpack for students 学生用拉杆双肩包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Trolley luggage bag 拉杆行李袋
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="5">
                                        Travel luggage bag 
                                        <br />
                                        行李袋
                                    </td>
                                    <td>
                                        Large duffel travel bag 大旅行袋
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Foldable travel organiser 旅行折叠套装包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        nylon travel bag for men 男士尼龙旅行包
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Soft large hand carry travel bag 大旅行用软袋
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Canvas  durable duffel bag 耐用型帆布行李包
                                    </td>
                                </tr>
                            </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
@endsection

@section('footer')
    <script src="{{asset('js/plugins/chosen/chosen.jquery.js')}}"></script>
    <script src="{{asset('js/plugins/switchery/switchery.js')}}"></script>
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script>
        $(document).on('click', '#cancel', function () {
            tips.closeParentLayer();
        });

        var config = {".chosen-select": {}};
        for (var selector in config) $(selector).chosen(config[selector]);

        var jsSwitch = document.querySelector(".js-switch");
        new Switchery(jsSwitch, {color: "#1AB394", size: 'small'});

        $(document).on('click', '#save', function () {

            var id = $(this).data('id');
            var url = '/system/user';
            var type = 'post';
            if (id > 0) { //编辑
                url += '/' + id;
                type = 'put';
            }
            var data = tips.getFormValues('#form');
            data.status = jsSwitch.checked ? 1 : 0;
            var ajaxConfig = {
                url: url,
                type: type,
                data: data,
                success: function (result) {
                    layer.msg(result.message, {icon: 6, time: 3000}, function () {
                        tips.closeParentLayer();
                        window.parent.tips.tableRefresh('#table');
                    });
                }
            };
            tips.ajax(ajaxConfig);
        });


        laydate.render({
            elem: '#order_at', //指定元素
            type: 'datetime'
        });
    </script>
@endsection