You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
875 lines
32 KiB
JavaScript
875 lines
32 KiB
JavaScript
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 = "420px";
|
|
}
|
|
else if (winScreenWidth >= 1366 && winScreenWidth >= 768) {
|
|
document.getElementById("mygrid_container_log").style.height = "340px";
|
|
}
|
|
else if (winScreenWidth >= 1024 && winScreenWidth >= 768) {
|
|
document.getElementById("mygrid_container_log").style.height = "300px";
|
|
}
|
|
}
|
|
|
|
function initLog() {
|
|
//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("30,100,120,130,80,100,80,100,80,70,80,60,80,60");
|
|
}
|
|
mygrid_log.setColAlign("center,center,left,left,left,left,left,left,left,left,left,left,left,left");
|
|
mygrid_log.setColSorting("na,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");
|
|
mygrid_log.init();
|
|
|
|
mygrid_log.load("BoxBusinessGridSource.aspx?handle=list&show_page=" + pageShowCount + "&cur_page=1" + "&tdh=" + $("txt_tdh").value + "&cm=" + encodeURI($("txt_cm").value) + "&hc=" + $("txt_hc").value + "&xh=" + $("txt_xh").value + "&dsdate=" + $("dsdate").value + "&dedate=" + $("dedate").value + "&asdate=" + $("asdate").value + "&aedate=" + $("aedate").value + "&isdate=" + $("isdate").value + "&iedate=" + $("iedate").value, "json");
|
|
|
|
//
|
|
setTimeout(function() {
|
|
initPage();
|
|
createGrid();
|
|
}, 300);
|
|
|
|
}
|
|
|
|
function getUserGridSetting() {
|
|
var urlVal = "BoxBusinessGridSource.aspx?handle=setting&val=" + newGuid() + "&tdh=" + $("txt_tdh").value + "&cm=" + encodeURI($("txt_cm").value) + "&hc=" + $("txt_hc").value + "&xh=" + $("txt_xh").value + "&dsdate=" + $("dsdate").value + "&dedate=" + $("dedate").value + "&asdate=" + $("asdate").value + "&aedate=" + $("aedate").value + "&isdate=" + $("isdate").value + "&iedate=" + $("iedate").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>|<</span></a>';
|
|
str += '<a href="javascript://' + (self.index - 1) + '"><span><<</span></a>';
|
|
} else {
|
|
str += '<span>|<</span>';
|
|
str += '<span><<</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>>></span></a>';
|
|
str += '<a href="javascript://' + self.pageCount + '"><span>>|</span></a>';
|
|
} else {
|
|
str += '<span>>></span>';
|
|
str += '<span>>|</span>';
|
|
}
|
|
}
|
|
str += ' 一共' + self.pageCount + '页, ' + self.itemCount + '条记录 ' + ' 每页显示: ' + "<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 = "BoxBusinessGridSource.aspx?handle=page&val=" + newGuid() + "&tdh=" + $("txt_tdh").value + "&cm=" + encodeURI($("txt_cm").value) + "&hc=" + $("txt_hc").value + "&xh=" + $("txt_xh").value + "&dsdate=" + $("dsdate").value + "&dedate=" + $("dedate").value + "&asdate=" + $("asdate").value + "&aedate=" + $("aedate").value + "&isdate=" + $("isdate").value + "&iedate=" + $("iedate").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("30,100,120,130,80,100,80,100,80,70,80,60,80,60");
|
|
}
|
|
mygrid_log.setColAlign("center,center,left,left,left,left,left,left,left,left,left,left,left,left");
|
|
mygrid_log.setColSorting("na,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");
|
|
mygrid_log.init();
|
|
|
|
setTimeout(function() {
|
|
mygrid_log.load("BoxBusinessGridSource.aspx?handle=list&show_page=" + pager.size.toString() + "&cur_page=" + index + "&tdh=" + $("txt_tdh").value + "&cm=" + encodeURI($("txt_cm").value) + "&hc=" + $("txt_hc").value + "&xh=" + $("txt_xh").value + "&dsdate=" + $("dsdate").value + "&dedate=" + $("dedate").value + "&asdate=" + $("asdate").value + "&aedate=" + $("aedate").value + "&isdate=" + $("isdate").value + "&iedate=" + $("iedate").value, "json");
|
|
}, 300);
|
|
|
|
initMenu();
|
|
createGrid();
|
|
};
|
|
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/> 您已更改了视图设置 是否保存<br/><br/><br/> ";
|
|
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 += " ";
|
|
|
|
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("30,100,120,130,80,100,80,100,80,70,80,60,80,60");
|
|
mygrid_log.setColAlign("center,center,left,left,left,left,left,left,left,left,left,left,left,left");
|
|
mygrid_log.setColSorting("na,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");
|
|
mygrid_log.init();
|
|
// mygrid_log.enableDragAndDrop(true);
|
|
// mygrid_log.enableDragOrder(true);
|
|
// mygrid_log.enableColumnMove(true);
|
|
|
|
setTimeout(function() {
|
|
mygrid_log.load("BoxBusinessGridSource.aspx?handle=list&show_page=" + pageShowCount + "&cur_page=1" + "&tdh=" + $("txt_tdh").value + "&cm=" + encodeURI($("txt_cm").value) + "&hc=" + $("txt_hc").value + "&xh=" + $("txt_xh").value + "&dsdate=" + $("dsdate").value + "&dedate=" + $("dedate").value + "&asdate=" + $("asdate").value + "&aedate=" + $("aedate").value + "&isdate=" + $("isdate").value + "&iedate=" + $("iedate").value, "json");
|
|
}, 300);
|
|
|
|
initPage();
|
|
initMenu();
|
|
createGrid();
|
|
}
|
|
|
|
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=\"CODENAME\">编码</option>"
|
|
+ "<option value=\"SHORTNAME\">公司简称</option>"
|
|
+ "<option value=\"DESCRIPTION\">公司全称</option>"
|
|
+ "<option value=\"TEL\">联系电话</option>"
|
|
+ "<option value=\"FAX\">传真</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 = "BoxBusinessGridSource.aspx?handle=rename&old_header=" + escape(selObj.options[selIndex].text.trim()) + "&new_header=" + escape(txtRenameVal.trim()) + "&val=" + newGuid() + "&tdh=" + $("txt_tdh").value + "&cm=" + encodeURI($("txt_cm").value) + "&hc=" + $("txt_hc").value + "&xh=" + $("txt_xh").value + "&dsdate=" + $("dsdate").value + "&dedate=" + $("dedate").value + "&asdate=" + $("asdate").value + "&aedate=" + $("aedate").value + "&isdate=" + $("isdate").value + "&iedate=" + $("iedate").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);
|
|
}
|
|
|
|
//全选框
|
|
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);
|
|
}
|
|
}
|
|
}
|
|
String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); } |