pcjs8mx7g
/
warehouse
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

12345678910

Browse Source
liushenping_branch
liushenping 1 year ago
parent 32b7eed5fb
commit 452a115b6a
1 changed files with 42 additions and 332 deletions
Show Stats Download Patch File Download Diff File

374
src/main/resources/templates/business/sales/salesManager.html
Unescape View File

@ -17,6 +17,7 @@
<link rel="stylesheet" th:href="@{/resources/layui_ext/dtree/dtree.css}" media="all"/>
<link rel="stylesheet" th:href="@{/resources/layui_ext/dtree/font/dtreefont.css}" media="all"/>
<style>
/* 样式调整，控制输入框的边框圆角和高度 */
input#search_provideridTree_select_input_id {
border-radius: 10px;
height: 30px;
@ -60,12 +61,14 @@
</style>
</head>
<body>
<!--查询条件-->
<!-- 查询条件区域 -->
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">
<legend>搜索条件</legend>
</fieldset>
<!-- 搜索表单 -->
<form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form">
<div class="layui-form-item">
<!-- 客户名称选择框 -->
<div class="layui-inline">
<label class="layui-form-label">客户名称</label>
<div class="layui-input-inline">
@ -74,6 +77,7 @@
</select>
</div>
</div>
<!-- 商品名称选择框 -->
<div class="layui-inline">
<label class="layui-form-label">商品名称</label>
<div class="layui-input-inline">
@ -82,6 +86,7 @@
</select>
</div>
</div>
<!-- 开始时间选择框 -->
<div class="layui-inline">
<label class="layui-form-label">开始时间</label>
<div class="layui-input-inline">
@ -89,6 +94,7 @@
class="layui-input input-radius">
</div>
</div>
<!-- 结束时间选择框 -->
<div class="layui-inline">
<label class="layui-form-label">结束时间</label>
<div class="layui-input-inline">
@ -98,6 +104,7 @@
</div>
</div>
<div class="layui-form-item">
<!-- 查询按钮和重置按钮 -->
<div class="layui-input-block" style="text-align: center;padding-right: 15%;">
<button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doSearch"><i
class="layui-icon layui-icon-search layui-icon-normal"></i>查询
@ -109,14 +116,16 @@
</div>
</form>
<!--数据表格-->
<!-- 数据表格展示区域 -->
<div>
<table class="layui-hide" id="salesTable" lay-filter="salesTable"></table>
<!-- 操作工具栏 -->
<div id="salesToolBar" style="display: none">
<button type="button" lay-event="add" shiro:hasPermission="sales:create" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius">
<i class="layui-icon layui-icon-add-1"></i>添加销售
</button>
</div>
<!-- 行操作工具条 -->
<div id="salesRowBar" style="display: none;">
<button type="button" lay-event="update" shiro:hasPermission="sales:update" class="layui-btn layui-btn-sm layui-btn-radius"><i
class="layui-icon layui-icon-edit"></i>编辑
@ -130,7 +139,7 @@
</div>
</div>
<!--添加和修改弹出层-->
<!-- 添加和修改弹出层 -->
<div id="addOrUpdateDiv" style="display: none;padding: 10px;padding-right: 5%">
<form action="" method="post" class="layui-form" id="dataFrm" lay-filter="dataFrm">
<div class="layui-form-item">
@ -154,6 +163,7 @@
</div>
</div>
<div class="layui-form-item">
<!-- 销售数量输入框 -->
<div class="layui-inline">
<label class="layui-form-label">销售数量</label>
<div class="layui-input-block">
@ -161,6 +171,7 @@
<input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input input-radius" placeholder="请输入销售数量">
</div>
</div>
<!-- 销售价格输入框 -->
<div class="layui-inline">
<label class="layui-form-label">销售价格</label>
<div class="layui-input-block">
@ -169,372 +180,71 @@
</div>
</div>
<div class="layui-form-item">
<!-- 支付类型选择框 -->
<div class="layui-inline">
<label class="layui-form-label">支付类型</label>
<div class="layui-input-block">
<input type="radio" name="paytype" value="微信" title="微信">
<input type="radio" name="paytype" value="支付宝" title="支付宝" checked>
<input type="radio" name="paytype" value="银联" title="银联">
<input type="radio" name="paytype" value="1" title="现金" checked>
<input type="radio" name="paytype" value="2" title="支付宝">
<input type="radio" name="paytype" value="3" title="微信">
</div>
</div>
</div>
<div class="layui-form-item">
<!-- 备注输入框 -->
<div class="layui-inline">
<label class="layui-form-label">销售备注</label>
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea name="remark" placeholder="请输入销售备注" class="layui-textarea" cols="200" rows="8"></textarea>
<textarea placeholder="请输入备注" class="layui-textarea" name="remarks"></textarea>
</div>
</div>
</div>
<!-- 提交按钮 -->
<div class="layui-form-item">
<div class="layui-input-block" style="text-align: center;padding-right: 7%">
<button type="button" class="layui-btn layui-btn-radius" lay-submit="" lay-filter="doSubmit" id="doSubmit"><i
class="layui-icon layui-icon-search layui-icon-normal"></i>提交
</button>
<button type="reset" class="layui-btn layui-btn-radius layui-btn-warm"><i
class="layui-icon layui-icon-refresh"></i><span>重置</span>
</button>
<div class="layui-input-block" style="text-align: center;padding-right: 10%;">
<button class="layui-btn layui-btn-radius layui-btn-normal" lay-submit="" lay-filter="addOrUpdate">确认</button>
<button type="button" class="layui-btn layui-btn-radius layui-btn-danger" id="cancelBtn" onclick="parent.layer.close(index)">取消</button>
</div>
</div>
</form>
</div>
<!--退货的弹出层-->
<div id="backGoodsDiv" style="display: none;padding-right: 3%">
<form action="" method="post" class="layui-form" id="dataFrmBack" lay-filter="dataFrmBack">
<!-- 退货弹出层 -->
<div id="backDiv" style="display: none;padding: 10px;padding-right: 5%">
<form action="" method="post" class="layui-form" id="backFrm" lay-filter="backFrm">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">退货数量</label>
<div class="layui-input-block">
<input type="hidden" name="id"> <!-- 销售单ID -->
<input type="hidden" name="currentNumber" id="currentNumber"> <!-- 销售单中销售数量 -->
<input type="text" name="number" lay-verify="required|checkNumber" autocomplete="off" class="layui-input input-radius" placeholder="请输入退货数量">
<input type="text" name="backnumber" lay-verify="required|number" autocomplete="off" class="layui-input input-radius" placeholder="请输入退货数量">
</div>
</div>
</div>
<div class="layui-form-item">
<!-- 退货备注输入框 -->
<div class="layui-inline">
<label class="layui-form-label">退货备注</label>
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea name="remark" placeholder="请输入退货备注" class="layui-textarea" cols="200" rows="8"></textarea>
<textarea placeholder="请输入备注" class="layui-textarea" name="remarks"></textarea>
</div>
</div>
</div>
<!-- 提交按钮 -->
<div class="layui-form-item">
<div class="layui-input-block" style="text-align: center;padding-right: 7%">
<button type="button" class="layui-btn layui-btn-radius" lay-submit="" lay-filter="doBackSubmit" id="doBackSubmit"><i
class="layui-icon layui-icon-search layui-icon-normal"></i>提交
</button>
<button type="reset" class="layui-btn layui-btn-radius layui-btn-warm"><i
class="layui-icon layui-icon-refresh"></i><span>重置</span>
</button>
<div class="layui-input-block" style="text-align: center;padding-right: 10%;">
<button class="layui-btn layui-btn-radius layui-btn-normal" lay-submit="" lay-filter="back">确认</button>
<button type="button" class="layui-btn layui-btn-radius layui-btn-danger" id="cancelBtn" onclick="parent.layer.close(index)">取消</button>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="/resources/layui/layui.js"></script>
<script type="text/javascript">
//提升数据表格的作用域，因为底下还有一个reloadTable方法
var tableIns;
layui.use(['jquery', 'form', 'layer', 'table', 'laydate'], function () {
var $ = layui.jquery;
var form = layui.form;
var layer = layui.layer;
var table = layui.table;
var laydate = layui.laydate;
//初始化时间选择器
laydate.render({
elem: '#startTime',
type: 'datetime'
});
laydate.render({
elem: '#endTime',
type: 'datetime'
})
//初始化表格 加载数据
tableIns = table.render({
elem: "#salesTable",
title: "销售数据表格",
url: "/sales/loadAllSales",
toolbar: "#salesToolBar",
page: true,
height: "full-180",
cols: [ [
{field: 'id', title: 'ID', align: 'center',width:'50'},
{field: 'customername', title: '客户名称', align: 'center',width:'100'},
{field: 'goodsname', title: '商品名称', align: 'center',width:'150'},
{field: 'paytype', title: '支付类型', align: 'center',width:'90'},
{field: 'salestime', title: '销售时间', align: 'center',width:'170'},
{field: 'operateperson', title: '操作员', align: 'center',width:'130'},
{field: 'number', title: '销售数量', align: 'center',width:'100'},
{field: 'size', title: '商品规格', align: 'center',width:'100'},
{field: 'saleprice', title: '销售价格', align: 'center',width:'120'},
{field: 'remark', title: '备注', align: 'center',width:'120'},
{fixed: 'right', title: '操作', toolbar: '#salesRowBar', align: 'center',width:'260'}
] ],
done: function (data, curr, count) {
//不是第一页时，如果当前返回的数据为0那么就返回上一页
if (data.data.length == 0 && curr != 1) {
tableIns.reload({
page: {
curr: curr - 1
}
})
}
}
});
//监控模糊查询按钮事件
form.on("submit(doSearch)", function (data) {
tableIns.reload({
where: data.field,
page: {
curr: 1
}
});
return false;
});
//监控工具条事件
table.on("toolbar(salesTable)", function (obj) {
switch (obj.event) {
case 'add':
openAddLayer();
break;
};
});
//监控行工具条事件
table.on("tool(salesTable)", function (obj) {
//获取当前行数据
var data = obj.data;
switch (obj.event) {
case 'delete':
deleteSales(data);
break;
case 'update':
updateSales(data);
break;
case 'back':
backSales(data);
break;
};
});
//初始化客户名称的下拉列表
$.get("/customer/loadAllCustomerForSelect",function (res) {
var data = res.data;
var dom = $("#select_customerid");
var html = '<option value="0">请选择客户</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.customername+'</option>';
})
dom.html(html);
//重新渲染下拉列表
form.render("select");
});
//初始化商品名称的下拉列表
$.get("/goods/loadAllGoodsForSelect",function (res) {
var data = res.data;
var dom = $("#select_goodsid");
var html = '<option value="0">请选择商品</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.goodsname+'-['+item.size+']-'+'['+item.providername+']'+'</option>';
});
dom.html(html);
//重新渲染下拉列表
form.render("select");
});
var mainIndex;
var url;
//打开添加弹出层
function openAddLayer() {
mainIndex = layer.open({
type:1,
content:$("#addOrUpdateDiv"),
area:['700px','500px'],
title:'添加销售',
success:function () {
$("#dataFrm")[0].reset();
//初始化客户名称的下拉列表
initCustomerSelect();
//使该div隐藏
$(".mydiv").hide();
url="/sales/addSales";
}
});
}
//打开修改的弹出层
function updateSales(data) {
mainIndex = layer.open({
type:1,
content:$("#addOrUpdateDiv"),
area:['700px','500px'],
title:'修改商品销售',
success:function () {
//清空原有的数据
$("#dataFrm")[0].reset();
//装载新的数据
form.val("dataFrm",data);
//客户进行反选
initCustomerSelect(data.customerid);
//商品下拉列表的回显
$.get("/goods/loadAllGoodsForSelect",function(res){
var redata=res.data;
var dom=$("#goodsid");
var html='<option value="0">请选择供应商</option>'
$.each(redata,function(index,item){
if (data.goodsid===item.id){
html+='<option value="'+item.id+'" selected>'+item.goodsname+'</option>'
}else {
html+='<option value="'+item.id+'">'+item.goodsname+'</option>'
}
});
dom.html(html);
form.render("select");
});
//禁用供应商和商品的下拉列表
$(".mydiv").show();
url="/sales/updateSales";
}
});
}
//初始化添加和修改页面的下拉列表
function initCustomerSelect(customerid) {
//重置商品的下拉列表
var dom = $("#goodsid");
dom.html("");
$.get("/customer/loadAllCustomerForSelect",function (res) {
var data = res.data;
var dom = $("#customerid");
var html = '<option value="0">请选择客户</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.customername+'</option>';
});
dom.html(html);
//如果customerid有值就进行反选
if (customerid!=undefined){
dom.val(customerid);
}
//重新渲染下拉列表
form.render("select");
});
};
//监听客户的下拉列表的事件
form.on('select(customerid)',function (data) {
var customerid = data.value;
initGoodsSelect(customerid);
});
//加载商品的下拉列表
function initGoodsSelect(goodsid) {
$.get("/goods/loadAllGoodsForSelect",function (res) {
var data = res.data;
var dom = $("#goodsid");
var html = '<option value="0">请选择商品</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.goodsname+'-['+item.size+']-'+'['+item.providername+']'+'</option>';
});
dom.html(html);
//如果goodsid有值就进行反选
if (goodsid!=undefined){
dom.val(goodsid);
}
//重新渲染下拉列表
form.render("select");
});
}
form.on("submit(doSubmit)",function (data) {
$.post(url,data.field,function (res) {
if (res.code==200){
tableIns.reload();
}
layer.msg(res.msg);
layer.close(mainIndex);
});
return false;
});
//删除
function deleteSales(data) {
layer.confirm('你确定要删除这条销售信息吗？', {icon: 3, title: '提示'}, function (index) {
$.post("/sales/deleteSales", {id: data.id},function (res) {
if (res.code == 200) {
tableIns.reload({
where:"",
});
}
layer.msg(res.msg);
});
layer.close(index);
});
}
//打开退货的弹出层
function backSales(data) {
mainIndex = layer.open({
type:1,
content:$("#backGoodsDiv"),
area:['600px','400px'],
title:'商品销售退货',
success:function () {
//清空原有的数据
$("#dataFrmBack")[0].reset();
//装载新的数据 获得销售的ID以及当前销售单的销售数量
form.val("dataFrmBack",{id:data.id,currentNumber:data.number});
}
});
}
//自定义验证规则
form.verify({
checkNumber: function (value) {
var currentNumber = $("#currentNumber").val();
//value为退货的数量 currentNumber为当前销售单的数量
if (parseInt(value)>currentNumber||parseInt(value)<1){
return '退货数量只能在【0】-【'+currentNumber+'】之间';
}
}
});
//退货提交
form.on("submit(doBackSubmit)",function (data) {
$.post("/salesback/addSalesback",data.field,function (res) {
if (res.code==200){
//重新加载表格数据
tableIns.reload();
//关闭退货弹出层
layer.close(mainIndex);
}
layer.msg(res.msg);
});
return false;
})
<script src="resources/layui/layui.js"></script>
<script>
layui.use(['form', 'table', 'laydate'], function () {
var form = layui.form, table = layui.table, laydate = layui.laydate;
// 这里可以添加更多的功能脚本
});
</script>
</body>
</html>
</html>

Write Preview
Loading…
Cancel
Save