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

12/17

Browse Source
liaobiaojie_branch
STAR 9 months ago
parent baf523cff4
commit 5e6a1fdca1
1 changed files with 49 additions and 140 deletions
Show Stats Download Patch File Download Diff File

189
src/main/resources/templates/business/outport/outportManager.html
Unescape View File

@ -1,70 +1,46 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!-- 声明HTML文档类型，并引入Thymeleaf和Shiro命名空间 -->
<head>
<meta charset="UTF-8">
<!-- 设置页面编码为UTF-8 -->
<title>Right</title>
<!-- 设置页面标题 -->
<meta name="renderer" content="webkit">
<!-- 强制使用WebKit渲染引擎 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 强制浏览器使用最新渲染模式 -->
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<!-- 允许跨域请求 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- 设置响应式视口设置 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 设置iOS设备的状态栏样式 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 允许添加到iOS的桌面应用 -->
<meta name="format-detection" content="telephone=no">
<!-- 禁止自动将电话号码检测为链接 -->
<link rel="icon" href="/resources/favicon.ico">
<!-- 设置页面图标 -->
<link rel="stylesheet" href="resources/layui/css/layui.css" th:href="@{/resources/layui/css/layui.css}" media="all"/>
<!-- 引入layui样式 -->
<link rel="stylesheet" th:href="@{/resources/css/public.css}" media="all"/>
<!-- 引入公共样式 -->
<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;
margin-top: 4px;
}
input#provideridTree_select_input_id {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
input#leaderprovideridTree_select_input_id {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
input.layui-input.layui-unselect {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
input#search_goodsidTree_select_input_id {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
input#goodsidTree_select_input_id {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
input#leadergoodsidTree_select_input_id {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
input.layui-input.layui-unselect {
border-radius: 10px;
height: 30px;
margin-top: 4px;
}
</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>
@ -72,6 +48,7 @@
<select name="providerid" id="select_providerid">
<option value="0">请选择供应商</option>
</select>
<!-- 下拉菜单用于选择供应商，默认选项为“请选择供应商” -->
</div>
</div>
<div class="layui-inline">
@ -80,6 +57,7 @@
<select name="goodsid" id="select_goodsid">
<option value="0">请选择商品</option>
</select>
<!-- 下拉菜单用于选择商品，默认选项为“请选择商品” -->
</div>
</div>
<div class="layui-inline">
@ -87,6 +65,7 @@
<div class="layui-input-inline">
<input type="text" name="startTime" id="startTime" readonly="readonly" placeholder="yyyy-MM-dd"
class="layui-input input-radius">
<!-- 时间选择器输入框，用户选择开始时间，设置为只读模式 -->
</div>
</div>
<div class="layui-inline">
@ -94,37 +73,41 @@
<div class="layui-input-inline">
<input type="text" name="endTime" id="endTime" readonly="readonly" placeholder="yyyy-MM-dd"
class="layui-input input-radius">
<!-- 时间选择器输入框，用户选择结束时间，设置为只读模式 -->
</div>
</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>查询
<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>查询
</button>
<button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i
class="layui-icon layui-icon-refresh"></i><span>重置</span>
<!-- 查询按钮，点击时触发查询 -->
<button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm">
<i class="layui-icon layui-icon-refresh"></i><span>重置</span>
</button>
<!-- 重置按钮，重置搜索条件 -->
</div>
</div>
</form>
<!--数据表格-->
<!-- 数据表格部分 -->
<div>
<table class="layui-hide" id="outportTable" lay-filter="outportTable"></table>
<div id="outportRowBar" style="display: none;">
<button type="button" lay-event="delete" shiro:hasPermission="outport:delete" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius"><i
class="layui-icon layui-icon-delete"></i>删除
<button type="button" lay-event="delete" shiro:hasPermission="outport:delete" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
<!-- 删除按钮，仅当用户有权限时显示，用于删除当前退货记录 -->
</div>
</div>
<!-- 引入layui核心JS库 -->
<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 () {
@ -134,7 +117,7 @@
var table = layui.table;
var laydate = layui.laydate;
//初始化时间选择器
// 渲染时间选择器
laydate.render({
elem: '#startTime',
type: 'datetime'
@ -142,42 +125,24 @@
laydate.render({
elem: '#endTime',
type: 'datetime'
})
});
//初始化表格 加载数据
// 渲染数据表格
tableIns = table.render({
elem: "#outportTable",
title: "进货数据表格",
url: "/outport/loadAllOutport",
toolbar: true,
page: true,
height: "full-180",
cols: [ [
cols: [[
{field: 'id', title: 'ID', align: 'center'},
{field: 'providername', title: '供应商', align: 'center',width:'130'},
{field: 'goodsname', title: '商品名称', align: 'center',width:'150'},
{field: 'paytype', title: '支付类型', align: 'center',width:'90'},
{field: 'outputtime', title: '退货时间', align: 'center',width:'170'},
{field: 'operateperson', title: '操作员', align: 'center',width:'130'},
{field: 'number', title: '退货数量', align: 'center',width:'100'},
{field: 'outportprice', title: '退货价格', align: 'center',width:'120'},
{field: 'remark', title: '备注', align: 'center',width:'130'},
{field: 'size', title: '商品规格', align: 'center',width:'100'},
{fixed: 'right', title: '操作', toolbar: '#outportRowBar', align: 'center',width:'130'}
] ],
done: function (data, curr, count) {
//不是第一页时，如果当前返回的数据为0那么就返回上一页
if (data.data.length == 0 && curr != 1) {
tableIns.reload({
page: {
curr: curr - 1
}
})
}
}
{field: 'providername', title: '供应商', align: 'center'},
{field: 'goodsname', title: '商品名称', align: 'center'},
{field: 'paytype', title: '支付类型', align: 'center'},
{field: 'outputtime', title: '退货时间', align: 'center'}
]]
});
//监控模糊查询按钮事件
// 查询按钮点击事件
form.on("submit(doSearch)", function (data) {
tableIns.reload({
where: data.field,
@ -187,63 +152,7 @@
});
return false;
});
//监控行工具条事件
table.on("tool(outportTable)", function (obj) {
//获取当前行数据
var data = obj.data;
switch (obj.event) {
case 'delete':
deleteOutport(data);
break;
};
});
//初始化供应商名称的下拉列表
$.get("/provider/loadAllProviderForSelect",function (res) {
var data = res.data;
var dom = $("#select_providerid");
var html = '<option value="0">请选择供应商</option>';
$.each(data,function (index, item) {
html += '<option value="'+item.id+'">'+item.providername+'</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");
});
//删除退货信息
function deleteOutport(data) {
layer.confirm('你确定要删除这条退货信息吗？', {icon: 3, title: '提示'}, function (index) {
$.post("/outport/deleteOutport", {id: data.id},function (res) {
if (res.code == 200) {
tableIns.reload({
where:"",
});
}
layer.msg(res.msg);
});
layer.close(index);
});
}
});
</script>
</body>
</html>
</html>

Write Preview
Loading…
Cancel
Save