pfz_smile
/
depositroy
2
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

修改库存查询页面出入库按钮点击后右侧弹出页面

lwx_dev
erdanergou 2 years ago
parent
8da47d503d
commit
2d95c716f0
4 changed files with 69 additions and 89 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 64
      src/main/resources/templates/pages/depository/table-stock.html
  2. 26
      target/classes/static/js/lay-module/layuimini/miniMenu.js
  3. 64
      target/classes/templates/pages/depository/table-stock.html
  4. 4
      target/classes/templates/pages/user/register.html

64
src/main/resources/templates/pages/depository/table-stock.html
View File

@ -86,8 +86,8 @@
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script id="currentTableBar" type="text/html"> <script id="currentTableBar" type="text/html">
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-subclass" lay-on="applicationIn" lay-event="applicationIn">入库申请</a> <a class="layui-btn layui-btn-normal layui-btn-xs data-count-subclass" mid="{{d.id}}" depository="{{d.depositoryId}}" lay-on="applicationIn">入库申请</a>
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="applicationOut">出库申请</a> <a class="layui-btn layui-btn-xs data-count-edit" code="{{d.code}}" depository="{{d.depositoryId}}" lay-on="applicationOut" >出库申请</a>
</script> </script>
<!-- 用于计量单位的展示--> <!-- 用于计量单位的展示-->
@ -151,8 +151,8 @@
var $ = layui.jquery, var $ = layui.jquery,
form = layui.form, form = layui.form,
upload = layui.upload, upload = layui.upload,
util = layui.util,
table = layui.table; table = layui.table;
var util = layui.util;
let display = $("#display").val(); let display = $("#display").val();
@ -454,37 +454,7 @@
table.on('tool(currentTableFilter)', function (obj) { table.on('tool(currentTableFilter)', function (obj) {
let data = obj.data; let data = obj.data;
/*if (obj.event === 'applicationIn') { if (obj.event === 'changeUnit') {
// 入库申请
var index = layer.open({
title: '入库申请',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['100%', '100%'],
content: '/application_in_back?mid=' + data.id + "&depositoryId=" + data.depositoryId
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
} else */if (obj.event === 'applicationOut') {
// 出库申请
var index = layer.open({
title: '出库申请',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['100%', '100%'],
content: '/application_out_back?code=' + data.code + "&depositoryId=" + data.depositoryId
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
} else if (obj.event === 'changeUnit') {
let showQuantity = data.showQuantity; let showQuantity = data.showQuantity;
let btn = $("#btn_" + data.id); let btn = $("#btn_" + data.id);
let clickNum = Number(btn.attr("click_num")); let clickNum = Number(btn.attr("click_num"));
@ -524,16 +494,34 @@
// 事件 // 事件
util.on('lay-on', { util.on('lay-on', {
'applicationIn': function(){ 'applicationIn': function(obj){
let mid = $(obj).attr('mid');
let depositoryId = $(obj).attr('depository');
layer.open({
type: 2,
offset: 'r',
anim: 'slideLeft', // 从右往左
area: ['40%', '100%'],
shade: 0.1,
title:"入库申请",
shadeClose: true,
id: 'ID-demo-layer-direction-r',
content: '/application_in_back?mid=' +mid + "&depositoryId=" + depositoryId
});
},
'applicationOut': function(obj){
let code = $(obj).attr('code');
let depositoryId = $(obj).attr('depository');
layer.open({ layer.open({
type: 1, type: 2,
offset: 'r', offset: 'r',
anim: 'slideLeft', // 从右往左 anim: 'slideLeft', // 从右往左
area: ['320px', '100%'], area: ['40%', '100%'],
shade: 0.1, shade: 0.1,
title:"出库申请",
shadeClose: true, shadeClose: true,
id: 'ID-demo-layer-direction-r', id: 'ID-demo-layer-direction-r',
content: '<div style="padding: 16px;">任意 HTML 内容</div>' content: '/application_out_back?code=' + code+ "&depositoryId=" + depositoryId
}); });
}, },

26
target/classes/static/js/lay-module/layuimini/miniMenu.js
View File

@ -55,21 +55,25 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
*/ */
compileMenu: function (menu, isSub) { compileMenu: function (menu, isSub) {
// var menuHtml = '<li {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}" {{#if( d.id){ }} id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }} <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}} </li>'; // var menuHtml = '<li {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}" {{#if( d.id){ }} id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }} <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}} </li>';
var menuHtml = '<li {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}" {{#if( d.id){ }} id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }} <img class="left_menu_one" alt="{{d.title}}" src="{{d.icon}}"/> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}} </li>'; var menuHtml = '<li {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}" {{#if( d.id){ }} id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }} <img class="left_menu_one" alt="{{d.title}}" src="{{d.icon}}"/> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a> {{# if(d.children){}} {{-d.children}} {{#}}} </li>';
if (isSub) { if (isSub) {
menuHtml = '<dd class="menu-dd {{d.childOpenClass}} {{ d.className }}"> <a href="javascript:;" {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} {{#if( d.id){ }} id="{{d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}}> {{#if( d.icon){ }} <img class="left_menu_one" src="{{d.icon}}"> {{#}}} <span class="layui-left-nav"> {{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}}</dd>' menuHtml = '<dd class="menu-dd {{d.childOpenClass}} {{ d.className }}"> <a href="javascript:;" {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} {{#if( d.id){ }} id="{{d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}}> {{#if( d.icon){ }} <img class="left_menu_one" src="{{d.icon}}"> {{#}}} <span class="layui-left-nav"> {{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}}</dd>'
} }
return laytpl(menuHtml).render(menu); return laytpl(menuHtml).render(menu);
}, },
compileMenuContainer: function (menu, isSub) { compileMenuContainer: function (menu, isSub) {
var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{d.className}}" id="{{d.id}}">{{d.children}}</ul>'; var wrapperHtml;
if (isSub) { if (isSub) {
wrapperHtml = '<dl class="layui-nav-child ">{{d.children}}</dl>'; wrapperHtml = '<dl class="layui-nav-child ">{{-d.children}}</dl>';
} else {
wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{d.className}}" id="{{d.id}}">{{- d.children}}</ul>';
} }
if (!menu.children) { if (!menu.children) {
return ""; return "";
} }
return laytpl(wrapperHtml).render(menu); let render = laytpl(wrapperHtml).render(menu);
return render;
}, },
each: function (list, callback) { each: function (list, callback) {
@ -108,7 +112,6 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
}); });
return leftMenuHtml; return leftMenuHtml;
}).join(""); }).join("");
leftMenusHtml = me.compileMenuContainer({ leftMenusHtml = me.compileMenuContainer({
id: options.parentMenuId, id: options.parentMenuId,
className: options.leftMenuCheckDefault, className: options.leftMenuCheckDefault,
@ -120,7 +123,7 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
* 判断是否为手机 * 判断是否为手机
* @returns {boolean} * @returns {boolean}
*/ */
checkMobile:function () { checkMobile: function () {
var ua = navigator.userAgent.toLocaleLowerCase(); var ua = navigator.userAgent.toLocaleLowerCase();
var pf = navigator.platform.toLocaleLowerCase(); var pf = navigator.platform.toLocaleLowerCase();
var isAndroid = (/android/i).test(ua) || ((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf)) var isAndroid = (/android/i).test(ua) || ((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf))
@ -150,12 +153,12 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
headerMenuCheckDefault = 'layui-this'; headerMenuCheckDefault = 'layui-this';
if (menuChildOpen) childOpenClass = ' layui-nav-itemed'; if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
if(miniMenu.checkMobile()){ if (miniMenu.checkMobile()) {
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染 headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
leftMenuCheckDefault = 'layui-hide'; leftMenuCheckDefault = 'layui-hide';
var menu = 'multi_module_' + index; var menu = 'multi_module_' + index;
let title = val.title; let title = val.title;
if(title === '仓库管理'){ if (title === '仓库管理') {
leftMenuCheckDefault = 'layui-this'; leftMenuCheckDefault = 'layui-this';
} }
var id = menu + "HeaderId"; var id = menu + "HeaderId";
@ -183,8 +186,9 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
headerMenuCheckDefault = ""; headerMenuCheckDefault = "";
return topMenuItemHtml; return topMenuItemHtml;
}).join(""); }).join("");
}else{ }
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染 else {
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
var menu = 'multi_module_' + index; var menu = 'multi_module_' + index;
var id = menu + "HeaderId"; var id = menu + "HeaderId";
var topMenuItemHtml = ""; var topMenuItemHtml = "";

64
target/classes/templates/pages/depository/table-stock.html
View File

@ -86,8 +86,8 @@
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script id="currentTableBar" type="text/html"> <script id="currentTableBar" type="text/html">
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-subclass" lay-on="applicationIn" lay-event="applicationIn">入库申请</a> <a class="layui-btn layui-btn-normal layui-btn-xs data-count-subclass" mid="{{d.id}}" depository="{{d.depositoryId}}" lay-on="applicationIn">入库申请</a>
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="applicationOut">出库申请</a> <a class="layui-btn layui-btn-xs data-count-edit" code="{{d.code}}" depository="{{d.depositoryId}}" lay-on="applicationOut" >出库申请</a>
</script> </script>
<!-- 用于计量单位的展示--> <!-- 用于计量单位的展示-->
@ -151,8 +151,8 @@
var $ = layui.jquery, var $ = layui.jquery,
form = layui.form, form = layui.form,
upload = layui.upload, upload = layui.upload,
util = layui.util,
table = layui.table; table = layui.table;
var util = layui.util;
let display = $("#display").val(); let display = $("#display").val();
@ -454,37 +454,7 @@
table.on('tool(currentTableFilter)', function (obj) { table.on('tool(currentTableFilter)', function (obj) {
let data = obj.data; let data = obj.data;
/*if (obj.event === 'applicationIn') { if (obj.event === 'changeUnit') {
// 入库申请
var index = layer.open({
title: '入库申请',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['100%', '100%'],
content: '/application_in_back?mid=' + data.id + "&depositoryId=" + data.depositoryId
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
} else */if (obj.event === 'applicationOut') {
// 出库申请
var index = layer.open({
title: '出库申请',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['100%', '100%'],
content: '/application_out_back?code=' + data.code + "&depositoryId=" + data.depositoryId
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
} else if (obj.event === 'changeUnit') {
let showQuantity = data.showQuantity; let showQuantity = data.showQuantity;
let btn = $("#btn_" + data.id); let btn = $("#btn_" + data.id);
let clickNum = Number(btn.attr("click_num")); let clickNum = Number(btn.attr("click_num"));
@ -524,16 +494,34 @@
// 事件 // 事件
util.on('lay-on', { util.on('lay-on', {
'applicationIn': function(){ 'applicationIn': function(obj){
let mid = $(obj).attr('mid');
let depositoryId = $(obj).attr('depository');
layer.open({
type: 2,
offset: 'r',
anim: 'slideLeft', // 从右往左
area: ['40%', '100%'],
shade: 0.1,
title:"入库申请",
shadeClose: true,
id: 'ID-demo-layer-direction-r',
content: '/application_in_back?mid=' +mid + "&depositoryId=" + depositoryId
});
},
'applicationOut': function(obj){
let code = $(obj).attr('code');
let depositoryId = $(obj).attr('depository');
layer.open({ layer.open({
type: 1, type: 2,
offset: 'r', offset: 'r',
anim: 'slideLeft', // 从右往左 anim: 'slideLeft', // 从右往左
area: ['320px', '100%'], area: ['40%', '100%'],
shade: 0.1, shade: 0.1,
title:"出库申请",
shadeClose: true, shadeClose: true,
id: 'ID-demo-layer-direction-r', id: 'ID-demo-layer-direction-r',
content: '<div style="padding: 16px;">任意 HTML 内容</div>' content: '/application_out_back?code=' + code+ "&depositoryId=" + depositoryId
}); });
}, },

4
target/classes/templates/pages/user/register.html
View File

@ -7,7 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="static/css/public.css"> <link rel="stylesheet" href="static/css/public.css">
<link rel="stylesheet" href="static/lib/layui-v2.6.3/css/layui.css"> <link rel="stylesheet" href="static/lib/layui-v2.8.6/css/layui.css">
<style> <style>
body { body {
background: url("../../../static/images/loginbg.png") 0% 0% / cover no-repeat; background: url("../../../static/images/loginbg.png") 0% 0% / cover no-repeat;
@ -92,7 +92,7 @@
</div> </div>
</div> </div>
<script src="static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> <script src="static/lib/layui-v2.8.6/layui.js" charset="utf-8"></script>
<script> <script>
layui.use(['form', 'layer', 'laydate','element'], function () { layui.use(['form', 'layer', 'laydate','element'], function () {
var form = layui.form, var form = layui.form,

Write Preview
Loading…
Cancel
Save