插件(表一)开始
$('#tableL01').bootstrapTable({
height:268,//模拟数据
columns: [[{
align:'center',valign:'middle',field: 'lhc',title: '来耗存',rowspan:2
},{
align:'center',field: 'dr',title: '当日',colspan:3
},field: 'bz',title: '本周',field: 'by',title: '本月',colspan:3}],[{
align:'center',field: 'drbq',title: '本期'
},field: 'drtb',title: '同比',formatter:trend
},field: 'drhb',title: '环比',formatter:trend},field: 'bzbq',field: 'bztb',field: 'bzhb',field: 'bybq',field: 'bytb',field: 'byhb',formatter:trend
}]],data:[{
id:1,lhc:'来存量',drbq:'21341',drtb:'0.21',drhb:'0.33',bzbq:'35624',bztb:'1.62',bzhb:'3.16',bybq:'42613',bytb:'2.78',byhb:'1.59'
},{
id:2,{
id:3,{
id:4,{
id:5,{
id:6,{
id:7,{
id:8,{
id:9,{
id:10,{
id:11,{
id:12,byhb:'1.59'
}]});
//模拟数据结束
//上下浮动箭头样式
添加
function trend(value,row){
var trendIcon=row.id%2===0?'glyphicon glyphicon-arrow-down':'glyphicon glyphicon-arrow-up';
return "
i>"+value
}
//表格插件一结束
插件(表二)开始
//声明用来
统计合计(累计来煤,月计划)的变量
var yjhArr=[];
var ljlmArr=[];
$('#tableL02').bootstrapTable({
height:268,//模拟数据
columns: [{
align:'center',field: 'id',title: '序号'
},field: 'gys',title: '供应商'
},field: 'pz',title: '品种'
},field: 'rz',title: '热值'
},field: 'mj',title: '煤价'
},field: 'bmdj',title: '标煤单价'
},field: 'drlm',title: '当日来煤'
},field: 'ljlm',title: '累计来煤'
},field: 'yjhl',title: '月计划量'
},field: 'yjhjd',title: '月计划完成进度',formatter:progress
}],data:[{
id:2,gys:'双欣矿业',pz:'低硫煤',ljlm:'6686.08',yjhl:'30000',yjhjd:'22%'
},gys:'伊泰股份',pz:'工程煤',ljlm:'51888.72',yjhl:'70000',yjhjd:'74%'
},gys:'嘉远公司',pz:'中高硫煤',ljlm:'20041.86',yjhl:'90000',yjhjd:'100%'
},gys:'爱地能源',ljlm:'5191.08',yjhl:'',yjhjd:'0%'
},gys:'恒泰煤炭',ljlm:'18265.56',yjhjd:'0%'
}
]});
//模拟数据结束
//
显示进度条的
自定义列
function progress (value,row){
var width=parseInt(row.yjhjd);
var red='#e63737';
var blue='#b6ccf4';
yjhArr.push(row.yjhl);
ljlmArr.push(row.ljlm);
return "
"+value+"
"
}
//计算合计数值的
方法
function yjhTotal(){
var subyjh=0;
var subljlm=0;
var row=[];
for(var i=0;i