Skip to content

施宇 / icsales

Go to a project
Commit a283ddc2 by 梁建民
Options

js

parent 1a7c6622
Inline Side-by-side
Showing with 100 additions and 91 deletions
Application/Home/View/GoodManage/index.html
...@@ -2,15 +2,15 @@ ...@@ -2,15 +2,15 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<include file="public/header" /> <include file="public/header"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css"> <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css">
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<include file="public/navleft" /> <include file="public/navleft"/>
<div class="wrapper_right"> <div class="wrapper_right">
<include file="public/top" /> <include file="public/top"/>
<div class="right_content good_manage_content"> <div class="right_content good_manage_content">
<div class="content"> <div class="content">
<div class="nav_title">商品管理 > 商品列表</div> <div class="nav_title">商品管理 > 商品列表</div>
...@@ -38,15 +38,14 @@ ...@@ -38,15 +38,14 @@
<div class="date_div fr"> <div class="date_div fr">
<span class="fl">日期选择：</span> <span class="fl">日期选择：</span>
<div class="start_date_div fl"> <div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13"></div>
</div> <input type="text" name="start_time" placeholder="开始日期" class="fl boxsiz" id="start_time">
<input type="text" placeholder="开始日期" class="fl boxsiz" id="start_date">
</div> </div>
<div class="fl heng"></div> <div class="fl heng"></div>
<div class="end_date_div fl"> <div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13">
</div> </div>
<input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date"> <input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz" id="end_time">
</div> </div>
</div> </div>
...@@ -54,18 +53,16 @@ ...@@ -54,18 +53,16 @@
<span class="lineBlock">状态:</span> <span class="lineBlock">状态:</span>
<select name="city" lay-verify="required"> <select name="city" lay-verify="required">
<option value=""></option> <option value=""></option>
<option value="0">北京</option> <option value="1">上架</option>
<option value="1">上海</option> <option value="2">下架</option>
<option value="2">广州</option> <option value="3">禁用</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select> </select>
</div> </div>
</div> </div>
<div class="input_div boxsiz"> <div class="input_div boxsiz">
<span class="lineBlock">商品型号：</span> <span class="lineBlock">商品型号：</span>
<div class="boxsiz"> <div class="boxsiz">
<input type="text" placeholder="请输入型号" class="boxsiz"> <input type="text" placeholder="请输入型号" class="boxsiz" name="goods_name">
</div> </div>
</div> </div>
</div> </div>
...@@ -75,69 +72,32 @@ ...@@ -75,69 +72,32 @@
上传商品 上传商品
</div> </div>
<div class="xz fr boxsiz btn btn_border"> <div class="xz fr boxsiz btn btn_border">
下载商品模板</div> 下载商品模板
</div>
<div class="plsc fr btn btn_green"> <div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span> <span class="icon iconfont iconjuxing16 "></span>
批量上传 批量上传
</div> </div>
</div> </div>
<div class="good_data"> <div class="good_data" id='listData'>
<div class="data_list"> <!-- <div class="data_list">
<div class="data_item"> <div class="data_item">
<div class="data_detail"> <div class="data_detail">
<div class="type fl ellipsis boxsiz"><span <div class="type fl ellipsis boxsiz">
class="bold">STM32F103ZET6STM32F103ZET6</span><span <span class="bold">STM32F103ZET6STM32F103ZET6</span>
class="icon iconfont iconjuxing17"></span></div> <span class="icon iconfont iconjuxing17"></span>
<div class="brand fl ellipsis boxsiz">品牌：<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存：<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">￥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div> </div>
<a class="xj fr">下架</a> <div class="brand fl ellipsis boxsiz">
<a class="edit fr">编辑</a> 品牌：<span>Texas Instrument</span>
</div> </div>
<div class="data_item"> <div class="num fl ellipsis boxsiz">库存：
<div class="data_detail"> <span>PCS10,000</span>
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌：<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存：<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">￥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div> </div>
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌：<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存：<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">￥1.8835</div> <div class="price fl ellipsis boxsiz bold">￥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span <div class="data_status fl boxsiz zs">
class="text">展示中</span></div> <span class="mark lineBlock"></span>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div> <span class="text">展示中</span>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div> </div>
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌：<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存：<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">￥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div> <div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div> </div>
<a class="xj fr">下架</a> <a class="xj fr">下架</a>
...@@ -147,30 +107,46 @@ ...@@ -147,30 +107,46 @@
<div class="no_data" style="display: none"> <div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt=""> <img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p> <p class="bold">未搜索到询价信息</p>
</div> </div>-->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<include file="public/foot"/>
<script src="__PUBLIC__/js/goodmanage/index.js"></script>
<script type="text/html" id="listHtml">
<div class="data_list">
{{# layui.each(d, function(index, item){ }}
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz">
<span class="bold">{{item.goods_name}}</span>
<span class="icon iconfont iconjuxing17"></span>
</div> </div>
<include file="public/foot" /> <div class="brand fl ellipsis boxsiz">
<script src="__PUBLIC__/js/goodmanage/index.js"></script> 品牌：<span>{{item.brand_name}}</span>
</div>
<script> <div class="num fl ellipsis boxsiz">库存：
layui.use('laydate', function () { <span>{{item.stock}}</span>
var laydate = layui.laydate; </div>
<div class="price fl ellipsis boxsiz bold">￥{{item.price}}</div>
<div class="data_status fl boxsiz zs">
<span class="mark lineBlock"></span>
<span class="text">展示中</span>
</div>
<div class="time fr ellipsis boxsiz">{{ layui.util.toDateString(item.update_time * 1000)}}</div>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div>
{{# }); }}
</div>
<div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div>
</script>
//执行一个laydate实例 <script>
laydate.render({
elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date', //指定元素
theme: '#0D84D1'
});
});
$('.dgsc').click(function () { $('.dgsc').click(function () {
window.location.href = '/uploadsingle' window.location.href = '/uploadsingle'
}) })
...@@ -183,8 +159,7 @@ ...@@ -183,8 +159,7 @@
$('.data_item').click(function () { $('.data_item').click(function () {
window.location.href = '/gooddetail' window.location.href = '/gooddetail'
}) })
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
dist/js/global/global.min.js
...@@ -4,7 +4,9 @@ ...@@ -4,7 +4,9 @@
this.mounted(this).handleBind(this); this.mounted(this).handleBind(this);
}, },
getData: function (url, type, param, callback) { getData: function (url, type, param, callback) {
var index = layer.load(1); var index = layer.load(1,{
offset: ['50%', "50%"], shade: false
})
var platform = { var platform = {
pf: 20, pf: 20,
......
dist/js/goodmanage/index.js
!function () { !function () {
window.GoodManage = { window.GoodManage = {
init: function () { init: function () {
this.created(this).mounted(this).handleBind(this); this.created(this).mounted(this, {offset: 1, p: 1}, 1).handleBind(this);
}, },
created(opt) { created(opt) {
IcController.getData(apis.goodsInfo,'POST',null,function (res) {
console.log(res)
})
return this; return this;
}, },
mounted: function (opt) { mounted: function (opt, params, curr) {
//日期控件初始化
layui.laydate.render({
elem: '#start_time',
theme: '#0D84D1'
});
layui.laydate.render({
elem: '#end_time',
theme: '#0D84D1'
});
//商品列表初始化
IcController.getData(apis.goodsInfo, 'POST', params, function (res) {
var getTpl = listHtml.innerHTML;
layui.laytpl(getTpl).render(res.goods_list, function (html) {
$("#listData").empty().html(html);
layui.laypage.render({
elem: 'pagination',
theme: '#1080d0',
count: res.total,
limit: 1,
curr: curr,
jump: function (obj, first) {
if (!first) {
//分页回调调用
var json = {
p: obj.curr
}
var param = $.extend({}, params, json);
opt.mounted(opt, param, obj.curr);
}
}
});
});
});
return this; return this;
}, },
......
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 sign in to comment