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
Split 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>
<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-xs data-count-edit" lay-event="applicationOut">出库申请</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" code="{{d.code}}" depository="{{d.depositoryId}}" lay-on="applicationOut" >出库申请</a>
</script>
<!-- 用于计量单位的展示-->
@ -151,8 +151,8 @@
var $ = layui.jquery,
form = layui.form,
upload = layui.upload,
util = layui.util,
table = layui.table;
var util = layui.util;
let display = $("#display").val();
@ -454,37 +454,7 @@
table.on('tool(currentTableFilter)', function (obj) {
let data = obj.data;
/*if (obj.event === 'applicationIn') {
// 入库申请
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') {
if (obj.event === 'changeUnit') {
let showQuantity = data.showQuantity;
let btn = $("#btn_" + data.id);
let clickNum = Number(btn.attr("click_num"));
@ -524,16 +494,34 @@
// 事件
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({
type: 1,
type: 2,
offset: 'r',
anim: 'slideLeft', // 从右往左
area: ['320px', '100%'],
area: ['40%', '100%'],
shade: 0.1,
title:"出库申请",
shadeClose: true,
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) {
// 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) {
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);
},
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) {
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) {
return "";
}
return laytpl(wrapperHtml).render(menu);
let render = laytpl(wrapperHtml).render(menu);
return render;
},
each: function (list, callback) {
@ -108,7 +112,6 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
});
return leftMenuHtml;
}).join("");
leftMenusHtml = me.compileMenuContainer({
id: options.parentMenuId,
className: options.leftMenuCheckDefault,
@ -120,7 +123,7 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
* 判断是否为手机
* @returns {boolean}
*/
checkMobile:function () {
checkMobile: function () {
var ua = navigator.userAgent.toLocaleLowerCase();
var pf = navigator.platform.toLocaleLowerCase();
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';
if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
if(miniMenu.checkMobile()){
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
if (miniMenu.checkMobile()) {
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
leftMenuCheckDefault = 'layui-hide';
var menu = 'multi_module_' + index;
let title = val.title;
if(title === '仓库管理'){
if (title === '仓库管理') {
leftMenuCheckDefault = 'layui-this';
}
var id = menu + "HeaderId";
@ -183,8 +186,9 @@ layui.define(["element", "laytpl", "jquery"], function (exports) {
headerMenuCheckDefault = "";
return topMenuItemHtml;
}).join("");
}else{
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
}
else {
headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
var menu = 'multi_module_' + index;
var id = menu + "HeaderId";
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>
<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-xs data-count-edit" lay-event="applicationOut">出库申请</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" code="{{d.code}}" depository="{{d.depositoryId}}" lay-on="applicationOut" >出库申请</a>
</script>
<!-- 用于计量单位的展示-->
@ -151,8 +151,8 @@
var $ = layui.jquery,
form = layui.form,
upload = layui.upload,
util = layui.util,
table = layui.table;
var util = layui.util;
let display = $("#display").val();
@ -454,37 +454,7 @@
table.on('tool(currentTableFilter)', function (obj) {
let data = obj.data;
/*if (obj.event === 'applicationIn') {
// 入库申请
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') {
if (obj.event === 'changeUnit') {
let showQuantity = data.showQuantity;
let btn = $("#btn_" + data.id);
let clickNum = Number(btn.attr("click_num"));
@ -524,16 +494,34 @@
// 事件
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({
type: 1,
type: 2,
offset: 'r',
anim: 'slideLeft', // 从右往左
area: ['320px', '100%'],
area: ['40%', '100%'],
shade: 0.1,
title:"出库申请",
shadeClose: true,
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 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/lib/layui-v2.6.3/css/layui.css">
<link rel="stylesheet" href="static/lib/layui-v2.8.6/css/layui.css">
<style>
body {
background: url("../../../static/images/loginbg.png") 0% 0% / cover no-repeat;
@ -92,7 +92,7 @@
</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>
layui.use(['form', 'layer', 'laydate','element'], function () {
var form = layui.form,

Write Preview
Loading…
Cancel
Save