master

分支 (1)

管理

管理

master

HTMLAdmin
/
table.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>商城销售管理系统-首页</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./static/css/app.css">
    <link rel="stylesheet" href="./static/css/table.css">
</head>

<body>
<div class="public-left">
    <div class="public-left-header">
        <img src="/static/images/logo_00.png" alt="商城销售管理系统">
    </div>
    <div class="public-left-main">
        <dl>
            <dd>
                <a href="">
                    <i class="iconfont icon-shouye"></i>
                    <strong>概览</strong>
                </a>
            </dd>
            <dd class="subtopic">
                <a href="javascript:void(0);">
                    <i class="iconfont icon-gouwudai"></i>
                    <strong>商品</strong>
                </a>
                <dl>
                    <dd>
                        <a href="">
                            <i class="iconfont icon-fenlei2"></i>
                            <strong>商品管理</strong>
                        </a>
                    </dd>
                    <dd class="subtopic">
                        <a href="javascript:void(0);">
                            <i class="iconfont icon-fenlei1"></i>
                            <strong>商品分类</strong>
                        </a>

                        <dl>
                            <dd>
                                <a href="">
                                    <i class="iconfont icon-fenlei2"></i>
                                    <strong>商品管理</strong>
                                </a>
                            </dd>
                            <dd>
                                <a href="" class="active">
                                    <i class="iconfont icon-fenlei1"></i>
                                    <strong>商品分类</strong>
                                </a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
            </dd>
        </dl>
    </div>
    <div class="public-left-footer">
        <p>商城销售管理系统</p>
    </div>
