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 @@
<html lang="zh-CN">
<head>
<include file="public/header" />
<include file="public/header"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content good_manage_content">
<div class="content">
<div class="nav_title">商品管理 > 商品列表</div>
<div class="good_total clr">
<div class="fl my_good">
<h3>85</h3>
<p>我的商品</p>
</div>
<div class="fl week_good">
<h3>85</h3>
<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 class="wrapper">
<include file="public/navleft"/>
<div class="wrapper_right">
<include file="public/top"/>
<div class="right_content good_manage_content">
<div class="content">
<div class="nav_title">商品管理 > 商品列表</div>
<div class="good_total clr">
<div class="fl my_good">
<h3>85</h3>
<p>我的商品</p>
</div>
<div class="fl week_good">
<h3>85</h3>
<p>本周新增</p>
</div>
<div class="filter_section clr">
<div class="fr">
<div class="btn_div fr">
<a class="cx lineBlock btn nohover">查询</a>
<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 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 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" 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 class="fl heng"></div>
<div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
</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>
<input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz" id="end_time">
</div>
</div>
<div class="input_div boxsiz">
<span class="lineBlock">商品型号：</span>
<div class="boxsiz">
<input type="text" placeholder="请输入型号" class="boxsiz">
</div>
<div class="layui-form fr">
<span class="lineBlock">状态:</span>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="1">上架</option>
<option value="2">下架</option>
<option value="3">禁用</option>
</select>
</div>
</div>
<div class="btn_group clr">
<div class="dgsc fl btn">
<span class="icon iconfont iconjuxing16"></span>
上传商品
</div>
<div class="xz fr boxsiz btn btn_border">
下载商品模板</div>
<div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span>
批量上传
<div class="input_div boxsiz">
<span class="lineBlock">商品型号：</span>
<div class="boxsiz">
<input type="text" placeholder="请输入型号" class="boxsiz" name="goods_name">
</div>
</div>
<div class="good_data">
<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 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 class="btn_group clr">
<div class="dgsc fl btn">
<span class="icon iconfont iconjuxing16"></span>
上传商品
</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 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>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</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="brand fl ellipsis boxsiz">
品牌：<span>Texas Instrument</span>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</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="num fl ellipsis boxsiz">库存：
<span>PCS10,000</span>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</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="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>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
</div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</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>
<include file="public/foot" />
<script src="__PUBLIC__/js/goodmanage/index.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
</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 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实例
laydate.render({
elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date', //指定元素
theme: '#0D84D1'
});
});
$('.dgsc').click(function () {
window.location.href = '/uploadsingle'
})
$('.plsc').click(function () {
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</script>
<script>
$('.dgsc').click(function () {
window.location.href = '/uploadsingle'
})
$('.plsc').click(function () {
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</script>
</body>
</html>
\ No newline at end of file
dist/js/global/global.min.js
......@@ -4,7 +4,9 @@
this.mounted(this).handleBind(this);
},
getData: function (url, type, param, callback) {
var index = layer.load(1);
var index = layer.load(1,{
offset: ['50%', "50%"], shade: false
})
var platform = {
pf: 20,
......
dist/js/goodmanage/index.js
!function () {
window.GoodManage = {
init: function () {
this.created(this).mounted(this).handleBind(this);
},
created(opt) {
IcController.getData(apis.goodsInfo,'POST',null,function (res) {
console.log(res)
})
return this;
},
mounted: function (opt) {
return this;
},
handleBind: function (opt) {
return this;
},
}, $(function () {
GoodManage.init();
})
window.GoodManage = {
init: function () {
this.created(this).mounted(this, {offset: 1, p: 1}, 1).handleBind(this);
},
created(opt) {
return this;
},
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;
},
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