MVC大型商贸系统(库存管理)技术解释(三) 主界面设计

MVC大型商贸系统(库存管理)技术解释(三) 主界面设计

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 οnlοad="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 οnclick="dealWithConstruction();" src="../../Content/image1/jc1.png" />
                                    </div>
                                </td>
                                <td></td>
                                <td>
                                    <div>
                                        <img οnclick="dealWithNotHaveFormConstruction();" src="../../Content/image1/jc2.png" />
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <div>
                                        <img οnclick="selectWarehouseEnter();" src="../../Content/image1/sjc.png" />
                                    </div>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>
                                    <div>
                                        <img οnclick="ZiYingWddjcChongHongDan();" src="../../Content/image1/ch1.png" />
                                    </div>
                                </td>
                                <td></td>
                                <td>
                                    <div>
                                        <img οnclick="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 οnclick="PeiHuoDan();" src="../../Content/image1/ph.png" />
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <img οnclick="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 οnclick="TuiHuoDan();" src="../../Content/image1/fccl.png" />
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <img οnclick="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 οnclick="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 οnclick="dealWithAllot()" src="../../Content/image/main/Deal1.png" />
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <img οnclick="SelectAllot();" src="../../Content/image/main/Select1.png" />
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div>
                                        <img οnclick="DealWithSalesDepartmentAdjust();" src="../../Content/image/main/Deal2.png" />
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <img οnclick="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 οnclick="DealWithReturnRepertory();" src="../../Content/image/main/Deal3.png" />
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <img οnclick="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 οnclick="DealWithTransferRepertory();" src="../../Content/image/main/Deal4.png" />
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <img οnclick="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', '库存查询');
}
初学者的分享,仅供学习,禁止用于商业用途。




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值