</div>
<div class="public-right">

    <div class="public-right-header">
        <a href="">
            <i class="iconfont icon-tongzhi"></i>
            <span class="info-pick">消息</span>
        </a>
        <a href="javascript:void(0);" id="out-crm">
            <i class="iconfont icon-tuichu"></i>
            <span>退出</span>
        </a>
        <div class="public-figure">
            <i style="background-image: url('./static/images/logo_01.png');"></i>
            <span>超级管理员</span>
            <ul>
                <li>
                    <a href="">
                        <i class="iconfont icon-wode1"></i>
                        <span>个人信息</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);" id="lock-crm">
                        <i class="iconfont icon-suo"></i>
                        <span>锁定</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="public-right-main">
        <div class="main-box">
            <div class="main-header">
                <h2>添加商品</h2>
                <div class="main-header-box">
                    <a href="javascript:void(0);" class="btn"><i class="iconfont icon-tianjia"></i><span>添加产品</span></a>
                    <a href="javascript:void(0);" class="btn"><i
                            class="iconfont icon-fenxiang"></i><span>导出</span></a>
                </div>
            </div>
            <div class="main-have-head">
                <div class="table-box">
                    <table>
                        <colgroup>
                            <col style="width: 50px;max-width: 50px;"/>
                            <col style="width: 400px;max-width: 400px;"/>
                            <col style="width: 200px;max-width: 200px;"/>
                            <col style="width: 100px;max-width: 100px;"/>
                            <col style="width: 60px;max-width: 60px;"/>
                            <col style="width: 60px;max-width: 60px;"/>
                            <col style="width: 200px;max-width: 200px;"/>
                        </colgroup>
                        <thead>
                        <tr>
                            <th style="text-align: center">序号</th>
                            <th>名称</th>
                            <th>链接</th>
                            <th style="text-align: center">高亮标拾</th>
                            <th style="text-align: center">Icon</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <p class="table-text">1</p>
                            </td>
                            <td>
                                <div class="table-icon-box" data-id="1" data-pid="0">
                                    <div><span>预览</span></div>
                                </div>
                            </td>
                            <td>/index/index.html</td>
                            <td>
                                <p class="table-text">index</p>
                            </td>
                            <td>
                                <p class="table-text"><i class="iconfont icon-shouye"></i></p>
                            </td>
                            <td>
                                <label class="switch-label">
                                    <input type="checkbox">
                                    <b></b>
                                </label>
                            </td>
                            <td>
                                <div class="table-btn-group">
                                    <a href="javascript:void(0);" class="text-default">编辑</a>
                                    <a href="javascript:void(0);" class="text-dangerous">删除</a>
                                    <a href="javascript:void(0);" class="text-info">删除</a>
                                    <a href="javascript:void(0);" class="text-success">删除</a>
                                    <a href="javascript:void(0);" class="text-warning">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="table-text">2</p>
                            </td>
                            <td>
                                <div class="table-icon-box subtopic" data-id="2" data-pid="0">
                                    <div><span>商品</span></div>
                                </div>
                            </td>
                            <td>暂无链接</td>
                            <td><p class="table-text">list</p></td>
                            <td>
                                <p class="table-text"><i class="iconfont icon-shouye"></i></p>
                            </td>
                            <td>
                                <label class="switch-label">
                                    <input type="checkbox">
                                    <b></b>
                                </label>
                            </td>
                            <td>
                                <div class="table-btn-group">
                                    <a href="javascript:void(0);" class="text-default">编辑</a>
                                    <a href="javascript:void(0);" class="text-dangerous">删除</a>
                                    <a href="javascript:void(0);" class="text-info">删除</a>
                                    <a href="javascript:void(0);" class="text-success">删除</a>
                                    <a href="javascript:void(0);" class="text-warning">删除</a>
                                </div>
                            </td>
                        </tr>

                        <tr class="hide">
                            <td>
                                <p class="table-text">3</p>
                            </td>
                            <td>
                                <div class="table-icon-box subtopic" data-id="3" data-pid="2">
                                    <div>
                                        <div><span>商品</span></div>
                                    </div>
                                </div>
                            </td>
                            <td>暂无链接</td>
                            <td><p class="table-text">list</p></td>
                            <td>
                                <p class="table-text">
                                    <i class="iconfont icon-shouye"></i>
                                </p>
                            </td>
                            <td>
                                <label class="switch-label">
                                    <input type="checkbox">
                                    <b></b>
                                </label>
                            </td>
                            <td>
                                <div class="table-btn-group">
                                    <a href="javascript:void(0);" class="text-default">编辑</a>
                                    <a href="javascript:void(0);" class="text-dangerous">删除</a>
                                    <a href="javascript:void(0);" class="text-info">删除</a>
                                    <a href="javascript:void(0);" class="text-success">删除</a>
                                    <a href="javascript:void(0);" class="text-warning">删除</a>
                                </div>
                            </td>
                        </tr>

                        <tr class="hide">
                            <td>
                                <p class="table-text">4</p>
                            </td>
                            <td>
                                <div class="table-icon-box" data-id="4" data-pid="3">
                                    <div>
                                        <div>
                                            <div>
                                                <span>添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td>暂无链接</td>
                            <td><p class="table-text">list</p></td>
                            <td>
                                <p class="table-text"><i class="iconfont icon-shouye"></i></p>
                            </td>
                            <td>
                                <label class="switch-label">
                                    <input type="checkbox">
                                    <b></b>
                                </label>
                            </td>
                            <td>
                                <div class="table-btn-group">
                                    <a href="javascript:void(0);" class="text-default">编辑</a>
                                    <a href="javascript:void(0);" class="text-dangerous">删除</a>
                                    <a href="javascript:void(0);" class="text-info">删除</a>
                                    <a href="javascript:void(0);" class="text-success">删除</a>
                                    <a href="javascript:void(0);" class="text-warning">删除</a>
                                </div>
                            </td>
                        </tr>

                        <tr class="hide">
                            <td>
                                <p class="table-text">5</p>
                            </td>
                            <td>
                                <div class="table-icon-box" data-id="5" data-pid="2">
                                    <div>
                                        <div><span>添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品添加商品</span></div>
                                    </div>
                                </div>
                            </td>
                            <td>暂无链接</td>
                            <td>
                                <p class="table-text">list</p>
                            </td>
                            <td>
                                <p class="table-text"><i class="iconfont icon-shouye"></i></p>
                            </td>
                            <td>
                                <label class="switch-label">
                                    <input type="checkbox">
                                    <b></b>
                                </label>
                            </td>
                            <td>
                                <div class="table-btn-group">
                                    <a href="javascript:void(0);" class="text-default">编辑</a>
                                    <a href="javascript:void(0);" class="text-dangerous">删除</a>
                                    <a href="javascript:void(0);" class="text-info">删除</a>
                                    <a href="javascript:void(0);" class="text-success">删除</a>
                                    <a href="javascript:void(0);" class="text-warning">删除</a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/layer/3.1.1/layer.min.js"></script>
<script src="./static/js/api.js"></script>
<script src="./static/js/app.js"></script>
</body>

</html>