DS7/DSWeb/js/jsGridWmsWmsrateTestList.js

var mygrid_log;
var pager;
var jsonPage;
var jsonPageObj;
var pageTotal;
var pageShowCount = 15;
var curPage = 1;

function $(id) {
    return document.getElementById(id);
}

function initWinScreen() {
    var winScreenHeight = 0;
    var winScreenWidth = 0;
    if (window.screen.height) {
        winScreenHeight = window.screen.height;
    }
    if (window.screen.width) {
        winScreenWidth = window.screen.width;
    }
    if (winScreenWidth >= 1440 && winScreenWidth >= 900) {
        document.getElementById("mygrid_container_log").style.height = "400px";
    }
    else if (winScreenWidth >= 1366 && winScreenWidth >= 768) {
        document.getElementById("mygrid_container_log").style.height = "310px";
    }
    else if (winScreenWidth >= 1024 && winScreenWidth >= 768) {
        document.getElementById("mygrid_container_log").style.height = "270px";
    }
}

function createGrid() {
    //getUserSetting
    getUserGridSetting();
    mygrid_log = new dhtmlXGridObject('mygrid_container_log');
    mygrid_log.setImagePath("../images/");
    mygrid_log.setSkin("xp");
    //
    var arrayHeader = new Array();
    var arrayColWidth = new Array();
    if (jsonPageObj != null) {

        for (var i = 0; i < jsonPageObj.columns.length; i++) {
            arrayHeader.push(jsonPageObj.columns[i].description.trim());
            arrayColWidth.push(jsonPageObj.columns[i].width);

        }
        var strHeader = arrayHeader.toString();
        var strWidth = arrayColWidth.toString();
        pageShowCount = jsonPageObj.show;
        mygrid_log.setHeader(strHeader);
        mygrid_log.setInitWidths(strWidth);
    }
    else {
        mygrid_log.setHeader("<input type=\"checkbox\" id=\"ck_all\" onclick=\"checkall()\" />,货主,提单号,备案清单号,入库单号,入库日期,应收开始计费日期,应付开始计费日期,结束计费日期,仓库名称,等级,品名,型号/品牌,规格,片数/件,剩余件数,剩余库存,计费单位,仓储天数,应收计费天数,应收仓储费,应付计费天数,应付仓储费,开单人,开单时间,进口委托单号,是否有出库单");
        mygrid_log.setInitWidths("20,100,120,120,120,120,120,120,120,100,100,100,100,100,100,100,80,80,80,80,80,80,80,100,120,0,0");
    }
    mygrid_log.setColAlign("center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center");
    mygrid_log.setColSorting("na,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str");
    mygrid_log.setColTypes("ch,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
    mygrid_log.init();

    mygrid_log.load("WmsWmsrateTestListGridSource.aspx?handle=list&show_page=" + pageShowCount + "&cur_page=1&search="+escape($("h_searchJson").value), "json");
    //
    setTimeout(function() {
        initPage();
        
    }, 300);
    mygrid_log.attachEvent("onEditCell", function(stage, rId, cInd, nValue, oValue) {
        if (stage == 0) {
            return false;
        }
    });

    mygrid_log.attachEvent("onSelectStateChanged", function (id) {
        $("hid_strSel").value = " and ASSOCIATEDNO='" + id + "'";
        initLog2();
    });
}

function getUserGridSetting() {
    var urlVal = "WmsWmsrateTestListGridSource.aspx?handle=setting&val=" + newGuid() + "&search="+escape($("h_searchJson").value);
    var loader = dhtmlxAjax.getSync(urlVal);
    var loadVal = loader.xmlDoc.responseText;

    jsonPage = loadVal;
    if (IsNum(jsonPage)) {
        jsonPageObj = null;
    } else {
        jsonPageObj = eval('(' + loadVal + ')');

    }

}

function PagerView(id) {
    var self = this;
    this.id = id;
    this.container = null;
    this.index = 1; // 当前页码, 从1开始
    this.size = pageShowCount; // 每页显示记录数
    this.maxButtons = 9; // 显示的分页按钮数量
    this.itemCount = 0; // 记录总数
    this.pageCount = 0; // 总页数
    /**
    * 控件使用者重写本方法, 获取翻页事件, 可用来向服务器端发起AJAX请求.
    * @param index: 被点击的页码.
    */
    this.onclick = function(index) {
    };
    /**
    * 内部方法.
    */
    this._onclick = function(index) {
        self.index = index;
        self.onclick(index);
        self.render();
    };
    /**
    * 在显示之前计算各种页码变量的值.
    */
    this.calculate = function() {
        self.pageCount = parseInt(Math.ceil(self.itemCount / self.size));
        self.index = parseInt(self.index);
        if (self.index > self.pageCount) {
            self.index = self.pageCount;
        }
    };
    /**
    * 渲染分页控件.
    */
    this.render = function() {
        if (self.id != undefined) {
            var div = document.getElementById(self.id);
            div.view = self;
            self.container = div;
        }
        self.calculate();
        var start, end;
        start = Math.max(1, self.index - parseInt(self.maxButtons / 2));
        end = Math.min(self.pageCount, start + self.maxButtons - 1);
        start = Math.max(1, end - self.maxButtons + 1);
        var str = "";
        str += "<div class=\"PagerView\">\n";
        if (self.pageCount > 1) {
            if (self.index != 1) {
                str += '<a href="javascript://1"><span>|&lt;</span></a>';
                str += '<a href="javascript://' + (self.index - 1) + '"><span>&lt;&lt;</span></a>';
            } else {
                str += '<span>|&lt;</span>';
                str += '<span>&lt;&lt;</span>';
            }
        }
        for (var i = start; i <= end; i++) {
            if (i == this.index) {
                str += '<span class="on">' + i + "</span>";
            } else {
                str += '<a href="javascript://' + i + '"><span>' + i + "</span></a>";
            }
        }
        if (self.pageCount > 1) {
            if (self.index != self.pageCount) {
                str += '<a href="javascript://' + (self.index + 1) + '"><span>&gt;&gt;</span></a>';
                str += '<a href="javascript://' + self.pageCount + '"><span>&gt;|</span></a>';
            } else {
                str += '<span>&gt;&gt;</span>';
                str += '<span>&gt;|</span>';
            }
        }
        str += ' 一共' + self.pageCount + '页, ' + self.itemCount + '条记录 ' + '&nbsp;&nbsp;&nbsp;每页显示:&nbsp;' + "<select id=\"cusShowCount\" style=\"width:70px;\" onchange=\"changeShowCount('cusShowCount')\">" + getPageOption() + "</select>";
        str += "</div><!-- /.pagerView -->\n";
        self.container.innerHTML = str;
        var a_list = self.container.getElementsByTagName('a');
        for (var i = 0; i < a_list.length; i++) {
            a_list[i].onclick = function() {
                var index = this.getAttribute('href');
                if (index != undefined && index != '') {
                    index = parseInt(index.replace('javascript://', ''));
                    self._onclick(index)
                }
                return false;
            };

        }
    };
}
//初始化页面
function initPage() {
    pager = new PagerView('pager');

    var urlVal = "WmsWmsrateTestListGridSource.aspx?handle=page&val=" + newGuid() + "&search="+escape($("h_searchJson").value);
    var loader = dhtmlxAjax.getSync(urlVal);
    var loadVal = loader.xmlDoc.responseText;
    pageTotal = loadVal;
    pager.itemCount = pageTotal;
    pager.size = pageShowCount;
    pager.index = 1;
    pager.onclick = function(index) {
        document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
        getUserGridSetting();
        mygrid_log = new dhtmlXGridObject('mygrid_container_log');
        mygrid_log.setImagePath("../images/");
        mygrid_log.setSkin("xp");
        var arrayHeader = new Array();
        var arrayColWidth = new Array();
        if (jsonPageObj != null) {

            for (var i = 0; i < jsonPageObj.columns.length; i++) {
                arrayHeader.push(jsonPageObj.columns[i].description.trim());
                arrayColWidth.push(jsonPageObj.columns[i].width);

            }

            var strHeader = arrayHeader.toString();
            var strWidth = arrayColWidth.toString();
            pageShowCount = jsonPageObj.show;
            mygrid_log.setHeader(strHeader);
            mygrid_log.setInitWidths(strWidth);


        }
        else {
            mygrid_log.setHeader("<input type=\"checkbox\" id=\"ck_all\" onclick=\"checkall()\" />,货主,提单号,备案清单号,入库单号,入库日期,计费日期,仓库名称,等级,品名,型号/品牌,规格,片数/件,剩余件数,剩余库存,计费单位,仓储天数,计费天数,仓储费,开单人,开单时间,进口委托单号,是否有出库单");
            mygrid_log.setInitWidths("20,100,120,120,120,120,120,100,100,100,100,100,100,100,80,80,80,80,80,100,120,0,0");
        }
        mygrid_log.setColAlign("center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center");
        mygrid_log.setColSorting("na,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str");
        mygrid_log.setColTypes("ch,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
        mygrid_log.init();

        setTimeout(function() {
            mygrid_log.load("WmsWmsrateTestListGridSource.aspx?handle=list&show_page=" + pager.size.toString() + "&cur_page=" + index + "&search="+escape($("h_searchJson").value), "json");
        }, 300);
        mygrid_log.attachEvent("onEditCell", function(stage, rId, cInd, nValue, oValue) {
            if (stage == 0) {
                return false;
            }
        });

        initMenu();
        

    };
    pager.render();
}

//获取GUID
function newGuid() {
    var guid = "";
    for (var i = 1; i <= 32; i++) {
        var n = Math.floor(Math.random() * 16.0).toString(16);
        guid += n;
        if ((i == 8) || (i == 12) || (i == 16) || (i == 20))
            guid += "-";
    }
    return guid.toUpperCase();
}
function change() {
    var colCount = mygrid_log.getColumnsNum();
    var jsonFeeObj = "";

    jsonFeeObj = "{\"$type\":\"DSWeb.Models.JsonColumnGroupEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",\"ShowCount\":" + pageShowCount + ",\"JsonColumnEntities\":[";

    var tempGroupJson = "";
    for (var i = 0; i < colCount; i++) {
        var tempJson = "";
        var rId = mygrid_log.getRowId(i);

        tempJson += "\"$type\":\"DSWeb.Models.JsonColumnEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",";
        tempJson += "\"col1\":\"\","; //gid
        tempJson += "\"col2\":\"" + i.toString() + "\","; //column name
        tempJson += "\"col3\":\"" + mygrid_log.getColumnLabel(i) + "\","; //column description
        tempJson += "\"col4\":\"" + i.toString() + "\","; //index
        tempJson += "\"col5\":\"" + mygrid_log.getColWidth(i) + "\","; //width
        tempJson += "\"col6\":-1";

        tempJson = "{" + tempJson + "}";
        if (i == colCount - 1) {
            tempGroupJson += tempJson;
        } else {
            tempGroupJson += tempJson + ",";
        }
    }


    jsonFeeObj += tempGroupJson;
    jsonFeeObj += "]}";

    $("hid_setting").value = jsonFeeObj;
    jsonFeeObj = null;
    //alert(jsonFeeObj);
    var myForm = document.getElementById("form1");
    myForm.submit();
}
function el(id) {
    return document.getElementById(id);
}

function initMenu() {
    el("mygrid_container_log").oncontextmenu = function(ev) {
        showMenu(ev);
        return false;
    };
    document.onmousedown = function() { if (!over) hideMenu(); };
};
var over = false;
var menu = null;
function showMenu(ev) {
    menu = null;
    ev = ev || window.event;

    hideMenu();

    var e = ev.srcElement || ev.target;

    if (e.tagName == "TH") return;

    var x = ev.pageX || ev.clientX + document.documentElement.scrollLeft;
    var y = ev.pageY || ev.clientY + document.documentElement.scrollTop;

    menu = document.createElement("DIV");
    menu.className = "menu";
    menu.style.left = x + 4 + "px";
    menu.style.top = y + "px";
    document.body.appendChild(menu);

    //alert(e.parentNode.getElementsByTagName("DIV")[1].innerHTML);
    var dvGroup = e.parentNode.getElementsByTagName("DIV");
    var dvGroupCount = dvGroup.length;

    var id = "";
    if (dvGroupCount == 1) {
        id = dvGroup[0].innerHTML;
    }

    if (id.trim().length < 1) {
        hideMenu();
        return;
    }
    // = e.parentNode.getElementsByTagName("td")[1].innerHTML;

    //    e.parentNode.id = "tr_"+id;

    var sname = document.location.pathname.substring(7, location.pathname.length).toString();

    //    var s = "<a href=\"javascript:showInfo({id},'{sname}');\">编辑标题</a>";
    //    s += "<a href=\"javascript:refresh('{sname}');\">重新排序</a>";
    //    //s += "<a href='javascript:editInfo({id});'>修改用户信息</a>";
    //    //s += "<a href='javascript:deleteInfo({id});'>删除该条记录</a>";
    //    s = s.replace(/{id}/g, id);
    //    s = s.replace(/{sname}/g, sname);

    //    var s = "<input type=\"text\" id=\"txt_label\" style=\"width:90px;\" value=\""+id+"\" /><a style=\"width:30px;\" href=\"javascript:void(0);\" onclick=\"saveLabel('txt_label','"+id+"')\" >保存</a>";
    //    var s = "<div style=\"float:left;width:100%;padding-left:120px;\"><div class=\"enterButton\" onclick=\"saveColumnHeader()\">保存</div><div class=\"enterButton\" onclick=\"cancelColumnHeader()\">取消</div></div>";
    var s = "<div class=\"dvMenu\" >修改标题</div><div class=\"dvMenu\" onclick=\"editColumnSetting('dvColumnSet')\">编辑显示</div>";
    menu.innerHTML = s;
    menu.onmouseover = function() { over = true; };
    menu.onmouseout = function() { over = false; };
}

function hideMenu() {
    if (menu) {
        document.body.removeChild(menu);
        menu = null;
    }
}
function refresh(sname) {
    var req = getReq();
    req.open("GET", sname + "?refresh=1&id=", true);
    /*req.onreadystatechange = function(){
    if(req.readyState==4)
    {
    el("bod").innerHTML = req.responseText;
    }
    };*/
    req.send(null);
}

function showInfo(id, sname) {
    hideMenu();
    shideBody();

    el("tit").innerHTML = "查看用户的详细信息";
    el("bod").innerHTML = "<img src='wait.gif' alt='loading...' />";
    el("bot").innerHTML = "<input type='button' value='关闭' onclick='cancelShide()' />";

    var req = getReq();
    req.open("GET", sname + "?getinfo=1&id=" + id, true);
    req.onreadystatechange = function() {
        if (req.readyState == 4) {
            el("bod").innerHTML = req.responseText;
        }
    };
    req.send(null);
}
var shield;
function shideBody() {
    shield = document.createElement("DIV");
    shield.id = "shield";
    shield.style.position = "absolute";
    shield.style.left = "0px";
    shield.style.top = "0px";
    shield.style.width = "100%";
    shield.style.height = document.documentElement.scrollHeight + "px";
    shield.style.background = "#333333";
    shield.style.textAlign = "center";
    shield.style.zIndex = "10";
    shield.style.filter = "alpha(opacity=0)";
    shield.style.opacity = 0;
    document.body.appendChild(shield);

    this.setOpacity = function(obj, opacity) {
        if (opacity >= 1) opacity = opacity / 100;
        try { obj.style.opacity = opacity; } catch (e) { }
        try {
            if (obj.filters.length > 0 && obj.filters("alpha")) {
                obj.filters("alpha").opacity = opacity * 150;
            } else {
                obj.style.filter = "alpha(opacity=\"" + (opacity * 150) + "\")";
            }
        } catch (e) { }
    }
    var c = 0;
    this.doAlpha = function() {
        if (++c > 20) { clearInterval(ad); return 0; }
        setOpacity(shield, c);
    }
    var ad = setInterval("doAlpha()", 1);

    el("divh").style.display = "";
    el("divh").style.marginTop = -75 + document.documentElement.scrollTop + "px";
}
function cancelShide() {
    if (el("divh")) {
        el("divh").style.display = "none";
    }
    if (shield) {
        document.body.removeChild(shield);
        shield = null;
    }
}

function getReq() {
    var oHttpReq = null;

    if (window.ActiveXObject)
        oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
    else if (window.createRequest)
        oHttpReq = window.createRequest();
    else
        oHttpReq = new XMLHttpRequest();

    return oHttpReq;
}

function removeRow(e) {
    e.style.backgroundColor = "#ff0000";
    setTimeout(function() { e.style.backgroundColor = "#ffcccc"; }, 100);
    setTimeout(function() { e.style.backgroundColor = "MistyRose"; }, 300);
    setTimeout(function() { e.style.display = "none"; }, 450);
}

//是否为数字
function IsNum(val) {
    var re = /^[-\+]?\d+(\.\d+)?$/;
    if (!re.test(val)) {
        return false;
    } else {
        return true;
    }
}

function getPageOption() {
    var pageCountArg = new Array();
    pageCountArg.push(15);
    pageCountArg.push(30);
    pageCountArg.push(50);
    pageCountArg.push(100);
    pageCountArg.push(200);

    var optionStr = "";
    for (var i = 0; i < pageCountArg.length; i++) {
        if (pageShowCount == parseInt(pageCountArg[i])) {
            optionStr += "<option value=\"" + pageCountArg[i] + "\" selected=\"1\">" + pageCountArg[i] + "</option>";
        } else {
            optionStr += "<option value=\"" + pageCountArg[i] + "\">" + pageCountArg[i] + "</option>";
        }
    }

    return optionStr;
    ;
}

function changeShowCount(id) {
    var selectObj = $(id);

    var selVal = selectObj.options[selectObj.selectedIndex].value;
    pageShowCount = selVal;

    openNewDiv();

}
var docEle = function() {
    return document.getElementById(arguments[0]) || false;
}
function openNewDiv(_id) {
    var m = "mask";
    if (docEle(_id)) document.removeChild(docEle(_id));
    if (docEle(m)) document.removeChild(docEle(m));
    // 新激活图层  
    var newDiv = document.createElement("div");
    newDiv.id = _id;
    newDiv.style.position = "absolute";
    newDiv.style.zIndex = "9999";
    newDiv.style.width = "200px";
    newDiv.style.height = "100px";
    newDiv.style.top = "100px";
    newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中  
    newDiv.style.background = "#EFEFEF";
    newDiv.style.border = "1px solid #860001";
    newDiv.style.padding = "5px";
    newDiv.innerHTML = "<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您已更改了视图设置 是否保存<br/><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
    document.body.appendChild(newDiv);
    // mask图层  
    var newMask = document.createElement("div");
    newMask.id = m;
    newMask.style.position = "absolute";
    newMask.style.zIndex = "1";
    newMask.style.width = document.body.scrollWidth + "px";
    newMask.style.height = document.body.scrollHeight + "px";
    newMask.style.top = "0px";
    newMask.style.left = "0px";
    newMask.style.background = "#000";
    newMask.style.filter = "alpha(opacity=40)";
    newMask.style.opacity = "0.40";
    document.body.appendChild(newMask);
    // 关闭mask和新图层 
    var saveButton = document.createElement("a");
    saveButton.href = "#";
    saveButton.innerHTML = "确定";
    saveButton.className = "regular";
    saveButton.onclick = function() {
        change();
        //document.body.removeChild(docEle(_id));  
        //document.body.removeChild(docEle(m));  
        //return false;  
    }
    newDiv.appendChild(saveButton);

    //newDiv.innerHTML += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";

    var cancelButton = document.createElement("a");
    cancelButton.href = "#";
    cancelButton.innerHTML = "取消";
    cancelButton.className = "regular";
    cancelButton.onclick = function() {
        document.body.removeChild(docEle(_id));
        document.body.removeChild(docEle(m));
        unSaveGrid();
        return false;
    }
    newDiv.appendChild(cancelButton);
}

function unSaveGrid() {
    mygrid_log = new dhtmlXGridObject('mygrid_container_log');
    mygrid_log.setImagePath("../images/");
    mygrid_log.setSkin("xp");
    mygrid_log.setHeader("<input type=\"checkbox\" id=\"ck_all\" onclick=\"checkall()\" />,货主,提单号,备案清单号,入库单号,入库日期,计费日期,仓库名称,等级,品名,型号/品牌,规格,片数/件,剩余件数,剩余库存,计费单位,仓储天数,计费天数,仓储费,开单人,开单时间,进口委托单号,是否有出库单");
    mygrid_log.setInitWidths("20,100,120,120,120,120,120,100,100,100,100,100,100,100,80,80,80,80,80,100,120,0,0");
    mygrid_log.setColAlign("center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center");
    mygrid_log.setColSorting("na,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str");
    mygrid_log.setColTypes("ch,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
    mygrid_log.init();
    //    mygrid_log.enableDragAndDrop(true);
    //    mygrid_log.enableDragOrder(true);
    //    mygrid_log.enableColumnMove(true);

    setTimeout(function() {
        mygrid_log.load("WmsWmsrateTestListGridSource.aspx?handle=list&show_page=" + pageShowCount + "&cur_page=1&search="+escape($("h_searchJson").value), "json");
    }, 300);
    mygrid_log.attachEvent("onEditCell", function(stage, rId, cInd, nValue, oValue) {
        if (stage == 0) {
            return false;
        }
    });

    initPage();
    initMenu();
    
}

function editColumnSetting(_id) {
    hideMenu();
    var m = "mask";
    if (docEle(_id)) document.removeChild(docEle(_id));
    if (docEle(m)) document.removeChild(docEle(m));
    // 新激活图层  
    var newDiv = document.createElement("div");
    newDiv.id = _id;
    newDiv.style.position = "absolute";
    newDiv.style.zIndex = "9999";
    newDiv.style.width = "700px";
    newDiv.style.height = "340px";
    newDiv.style.top = "100px";
    newDiv.style.left = (parseInt(document.body.scrollWidth) - 560) / 2 + "px"; // 屏幕居中  
    newDiv.style.background = "#EFEFEF";
    newDiv.style.border = "1px solid #860001";
    newDiv.style.padding = "5px";
    getUserGridSetting();
    var TargeVal = "";
    if (jsonPageObj != null) {
        for (var i = 0; i < jsonPageObj.columns.length; i++) {
            TargeVal += "<option value=\"" + jsonPageObj.columns[i].name + "\">" + jsonPageObj.columns[i].description + "</option>";
        }
    }
    var editObj = "<div style=\"float:left\"><select id=\"sel_LogColumns\" multiple=\"multiple\" style=\"width:200px;height:300px;\">"
              + "<option value=\"CLIENTNAME\">货主</option>"
              + "<option value=\"STORAGENAME\">仓库</option>"
              + "<option value=\"GOODSNAME\">品名</option>"
              + "<option value=\"hj_GOODSRKSL\">入库数量</option>"
              + "<option value=\"hj_GOODSPFSL_OUT\">出库数量</option>"
              + "<option value=\"hj_GOODSSTOCK\">库存数量</option>"
              + "<option value=\"hj_GOODSPACK\">入库件数</option>"
              + "<option value=\"hj_GOODSPACKPFSL\">出库件数</option>"
              + "<option value=\"hj_GOODSPACKSTOCK\">库存件数</option></select></div>"
              + "<div style=\"float:left; width:60px;height:210px;margin:0 auto;text-align:center;vertical-align:middle;line-height:300px; padding-top:90px\">"
              + "<div class=\"imgLeftButton\" onmousemove=\"this.className='imgLeftHoverButton'\" onmouseout=\"this.className='imgLeftButton'\" title=\"添加\" onclick=\"add()\"></div>"
              + "<div class=\"imgRightButton\" onmousemove=\"this.className='imgRightHoverButton'\" onmouseout=\"this.className='imgRightButton'\" title=\"移除\" onclick=\"remove()\"></div>"
              + "</div><div style=\"float:left;\"><select id=\"sel_VisiableColumns\" multiple=\"multiple\" style=\"width:200px;height:300px;\">" + TargeVal + "</select></div>"
              + "<div style=\"float:left; width:60px;height:210px;margin:0 auto;text-align:center;vertical-align:middle;line-height:300px; padding-top:90px\">"
              + "<div class=\"imgUpButton\" onmousemove=\"this.className='imgUpHoverButton'\" onmouseout=\"this.className='imgUpButton'\" title=\"向上\" onclick=\"up()\"></div>"
              + "<div class=\"imgDownButton\" onmousemove=\"this.className='imgDownHoverButton'\" onmouseout=\"this.className='imgDownButton'\" title=\"向下\" onclick=\"down()\"></div></div>"
              + "<div><div style=\"float:left\"><input type=\"text\" id=\"txt_rename\" style=\"height:20px;width:110px; \"/></div>"
              + "<div class=\"enterButton\" style=\"width:30px; \" onclick=\"saveRename()\">保存</div></div>"
              + "<div style=\"float:left; width:70px;\"><div class=\"enterButton\" onclick=\"pushRename()\">重命名</div></div>"
              + "<div style=\"float:left;width:100%;padding-left:120px;\"><div class=\"enterButton\" onclick=\"saveColumnHeader()\">保存</div><div class=\"enterButton\" onclick=\"cancelColumnHeader()\">取消</div></div>";
    newDiv.innerHTML = editObj;
    document.body.appendChild(newDiv);
    // mask图层  
    var newMask = document.createElement("div");
    newMask.id = m;
    newMask.style.position = "absolute";
    newMask.style.zIndex = "1";
    newMask.style.width = document.body.scrollWidth + "px";
    newMask.style.height = document.body.scrollHeight + "px";
    newMask.style.top = "0px";
    newMask.style.left = "0px";
    newMask.style.background = "#000";
    newMask.style.filter = "alpha(opacity=40)";
    newMask.style.opacity = "0.40";
    document.body.appendChild(newMask);
    // 关闭mask和新图层 
}

var sourceObj;
var targetObj;
/*
function $(id){
return document.getElementById(id);
}
*/
function add() {
    sourceObj = $("sel_LogColumns");
    targetObj = $("sel_VisiableColumns");

    for (var i = 0; i < sourceObj.options.length; i++) {
        if (sourceObj.options[i].selected) {
            if (!isExistVal(targetObj, sourceObj.options[i].value)) {
                var optionObj = document.createElement("option");
                optionObj.text = sourceObj.options[i].text;
                optionObj.value = sourceObj.options[i].value;

                targetObj.add(optionObj);
            }
        }
    }
}

function remove() {
    sourceObj = $("sel_VisiableColumns");

    for (var i = 0; i < sourceObj.options.length; i++) {
        if (sourceObj.options[i].selected) {
            sourceObj.remove(i);
            i = -1;
        }
    }
}

function up() {
    sourceObj = $("sel_VisiableColumns");

    var cacheArg = new Array();
    for (var i = 0; i < sourceObj.options.length; i++) {
        if (sourceObj.options[i].selected) {
            var optionObj = sourceObj.options[i];

            if (i > 1) {
                sourceObj.remove(i);
                sourceObj.add(optionObj, i - 1);
            } else {
                sourceObj.remove(i);
                sourceObj.add(optionObj, 0);
            }
        }
    }
}

function down() {
    sourceObj = $("sel_VisiableColumns");

    var cacheArg = new Array();
    for (var i = 0; i < sourceObj.options.length; i++) {
        if (sourceObj.options[i].selected) {
            var optionObj = sourceObj.options[i];

            if (i < sourceObj.options.length) {
                sourceObj.remove(i);
                sourceObj.add(optionObj, i + 1);
                i = i + 1;
            } else {
                sourceObj.remove(i);
                sourceObj.add(optionObj, sourceObj.options.length);
            }

        }
    }
}

function isExistVal(tagObj, val) {
    var isExist = false;
    for (var i = 0; i < tagObj.options.length; i++) {
        if (tagObj.options[i].value == val) {
            isExist = true;
            break;
        }
    }
    return isExist;
}

function getColumnWidth(gridObj, txtVal) {
    var colWidth = 50;
    var colCount = gridObj.getColumnsNum();

    for (var i = 0; i < colCount; i++) {
        var rId = mygrid_log.getRowId(i);
        var colLab = mygrid_log.getColumnLabel(i);
        if (colLab.trim() == txtVal) {
            colWidth = mygrid_log.getColWidth(i);
        }
    }

    return colWidth;
}

function getColumnIndex(tagObj, val) {
    var colIndex = 0;

    for (var i = 0; i < tagObj.options.length; i++) {
        if (tagObj.options[i].value == val) {
            colIndex = i;
            break;
        }
    }

    return colIndex;
}

function saveColumnHeader() {
    var sel_VisibleObj = $("sel_VisiableColumns");
    sourceObj = $("sel_LogColumns");

    if (sel_VisibleObj.options.length > 0) {
        document.body.removeChild(docEle("dvColumnSet"));
        document.body.removeChild(docEle("mask"));
    } else {
        document.body.removeChild(docEle("dvColumnSet"));
        document.body.removeChild(docEle("mask"));
        return
    }

    var jsonLogObj = "";

    jsonLogObj = "{\"$type\":\"DSWeb.Models.JsonColumnGroupEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",\"ShowCount\":" + pageShowCount + ",\"JsonColumnEntities\":[";

    var tempGroupJson = "";
    for (var i = 0; i < sourceObj.options.length; i++) {
        var tempJson = "";

        tempJson += "\"$type\":\"DSWeb.Models.JsonColumnEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",";

        tempJson += "\"col1\":\"\","; //gid
        tempJson += "\"col2\":\"" + sourceObj.options[i].value + "\","; //column name
        tempJson += "\"col3\":\"" + sourceObj.options[i].text + "\","; //column description
        tempJson += "\"col4\":\"" + getColumnIndex(sel_VisibleObj, sourceObj.options[i].value).toString() + "\","; //index
        tempJson += "\"col5\":\"" + getColumnWidth(mygrid_log, sourceObj.options[i].text) + "\","; //width
        tempJson += "\"col6\":" + (isExistVal(sel_VisibleObj, sourceObj.options[i].value) ? 1 : 0).toString();

        tempJson = "{" + tempJson + "}";
        if (i == sourceObj.options.length - 1) {
            tempGroupJson += tempJson;
        } else {
            tempGroupJson += tempJson + ",";
        }
    }

    jsonLogObj += tempGroupJson;
    jsonLogObj += "]}";

    $("hid_header").value = jsonLogObj;
    jsonFeeObj = null;
    //alert(jsonFeeObj);
    var myForm = document.getElementById("form1");
    myForm.submit();
}

function cancelColumnHeader() {
    document.body.removeChild(docEle("dvColumnSet"));
    document.body.removeChild(docEle("mask"));
}


var selIndex = -1;
function pushRename() {
    var selObj = $("sel_VisiableColumns");
    var iSelectCount = 0;
    selIndex = 0;
    for (var i = 0; i < selObj.options.length; i++) {
        if (selObj.options[i].selected) {
            iSelectCount++;
            selIndex = i;
        }
    }

    if (iSelectCount > 1) {
        alert("请单选要重命名的项");
    } else if (iSelectCount < 1) {
        alert("未选中要重命名的项");
    } else {
        $("txt_rename").value = selObj.options[selIndex].text;
    }


}

function saveRename() {

    var selObj = $("sel_VisiableColumns");
    var txtRenameVal = $("txt_rename").value;

    if (txtRenameVal.trim() != "") {
        if (selIndex >= 0) {
            var urlVal = "WmsWmsrateTestListGridSource.aspx?handle=rename&old_header=" + escape(selObj.options[selIndex].text.trim()) + "&new_header=" + escape(txtRenameVal.trim()) + "&val=" + newGuid() + "&search="+escape($("h_searchJson").value);

            var loader = dhtmlxAjax.getSync(urlVal);
            var loadVal = loader.xmlDoc.responseText;

            var saveState = loadVal;
            if (saveState == 1) {
                selObj.options[selIndex].text = txtRenameVal.trim();
            }
            else {
                alert("重命名失败");
            }

        }
    }
    initLog();
}

function time_custom(a, b, order) {
    a = a.split(":")
    b = a.split(":")
    if (a[0] == b[0])
        return (a[1] > b[1] ? 1 : -1) * (order == "asc" ? 1 : -1);
    else
        return (a[0] > b[0] ? 1 : -1) * (order == "asc" ? 1 : -1);
}

String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }

//---------------------------------------------------------------------------------------

//根据条件查询付费申请信息
function search() {
    var dg = new dialog();
    dg.html = "程序正在执行，请稍等！";
    //dg.html+="<input type=button onclick='new dialog().close();' value='确定'>";
    dg.width = 200;
    dg.height = 100;
    dg.title = "标题";
    dg.show();
    //
    $("h_issearch").value = "1";
    $("hid_strSel").value = "";
    GetSearchJoin(); //检查查询条件
    createGrid();
    initLog2();
    //
    setTimeout(function () {
        dg.close();
    }, 300);
}

function GetSearchJoin() {
    var outdate = $("txt_outDate").value.trim();
    if (outdate.trim() != "") {
        if (!validateDateTime(outdate)) {
            alert("计费时间格式错误");
            return;
        }
    }
    else {
        $("h_searchJson").value = "";
        return;
    }
    var isout = $("ck_isout").checked;
    $("h_outDate").value = $("txt_outDate").value;
    $("h_blno").value = $("txt_blno").value;
    var cus = $("h_customer").value;
    var blno = $("h_blno").value;
    var customno = $("txt_customno").value;

    var searchJson = "";
    searchJson += "{";
    searchJson += "[";
    searchJson += "\"cus\":\"" + cus + "\",";
    searchJson += "\"outdate\":\"" + outdate + "\",";
    searchJson += "\"isout\":\"" + isout + "\",";
    searchJson += "\"customno\":\"" + customno + "\",";
    searchJson += "\"blno\":\"" + blno + "\"";
    searchJson += "]";
    searchJson += "}";

    $("h_searchJson").value = searchJson;
}

//校验时间格式
function validateDateTime(dateTimeObj) {
    var isValid = false;

    var parseToObj = new Date(dateTimeObj.replace(/-/g, "/"));
    if (!isNaN(parseToObj)) {
        isValid = true;
    }

    return isValid;
}

//初始化界面
function initGrid() {
    $("h_customer").value = "";
    comboCustomer.setComboText($("h_customer").value);
    //$("txt_outDate").value = "";
    $("txt_blno").value = "";
    $("txt_customno").value = "";
    $("h_searchJson").value = "";
    $("hid_strSel").value = "";
    createGrid(); //重新填充数据
    initLog2();
}
//导出Excel
function setExcel() {
    if (confirm('确定要导出报表吗？')) {
        var loader = dhtmlxAjax.getSync("WmsWmsrateTestListGridSource.aspx?handle=setexcel&search=" + escape($("h_searchJson").value) + "&val=" + newGuid());
        $("hdSQL").value = loader.xmlDoc.responseText;
        //
        document.getElementById("ibExcel").click();
    }
}
//导出Excel
function setExcel2() {
    if (confirm('确定要导出报表吗？')) {
        var loader = dhtmlxAjax.getSync("WmsWmsrateTestListGridSource.aspx?handle=setexcel2&search=" + escape($("h_searchJson").value) + "&val=" + newGuid());
        $("hdSQL").value = loader.xmlDoc.responseText;
        //
        document.getElementById("ibExcel2").click();
    }
}
//导出Excel
function setExcel3() {
    if (confirm('确定要导出报表吗？')) {
        var loader = dhtmlxAjax.getSync("WmsWmsrateTestListGridSource.aspx?handle=setexcel3&search=" + escape($("h_searchJson").value) + "&val=" + newGuid());
        $("hdSQL").value = loader.xmlDoc.responseText;
        //
        document.getElementById("ibExcel2").click();
    }
}
//打印
function printFee() {
    GetSearchJoin(); //查询条件
    var strBSNO = "";
    strBSNO = mygrid_log.getCheckedRows(0); //所有选中的grid的id编号 
    var printUrl = "";
    var companyID = "";
    var typeName = "printwmsfeequery";
    var dbSourceID = "";
    var userID = "";
    GetSearchJoin();
    var url = "../Reports/ReportService.aspx?handle=printwmsfeequery&bsno=" + strBSNO + "&search=" + escape($("h_searchJson").value) + "&val=" + newGuid();
    var loader = dhtmlxAjax.getSync(url);
    var reportVal = loader.xmlDoc.responseText;
    var reportObj = null;

    if (reportVal != "") {
        reportObj = eval('(' + reportVal + ')');
        if (reportObj.reports.length > 0) {
            if (reportObj.reports[0].compid != "") {
                companyID = reportObj.reports[0].compid;
            }
            if (reportObj.reports[0].sourceid != "") {
                dbSourceID = reportObj.reports[0].sourceid;
            }
            if (reportObj.reports[0].compid != "") {
                userID = reportObj.reports[0].userid;
            }
            printUrl = "print://?comp=" + companyID + "&type=" + typeName + "&dbid=" + dbSourceID + "&uid=" + userID; //alert(printUrl);

            window.location.href = window.location.href;
            location.href = printUrl;
        }

    } else {
        alert("没有要打印的报表");
        return;
    }
}

function createComboCustomer() {//委托单位
    comboCustomer = dhtmlXComboFromSelect("sel_customer");
    comboCustomer.loadXML("../FeeCodes/WebCrmClientAdapter.aspx?mask=0&pos=0");

    comboCustomer.attachEvent("onChange", function () {
        comboCustomer.setComboText($("h_customer").value);
    });

    comboCustomer.attachEvent("onBlur", function () {
        var s1 = comboCustomer.getComboText().trim();
        var s2 = s1.indexOf("|");
        if (s2 > 0) {
            s2 = s2 + 2;
        }
        var s3 = s1.substring(s2);
        if (s2 > 0) {
            comboCustomer.setComboText(s3);
            $("h_customer").value = s3;
        }
        else {
            comboCustomer.setComboText($("h_customer").value);
        }
    });

    comboCustomer.setComboText($("h_customer").value);
    comboCustomer.attachEvent("onKeyPressed", function (keyCode) {
        if (keyCode != "8") {
            var arrayArg = new Array();
            setTimeout(function () {
                var filterCount = 0;
                var is = -1;
                var ishd = $("h_customer").value.trim();
                if ("" != comboCustomer.getComboText().trim()) {
                    while ("undefined" != typeof comboCustomer.getOptionByIndex(filterCount)) {
                        var comboValue = comboCustomer.getOptionByIndex(filterCount).text.toUpperCase(); //.value;
                        var enterValue = comboCustomer.getComboText().trim().toUpperCase();
                        $("h_customer").value = comboCustomer.getComboText().trim().toUpperCase();
                        if (comboValue.indexOf(enterValue) == 0) {
                            comboCustomer.selectOption(filterCount, true, true);
                            is = filterCount;
                            break;
                        }
                        ++filterCount;
                    }
                    if (is == -1) {
                        $("h_customer").value = ishd;
                        alert("无此内容，请重新选择！");
                    }
                }
            }, 10);
        }
    });

    comboCustomer.attachEvent("onSelectionChange", function () {
        $("h_customer").value = comboCustomer.getComboText().trim();
    });
}

function initComboGoods() {//货物描述类型ok
    comboCustomer = new TCombo("sel_goods", "../SeaiFee/WmsRateGridSource.aspx?handle=goodslist", true, true, false, true, "h_goods");
    comboCustomer.initComboEvent();
    comboCustomer.bind();
}
function createComboGoods() {//货物描述类型ok
    comboGoods = dhtmlXComboFromSelect("sel_goods");
    comboGoods.loadXML("../SeaiFee/WmsRateGridSource.aspx?handle=goodslist");

    comboGoods.setOptionWidth(200);

    comboGoods.attachEvent("onChange", function () {
        comboGoods.setComboText($("h_goods").value);
    });

    comboGoods.attachEvent("onBlur", function () {
        var s1 = comboGoods.getComboText().trim();
        var s2 = s1.indexOf("|");
        if (s2 > 0) {
            s2 = s2 + 2;
        }
        var s3 = s1.substring(s2);
        if (s2 > 0) {
            comboGoods.setComboText(s3);
            $("h_goods").value = s3;
        }
        else {
            comboGoods.setComboText($("h_goods").value);
        }
    });

    comboGoods.setComboText($("h_goods").value);
    comboGoods.attachEvent("onKeyPressed", function (keyCode) {
        if (keyCode != "8") {
            var arrayArg = new Array();
            setTimeout(function () {
                var filterCount = 0;
                var is = -1;
                var ishd = $("h_goods").value.trim();
                if ("" != comboGoods.getComboText().trim()) {
                    while ("undefined" != typeof comboGoods.getOptionByIndex(filterCount)) {
                        var comboValue = comboGoods.getOptionByIndex(filterCount).text.toUpperCase(); //.value;
                        var enterValue = comboGoods.getComboText().trim().toUpperCase();
                        $("h_goods").value = comboGoods.getComboText().trim().toUpperCase();
                        if (comboValue.indexOf(enterValue) == 0) {
                            comboGoods.selectOption(filterCount, true, true);
                            is = filterCount;
                            break;
                        }
                        ++filterCount;
                    }
                    if (is == -1) {
                        $("h_goods").value = ishd;
                        alert("无此内容，请重新选择！");
                    }
                }
            }, 10);
        }
    });

    comboGoods.attachEvent("onSelectionChange", function () {
        $("h_goods").value = comboGoods.getComboText().trim();
    });
}

function initCombo() {
    createComboCustomer(); //结算单位
}

//全选框
function checkall() {
    var checkStatus = $("ck_all").checked;
    if (checkStatus == 1) {
        var iCount = mygrid_log.getRowsNum();
        for (var i = 0; i < iCount; i++) {
            mygrid_log.cellByIndex(i, 0).setValue(1);
        }
    }
    else {
        var iCount = mygrid_log.getRowsNum();
        for (var i = 0; i < iCount; i++) {
            mygrid_log.cellByIndex(i, 0).setValue(0);
        }
    }
}

function dialog() {
    this.width = 450;
    this.height = 360;
    this.title_height = 20;
    this.html = '';
    this.title = '';
    var self = this;
    var bgObj, msgObj, titleObj;
    this.close = function () {
        document.body.removeChild(document.getElementById("bgDiv"));
        document.getElementById("msgDiv").removeChild(document.getElementById("msgTitle"));
        document.body.removeChild(document.getElementById("msgDiv"));
    }

    this.show = function () {
        var msgw, msgh, bordercolor;
        msgw = self.width;
        msgh = self.height;
        bordercolor = "#336699";
        titlecolor = "#99CCFF";

        var sWidth, sHeight;
        sWidth = document.body.offsetWidth;
        sHeight = screen.height;
        bgObj = document.createElement("div");
        bgObj.setAttribute('id', 'bgDiv');
        bgObj.style.position = "absolute";
        bgObj.style.top = "0";
        bgObj.style.background = "#777";
        bgObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
        bgObj.style.opacity = "0.6";
        bgObj.style.left = "0";
        bgObj.style.width = sWidth + "px";
        bgObj.style.height = sHeight + "px";
        bgObj.style.zIndex = "10000";
        document.body.appendChild(bgObj);

        msgObj = document.createElement("div")
        msgObj.setAttribute("id", "msgDiv");
        msgObj.setAttribute("align", "center");
        msgObj.style.background = "white";
        msgObj.style.border = "1px solid " + bordercolor;
        msgObj.style.position = "absolute";
        msgObj.style.left = "50%";
        msgObj.style.top = "30%";
        msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
        msgObj.style.marginLeft = "-225px";
        msgObj.style.marginTop = -75 + document.documentElement.scrollTop + "px";
        msgObj.style.width = msgw + "px";
        msgObj.style.height = msgh + "px";
        msgObj.style.textAlign = "center";
        msgObj.style.lineHeight = "25px";
        msgObj.style.zIndex = "10001";

        titleObj = document.createElement("h4");
        titleObj.setAttribute("id", "msgTitle");
        titleObj.setAttribute("align", "center");
        titleObj.style.margin = "0";
        titleObj.style.padding = "3px";
        titleObj.style.background = bordercolor;
        titleObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
        titleObj.style.opacity = "0.75";
        titleObj.style.border = "1px solid " + bordercolor;
        titleObj.style.height = self.title_height + "px";
        titleObj.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";
        titleObj.style.color = "white";
        titleObj.style.cursor = "pointer";
        titleObj.innerHTML = self.title;
        //titleObj.onclick=function(){self.close();} 
        document.body.appendChild(msgObj);
        document.getElementById("msgDiv").appendChild(titleObj);
        var txt = document.createElement("div");
        txt.style.margin = "1em 0"
        txt.setAttribute("id", "msgTxt");
        txt.innerHTML = self.html;
        document.getElementById("msgDiv").appendChild(txt);
    }
}
function msgBox() {
    var dg = new dialog();
    dg.html = "程序正在提交，请稍等！";
    //dg.html+="<input type=button onclick='new dialog().close();' value='确定'>";
    dg.width = 200;
    dg.height = 100;
    dg.title = "标题";
    dg.show();
}