MVC大型商贸系统(库存管理)技术解释(三) 主界面设计
2015-06-04 19:59
926 查看
MVC大型商贸系统(库存管理)技术解释(三) 主界面设计
1、主界面效果图:
![](http://img.blog.csdn.net/20150604200034379?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd1FGTFg=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2、代码:
2.1、Main(总体布局2.2)
2.11:HTML代码:
2.12:JavaScript代码:
2.2、Menu(左侧菜单栏代码):
2.21、HTML代码:
2.22、JavaScript代码:
2.3、Main2(中间部分):
2.31、HTML:
2.32、JavaScript代码:
1、主界面效果图:
2、代码:
2.1、Main(总体布局2.2)
2.11:HTML代码:
<!DOCTYPE html> <html> <head> <meta content="text/javascript;charset=utf-8" /> <title>Main</title> <script src="../../Content/jquery-easyui-1.3.3/jquery.min.js"></script> <script src="../../Content/jquery-easyui-1.3.3/jquery.easyui.min.js"></script> <script src="../../Content/jquery-easyui-1.3.3/easyloader.js"></script> <script src="../../Scripts/MyScript/Main.js"></script> <link href="../../Content/jquery-easyui-1.3.3/themes/icon.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/demo/demo.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/themes/default/easyui.css" rel="stylesheet" /> <link href="../../Content/Layout.css" rel="stylesheet" /> <link href="../../Content/MyCSS/Main.css" rel="stylesheet" /> </head> <body onload="startT()" class="easyui-layout"> <div data-options="region:'north'" style="height: 60px; width: 100px; padding: 0; margin-bottom: -2.5px;"> <div style="padding: 28px; margin: 0; font-size: 50px; line-height: 0; background-image: url(../../Content/image/bg3.png); font-family: 方正舒体; text-shadow: 4px 3px 4px #00ffff; color: #e0ffff; border: none"> 大型商贸系统 <span style="float: right; font-size: 20px; text-shadow: 1px 1px 1px #00ffff; color: #e0ffff; margin-top: 18px;">您好!@ViewBag.Id,欢迎登陆!<a href="/WebMain/LoginOff" style="font-size: 20px; text-shadow: 1px 1px 1px #00ffff; color: #e0ffff; margin-top: 18px;">退出登陆</a></span> </div> </div> <div id="labTips1" data-options="region:'east',iconCls:'icon-reload'" style="width: 220px; text-align: left; overflow: hidden"> <div id="aa" class="easyui-panel" style="padding: 5px; background: transparent; font-size: 20px; width: 220px;">提示信息</div> <div style="margin: 35px 0;"></div> <div style="width: inherit; height: 500px; margin-bottom: 1px; text-align: left"> <label id="labTips" style="margin: 0 0 100px; background-color: transparent; font-size: 20px; position: static;text-align: center"></label> </div> <div style="width: inherit; height: 30px; margin-bottom: 1px;"> <div>本次登陆时间为:@ViewBag.Time</div> <div id="time"></div> </div> </div> <div data-options="region:'west',spilt:false" style="width: 280px; padding: 0; border: none"> <iframe id="menuIFarme" style="width: 100%; height: 99.6%; border: none; padding: 0; margin: 0 0 0 0;"></iframe> </div> <div data-options="region:'center'" style="overflow: hidden; border-width: 0;"> <iframe id="mainIFarme" name="mainIFarme" style="width: 100%; height: 100%; border: none; padding: 0; margin: 0 0 0 0;"></iframe> </div> </body> </html>
2.12:JavaScript代码:
$(document).ready(function () { $("body").fadeIn(2500); counting(); setTimeout('hideParent();', 2000); $("#mainIFarme").attr("src", "/WebMain/Main2"); $("#menuIFarme").attr("src", "/WebMain/Menu"); }); //打开是获取时间 var state = 0; function startT() { var old = new Date(); state = old.getTime(); } //通过计算当前时间减去打开时获取的时间的毫秒计算在线时间 function counting() { var n = new Date();//获取系统当前时间 var time = (n.getTime() - state) / 1000;//当前时间减去登陆记录的时间除以毫秒得出在线的秒数 var s = Math.floor((time % 60));//秒数求余60获取秒 var min = Math.floor((time / 60) % 60);//秒数除以60得到分钟,求余60得到分钟 var h = Math.floor((time / 3600) % 24);//秒数除以3600得到小时,求余得到小时 var d = Math.floor((time / 3600) / 24);//秒数除以3600得到小时,再除以小时得到天数 $('#time').text("已在线" + d + "天" + f(h) + "小时" + f(min) + "分钟" + f(s) + "秒 "); setTimeout("counting()", 500);//设置没500毫秒执行一次counting(); } function f(k) { return (k < 10 ? ('0' + k) : k);//三元选择符,条件?成立返回:不成立返回; } //调拨 function allot() { $("#mainIFarme").attr("src", "/WebMain/Main2");//加载main2 setTimeout("$('#mainIFarme')[0].contentWindow.allot();", 200);//执行main2的allot()方法,选择调拨选项卡 } //返仓 function rturn() { $("#mainIFarme").attr("src", "/WebMain/Main2"); setTimeout("$('#mainIFarme')[0].contentWindow.rturn();", 200); } //转库 function trans() { $("#mainIFarme").attr("src", "/WebMain/Main2"); setTimeout("$('#mainIFarme')[0].contentWindow.trans();", 200); } //进仓 function jinCang() { $("#mainIFarme").attr("src", "/WebMain/Main2"); setTimeout("$('#mainIFarme')[0].contentWindow.jinCang();", 200); } //配货 function peiHuo() { $("#mainIFarme").attr("src", "/WebMain/Main2"); setTimeout("$('#mainIFarme')[0].contentWindow.peiHuo();", 200); } //返厂 function fanChang() { $("#mainIFarme").attr("src", "/WebMain/Main2"); setTimeout("$('#mainIFarme')[0].contentWindow.fanChang();", 200); } //库存查询 function kuCunChaXun() { $("#mainIFarme").attr("src", "/WebMain/Main2"); setTimeout("$('#mainIFarme')[0].contentWindow.kuCunChaXun();", 200); } function hideParent() { $("body").css("backgroundImage", "url('')"); } function DiaoBoDanChuLi() { location.href = "InventoryControl/DiaoBoDanChuLi"; } //调拨处理 function dealWithAllot() { $('#mainIFarme').attr('src', '/Allot/DealWithAllot'); } //查询调拨单 function SelectAllot() { $('#mainIFarme').attr('src', '/Allot/SelectAllot'); } //销售部门调整 function DealWithSalesDepartmentAdjust() { $('#mainIFarme').attr('src', '/Allot/DealWithSalesDepartmentAdjust'); } //销售部门调整查询 function SelectSalesDepartmentAdjust() { $('#mainIFarme').attr('src', '/Allot/SelectSalesDepartmentAdjust'); } //处理返仓单 function DealWithReturnRepertory() { $('#mainIFarme').attr('src', '/ReturnRepertory/DealWithReturnRepertory'); } //处理转库单 function DealWithTransferRepertory() { $('#mainIFarme').attr('src', '/TransferRepertory/DealWithTransferRepertory'); } //查询返仓单 function SelectReturnRepertory() { $('#mainIFarme').attr('src', '/ReturnRepertory/SelectReturnRepertory'); } //查询转库单 function SelectTransferRepertory() { $('#mainIFarme').attr('src', '/TransferRepertory/SelectTransferRepertory'); } //自营进仓单处理 function dealWithConstruction() { $('#mainIFarme').attr('src', '/ShangPinJinChuangDan/JinChuangDan'); } //自营无订单进仓单处理 function dealWithNotHaveFormConstruction() { $('#mainIFarme').attr('src', '/ZiYingWuDingDanJinCang/WuDingDanJinCangDan'); } //查询进仓单 function selectWarehouseEnter() { $('#mainIFarme').attr('src', '/SelectJinCangDanAll/SelectJinCangDan'); } //自营无订单冲红 function ZiYingWddjcChongHongDan() { $('#mainIFarme').attr('src', '/ZiYingWuDingDanJinCangChongHong/ZiYingWddjcChongHongDan'); } //自营进仓单冲红 function JinCangChongHongDan() { $('#mainIFarme').attr('src', '/ShangPinJinCangChongHong/JinCangChongHongDan'); } //配货单处理 function PeiHuoDan() { $('#mainIFarme').attr('src', '/ShangPinPeiHuoDan/PeiHuoDan'); } //配货单查询 function SelectDeliveryGoods() { $('#mainIFarme').attr('src', '/SelectDeliveryGoodsAll/SelectDeliveryGoods'); } //商品返厂单处理 function TuiHuoDan() { $('#mainIFarme').attr('src', '/ShangPinFanChang/TuiHuoDan'); } //商品返厂单查询 function SelectAllReturnFactoryDan() { $('#mainIFarme').attr('src', '/SelectAllReturnFactory/SelectAllReturnFactoryDan'); } //综合查询库存 function SelectStockGoods() { $('#mainIFarme').attr('src', '/SelectStockGoodsInformaction/SelectStockGoods'); }
2.2、Menu(左侧菜单栏代码):
2.21、HTML代码:
<!DOCTYPE html> <html> <head> <meta content="text/javascript;charset=utf-8" /> <title>menu</title> <link href="../../Content/jquery-easyui-1.3.3/themes/icon.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/demo/demo.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/themes/default/easyui.css" rel="stylesheet" /> <link href="../../Content/Layout.css" rel="stylesheet" /> <link href="../../Content/MyCSS/Main.css" rel="stylesheet" /> <link href="../../Content/MyCSS/Menu.css" rel="stylesheet" /> <script src="../../Content/jquery-easyui-1.3.3/jquery.min.js"></script> <script src="../../Content/jquery-easyui-1.3.3/jquery.easyui.min.js"></script> <script src="../../Content/jquery-easyui-1.3.3/easyloader.js"></script> <script src="../../Scripts/MyScript/Menu.js"></script> <style type="text/css"> html { background-color: rgb(202, 234, 253); } body { background-color: rgb(202, 234, 253); } </style> </head> <body style="padding: 0 10px; overflow: hidden"> <div style="margin-left: 150px; position: absolute; margin-top: -20px; width: 100px;"><a id="expand_link" href="javascript:menu_expand();"><span id="expand_text">展开全部</span></a></div> <div class="panel" style="height: 560px; width: 278px; overflow-y: scroll; margin-top: 35px; padding: 5px;"> <ul id="menu"> <li class="L1"><a href="javaScript:c(m01);" id="m01"><span style="color: #4169e1"> <img src="../../Content/image/menu/cart_put.png" />进货管理</span></a></li> <ul id="m01d" class="U1" style="display: none;"> <li class="L21"><a href="javascript:c(f40);" id="f40"><span> <img src="../../Content/image/menu/inter.png" /> 商品入库</span></a></li> <ul id="f40d" style="display: none;"> <li class="L3"><a href="javascript:dealWithConstruction();" id="f1"><span> <img src="../../Content/image/menu/inter.png" />自营进仓单处理</span></a></li> <li class="L3"><a href="javascript:JinCangChongHongDan();" id="f2"><span> <img src="../../Content/image/menu/inter.png" />自营进仓单冲红</span></a></li> <li class="L3"><a href="javascript:dealWithNotHaveFormConstruction();" id="f3"><span> <img src="../../Content/image/menu/inter.png" />自营无订单进仓单</span></a></li> <li class="L3"><a href="javascript:ZiYingWddjcChongHongDan();" id="f4"><span> <img src="../../Content/image/menu/inter.png" />自营无订单进仓冲红</span></a></li> <li class="L3"><a href="javascript:void();" id="f5"><span> <img src="../../Content/image/menu/inter.png" />联营进仓单处理</span></a></li> <li class="L3"><a href="javascript:void();" id="f6"><span> <img src="../../Content/image/menu/inter.png" />联营进仓单冲红</span></a></li> <li class="L3"><a href="javascript:void();" id="f7"><span> <img src="../../Content/image/menu/inter.png" />租赁进仓单处理</span></a></li> <li class="L3"><a href="javascript:void();" id="f8"><span> <img src="../../Content/image/menu/inter.png" />租赁进仓单冲红</span></a></li> <li class="L3"><a href="javascript:selectWarehouseEnter();" id="f9"><span> <img src="../../Content/image/menu/inter.png" />查询进仓单</span></a></li> </ul> <li class="L21"><a href="javascript:c(f41);" id="f41"><span> <img src="../../Content/image/menu/out.png" /> 商品配货</span></a></li> <ul id="f41d" style="display: none;"> <li class="L3"><a href="javascript:PeiHuoDan();" id="f11"><span> <img src="../../Content/image/menu/out.png" /> 配货单处理</span></a></li> <li class="L3"><a href="javascript:SelectDeliveryGoods();" id="f12"><span> <img src="../../Content/image/menu/out.png" />查询配货单</span></a></li> </ul> <li class="L21"><a href="javascript:c(f42);" id="f42"><span> <img src="../../Content/image/menu/door_out.png" /> 商品返厂</span></a></li> <ul id="f42d" style="display: none;"> <li class="L3"><a href="javascript:TuiHuoDan();" id="f21"><span> <img src="../../Content/image/menu/door_out.png" />返厂单处理</span></a></li> <li class="L3"><a href="javascript:SelectAllReturnFactoryDan();" id="f22"><span> <img src="../../Content/image/menu/door_out.png" />查询返厂单</span></a></li> </ul> <li class="L21"><a href="javascript:c(f43);" id="f43"><span> <img src="../../Content/image/menu/graph.png" /> 库存查询</span></a></li> <ul id="f43d" style="display: none;"> <li class="L3"><a href="javascript:SelectStockGoods();" id="f31"><span> <img src="../../Content/image/menu/graph.png" /> 综合查询库存商品</span></a></li> </ul> </ul> <li class="L1"><a href="javaScript:c(m03);" id="m03"><span style="color: #4169e1"> <img src="../../Content/image/menu/inter.png" />库存管理</span></a></li> <ul id="m03d" class="U1" style="display: none"> <li class="L21"><a href="javascript:c(f50);" id="f50"><span> <img src="../../Content/image/menu/Exchange.ico" /> 调拨</span></a></li> <ul id="f50d" style="display: none;"> <li class="L3"><a href="javascript:dealWithAllot();" id="t1"><span> <img src="../../Content/image/menu/cart_go.png" />调拨单处理</span></a></li> <li class="L3"><a href="javascript:SelectAllot();" id="t2"><span> <img src="../../Content/image/menu/cart_go.png" />查询调拨单</span></a></li> <li class="L3"><a href="javascript:DealWithSalesDepartmentAdjust();" id="t3"><span> <img src="../../Content/image/menu/cart_go.png" />销售部门调整处理</span></a></li> <li class="L3"><a href="javascript:SelectSalesDepartmentAdjust();" id="t5"><span> <img src="../../Content/image/menu/cart_go.png" />销售部门调整查询</span></a></li> </ul> <li class="L21"><a href="javascript:c(f51);" id="f51"><span> <img src="../../Content/image/menu/database_refresh.png" /> 返仓</span></a></li> <ul id="f51d" style="display: none;"> <li class="L3"><a href="javascript:DealWithReturnRepertory();" id="t11"><span> <img src="../../Content/image/menu/database_refresh.png" />返仓单处理</span></a></li> <li class="L3"><a href="javascript:SelectReturnRepertory();" id="t12"><span> <img src="../../Content/image/menu/database_refresh.png" />查询返仓单</span></a></li> </ul> <li class="L21"><a href="javascript:c(f52);" id="f52"><span> <img src="../../Content/image/menu/cart_remove.png" /> 转库</span></a></li> <ul id="f52d" style="display: none;"> <li class="L3"><a href="javascript:DealWithTransferRepertory();" id="t21"><span> <img src="../../Content/image/menu/cart_remove.png" />商品转库单处理</span></a></li> <li class="L3"><a href="javascript:SelectTransferRepertory();" id="t22"><span> <img src="../../Content/image/menu/cart_remove.png" />查询商品转库单</span></a></li> </ul> </ul> </ul> </div> </body> </html>
2.22、JavaScript代码:
//调拨单处理 function dealWithAllot() { parent.dealWithAllot(); } //查询调拨单 function SelectAllot() { parent.SelectAllot(); } //销售部门调整处理 function DealWithSalesDepartmentAdjust() { parent.DealWithSalesDepartmentAdjust(); } //销售部调整查询 function SelectSalesDepartmentAdjust() { parent.SelectSalesDepartmentAdjust(); } //返仓单处理 function DealWithReturnRepertory() { parent.DealWithReturnRepertory(); } //转库单处理 function DealWithTransferRepertory() { parent.DealWithTransferRepertory(); } //返仓单查询 function SelectReturnRepertory() { parent.SelectReturnRepertory(); } //转库单查询 function SelectTransferRepertory() { parent.SelectTransferRepertory(); } //自营进仓单处理 function dealWithConstruction() { parent.dealWithConstruction(); } //自营无订单进仓单处理 function dealWithNotHaveFormConstruction() { parent.dealWithNotHaveFormConstruction(); } //查询进仓单 function selectWarehouseEnter() { parent.selectWarehouseEnter(); } //自营无订单冲红 function ZiYingWddjcChongHongDan() { parent.ZiYingWddjcChongHongDan(); } //自营进仓单冲红 function JinCangChongHongDan() { parent.JinCangChongHongDan(); } //配货单处理 function PeiHuoDan() { parent.PeiHuoDan(); } //配货单查询 function SelectDeliveryGoods() { parent.SelectDeliveryGoods(); } //商品返厂单处理 function TuiHuoDan() { parent.TuiHuoDan(); } //商品返厂单查询 function SelectAllReturnFactoryDan() { parent.SelectAllReturnFactoryDan(); } //综合查询库存 function SelectStockGoods() { parent.SelectStockGoods(); } //展开、收缩 var menu_flag = 1; function menu_expand() { if (menu_flag == 1) $("#expand_text").text("收缩");//如果参数menu_flag=1,显示收缩 else $("#expand_text").text("展开");//否则显示展开 menu_flag = 1 - menu_flag;//一减去menu_flag则menu_flag又重新为一 var links = document.getElementsByTagName("a");//通过DOM获取name 为a的元素 for (var i = 0; i < links.length; i++) {//遍历所有name为a的元素 var srcelement = links[i];//获取每一个//a元素 if (srcelement.parentNode.className.toUpperCase() == "L1" || srcelement.parentNode.className.toUpperCase() == "L21") {//如果a元素的父节点的类名转化大写后等于“L1”,或“L21” var targetelement = document.getElementById(srcelement.id + "d");//申明一个变量,获取id为“L1d”或“L21d”的元素 if (menu_flag == 0) { targetelement.style.display = '';//设置元素的style属性中的display空,即清除display的属性,使之显示 srcelement.className = "active";//给“L1"和”L21“元素设置一个”action“样式,使之高亮 } else { targetelement.style.display = "none";//否则设置display为none,使之隐藏 srcelement.className = "";//去除样式 } } } } function c(srcelement) { var targetid, targetelement;//申明两变量 targetid = srcelement.id + "d";//把传来的元素的id加个d,然后赋值给targetid targetelement = document.getElementById(targetid);//获取id为targetid的元素 if (targetelement.style.display == "none") {//如targetid元素的样式中的display属性等于“none” srcelement.className = "active";//则添加一个类给srcelement元素 targetelement.style.display = '';//设置targetid元素的样式中的display属性等于“”,使之显示 menu_flag = 0; $("#expand_text").text("收缩");//设置按钮为收缩 } else {//如果本来是显示的, srcelement.className = "";//去除srcelement的“action”样式 targetelement.style.display = "none";//设置targetelement隐藏 menu_flag = 1; $("#expand_text").text("展开");//按钮显示为展开 var links = document.getElementsByTagName("A"); for (var i = 0; i < links.length; i++) {//获取标签明为A的属性 srcelement = links[i]; if (srcelement.parentNode.className.toUpperCase() == "L1" && srcelement.className == "active" && srcelement.id.substr(0, 1) == "m") { menu_flag = 0; $("#expand_text").text("收缩"); break; } } } }
2.3、Main2(中间部分):
2.31、HTML:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> <meta content="text/javascript;charset=utf-8" /> <title>Main</title> <link href="../../Content/yxsss/js_css/yu.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/themes/icon.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/demo/demo.css" rel="stylesheet" /> <link href="../../Content/jquery-easyui-1.3.3/themes/default/easyui.css" rel="stylesheet" /> <link href="../../Content/MyCSS/DealWithAllot.css" rel="stylesheet" /> <link href="../../Content/MyCSS/Main2.css" rel="stylesheet" /> <link href="../../Content/image/menu/icon.css" rel="stylesheet" /> <script src="../../Content/yxsss/js_css/yu.js"></script> <script src="../../Content/jquery-easyui-1.3.3/jquery.min.js"></script> <script src="../../Content/jquery-easyui-1.3.3/jquery.easyui.min.js"></script> <script src="../../Scripts/MyScript/Main2.js"></script> </head> <body> <div id="p" class="easyui-progressbar" data-options="value:60" style="width: 400px;"> </div> <div id="w" class="easyui-window" title="" data-options="fit:true,collapsible:false,minimizable:false,maximizable:false,closable:false,draggable:false,resizable:false,shadow:false,modal:true,center:true"> <div style="padding: 0; background: #e0ffff; color: #4169e1; font-size: 20px; margin: 0; text-align: center">主界面</div> <div class="easyui-tabs" id="main" data-options="fit:true"> <div title="进货管理" id="jinHuo" data-options="icon:'cart_put',closable:false,headerWidth:'300'" style="padding: 0;"> <div class="easyui-tabs" id="main2" data-options="fit:true"> <div title="商品入库" data-options="closable:false,width:200,selected:true,icon:'Exchange'" style="padding: 10px;"> <table class="table4"> <tr> <td> <div> <img onclick="dealWithConstruction();" src="../../Content/image1/jc1.png" /> </div> </td> <td></td> <td> <div> <img onclick="dealWithNotHaveFormConstruction();" src="../../Content/image1/jc2.png" /> </div> </td> </tr> <tr> <td></td> <td> <div> <img onclick="selectWarehouseEnter();" src="../../Content/image1/sjc.png" /> </div> </td> <td></td> </tr> <tr> <td> <div> <img onclick="ZiYingWddjcChongHongDan();" src="../../Content/image1/ch1.png" /> </div> </td> <td></td> <td> <div> <img onclick="JinCangChongHongDan();" src="../../Content/image1/ch2.png" /> </div> </td> </tr> </table> </div> <div title="商品配货" data-options="closable:false,fit:true,icon:'database_refresh'"> <table class="table3"> <tr> <td> <div> <img onclick="PeiHuoDan();" src="../../Content/image1/ph.png" /> </div> </td> <td> <div> <img onclick="SelectDeliveryGoods();" src="../../Content/image1/cxph.png" /> </div> </td> </tr> </table> </div> <div title="商品返厂" data-options="closable:false,fit:true,icon:'database_refresh'"> <table class="table3"> <tr> <td> <div> <img onclick="TuiHuoDan();" src="../../Content/image1/fccl.png" /> </div> </td> <td> <div> <img onclick="SelectAllReturnFactoryDan();" src="../../Content/image1/cxfc.png" /> </div> </td> </tr> </table> </div> <div title="库存查询" data-options="" style="padding: 10px;"> <table class="table2" style="width: 800px; height: 470px;"> <tr> <td> <div style="margin: auto"> <img onclick="SelectStockGoods();" src="../../Content/image1/zhcx.png" /> </div> </td> </tr> </table> </div> </div> </div> <div title="库存管理" id="kuCun" data-options="icon:'inter', fit:true,closable:false"> <div class="easyui-tabs" id="main3" data-options="fit:true"> <div title="调拨" data-options="closable:false,width:200,selected:true,icon:'Exchange'"> <table class="table2"> <tr> <td> <div> <img onclick="dealWithAllot()" src="../../Content/image/main/Deal1.png" /> </div> </td> <td> <div> <img onclick="SelectAllot();" src="../../Content/image/main/Select1.png" /> </div> </td> </tr> <tr> <td> <div> <img onclick="DealWithSalesDepartmentAdjust();" src="../../Content/image/main/Deal2.png" /> </div> </td> <td> <div> <img onclick="SelectSalesDepartmentAdjust();" src="../../Content/image/main/Select2.png" /> </div> </td> </tr> </table> </div> <div title="返仓" data-options="closable:false,fit:true,icon:'database_refresh'"> <table class="table3"> <tr> <td> <div> <img onclick="DealWithReturnRepertory();" src="../../Content/image/main/Deal3.png" /> </div> </td> <td> <div> <img onclick="SelectReturnRepertory();" src="../../Content/image/main/Select3.png" /> </div> </td> </tr> </table> </div> <div title="转库" data-options="closed:false,fit:true,icon:'cart_remove'"> <table class="table3"> <tr> <td> <div> <img onclick="DealWithTransferRepertory();" src="../../Content/image/main/Deal4.png" /> </div> </td> <td> <div> <img onclick="SelectTransferRepertory()" src="../../Content/image/main/Select4.png" /> </div> </td> </tr> </table> </div> </div> </div> </div> </div> </body> </html>
2.32、JavaScript代码:
//调拨单处理 function dealWithAllot() { parent.dealWithAllot(); } //查询调拨单 function SelectAllot() { parent.SelectAllot(); } //销售部门调整处理 function DealWithSalesDepartmentAdjust() { parent.DealWithSalesDepartmentAdjust(); } //销售部调整查询 function SelectSalesDepartmentAdjust() { parent.SelectSalesDepartmentAdjust(); } //返仓单处理 function DealWithReturnRepertory() { parent.DealWithReturnRepertory(); } //转库单处理 function DealWithTransferRepertory() { parent.DealWithTransferRepertory(); } //返仓单查询 function SelectReturnRepertory() { parent.SelectReturnRepertory(); } //转库单查询 function SelectTransferRepertory() { parent.SelectTransferRepertory(); } //自营进仓单处理 function dealWithConstruction() { parent.dealWithConstruction(); } //自营无订单进仓单处理 function dealWithNotHaveFormConstruction() { parent.dealWithNotHaveFormConstruction(); } //查询进仓单 function selectWarehouseEnter() { parent.selectWarehouseEnter(); } //自营无订单冲红 function ZiYingWddjcChongHongDan() { parent.ZiYingWddjcChongHongDan(); } //自营进仓单冲红 function JinCangChongHongDan() { parent.JinCangChongHongDan(); } //配货单处理 function PeiHuoDan() { parent.PeiHuoDan(); } //配货单查询 function SelectDeliveryGoods() { parent.SelectDeliveryGoods(); } //商品返厂单处理 function TuiHuoDan() { parent.TuiHuoDan(); } //商品返厂单查询 function SelectAllReturnFactoryDan() { parent.SelectAllReturnFactoryDan(); } //综合查询库存 function SelectStockGoods() { parent.SelectStockGoods(); } //调拨 function allot() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '库存管理'); $("#main3").tabs('select', '调拨'); } //返仓 function rturn() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '库存管理'); $("#main3").tabs('select', '返仓'); } //转库 function trans() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '库存管理'); $("#main3").tabs('select', '转库'); } //进仓 function jinCang() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '进货管理'); $("#main2").tabs('select', '商品入库'); } //配货 function peiHuo() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '进货管理'); $("#main2").tabs('select', '商品配货'); } //返厂 function fanChang() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '进货管理'); $("#main2").tabs('select', '商品返厂'); } //库存查询 function kuCunChaXun() { parent.document.getElementById("labTips").innerHTML = ""; $("#main").tabs('select', '进货管理'); $("#main2").tabs('select', '库存查询'); }初学者的分享,仅供学习,禁止用于商业用途。
相关文章推荐
- 时间格式相加减方法
- 多线程GCD+同步执行+异步执行+并行执行+串行执行+重复、分组、延迟、障碍方法
- Azure SQL 数据库与新的数据库吞吐量单位
- Azure SQL 数据库与新的数据库吞吐量单位
- Azure SQL 数据库与新的数据库吞吐量单位
- Azure SQL 数据库与新的数据库吞吐量单位
- 求一个数字中1的个数
- 【C语言/算法之 01 背包】完全背包
- 数据验证控件
- linux下 apache的安装过程
- POJ 1308 Is It A Tree?
- java中serializable解析及用途
- 记住密码和自动登录效果
- sdut 2054 多项式求和
- hdu 2254(矩阵快速幂+分治)
- (10.3.5.4)产品需求文档的写作(四) – 撰写文档(PRD文档)
- (3486)HDU
- js-数组去重
- J2EE中ssh的整合
- HDU 1443 Joseph