95 lines
3.7 KiB
HTML
95 lines
3.7 KiB
HTML
{layout name="layout2" /}
|
||
<div class="layui-form" lay-filter="layuiadmin-form-user" id="layuiadmin-form-user" style="padding: 20px 30px 0 0;">
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">选择导入商家：</label>
|
||
<div class="layui-input-block">
|
||
<div id="shopList"></div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"></label>
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn layui-btn-sm layui-btn-normal" id="import" data-shop="0">上传文件</button>
|
||
<a class="layui-btn layui-btn-sm layui-btn-warm" href="{:url('goods.goods/importTemplate')}" target="_blank">导入模版</a>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="layui-form-item layui-hide">-->
|
||
<!-- <input type="button" id="import-submit" data-shop="0" value="确认">-->
|
||
<!-- </div>-->
|
||
</div>
|
||
<script>
|
||
layui.config({
|
||
version:"{$front_version}",
|
||
base: '/static/lib/' //静态资源所在路径
|
||
}).extend({
|
||
xmSelect: 'xmSelect/xm-select'
|
||
}).use(['xmSelect', 'form', 'upload'], function(){
|
||
var $ = layui.$,form = layui.form,upload=layui.upload;
|
||
var xmSelect = layui.xmSelect;
|
||
var shop_list = '{$shop_list|raw}';
|
||
|
||
var xmIns = xmSelect.render({
|
||
el: '#shopList',
|
||
language: 'zn',
|
||
radio: true,
|
||
name: "shop_id",
|
||
data: JSON.parse(shop_list),
|
||
prop: {
|
||
value: 'id'
|
||
}
|
||
,on: function(data){
|
||
//arr: 当前多选已选中的数据
|
||
var arr = data.arr;
|
||
//change, 此次选择变化的数据,数组
|
||
var change = data.change;
|
||
//isAdd, 此次操作是新增还是删除
|
||
var isAdd = data.isAdd;
|
||
|
||
if (isAdd && change.length > 0) {
|
||
$('#import').attr('data-shop', arr[0].id)
|
||
}
|
||
console.log(arr[0].id, 'id')
|
||
console.log(arr, '已选')
|
||
// alert('已有: '+arr.length+' 变化: '+change.length+', 状态: ' + isAdd)
|
||
},
|
||
})
|
||
|
||
// // 上传导入文件
|
||
var uploadInst = upload.render({
|
||
elem: '#import'
|
||
,url: '{:url("goods.goods/import")}'
|
||
,filed: 'file'
|
||
,exts: 'xls|xlsx'
|
||
,size: 1024*100 //KB
|
||
,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
|
||
this.data = {
|
||
shop_id: $('#import').attr('data-shop')
|
||
}
|
||
layer.load(); //上传loading
|
||
}
|
||
,done: function(res, index, upload){
|
||
console.log(res,'res')
|
||
layer.closeAll()
|
||
//假设code=0代表上传成功
|
||
layer.msg(res.msg)
|
||
if(res.code === 1){
|
||
//do something （比如将res返回的图片链接保存到表单的隐藏域）
|
||
} else {
|
||
}
|
||
|
||
//获取当前触发上传的元素，一般用于 elem 绑定 class 的情况，注意：此乃 layui 2.1.0 新增
|
||
// var item = this.item;
|
||
|
||
//文件保存失败
|
||
//do something
|
||
// uploadInst.reload();
|
||
}
|
||
,error: function(index, upload){
|
||
layer.closeAll()
|
||
layer.msg('上传失败')
|
||
//当上传失败时，你可以生成一个“重新上传”的按钮，点击该按钮时，执行 upload() 方法即可实现重新上传
|
||
}
|
||
});
|
||
})
|
||
</script> |