<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>发货单</title>
 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="/templates/_shop/Theme_ETS/default/scm/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/templates/_shop/Theme_ETS/default/scm/css/ui.min.css" rel="stylesheet" type="text/css"/>  
    <link href="/templates/_shop/Theme_ETS/default/scm/css/detail.css" rel="stylesheet" type="text/css" />
    <link href="/templates/_shop/Theme_ETS/default/scm/css/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
    <script src="/Common/APPUI/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="/Common/APPUI/ui/json2.js" type="text/javascript"></script>
    <script src="/Common/APPUI/yiapp-ajax.js" type="text/javascript"></script>
    <script src="/Common/APPUI/common.js" type="text/javascript"></script>
    <script src="/Common/APPUI/ui/grid.js" type="text/javascript"></script>
    <script src="/Common/APPUI/ui/plugins.js" type="text/javascript"></script>
    <script src="/Common/APPUI/ui/jquery.dialog.js?self=true" type="text/javascript"></script>
    <script src="/Common/APPUI/ui_common.js" type="text/javascript"></script>
    <style type="text/css">
        #bottomField{line-height:30px;}
        #bottomField label{width: 75px;display: inline-block;}
        .con-footer{padding:10px 0 0 0;}
        
        .infotitle { font-size:18px; font-weight:bold; color:#000;}
    </style>
</head>
<body >   
     <div class="wrapper">
        <div class="mod-toolbar-top mr0 cf dn" id="toolTop"></div>
        <div class="details" style="width:1150px;">
            <div class="con-header">
                <dl class="cf">
                    <dd class="pct50">
                        <label class="infotitle" id="oTitle">
                            发货单信息</label> 
                    </dd>
                </dl>

                <dl class="cf">
                    <dd class="pct25">
                        <label id="oNumber">
                            发货单号:</label> 
                           <span id="spTid"></span>
                    </dd>
                    
                     <dd class="pct25">
                        <label>
                            订单单号:</label> 
                           <span id="spOid"></span>
                    </dd>
                    <dd class="pct25">
                        <label>
                            制单日期:</label> 
                           <span id="spbDate"></span>
                    </dd>
                    <dd class="pct25">
                        <label>
                            状态:</label> 
                           <span id="spState"></span>
                    </dd>
                </dl>
                <dl class="cf">
                    <dd class="pct50">
                       &nbsp;
                    </dd>
                </dl>

                <dl class="cf">
                    <dd class="pct50">
                        <label class="infotitle" id="Label1">
                            客户信息</label> 
                    </dd>
                </dl>

                <dl class="cf">
                    <dd class="pct25">
                        <label id="Label2">
                            客户名称:</label> 
                           <span id="spBuyerCompanyName"></span>
                    </dd>
                    
                     <dd class="pct25">
                        <label>
                            邮箱:</label> 
                           <span id="spEmail"></span>
                    </dd>
                    <dd class="pct25">
                        <label>
                            联系人:</label> 
                           <span id="spPerson"></span>
                    </dd>
                    <dd class="pct25">
                        <label>
                            联系电话:</label> 
                           <span id="spTel"></span>
                    </dd>
                </dl>
                <dl class="cf">
                    <dd class="pct25">
                        <label>
                            地区:</label>
                            <span id="spArea"></span>
                    </dd>
                    <dd class="pct25">
                        <label>
                            传真:</label>
                            <span id="spFax"></span>
                    </dd>
                    <dd class="pct50">
                        <label>
                            联系地址:</label>
                            <span id="spAddress"></span>
                    </dd> 
                </dl>
                <dl class="cf">
                    <dd class="pct50">
                       &nbsp;
                    </dd>
                </dl>
                <dl class="cf">
                    <dd class="pct50">
                        <label class="infotitle">
                            产品信息</label> 
                    </dd>
                </dl>
            </div>
             <div class="grid-wrap" >
                <table id="grid">
                </table>
                <div id="page">
                </div>
            </div>
        
             <div class="con-header">
                     <dl class="cf">
                    <dd class="pct50">
                       &nbsp;
                    </dd>
                </dl>

                <dl class="cf">
                    <dd class="pct50">
                        <label class="infotitle" id="ologistics">
                            物流信息</label> 
                    </dd>
                </dl> 
                 <dl class="cf omy" style="display:none;">
                    <dd class="pct25">
                        <label>提货人姓名:</label>
                        <span id="spMbUserName"></span>
                    </dd>
                    <dd class="pct25">
                        <label>提货人证件号码:</label>
                        <span id="spMbUserIDCard"></span>
                    </dd>
                    <dd class="pct25">
                        <label>提货人电话:</label>
                        <span id="spMbUserTel"></span>
                    </dd>
                    <dd class="pct25">
                        <label>提货车牌号:</label>
                        <span id="spMbPlateNumber"></span>
                    </dd>
                 </dl>
                 <dl class="cf ol" style="display:none;">
                    <dd class="pct25">
                        <label>收货人姓名:</label>
                        <span id="spLBuyerName"></span>
                    </dd>
                    <dd class="pct25">
                        <label>收货人电话:</label>
                        <span id="spLBuyerTel"></span>
                    </dd>
                    <dd class="pct25">
                        <label>收货人手机号:</label>
                        <span id="spLBuyerMobile"></span>
                    </dd>
                    <dd class="pct25">
                        <label>收货人证件号:</label>
                        <span id="spLBuyerIDCard"></span>
                    </dd>
                 </dl>
                 <dl class="cf ol" style="display:none;">
                    <dd class="pct25">
                        <label>送货人姓名:</label>
                        <span id="spLbUserName"></span>
                    </dd>
                    <dd class="pct25">
                        <label>送货人电话:</label>
                        <span id="spLbUserTel"></span>
                    </dd>
                    <dd class="pct25">
                        <label>送货车牌号:</label>
                        <span id="spLbPlateNumber"></span>
                    </dd>
                    <dd class="pct25">
                        <label>送货人证件号:</label>
                        <span id="spLbUserIDCard"></span>
                    </dd>
                 </dl>
             </div>
            <div class="cf" id="bottomField">
                <div class="fr" id="toolBottom">
                </div>
            </div>
            <div id="initCombo" class="dn"> 
            </div>
        </div>
    </div> 
    <script type="text/javascript">
   var SYSTEM = system = parent.YiAPP_SYSTEM,
            curRow,
            curCol,
            urlParam = YiAPP_Public.urlParam(),
            THISPAGE = {
                init: function (t) {

                    this.loadGrid(t);
                    this.initDom(t);
                    this.initCombo();

                    this.editable = !0;
                    $("#grid").jqGrid("setGridParam", {
                        cellEdit: !0
                    });

                    this.addEvent();
                },
                initDom: function (t) {
                    var e = this;
                    //定义控件
                    this.$_toolBottom = $("#toolBottom");


                    //控件赋默认值
                    if (t.tId) {
                        $("#spTid").html(t.tId);
                        $("#spOid").html(t.oId);
                        $("#spbDate").html(t.bDate);
                        if (t.bType == true) {
                            $("#oTitle").html("发货单信息");
                            $("#oNumber").html("发货单号");
                            $("#spState").html(t.bState == true ? "已发货" : "未发货");
                            $("#ologistics").html("物流信息");

                            $(".ol").show();

                            $("#spLBuyerName").html(t.BuyerName);
                            $("#spLBuyerTel").html(t.BuyerTel);
                            $("#spLBuyerMobile").html(t.BuyerMobile);
                            $("#spLBuyerIDCard").html(t.BuyerIDCard);
                            $("#spLbUserName").html(t.bUserName);
                            $("#spLbUserTel").html(t.bUserTel);
                            $("#spLbPlateNumber").html(t.bPlateNumber);
                            $("#spLbUserIDCard").html(t.bUserIDCard);
                        }
                        else {
                            $("#oTitle").html("提货单信息");
                            $("#oNumber").html("提货单号");
                            $("#spState").html(t.bState == true ? "已提货" : "未提货");
                            $("#ologistics").html("自提信息");

                            $(".omy").show();

                            $("#spMbUserName").html(t.bUserName);
                            $("#spMbUserIDCard").html(t.bUserIDCard);
                            $("#spMbUserTel").html(t.bUserTel);
                            $("#spMbPlateNumber").html(t.bPlateNumber);
                        }

                        $("#spBuyerCompanyName").html(t.orderinfo.o_b_companyName);
                        $("#spEmail").html(t.orderinfo.o_b_email);
                        $("#spPerson").html(t.orderinfo.o_b_person);
                        $("#spTel").html(t.orderinfo.o_b_telephone);
                        $("#spArea").html(t.orderinfo.o_b_areaname);
                        $("#spFax").html(t.orderinfo.o_b_fax);
                        $("#spAddress").html(t.orderinfo.o_b_address);
                    }
                    //定义功能按钮


                    this.$_toolBottom.html('<span id="groupBtn"></span>');
                    //编辑状态
                    if (t.bId) {

                    }

                },
                loadGrid: function (t) {

                    var d = this;

                    d.newId = t.items.length;
                    var p = 1130,

                    h = [{
                        name: 'dProductName', label: '产品名称', width: 80, align: 'center', title: false
                    }
                        , {
                            name: 'CASNo', label: '牌号等级', width: 80, align: 'center', title: false
                        }
                        , {
                            name: 'dQuantity', label: '数量', width: 80, align: 'center', title: false
                        }
                        , {
                            name: 'dUnit', label: '单位', width: 80, align: 'center', title: false
                        }
                        , {
                            name: 'wId', label: '仓库ID', width: 80, align: 'center', title: false, hidden: !0
                        }
                    ];


                    $("#grid").jqGrid({
                        data: t.items,
                        datatype: "clientSide",
                        width: p,
                        height: "100%",
                        rownumbers: !0,
                        gridview: !0,
                        onselectrow: !1,
                        colModel: h,
                        cmTemplate: {
                            sortable: !1,
                            title: !1
                        },
                        shrinkToFit: !0,
                        forceFit: !0,
                        rowNum: 1e3,
                        cellEdit: !1,
                        cellsubmit: "clientArray",
                        localReader: {
                            root: "rows",
                            records: "records",
                            repeatitems: !1,
                            id: "id"
                        },
                        jsonReader: {
                            root: 'data.data',
                            records: "data.records",
                            total: "data.total",
                            repeatitems: !1,
                            id: "dId"
                        },
                        loadComplete: function (t) {
                            if (urlParam.id > 0) {
                                //编辑或者查看状态
                                var e = t.rows,
							i = e.length, sumCount = 0;
                                p.newId = i + 1;

                                for (var a = 0; i > a; a++) {
                                    var n = a + 1,
								r = e[a];
                                    if ($.isEmptyObject(e[a])) break;


                                    sumCount += r.dQuantity;
                                }

                                $("#grid").jqGrid("footerData", "set", {
                                    dQuantity: sumCount
                                });
                            }
                        },
                        gridComplete: function () { },
                        afterEditCell: function (t, e, i, a) {

                            //编辑之前处理方法

                        },
                        formatCell: function () { },
                        beforeSubmitCell: function () { },
                        afterSaveCell: function (t, i, a, r, n) {

                            //保存之前处理方法

                        },
                        loadonce: !0,
                        footerrow: !0,
                        userData: {
                            //设置合计数据
                            "dProductName": "合计"
                        },
                        userDataOnFooter: !0,
                        loadError: function (t, e) {
                            parent.YiAPP_Public.tips({
                                type: 1,
                                content: "Type: " + e + "; Response: " + t.status + " " + t.statusText
                            })
                        }
                    });
                },
                //刷新
                reloadData: function (t) {
                    function e() {

                    }

                    $("#grid").clearGridData();
                    //重新绑定数据 
                },
                initCombo: function () {
                    //初始化下拉列表控件 
                },
                disableEdit: function () {

                    //设置控件不可编辑

                    $("#grid").jqGrid("setGridParam", {
                        cellEdit: !1
                    });
                    this.editable = !1;
                },
                enableEdit: function () {
                    $("#grid").jqGrid("setGridParam", {
                        cellEdit: !0
                    });
                    this.editable = !0;
                },
                addEvent: function () {
                    var t = this;



                    YiAPP_Business.detailsEvent(t);

                },
                resetData: function () {

                    var t = this;
                    $("#grid").clearGridData();
                    for (var e = 1; 8 >= e; e++) {
                        $("#grid").jqGrid("addRowData", e, {});

                    }
                },
                calTotal: function () {
                },
                _getEntriesData: function () {
                    //获取数据


                },
                getPostData: function (oper) {
                    var t = this,
                    e = this;
                    if (null !== curRow && null !== curCol) {
                        $("#grid").jqGrid("saveCell", curRow, curCol);
                        curRow = null;
                        curCol = null
                    }
                    //验证控件不能为空


                    return !1
                }
            },hasLoaded = !1,originalData;
        if (urlParam.id) { 
               if (!hasLoaded) {
                YiAPP_Public.postAjax("/Common/YiAPP.ashx?YiAPP_Method=ETSbillOfLading.GetETS_billOfLadingAndDetail&YiAPP_Action=YiAPP.APP.SHOP", {
                    bId: urlParam.id
                }, function (t) {
                    if (t.status == 200) {
                        originalData = t.data;
                        THISPAGE.init(t.data);
                        hasLoaded = !0;
                    }
                    else parent.YiAPP_Public.tips({
                        type: 1,
                        content: t.message
                    });
                });
            }             
                 
         }else         
         {
               
         }
        
         
         </script>

</body>
</html>