js拼接html表格,开发中 js 拼table页面 以及触发事件

define([ 'akui', 'dmAgent', 'propWindow' ], function(ak, dm) {

var me;

var statisticsQuery = function() {

me = this;

};

var qbutn, date1, date2, qbtn, qGrid, gridMenu,copyOp,tjGrid,qtj;

var czrwtxt, czdwtxt, lxbox, bhtxt, xgrybox, zttxt;

var containerDIV, topDIV, bottomDIV;

function guigui(){

alert("guigui");

}

var init = function(){

dmagent = new dm();

butn = $("#butn");

// qtj=$("#tj");

date1 = ak("date1");

date2 = ak("date2");

zttxt = ak("zttxt");

var start = new Date();

start.setDate(-8);

date1.setValue(ak.formatDate(start,'yyyy-MM-dd'));

date2.setValue(ak.formatDate(new Date(),'yyyy-MM-dd'));

// querypxFilterSerValue();

butn.on('click', function() {

conditionQuery();

});

}

function conditionQuery(){

var start = date1.getValue();

var end = date2.getValue();

var zt = $("#zttxt")[0].value;

var s="";

if(start)

s=s+"开始时间："+start.substring(0,10)+"，";

if(end)

s=s+"结束时间："+end.substring(0,10)+"，";

if(zt)

s=s+"状态："+zt+"，";

if(s){

s=s.substring(0,s.length-1);

$("#cxk").show();

$("#cxk").text("查询条件>>"+s);

}

var adata = {};

adata.kssj = start.substring(0,10);

adata.jssj = end.substring(0,10);

adata.zssz=zt;

var ajson = ak.encode(adata);

//取票信息

var url = ak.mappath("~/api/ticketpx/query/queryAllTicket");

var data = forSendSync(url, ajson);

var t_idsArray = new Array();//id

var t_timeArray = new Array();//存时间

var t_numArray = new Array();//票号数量

var t_bhArray = new Array();//编号

var t_ztArray = new Array();//状态

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

//循环获取所有操作票ID

for(var i = 0;i < data.length;i++){

var tempArray = new Array();

var ticketTemp_i = data[i];

var ids = ticketTemp_i.id;

//操作令id

var dataUrl= ak.mappath("~/api/ticket/inspector/openTicket?ticketId="+ticketTemp_i.id);

var gData=ak.sendSync(dataUrl,"post",ak.encode({"orders":[{"asc":"xh"}]}));

var tempTicketOrders = gData.data.ticketOrders;

//循环操作令

for(var g=0;g

var ztNow = 2;

//一条操作令状态执行状态：0待执行；1执行中；2已执行；3作废。默认为0

var Czpzxzt=tempTicketOrders[g].zxzt;

if(Czpzxzt == "0"){

ztNow = 0;

break;

}else if (Czpzxzt == "1"){

ztNow = 1;

}

}

t_ztArray.push(ztNow);

tempArray.push(ticketTemp_i.czpbh == "" ? "编号为空" : ticketTemp_i.czpbh);

var nprTime_i = ticketTemp_i.nprTime;

var nprTime_i_vals = nprTime_i.split(":");

var num = 1;

if(i == data.length - 1){

t_timeArray.push(nprTime_i_vals[0].split(" ")[1]+":"+nprTime_i_vals[1]);//???

t_numArray.push(num);

t_bhArray.push(tempArray);

t_idsArray.push(ids);

}else{

for(var j = i+1;j < data.length;j++){

var ticketTemp_j = data[j];

var nprTime_j = ticketTemp_j.nprTime;

var nprTime_j_vals = nprTime_j.split(":");

if(nprTime_i_vals[0] == nprTime_j_vals[0] && nprTime_i_vals[1] == nprTime_j_vals[1]){

num++;

ids += "@" + ticketTemp_j.id;

tempArray.push(nprTime_j.czpbh == "" ? "编号为空" : nprTime_j.czpbh);

}else{

t_timeArray.push(nprTime_i_vals[0].split(" ")[1]+":"+nprTime_i_vals[1]);

t_numArray.push(num);

t_bhArray.push(tempArray);

t_idsArray.push(ids);

i = j - 1;

break;

}

}

}

}

var tableStr = "

for(var i = 0;i < t_timeArray.length;i++){

var timeDiv = "";

if(t_ztArray[i] == 0){

timeDiv = "

"+t_timeArray[i]+"

";

}else if(t_ztArray[i] == 1){

timeDiv = "

"+t_timeArray[i]+"

";

}else{

timeDiv = "

"+t_timeArray[i]+"

";

}

tableStr += "

" + timeDiv+"";

}

tableStr += "

";

//2

for(var i = 0;i < t_numArray.length;i++){

tableStr += "

" + t_numArray[i]+"";

}

tableStr += "

";

//3

for(var i = 0;i < t_bhArray.length;i++){

tableStr += "

";

var tempIds = t_idsArray[i].split("@");

for(var j = 0;j < tempIds.length;j++){

//chaling

var dataUrl= ak.mappath("~/api/ticket/inspector/openTicket?ticketId="+tempIds[j]);

var gData=ak.sendSync(dataUrl,"post",ak.encode({"orders":[{"asc":"xh"}]}));

var tempTicketOrders = gData.data.ticketOrders;

for(var m = 0;m < tempTicketOrders.length;m++){

tableStr += "

"+tempTicketOrders[m].bh+"

";

}

}

tableStr += "

";

}

tableStr += "

";

$("#showInfo").html(tableStr);

$("#czpXxInfo").html("");

}

statisticsQuery.prototype = {

init : init

};

return statisticsQuery;

});

function div_onclick(e){

var czpIds = e.id.split("@");

for(var i = 0;i < czpIds.length;i++){

var dataUrl= ak.mappath("~/api/ticket/inspector/openTicket?ticketId="+czpIds[i]);

var gData=ak.sendSync(dataUrl,"post",ak.encode({"orders":[{"asc":"xh"}]}));

//var Czpzxzt=gData.datadaticketOrders.zxzt;

var tempTicket = gData.data.ticket;

var tempTicketOrders = gData.data.ticketOrders;

//拼页面

var czpHtml = "

"

"+

(tempTicket.czpbh == "" ? "编号为空" : tempTicket.czpbh) +"

" +

"

操 作 票 编 号："+

(tempTicket.czpbh == "" ? "编号为空" : tempTicket.czpbh)+"

" +

"

操 作 单 位："+

tempTicket.czdw+"

" +

"

拟 票 人："+

tempTicket.npr+"

拟 票 时 间："+

tempTicket.nprTime+"

" +

"

操 作 任 务："+

tempTicket.czmd+"

" +

"

备 注："+

tempTicket.bz+"

";

//上面：票

//下面：令

czpHtml += "

czpHtml += "

操作类型编号" +

"

操作单位项号" +

"

操作内容预发调度员" +

"

预发时间";

for(var j = 0;j < tempTicketOrders.length;j++){

var orderTemp = tempTicketOrders[j];

var czfs = orderTemp.czfs;

if(czfs == "1"){

czfs = "监控班";

}else if(czfs == "2"){

czfs = "运维班";

}

czpHtml += "

"+czfs+""+orderTemp.bh+"" +

"

"+orderTemp.czdw+""+orderTemp.xh+"" +

"

"+orderTemp.cznr+""+(orderTemp.yfr == null ? "" : orderTemp.yfr)+"" +

"

"+(orderTemp.yfsj == null ? "" : orderTemp.yfsj)+"";

}

czpHtml += "

";

}

$("#czpXxInfo").html(czpHtml);

};