解析json数据动态构建表格
' +
'- 代码实例
' +
'井下人员跟踪定位安全系统
' +
''+
'' +
'
'+
'人员定位
' +
'' +
''+
'
' +
'' +
'
';
var obj = JSON.parse(data);
if("pump" in obj) {
var pump = obj.pump;
var contentHtml = '';
contentHtml += '检测监控
' +
'' +
'本公司是由大连理工大学、大连民勇集团股份有限公司等单位的科技人员组成， 共有员工100余人，从事高端技术的创新研发。' +
'成功研制了人工智能机器人、kj323型矿井人员跟踪定位管理系统、多媒体语言教室系统、gps综合视频成像及诊断系统等，' +
'多次荣获国际、国家级奖励。解决国内外矿井生产管理系统，满足企业迫切需求， 公司成功研制了kj323型矿井人员跟踪定位管理系统。 ' +
'该系统采用了国际上最先井的zigbee无线传感器网络技术和2.4g射频识别技术， 具备信号覆盖广、数据实时更新、精确度高等特点，' +
'真正意义上实现了井下人员的跟踪定位。 应用该系统可以极大的提高矿井生产企业的安全管理水平，安全监管力度， 为应急援救提供最及时、' +
'准确、可靠的信息。'+
'
' +
'';
for (var i = 0; i ';
if(pump_state==0) {
contentHtml += '
' +
'
';
}else {
contentHtml += '
' +
'
';
}
contentHtml += '
'+
'';
contentHtml += '
';
}
contentHtml += '';
html += '' +
'
' +
'
'+
'
';
}
if("ventilate" in obj) {
var ventilate = obj.ventilate;
var contentHtml = '';
contentHtml += '' +
'排水系统' +
'
' +
'' +
contentHtml+
'
'+
'';
for (var i = 0; i ';
if(ventilate_state==0) {
contentHtml += '
' +
'
';
}else {
contentHtml += '
' +
'
';
}
contentHtml += ''+
'';
contentHtml += '
';
}
contentHtml += '';
html += '' +
'
' +
'
'+
'
';
}
if("compressedAir" in obj) {
var compressedAir = obj.compressedAir;
var contentHtml = '';
contentHtml += '' +
'通风系统
' +
'' +
contentHtml+
'
'+
'';
for (var i = 0; i ';
if(compressedAir_state==0) {
contentHtml += '
' +
'
';
}else {
contentHtml += '
' +
'
';
}
contentHtml += ''+
'';
contentHtml += '
';
}
contentHtml += '';
html += '' +
'
' +
'
'+
'
';
}
if("transport" in obj) {
var transport = obj.transport;
var contentHtml = '';
contentHtml += '' +
'压风系统
' +
'' +
contentHtml+
'
'+
'';
for (var i = 0; i ';
if(transport_state==0) {
contentHtml += '
' +
'
';
}else {
contentHtml += '
' +
'
';
}
contentHtml += ''+
'';
contentHtml += '
';
}
contentHtml += '';
html += '' +
'
' +
'
'+
'
';
}
if("broadcast" in obj) {
var broadcast = obj.broadcast;
var contentHtml = '';
contentHtml += '' +
'皮带运输
' +
'' +
contentHtml+
'
'+
'';
for (var i = 0; i ';
if(broadcast_state==0) {
contentHtml += '
' +
'
';
}else {
contentHtml += '
' +
'
';
}
contentHtml += ''+
'';
contentHtml += '
';
}
contentHtml += '';
html += '' +
'
' +
'
'+
'
';
}
if("video" in obj) {
var video = obj.video;
var contentHtml = '';
contentHtml += '' +
'广播系统
' +
'' +
contentHtml+
'
'+
'';
for (var i = 0; i '+
'
' +
'
' +
'
';
}
contentHtml += '';
html += '' +
'
'+
'
';
}
html += '' +
'视频系统
' +
'' +
contentHtml+
'
'+
'' +
'' +
'
';
$("#content").append(html);
}
//地图点击事件
function jf_map(id) {
alert(id);
}
//菜单栏点击事件
function jf_navigation(str) {
alert(str);
}
//视频点击事件
function jf_video(id) {
alert(id);
}
//设置div高度
function jf_setHeight() {
$(".pump_div").css("height",$(".pump_content").height()+5);
$(".ventilate_div").css("height",$(".ventilate_content").height()+5);
$(".compressedAir_div").css("height",$(".compressedAir_content").height()+5);
$(".transport_div").css("height",$(".transport_content").height()+5);
$(".broadcast_div").css("height",$(".broadcast_content").height()+5);
$(".video_div").css("height",$(".video_content").height()+5);
}
' +
'2015-2025 ' +
'
' +
'- 效果展示
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/3536/viewspace-2801216/ ，如需转载，请注明出处，否则将追究法律责任。
请登录后发表评论
登录
全部评论
