ruijieBlue
/
product_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>锐捷</title>
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/product_list.css">

</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">
            <div class="general">
                产品报价系统
            </div>
            <div class="little">
                产
            </div>
        </div>
        <ul class="layui-nav layui-layout-right" >
            <li class="layui-nav-item"  lay-unselect>
                <span id="copyright" >业务支持:唐子钫 010-5171 5815  技术支持:王慧平 010-52692576</span>
            </li>
            <li class="layui-nav-item"  lay-unselect>
                <a href="javascript:;">
                    李增超
                </a>

            </li>
            <li class="layui-nav-item"  lay-unselect><button class="layui-btn layui-btn-normal">退出</button></li>
        </ul>
    </div>

    <div class="layui-side ">
        <div class="layui-side-scroll">
            <div class="nav">

                <ul>
                    <li class="nav-item">
                        <a href="javascript:;"><i class="my-icon nav-icon layui-icon layui-icon-set-fill"></i><span>产品管理</span><i class="my-icon layui-icon layui-icon-right"></i></a>
                        <ul>

                            <li><a href="./product_add.html" target="menuPage"><span>产品添加</span></a></li>
                            <li><a href="./product_list.html" target="menuPage"><span>产品管理</span></a></li>

                        </ul>
                    </li>

                </ul>

            </div>

            <div class="mixbtn" style="">
                <i class="layui-icon layui-icon-shrink-right" style=" color: #8e8c8c;"></i>
            </div>


        </div>
    </div>
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding:20px 20px 20px 60px">

            <form class="layui-form" action="">
                <div class="layui-fluid" style="padding: 0">
                    <div class="layui-row">
                        <div class="layui-col-sm11">
                            <h2>产品列表</h2>

                        </div>
                        <div class="layui-col-sm1">
                            <div class="layui-form-item">
                                <div>
                                    <button class="layui-btn layui-btn-normal">添加</button>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-sm12">
                            <hr>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">销售代码:</label>
                                <div class="layui-input-block" >
                                    <input type="text" name="title" required lay-verify="required" placeholder="" autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">产品名称:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="title" required lay-verify="required" placeholder="" autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">产品线:</label>
                                <div class="layui-input-block">
                                    <select name="product_line" lay-verify="required">
                                        <option value=""></option>
                                        <option value="产品线1">产品线1</option>
                                        <option value="产品线2">产品线2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">产品大类:</label>
                                <div class="layui-input-block">
                                    <select name="product_type" lay-verify="required">
                                        <option value=""></option>
                                        <option value="产品大类1">产品大类1</option>
                                        <option value="产品大类2">产品大类2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label" >产品系列:</label>
                                <div class="layui-input-block">
                                    <select name="product_series" lay-verify="required">
                                        <option value=""></option>
                                        <option value="产品系列1">产品系列1</option>
                                        <option value="产品系列2">产品系列2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">报价体系:</label>
                                <div class="layui-input-block">
                                    <select name="product_sysytem" lay-verify="required">
                                        <option value=""></option>
                                        <option value="体系1">体系1</option>
                                        <option value="体系2">体系2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否启用:</label>
                                <div class="layui-input-block">
                                    <select name="product_check" lay-verify="required">
                                        <option value=""></option>
                                        <option value="是">是</option>
                                        <option value="否">否</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否下架:</label>
                                <div class="layui-input-block" >
                                    <select name="product_line" lay-verify="required">
                                        <option value=""></option>
                                        <option value="是">是</option>
                                        <option value="否">否</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-sm10">
                            <div class="layui-form-item">
                            </div>
                        </div>
                        <div class="layui-col-sm1">
                            <div class="layui-form-item">
                                <div>
                                    <button class="layui-btn layui-btn-normal" id="search">搜索</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm1">
                            <div class="layui-form-item">
                                <div >
                                    <button class="layui-btn layui-btn-normal" type="reset">重置</button>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>


                <!--tab内容区域-->
                <div class="tab-content">
                    <div class="layui-tab-item layui-show"> <!--<初始显示的tab内容 请添加class layui-show-->

                        <table lay-size="sm" lay-even class="layui-table">   <!--<设置不会跟随hover改版颜色的列 从0开始计算-->
                            <colgroup>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col > <!--可固定列宽 不写 自动分配-->
                            </colgroup>
                            <thead>
                            <tr>
                                <th>销售代码</th>
                                <th>产品名称</th>
                                <th>产品线</th>
                                <th>产品大类</th>
                                <th>产品系列</th>
                                <th>产品属性</th>
                                <th>海外报价</th>
                                <th>拆分比例</th>
                                <th>报价体系类型</th>
                                <th>是否启用</th>
                                <th>是否下架</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            <tr>


                                <td>1234567</td>
                                <td>产品名称1</td>
                                <td class="longtext">产品线</td>
                                <td>产品大类</td>
                                <td>产品系列</td>
                                <td>硬件（非主机）</td>
                                <td>0.05</td>
                                <td>0.05</td>
                                <td>地市服务商品报价体系，SMB</td>
                                <td>是</td>
                                <td>是</td>
                                <td><a>编辑中</a>
                                    <a  style="margin-left:10px">详细</a></td>
                            </tr>

                            <tr>


                                <td>1234567</td>
                                <td>产品名称1</td>
                                <td class="longtext">产品线</td>
                                <td>产品大类</td>
                                <td>产品系列</td>
                                <td>硬件（非主机）</td>
                                <td>0.05</td>
                                <td>0.05</td>
                                <td>地市服务商品报价体系，SMB</td>
                                <td>是</td>
                                <td>是</td>
                                <td><a >编辑</a>
                                    <a  style="margin-left:10px">详细</a></td>
                            </tr>


                            </tbody>
                        </table>

                        <div id="page" class="mypage"></div>

                    </div>
                </div>

        </div>

    </div>

    </form>

</div>
    </div>
</div>

</body>
<script src="./lib/layui/layui.js" charset="utf-8"></script>

<script src="./js/index.js" charset="utf-8"></script>
<script src="./js/product_list.js" charset="utf-8"></script>
</html>