| | |
|---|
| | | // 数据源 |
|---|
| | | var data = { |
|---|
| | | id:1 |
|---|
| | | /*****************table渲染******************/ |
|---|
| | | |
|---|
| | | setTimeout(function(){ |
|---|
| | | setHead(); |
|---|
| | | setBody(); |
|---|
| | | },500) |
|---|
| | | |
|---|
| | | setInterval(function(){ |
|---|
| | | setBody(); |
|---|
| | | changeTd(); |
|---|
| | | },5000) |
|---|
| | | |
|---|
| | | |
|---|
| | | /*****************header*********************/ |
|---|
| | | |
|---|
| | | function setHead() { |
|---|
| | | $('#tab-header').empty() |
|---|
| | | var headStr = [] |
|---|
| | | for (var i = 0; i < headData.length; i++) { |
|---|
| | | str = '<th class="projectName">' + headData[i] + '</th>' |
|---|
| | | headStr += str |
|---|
| | | } |
|---|
| | | headStr = '<tr>' + headStr + '</tr>' |
|---|
| | | $('#tab-header').append(headStr) |
|---|
| | | } |
|---|
| | | // 表格渲染 |
|---|
| | | |
|---|
| | | /*****************body***********************/ |
|---|
| | | |
|---|
| | | function setBody() { |
|---|
| | | for (var i = 0; i < bodyData.length; i++) { |
|---|
| | | for (var k in bodyData[i]) { |
|---|
| | | if (bodyData[i][k] == null) { |
|---|
| | | bodyData[i][k] = '' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | $('#tab-body').empty() |
|---|
| | | var bodyStr = [] |
|---|
| | | for (var i = 0; i < bodyData.length; i++) { |
|---|
| | | str = '<tr>' + '<td class="projectName">' + bodyData[i].name + '</td>' |
|---|
| | | + '<td>' + bodyData[i].orderDesc + '</td>' |
|---|
| | | + '<td>' + bodyData[i].salesman + '</td>' |
|---|
| | | + '<td>' + bodyData[i].presaleAmt + '</td>' |
|---|
| | | + '<td>' + bodyData[i].predeDate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].preinDate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realMonth + '</td>' |
|---|
| | | + '<td>' + bodyData[i].weight + '</td>' |
|---|
| | | + '<td>' + bodyData[i].installMk + '</td>' |
|---|
| | | + '<td>' + bodyData[i].deliveryMk + '</td>' |
|---|
| | | + '<td>' + bodyData[i].custMan + '</td>' |
|---|
| | | + '<td>' + bodyData[i].custMobile + '</td>' |
|---|
| | | + '<td>' + bodyData[i].custAdress + '</td>' |
|---|
| | | + '<td>' + bodyData[i].progressRate + '</td>' |
|---|
| | | + '<td>' + bodyData[i].planCarInfo + '</td>' |
|---|
| | | + '<td>' + bodyData[i].plandeDate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realdeDate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].planinDate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realinDate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].plandeAmt + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realdeAmt + '</td>' |
|---|
| | | + '<td>' + bodyData[i].planinAmt + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realinAmt + '</td>' |
|---|
| | | + '<td>' + bodyData[i].planFADate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realFADate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].planLADate0$ + '</td>' |
|---|
| | | + '<td>' + bodyData[i].realLADate0$ + '</td>' |
|---|
| | | + '</tr>' |
|---|
| | | bodyStr += str |
|---|
| | | } |
|---|
| | | $('#tab-body').append(bodyStr) |
|---|
| | | |
|---|
| | | } |
|---|
