2 Star 0 Fork 0

DevilLeven / ruijieBlue

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
行业产品价格体系.html 11.17 KB
一键复制 编辑 原始数据 按行查看 历史
张子光 提交于 2018-06-07 17:58 . 高级筛选增加
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>行业产品价格体系</title>
<link rel="stylesheet" href="./lib/layui/css/layui.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/product_price.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo" style="width: 250px">产品报价系统 - <span style="font-size: 12px"> 行业产品价格体系</span></div>
<ul class="layui-nav myheadernav">
<li class="layui-nav-item">
<a href="javascript:;">SMB产品报价体系</a>
<dl class="layui-nav-child"> <!-- 二级菜单 -->
<dd><a href="#1">移动模块</a></dd>
<dd class="layui-this"> <a href="#2" >SMB产品报价体系</a></dd>
<dd><a href="#3">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<div style="margin-left: 10px;position: relative">
<input type="text" id="searchinput" placeholder="请输入产品名称" autocomplete="off" class="layui-input">
<img src="./assests/search.png" class="searchicon" />
</div>
</li>
<li class="layui-nav-item" lay-unselect>
<button id="btnsearch" class="layui-btn">高级搜索<i style="font-size: 12px;margin-left: 5px" class="layui-icon layui-icon-down
"></i> </button>
<!--高级筛选按钮-->
</li>
</ul>
<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-body">
<div class="layui-fluid" style="padding: 40px 20px">
<!--高级筛选增加部分-->
<div class="layui-row" id="advanced_search">
<form class="layui-form" >
<div class="layui-col-md11" >
<div class="layui-col-md3" >
<div class="layui-form-item">
<label class="layui-form-label">所属产品线:</label>
<div class="layui-input-block">
<select name="belongproduct" lay-verify="required">
<option value=""></option>
<option value="北京">北京</option>
<option value="上海">上海</option>
</select>
</div>
</div>
</div>
<div class="layui-col-md3" >
<div class="layui-form-item">
<label class="layui-form-label" style="width: 92px">所属产品大类:</label>
<div class="layui-input-block" style="margin-left:124px ">
<select name="belongproduct" >
<option value=""></option>
<option value="北京">北京</option>
<option value="上海">上海</option>
</select>
</div>
</div>
</div>
<div class="layui-col-md3" >
<div class="layui-form-item">
<label class="layui-form-label" style="width: 92px">所属系列名称:</label>
<div class="layui-input-block" style="margin-left:124px ">
<input type="text" name="username" placeholder="输入系列名称" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md3" >
<div class="layui-form-item">
<label class="layui-form-label" >产品属性:</label>
<div class="layui-input-block" >
<input type="text" name="username" placeholder="输入产品属性" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-col-md1" style="text-align: center" >
<button class="layui-btn layui-btn-normal" type="button" id="searchbtn">搜索</button>
</div>
</form>
</div>
<!--高级筛选增加部分end-->
<div class="layui-row">
<div class="layui-col-md12" >
<div id="tab" class="tab">
<div class="tab-title-line">
<ul class="tab-title">
<li class="layui-this">网站设置</li> <!--<初始激活的tab 请添加class layui-this-->
<li>交换机产品线</li>
<li>路由器产品线</li>
<li>无线产品线</li>
<li>交换机产品线</li>
<li>路由器产品线</li>
<li>无线产品线</li>
<li>交换机产品线</li>
<li>路由器产品线</li>
<li>无线产品线</li>
<li>交换机产品线</li>
<li>路由器产品线</li>
<li>无线产品线</li>
<li>交换机产品线</li>
<li>路由器产品线</li>
<li>无线产品线</li>
</ul>
</div>
<!--tab内容区域-->
<div class="tab-content">
<div class="layui-tab-item layui-show"> <!--<初始显示的tab内容 请添加class layui-show-->
<table lay-even class="layui-table"> <!--<设置不会跟随hover改版颜色的列 从0开始计算-->
<colgroup>
<col >
<col >
<col>
<col >
<col width="300"> <!--可固定列宽 不写 自动分配-->
<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>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">AP系列</td> <!--行合并 rowspan="3" -->
<td rowspan="2">灵漫游双频版</td>
<td>主机</td>
<td>RG-AP420</td>
<td class="longtext">于千万人之中遇见你所遇见的人,于千万年之中,于千万年之中,于千万年之中,时间的无涯的荒野里</td> <!--长文字自动截取并且 需要鼠标滑过 出现tip 请在单元格中 添加class longtext-->
<td>1.00</td>
<td>产品资质</td>
<td>备注啦啦啦啦</td>
<td>B</td>
</tr>
<tr>
<td>主机</td>
<td>RG-AP420</td>
<td class="longtext">于千万人之中遇见你所遇见的人,于千万年之中,于千万年之中,于千万年之中,时间的无涯的荒野里</td>
<td>1.00</td>
<td>产品资质</td>
<td>备注啦啦啦啦</td>
<td>B</td>
</tr>
<td>电子书</td>
<td>主机</td>
<td>RG-AP420</td>
<td class="longtext">于千万人之中遇见你所遇见的人,于千万年之中,于千万年之中,于千万年之中,时间的无涯的荒野里</td>
<td>1.00</td>
<td>产品资质</td>
<td>备注啦啦啦啦</td>
<td>B</td>
</tr>
</tbody>
</table>
<div id="page" class="mypage"></div>
</div>
<div class="layui-tab-item">内容2</div>
<div class="layui-tab-item">内容3</div>
<div class="layui-tab-item">内容4</div>
<div class="layui-tab-item">内容5</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script src="./js/product_price.js" charset="utf-8"></script>
</html>
1
https://gitee.com/DevilLeven/ruijieBlue.git
git@gitee.com:DevilLeven/ruijieBlue.git
DevilLeven
ruijieBlue
ruijieBlue
master

搜索帮助