336 lines
11 KiB
HTML
336 lines
11 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
||
{block name="resources"}
|
||
<style>
|
||
#data_base {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
}
|
||
#data_base .item{
|
||
/*height: 15em;*/
|
||
width: 14%;
|
||
margin-bottom: 15px;
|
||
font-size: 13px;
|
||
}
|
||
#data_base .item .title{
|
||
color: #00a0e9;
|
||
}
|
||
#data_base .item img{
|
||
width: 100%;
|
||
}
|
||
.item .goods-info-desc{
|
||
margin: 10px;
|
||
}
|
||
.item .goods-info-desc .title{
|
||
color: #00a0e9;
|
||
font-size:20px;
|
||
display: -webkit-box;
|
||
overflow: hidden; /* 超出部分隐藏 */
|
||
text-overflow: ellipsis; /* 显示省略号 */
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 3;
|
||
}
|
||
.item .goods-info-desc .desc{
|
||
/*color: #00a0e9; */
|
||
}
|
||
.item .goods-info-desc .btn-box{
|
||
display: flex;
|
||
justify-content: end;
|
||
margin-top: 10px;
|
||
}
|
||
.item .goods-info-desc .serviceList{
|
||
height: 60px;
|
||
}
|
||
p{
|
||
margin-top: 10px;
|
||
}
|
||
.putIns{
|
||
margin: 5px 0 12px -10px;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
}
|
||
</style>
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||
<div class="layui-colla-item">
|
||
<div class="layui-colla-content layui-form layui-show" lay-filter="search_form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">关键字：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="keyword" placeholder="请输入关键字" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">价格区间：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input-inline layui-input" name="priceStart" autocomplete="off" placeholder="起始价格">
|
||
<div class="layui-form-mid">至</div>
|
||
<input type="text" class="layui-input-inline layui-input" name="priceEnd" autocomplete="off" placeholder="终止价格">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">商品分类：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="categoryId" lay-filter="category">
|
||
<option value="">请选择商品分类</option>
|
||
{foreach $category_list as $category}
|
||
<option value="{$category['id']}">{$category['name']}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">筛选规则：</label>
|
||
<div class="layui-input-block">
|
||
{foreach $ProductFilter as $Filter}
|
||
<input type="checkbox" name="filters[]" value="{$Filter.key}" title="{$Filter.desc}" >
|
||
{/foreach}
|
||
</div>
|
||
</div>
|
||
<!-- <div class="layui-form-item">-->
|
||
<!-- <div class="layui-inline">-->
|
||
<!-- <label class="layui-form-label">图片搜索：</label>-->
|
||
<!-- <div class="layui-input-inline">-->
|
||
<!-- <button class="layui-btn">选择图片</button>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||
<button type="reset" lay-submit lay-filter="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 顶部内容 -->
|
||
<div class="layui-tab table-tab" >
|
||
<div class="putIns">
|
||
<button class="layui-btn" onclick="putIns()">批量入库</button>
|
||
</div>
|
||
<div class="layui-tab-content">
|
||
<div class="layui-colla-item" id="data_base"></div>
|
||
<div class="layui-colla-item" id="pages"></div>
|
||
</div>
|
||
<div class="putIns">
|
||
<button class="layui-btn" onclick="putIns()">批量入库</button>
|
||
</div>
|
||
</div>
|
||
<!-- 商品信息 -->
|
||
<script type="text/html" id="goodsInfo">
|
||
{{# for(var i=0;i<d.length;i++){ }}
|
||
<div class="item" >
|
||
<div class="goods-info-image">
|
||
<img class="goods-logo" layer-src src="{{d[i].imgUrl}}">
|
||
</div>
|
||
<div class="goods-info-desc">
|
||
<a class="title" href="https://detail.1688.com/offer/{{d[i].itemId}}.html" target="_blank">{{d[i].title}}</a>
|
||
<div class="goods-info-desc-content" data-itemId="{{d[i].itemId}}" is_warehousing="{{d[i].is_warehousing}}" onclick="check(this.getAttribute('data-itemId'),this.getAttribute('is_warehousing'))">
|
||
<div class="serviceList">
|
||
<div style="margin-top: 5px;">
|
||
{{# for(var s=0;s < d[i].serviceList.length;s++){ }}
|
||
<span class="layui-badge layui-bg-orange">{{d[i].serviceList[s].name}}</span>
|
||
{{# } }}
|
||
</div>
|
||
</div>
|
||
<div class="desc">
|
||
<p>产品id：{{d[i].itemId}}</p>
|
||
<p>90天销量：{{d[i].salesCnt90d}}</p>
|
||
<p>最小价：{{d[i].minPrice/100}}元</p>
|
||
<p>最大价：{{d[i].maxPrice/100}}元</p>
|
||
</div>
|
||
</div>
|
||
<div class="btn-box">
|
||
<input style="margin-right: 60%;min-height: 1%;min-width: 20px; {{d[i].is_warehousing==1 ? 'display: none' : ''}}" type="checkbox" name="putIn" value="{{d[i].itemId}}" lay-skin="switch" lay-filter="state" id="{{d[i].itemId}}" />
|
||
<button class="layui-btn" lay-event="putIn" data-itemId="{{d[i].itemId}}" onclick="putIn(this.getAttribute('data-itemId'))">{{d[i].is_warehousing==1 ? '编辑信息' : '入库'}}</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{# } }}
|
||
</script>
|
||
<script type="text/html" id="ruleInfo">
|
||
<div class="layui-form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">加价模版：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="template_id" lay-filter="template">
|
||
{foreach $template_list as $template}
|
||
<option value="{$template['id']}">{$template['title']}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">采购模模式：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="radio" name="saleType" value="normal" title="一件包邮代发" checked>
|
||
<input type="radio" name="saleType" value="batch" title="批发售卖">
|
||
</div>
|
||
</div>
|
||
<div class="word-aux">
|
||
<p>批发售卖模式,采购价部分不包邮,入库请自行设计运费模版</p>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="ruleInfo">确定</button>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
{/block}
|
||
{block name="script"}
|
||
<script>
|
||
var repeat_flag = false,form;//防重复标识;
|
||
layui.use(['form', 'laypage', 'laytpl'], function () {
|
||
form = layui.form;
|
||
laytpl = layui.laytpl;
|
||
laypage = layui.laypage
|
||
var dataLists = []
|
||
getData();
|
||
form.render();
|
||
// 点击搜索
|
||
form.on('submit(search)', function (data) {
|
||
dataLists = data;
|
||
getData(data)
|
||
});
|
||
form.on("select(category)", function (data) {
|
||
console.log(data.value);
|
||
var thisValue = data.value;
|
||
if (thisValue == '3') {
|
||
$("#rubric").css("display", "block");
|
||
} else {
|
||
$("#rubric").css("display", "none");
|
||
}
|
||
});
|
||
var goodsInfo = $("#goodsInfo").html();
|
||
function getData(data = [], page = '1', limit = '20') {
|
||
var list = {};
|
||
if (data.field){
|
||
list = data.field
|
||
}
|
||
list['pageSize'] = limit;
|
||
list['pageNum'] = page;
|
||
$.ajax({
|
||
url: ns.url("ali1688://shop/goods/getGoodsList"),
|
||
data: list,
|
||
dataType: 'JSON',
|
||
type: 'POST',
|
||
success: function (res) {
|
||
if (res.result['success'] == true && res.result.result.length > 0) {
|
||
let d = res.result.result;
|
||
laytpl(goodsInfo).render(d, function (html) {
|
||
$('#data_base').html(html);
|
||
})
|
||
if (page == '1') {
|
||
//执行一个laypage实例
|
||
laypage.render({
|
||
elem: 'pages',
|
||
count: res.result.pageInfo.totalRecords, //数据总数，从服务端得到
|
||
limit: 20,
|
||
layout:['prev', 'page', 'next','skip'],
|
||
jump: function (obj, first) {
|
||
if (!first) {
|
||
console.log(obj.curr, obj.limit);
|
||
getData(dataLists, obj.curr, obj.limit);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
} else {
|
||
$('#data_base').html(res.result.message);
|
||
// $('#data_base').html('无数据');
|
||
$('#pages').html('');
|
||
}
|
||
}
|
||
})
|
||
}
|
||
// 重置表单
|
||
form.on('submit(reset)', function (data) {
|
||
let field = {
|
||
"keyword": "",
|
||
};
|
||
form.val("search_form", field);
|
||
layui.form.render();
|
||
// 刷新表格
|
||
table.reload({
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: field
|
||
});
|
||
});
|
||
})
|
||
function check(id,is_warehousing) {
|
||
if(is_warehousing=='0'){
|
||
if ($("#" +id).prop('checked')) { //判断是否选中
|
||
$("#" +id).prop("checked", false);//正确，取消选中
|
||
} else {
|
||
$("#" +id).prop("checked", true);//正确选中
|
||
}
|
||
form.render("checkbox");//重新渲染页面checkbox控件
|
||
}
|
||
}
|
||
|
||
function putIn(itemId) {
|
||
var length = $('input[type=checkbox]:checked').length;
|
||
if (length > 0) {
|
||
putIns();
|
||
}else if (itemId) {
|
||
laytpl($('#ruleInfo').html()).render([],function(html){
|
||
let ruleInfo= layer.open({
|
||
title: '入库规则',
|
||
skin: 'layer-tips-class',
|
||
type: 1,
|
||
area: ['600px', '400px'],
|
||
content: html,
|
||
success: function () {
|
||
form.render();
|
||
form.on('submit(ruleInfo)', function(obj) {
|
||
console.log(obj.field)
|
||
layer.close(ruleInfo);
|
||
layer.open({
|
||
type: 2,
|
||
title: '商品入库',
|
||
skin: 'layer-tips-class',
|
||
area: ['90%', '90%'],
|
||
content: ns.url("ali1688://shop/goods/putIn", {itemId: itemId,...obj.field})
|
||
})
|
||
});
|
||
}
|
||
})
|
||
})
|
||
}
|
||
}
|
||
function putIns() {
|
||
var length = $('input[type=checkbox]:checked').length;
|
||
if (length > 0 && length < 11) {
|
||
var itemIds = [];
|
||
//意思是选择被选中的checkbox
|
||
$.each($('input:checkbox:checked'),function(){
|
||
itemIds.push($(this).val());
|
||
});
|
||
layer.open({
|
||
type: 2,
|
||
title: '批量入库',
|
||
skin: 'layer-tips-class',
|
||
area: ['700px', '650px'],
|
||
content: ns.url("ali1688://shop/goods/putIns", {itemId: itemIds})
|
||
})
|
||
}else if (length > 0 && length > 10) {
|
||
layer.msg('一次最多只能入库十件商品')
|
||
} else {
|
||
layer.msg('请选择要操作的数据')
|
||
}
|
||
}
|
||
</script>
|
||
{/block}
|