Skip to content

Y
yybyyhtml
Commit 78ed43fd authored by “wpwuhaogit config --global user.email“wpwuhao@semir.com's avatar “wpwuhaogit config --global user.email“wpwuhao@semir.com
Browse files
Options

order menu

parent c7c3b97d
Hide whitespace changes
Inline Side-by-side
Showing with 231 additions and 3 deletions
css/custom.css
View file @ 78ed43fd
...@@ -286,6 +286,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: ...@@ -286,6 +286,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
.data-group.cateory-type li{width: 16.6%; } .data-group.cateory-type li{width: 16.6%; }
.data-group.cateory-type li .data-item .data-name{ line-height: 18px; height: 36px; text-align: center;} .data-group.cateory-type li .data-item .data-name{ line-height: 18px; height: 36px; text-align: center;}
.leftmenu ~ .content-box .data-group.data-type li{width: 33.3%;}
.sort-button .sort{ cursor:pointer; } .sort-button .sort{ cursor:pointer; }
.sort-button .sorting:after, .sort-button .sorting_asc::after, .sort-button .sorting_desc::after{font-family: 'FontAwesome'; font-size:12px; margin-left:5px; position: relative;speak:none;} .sort-button .sorting:after, .sort-button .sorting_asc::after, .sort-button .sorting_desc::after{font-family: 'FontAwesome'; font-size:12px; margin-left:5px; position: relative;speak:none;}
.sort-button .sorting::after{content:"\f0dc";} .sort-button .sorting::after{content:"\f0dc";}
...@@ -354,6 +356,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: ...@@ -354,6 +356,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
.innerPage .header .headerLink .innerButton{padding: 5px; font-size: 14px; margin-left: 5px; letter-spacing: 0;} .innerPage .header .headerLink .innerButton{padding: 5px; font-size: 14px; margin-left: 5px; letter-spacing: 0;}
.card-radio{width: 100px; padding: 5px; font-size: 14px;} .card-radio{width: 100px; padding: 5px; font-size: 14px;}
.leftmenu ~ .content-box .data-group.data-type li{width: 100%;}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.aside-menu, .hot-words{ display: none;} .aside-menu, .hot-words{ display: none;}
...@@ -441,6 +445,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: ...@@ -441,6 +445,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
.data-group li{ width: 50%;} .data-group li{ width: 50%;}
.data-group.data-type li{ width: 100%;} .data-group.data-type li{ width: 100%;}
.leftmenu ~ .content-box .data-group.data-type li{width: 100%;}
.brand-group li{ width: 50%;} .brand-group li{ width: 50%;}
.patent-content{ padding-top: 20px; padding-bottom: 20px;} .patent-content{ padding-top: 20px; padding-bottom: 20px;}
......
layout/footer.php
View file @ 78ed43fd
...@@ -149,7 +149,23 @@ ...@@ -149,7 +149,23 @@
$("#modalLogin .btn-confirm").click(); $("#modalLogin .btn-confirm").click();
} }
}); });
//角色菜单切换
checkUserMenu();
$("input[name='userType']").on("click",function(e){
checkUserMenu();
});
}); });
</script> var checkUserMenu = function(){
var userType = $("input[name='userType']:checked").val();
if($("#leftmenu").length){
$("#leftmenu li[data-type]").hide();
let targetLi = $("#leftmenu li[data-type='" + userType + "']");
if(targetLi.length) targetLi.show();
}
}
</script>
</body> </body>
</html> </html>
\ No newline at end of file
layout/innerHeader.php
View file @ 78ed43fd
...@@ -58,9 +58,9 @@ ...@@ -58,9 +58,9 @@
<a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a> <a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a>
<div class="headerLink"> <div class="headerLink">
<div class="form-stack xs-hidden"> <div class="form-stack xs-hidden">
<input class="radio-card" type="radio" value="1" name="userType" id="user1" checked="checked"> <input class="radio-card" type="radio" value="seller" name="userType" id="user1" checked="checked">
<label for="user1" class="card-radio pct50 first">我要卖产品</label> <label for="user1" class="card-radio pct50 first">我要卖产品</label>
<input class="radio-card" type="radio" value="2" name="userType" id="user2"> <input class="radio-card" type="radio" value="buyer" name="userType" id="user2">
<label for="user2" class="card-radio pct50 last">我要买产品</label> <label for="user2" class="card-radio pct50 last">我要买产品</label>
</div> </div>
......
order-menu.php 0 → 100644
View file @ 78ed43fd
<?php require "layout/innerHeader.php" ?>
<!-- content -->
<section class="content pagecontent">
<div class="container">
<aside class="leftmenu panel-shadow" id="leftmenu">
<h3 class="title">
<i class="icon-dashboard"></i> 我的操作台
<i class="arrow" onclick="$('#leftmenu').toggleClass('opened')"></i>
</h3>
<ul>
<li><a href="edit-account.php">企业基本信息</a></li>
<li class="active"><a href="javascript:void(0)">化学品定制接单</a></li>
<li><a href="forgetPsChange.php">修改登录密码</a></li>
<li><a href="javascript:void(0)">订单管理</a></li>
<li data-type="seller"><a href="javascript:void(0)">卖家菜单1</a></li>
<li data-type="seller"><a href="javascript:void(0)">卖家菜单2卖家菜单2</a></li>
<li data-type="seller"><a href="javascript:void(0)">卖家菜单3</a></li>
<li data-type="seller"><a href="javascript:void(0)">卖家菜单4</a></li>
<li data-type="buyer"><a href="javascript:void(0)">买家菜单1</a></li>
<li data-type="buyer"><a href="javascript:void(0)">买家菜单2</a></li>
<li data-type="buyer"><a href="javascript:void(0)">买家菜单3</a></li>
</ul>
</aside>
<div class="content-box panel-shadow">
<div class="page-title">
<h2 class="title border-theme"><span class="text-theme">化学品定制接单</span></h2>
</div>
<div class="row">
<div class="col-sm-4">
<div class="input-group">
<input class="form-control" value="" placeholder="关键字查询" type="text">
<span class="input-group-btn">
<button class="btn btn-default" type="button" title="搜索"><i class="icon-search"></i></button>
</span>
</div>
</div>
<div class="col-sm-8 text-right">
<div class="btn-group sort-button">
<button type="button" class="btn btn-sm sort btn-primary sorting_desc">发布时间</button>
<button type="button" class="btn btn-sm sort sorting btn-default">需求数量</button>
<button type="button" class="btn btn-sm sort sorting btn-default">交期</button>
</div>
</div>
</div>
<div class="data-group data-type">
<ul>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
<li>
<div class="data-item">
<a class="photo magnific" href="image/110-17-8.gif"><img src="image/110-17-8.gif"></a>
<span class="data-name">CAS: 83949-11-4</span>
<div class="info">
<div class="item ellipsis" title="中文名称：中文名称中文名称中文名称"><strong>中文名称：</strong>中文名称中文名称中文名称</div>
<div class="item ellipsis" title="纯度：纯度纯度"><strong>纯度：</strong>纯度纯度</div>
<div class="item ellipsis" title="数量：1"><strong>数量：</strong>1</div>
<div class="item ellipsis" title="交期要求：1个月"><strong>交期要求：</strong>1个月</div>
</div>
<button type="button" class="btn btn-theme btn-submit">定制接单</button>
</div>
</li>
</ul>
</div>
<div class="page-nav row">
<div class="col-sm-5">
<p class="static-text loadtext">
每页 <span class="semibold">10</span> 条
共 <span class="semibold">1024</span> 条
当前显示第 <span class="semibold">340 - 350</span> 条
<span class="semibold">35 / 102</span> 页
</p>
</div>
<div class="col-sm-7 text-right">
<div class="btn-group">
<button class="btn btn-default" type="button" title="最首页"><i class="icon-double-angle-left"></i></button>
<button class="btn btn-default" type="button" title="上一页"><i class="icon-angle-left"></i></button>
<button class="btn btn-default" type="button">33</button>
<button class="btn btn-default" type="button">34</button>
<button class="btn btn-default active" type="button">35</button>
<button class="btn btn-default" type="button">36</button>
<button class="btn btn-default" type="button">37</button>
<button class="btn btn-default" type="button" title="下一页"><i class="icon-angle-right"></i></button>
<button class="btn btn-default" type="button" title="最末页"><i class="icon-double-angle-right"></i></button>
</div>
<div class="input-group">
<input type="text" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeyup="value=value.replace(/[^\d]/g,'') " placeholder="页码" class="form-control" value="">
<button type="button" class="btn btn-default">跳转</button>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include "layout/footer.php" ?>
<script type="text/javascript">
$(function() {
//排序按钮
$(".sort-button .sort").addClass("sorting");
$(".sort-button .sort").on("click",function(){
if($(this).hasClass("sorting"))$(this).removeClass("sorting btn-default").addClass("sorting_asc btn-primary");
else if($(this).hasClass("sorting_asc"))$(this).removeClass("sorting_asc btn-default").addClass("sorting_desc btn-primary");
else if($(this).hasClass("sorting_desc"))$(this).removeClass("sorting_desc btn-default").addClass("sorting_asc btn-primary");
$(this).siblings(".sort").removeClass("sorting_asc sorting_desc btn-primary").addClass("sorting btn-default");
});
});
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment