文件
mashangyoujiu/Application/Retail/View/Goods/splitgoodsset.html

126 行
4.9 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<!--[1.2.91]-->
<head>
<meta charset="UTF-8">
<title>商品</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
</head>
<body>
<form class="layui-form" action="" style="padding: 20px;" id="goodssplitset">
<div class="layui-form-item">
<label class="layui-form-label">选择子商品</label>
<div class="layui-input-inline">
<input type="text" name="splitgoodsname" class="layui-input" placeholder="货号/品名" id="search_name">
</div>
<div class="layui-input-inline">
<button class="layui-btn" type="button" id="dosearchgoods">查询</button>
</div>
<div class="layui-input-inline" style="width: auto!important;">
<table class="layui-hide" id="synchlist" lay-filter="synchlist"></table>
<script type="text/html" id="check">
<div class="layui-input-block">
<a class="layui-btn layui-btn-xs" lay-event="check">确定</a>
</div>
</script>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">子商品名称</label>
<div class="layui-input-inline">
<input type="text" name="splitgoodsname" id="splitgoodsname" value="{$one['splitgoodsname']}"
class="layui-input" readonly>
<input type="hidden" name="splitgoodsid" id="splitgoodsid" value="{$one['split_goods_id']}"
class="layui-input" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">拆分商品数量</label>
<div class="layui-input-inline">
<input type="text" name="splitgoodsnum" value="{$one['split_goods_num']}" placeholder="拆分商品数量"
autocomplete="off" class="layui-input" onkeyup="value=value.replace(/[^\d]/g,'')">
</div>
</div>
<hr>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-inline">
<button class="layui-btn" type="button" lay-filter="formDemo" id="dosave">保存</button>
</div>
</div>
<input type="hidden" name="id" value="{$id}" id="goodsid">
</form>
</body>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
layui.use(['table', 'form', 'layer'], function () {
var layer = layui.layer;
var table = layui.table;
table.render({
elem: '#synchlist',
url: "{:U('Goods/goodsList')}",
method: 'post',
height: "300px",
where: {
splitgoodsid: $('#goodsid').val()
},
cols: [[
{field: 'goods_number', title: '货号',}
, {field: 'goods_name', title: '品名',}
, {field: 'goods_code', title: '商品条码',}
, {field: 'retail_price', title: '零售价',}
, {fixed: 'right', title: '操作', align: 'center', toolbar: '#check', minWidth: 120}
]
],
page: {
layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
}, //是否开启分页
});
//货号品名搜索
$("#dosearchgoods").click(function () {
var keyword = $("#search_name").val();
//执行重载
table.reload('synchlist', {
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
goods_number: keyword
}
});
})
table.on('tool(synchlist)', function (obj) {
var data = obj.data;
var mydata = data;
if (obj.event === 'check') {
$('#splitgoodsname').val(data.goods_name)
$('#splitgoodsid').val(data.id);
}
})
$('#dosave').click(function () {
$.ajax({
url: "{:U('dosavesplit')}",
data: $('#goodssplitset').serialize(),
type: "post",
success: function (res) {
console.log(res);
if (res.status == 1) {
layer.msg(res.msg, {time: 1500}, function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
})
} else {
layer.msg(res.msg, {time: 1500})
}
}
})
})
});
</script>
</html>