弹出框时不时的弹出父页面的内容,经过测试与页面表格样式无关,忘有大神帮忙解决一下。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管线综合数据展示</title>
<script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<!--<script type="text/javascript" src="Scripts/jquery-1.9.1.js"></script>-->
<script type="text/javascript" src="Scripts/artDialog4.1.7/artDialog.js?skin=blue"></script>
<script id="artdailog_js" type="text/javascript" src="Scripts/artDialog4.1.7/artDialog.js?skin=blue"></script>
<script type="text/javascript" src="Scripts/artDialog4.1.7/plugins/iframeTools.js"></script>
<!--<script type="text/javascript" src="Scripts/jquery.freezeheader.js"></script>
<link href="Style/style.css" rel="stylesheet" />-->
</head>
<style type="text/css">
body {
font: normal 11px auto "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
background: #E6EAE9;
}
#tableData {
width: 150%;
height: 800px;
padding: 0;
margin: 0;
}
table.tableData caption {
padding: 0 0 5px 0;
width: 700px;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
table.tableData th {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 6px 6px 6px 12px;
background: #7c7c7c no-repeat;
}
table.tableData th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}
table.tableData td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size: 12px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
table.tableData td.alt {
background: #F5FAFA;
color: #797268;
}
table.tableData th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
table.tableData th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
html > body td {
font-size: 12px;
}
body, td, th {
font-family: 宋体, Arial;
font-size: 14px;
}
html, body, #d_table {
padding: 0;
margin: 0;
height: 99%;
}
#d_table > table {
height: 99%;
}
</style>
<script type="text/javascript">
//$(document).ready(function () {
// $("#tableData").freezeHeader({ 'height': '600px' });
//})
function flashData() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "/WebServices/TableEdit.asmx/ShowList",
data: {},
dataType: "json",
success: function (result) {
if (result.d != "") {
var d = JSON.parse(result.d);
flashList(d);
}
else {
}
}
});
}
function flashList(d) {
var d = d;
var tip = '<caption></caption>' +
'<tr style="width:100%;" id="flagRow">' +
'<th id="col1" scope="col">序号</th>' +
'<th id="col2" scope="col">管线名称</th>' +
'<th id="col3" scope="col">阀门信息</th>' +
'<th id="col4" scope="col">三通信息</th>' +
'<th id="col5" scope="col">套管信息</th>' +
'<th id="col6" scope="col">穿跨越信息</th>' +
'<th id="col12" scope="col">打孔盗油</th>' +
'<th id="col18" scope="col">第三方施工</th>' +
'<th id="col19" scope="col">第三方占压</th>' +
'<th id="col7" scope="col">恒电位仪</th>' +
'<th id="col8" scope="col">绝缘接头</th>' +
'<th id="col9" scope="col">保护电位</th>' +
'<th id="col10" scope="col">巡线计划</th>' +
'<th id="col11" scope="col">巡线记录</th>' +
'<th id="col13" scope="col">汛情记录</th>' +
'<th id="col14" scope="col">地质灾害</th>' +
'<th id="col15" scope="col">清管作业</th>' +
'<th id="col16" scope="col">设施修复</th>' +
'<th id="col17" scope="col">管体修复</th>' +
'<th id="col18" scope="col">管堤修复</th>' +
'<th id="col19" scope="col">防腐层修复</th>' +
'<th id="col20" scope="col">三桩一牌修复</th>' +
'<th id="col21" scope="col">管道分析</th>' +
'</tr>';
var _tmp = [];
_tmp.push(tip);
if (d != "") {
$.each(d, function (i, record) {
var tmp =
'<tr>' +
'<td>' + parseInt(i + 1) + '</td>' +//0,1
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem(\'' + record["LINELOOPEVENTID"] + '\')\">' + record["SERIESNAME"] + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'135\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["FMXX"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'127\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["STXX"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'121\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["TGXX"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'38\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["KYXX"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'202\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["DKDY"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'234\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["DSFSG"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'201\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["DSFZY"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'172\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["HDWY"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'211\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["JYJT"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'237\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["BHDW"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'4\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["XXJH"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'6\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["XXJL"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'159\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["XQJL"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'161\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["DZZH"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'191\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["QGZY"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'194\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["SSXF"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'169\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["GTXF"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'170\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["GIXF"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'185\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["FFCXF"]) + '<\label></td>' +
'<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'181\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["SZYPXF"]) + '<\label></td>' +
'<td>' +
'<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'ybdwfx\',\'' + record["SERIESNAME"] + '\')\">阴保电位分析<\label>| ' +
'<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'gdfspj\',\'' + record["SERIESNAME"] + '\')\">管道腐蚀评价<\label>| ' +
'<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'zsdlpj\',\'' + record["SERIESNAME"] + '\')\">杂散电流评价<\label>| ' +
'<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'ffcpsdpj\',\'' + record["SERIESNAME"] + '\')\">防腐层破损点评价<\label>| ' +
'<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'ghgqyl\',\'' + record["SERIESNAME"] + '\')\">高后果区游览<\label>| ' +
'</td>' +
'</tr>';
_tmp.push(tmp);
});
}
$('table').html(_tmp);
}
function zearoTonull(a) {
if (a == '0') {
return "";
} else {
return a;
}
}
//数据查看窗口
function lookItem(keyid) {
var tid = '218';
var keyid = keyid;
if (keyid != "" && keyid != null) {
var url = "LookInfo.aspx?id=" + tid + "&keyid=" + keyid; //url地址
var artcfg = {
id: "lookItem" + tid + keyid,
title: "查看数据详细信息",
padding: 0,
lock: false
};
art.dialog.close();
art.dialog.open(url, artcfg);
}
else {
NormalMsg("您还未选择要查看的记录");
}
}
function lookItem_query(tid, keyid, queryType) {
var tid = tid;
var keyid = keyid;
var where = "";
if (queryType == 'name') {
if (tid == '172' || tid == '211' || tid == '237' || tid == '230' || tid == '232' || tid == '4' || tid == '234' || tid == '169' || tid == '170' || tid == '185' || tid == '181') {
where = " where PIPELINE_NAME='" + keyid + "'";
} else {
where = " where pipename='" + keyid + "'";
}
} else {
where = " where stationserieseventid='" + keyid + "'";
}
if (tid == '194') {
where = " where PIPELINE_NAME='" + keyid + "' and HANDLE_FLAG='处理中'";
}
if (tid != "" && tid != null) {
var url = "TableList.aspx?id=" + tid + "&type=query&where=" + where + "&showType=zhzs"; //url地址
var artcfg = {
id: "lookItem_query" + tid + keyid,
title: "查看数据列表",
padding: 0,
width: '80%',
height: '60%',
lock: true
};
art.dialog.close();
art.dialog.open(url, artcfg);
}
else {
NormalMsg("您还未选择要查看的记录");
}
}
function lookItem_fx(type, pipename) {
if (type != "" && type != null) {
var url = "";
var title = "";
if (type == 'ybdwfx') {
url = 'http://10.79.1.57:81/Charts/ProtectivePotentialAnalysis.aspx?pname=' + pipename;
title = "阴保电位分析";
}
if (type == 'gdfspj') {
url = 'http://10.79.1.57:81/GisList.aspx?tid=225&pname=' + pipename;
title = "管道腐蚀评价";
}
if (type == 'zsdlpj') {
url = 'http://10.79.1.57:81/GisList.aspx?tid=221&pname=' + pipename;
title = "杂散电流评价";
}
if (type == 'ffcpsdpj') {
url = 'http://10.79.1.57:81/GisList.aspx?tid=220&pname=' + pipename;
title = "防腐层破损点评价";
}
if (type == 'ghgqyl') {
url = 'http://10.79.1.57:81/GisList.aspx?tid=188&pname=' + pipename;
title = "高后果区游览";
}
var artcfg = {
id: "lookItem_fx" + type,
title: title,
padding: 0,
width: '80%',
height: '80%',
lock: true
};
//art.dialog.open(url, artcfg);
window.open(url, "newwindow", "height=600, width=800, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
}
else {
NormalMsg("您还未选择要查看的记录");
}
}
</script>
<body onload="flashData()">
<div style="width: 100%; overflow: auto" id="d_table">
<table id="tableData" cellpadding="0" cellspacing="0" class="tableData">
<tr>
<td>
<div class="loading"></div>
</td>
</tr>
</table>
</div>
</body>
</html>