Skip to content

施宇 / icsales

Go to a project
Commit a283ddc2 by 梁建民
Options

js

parent 1a7c6622
Inline Side-by-side
Showing with 191 additions and 181 deletions
Application/Home/View/GoodManage/index.html
...@@ -2,189 +2,164 @@ ...@@ -2,189 +2,164 @@
<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>
<div class="good_total clr"> <div class="good_total clr">
<div class="fl my_good"> <div class="fl my_good">
<h3>85</h3> <h3>85</h3>
<p>我的商品</p> <p>我的商品</p>
</div> </div>
<div class="fl week_good"> <div class="fl week_good">
<h3>85</h3> <h3>85</h3>
<p>本周新增</p> <p>本周新增</p>
</div>
<div class="fl no_good">
<h3>85</h3>
<p>等待完善</p>
</div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</div> </div>
<div class="filter_section clr"> <div class="fl no_good">
<div class="fr"> <h3>85</h3>
<div class="btn_div fr"> <p>等待完善</p>
<a class="cx lineBlock btn nohover">查询</a> </div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</div>
<div class="filter_section clr">
<div class="fr">
<div class="btn_div fr">
<a class="cx lineBlock btn nohover">查询</a>
</div>
<div class="date_div fr">
<span class="fl">日期选择：</span>
<div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"></div>
<input type="text" name="start_time" placeholder="开始日期" class="fl boxsiz" id="start_time">
</div> </div>
<div class="date_div fr"> <div class="fl heng"></div>
<span class="fl">日期选择：</span> <div class="end_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>
<input type="text" placeholder="开始日期" class="fl boxsiz" id="start_date">
</div>
<div class="fl heng"></div>
<div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
<input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div> </div>
<input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz" id="end_time">
</div>
<div class="layui-form fr">
<span class="lineBlock">状态:</span>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div> </div>
</div> </div>
<div class="input_div boxsiz"> <div class="layui-form fr">
<span class="lineBlock">商品型号：</span> <span class="lineBlock">状态:</span>
<div class="boxsiz"> <select name="city" lay-verify="required">
<input type="text" placeholder="请输入型号" class="boxsiz"> <option value=""></option>
</div> <option value="1">上架</option>
<option value="2">下架</option>
<option value="3">禁用</option>
</select>
</div> </div>
</div> </div>
<div class="btn_group clr"> <div class="input_div boxsiz">
<div class="dgsc fl btn"> <span class="lineBlock">商品型号：</span>
<span class="icon iconfont iconjuxing16"></span> <div class="boxsiz">
上传商品 <input type="text" placeholder="请输入型号" class="boxsiz" name="goods_name">
</div>
<div class="xz fr boxsiz btn btn_border">
下载商品模板</div>
<div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span>
批量上传
</div> </div>
</div> </div>
<div class="good_data"> </div>
<div class="data_list"> <div class="btn_group clr">
<div class="data_item"> <div class="dgsc fl btn">
<div class="data_detail"> <span class="icon iconfont iconjuxing16"></span>
<div class="type fl ellipsis boxsiz"><span 上传商品
class="bold">STM32F103ZET6STM32F103ZET6</span><span </div>
class="icon iconfont iconjuxing17"></span></div> <div class="xz fr boxsiz btn btn_border">
<div class="brand fl ellipsis boxsiz">品牌：<span>Texas Instrument</span></div> 下载商品模板
<div class="num fl ellipsis boxsiz">库存：<span>PCS10,000</span></div> </div>
<div class="price fl ellipsis boxsiz bold">￥1.8835</div> <div class="plsc fr btn btn_green">
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span <span class="icon iconfont iconjuxing16 "></span>
class="text">展示中</span></div> 批量上传
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div> </div>
</div>
<div class="good_data" id='listData'>
<!-- <div class="data_list">
<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>
<a class="xj fr">下架</a> <div class="brand fl ellipsis boxsiz">
<a class="edit fr">编辑</a> 品牌：<span>Texas Instrument</span>
</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> </div>
<a class="xj fr">下架</a> <div class="num fl ellipsis boxsiz">库存：
<a class="edit fr">编辑</a> <span>PCS10,000</span>
</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> </div>
<a class="xj fr">下架</a> <div class="price fl ellipsis boxsiz bold">￥1.8835</div>
<a class="edit fr">编辑</a> <div class="data_status fl boxsiz zs">
</div> <span class="mark lineBlock"></span>
<div class="data_item"> <span class="text">展示中</span>
<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> </div>
<a class="xj fr">下架</a> <div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
<a class="edit fr">编辑</a>
</div> </div>
</div> <a class="xj fr">下架</a>
<div class="no_data" style="display: none"> <a class="edit fr">编辑</a>
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p>
</div> </div>
</div> </div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p>
</div>-->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<include file="public/foot" />
<script src="__PUBLIC__/js/goodmanage/index.js"></script>
<script> </div>
layui.use('laydate', function () { <include file="public/foot"/>
var laydate = layui.laydate; <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 class="brand fl ellipsis boxsiz">
品牌：<span>{{item.brand_name}}</span>
</div>
<div class="num fl ellipsis boxsiz">库存：
<span>{{item.stock}}</span>
</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({ $('.dgsc').click(function () {
elem: '#start_date', //指定元素 window.location.href = '/uploadsingle'
theme: '#0D84D1' })
}); $('.plsc').click(function () {
laydate.render({ window.location.href = '/bulkupload'
elem: '#end_date', //指定元素 })
theme: '#0D84D1' $('.xz').click(function () {
}); window.location.href = '/uploadresult'
}); })
$('.dgsc').click(function () { $('.data_item').click(function () {
window.location.href = '/uploadsingle' window.location.href = '/gooddetail'
}) })
$('.plsc').click(function () { </script>
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</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, params, curr) {
}, //日期控件初始化
mounted: function (opt) { layui.laydate.render({
elem: '#start_time',
theme: '#0D84D1'
return this; });
}, layui.laydate.render({
handleBind: function (opt) { elem: '#end_time',
theme: '#0D84D1'
return this; });
},
}, $(function () {
GoodManage.init(); //商品列表初始化
}) 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;
},
handleBind: function (opt) {
return this;
},
}, $(function () {
GoodManage.init();
})
}(); }();
\ 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 sign in to comment