253 lines
12 KiB
Vue
253 lines
12 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-header>
|
||
<div class="left-panel">
|
||
<el-date-picker
|
||
v-model="query.year_s"
|
||
type="year"
|
||
value-format="YYYY"
|
||
format="YYYY"
|
||
placeholder="查询年份"
|
||
class="headerSearch"
|
||
/>
|
||
<el-button
|
||
type="primary"
|
||
icon="el-icon-search"
|
||
@click="handleQuery"
|
||
></el-button>
|
||
<el-button
|
||
type="primary"
|
||
@click="exportExcel()"
|
||
:loading = "exportLoading"
|
||
>导出xlsx
|
||
</el-button>
|
||
<el-button
|
||
type="primary"
|
||
@click="handlePrint"
|
||
>打印
|
||
</el-button>
|
||
</div>
|
||
</el-header>
|
||
<el-card style="margin-top:5px">
|
||
<div class="printWrap">
|
||
<div ref="print" id="myReport" class="printContainer">
|
||
<table border="1" width="1900" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||
<thead class="myTableHead">
|
||
<tr>
|
||
<th colspan="19">水泥磨工段班组月度对比分析</th>
|
||
</tr>
|
||
<tr>
|
||
<th rowspan="2">月份</th>
|
||
<th rowspan="2">班组</th>
|
||
<th colspan="2">总产量（t）</th>
|
||
<th>运转率</th>
|
||
<th>成本</th>
|
||
<th colspan="3">质量</th>
|
||
<th colspan="9">单位产品电耗</th>
|
||
<th rowspan="2">得分</th>
|
||
</tr>
|
||
<tr>
|
||
<th>总产量（t）</th>
|
||
<th>台时产量（t/h）</th>
|
||
<th>运转率（%）</th>
|
||
<th>单位产品成本（元/吨）</th>
|
||
<th>比表面积（%）</th>
|
||
<th>SO3（%）</th>
|
||
<th>掺量（%）</th>
|
||
<th>循环风机1906（KW·h/t）</th>
|
||
<th>系统风机（KW·h/t）</th>
|
||
<th>水平涡流选粉机1915（KW·h/t）</th>
|
||
<th>目标值（kW·h/t）</th>
|
||
<th>当期与目标值差值（kW·h/t）</th>
|
||
<th>环期值（kW·h/t）</th>
|
||
<th>当期与环期差值（kW·h/t）</th>
|
||
<th>环比增长率（%）</th>
|
||
<th>同比增长率（%）</th>
|
||
</tr>
|
||
</thead>
|
||
<tr v-for="(item,index) in tableDatas" :key="index">
|
||
<td v-for="(item0,index0) in item" :key="index0" class="numCell"> <span v-if="item0">{{item0}}</span> <span v-else>0</span></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</el-card>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
timeStamp:0,
|
||
query:{
|
||
year_s:'',
|
||
page : 0,
|
||
type : 'month_st',
|
||
mgroup:'3347217651339837440',
|
||
},
|
||
tableDatas:[],
|
||
};
|
||
},
|
||
mounted() {
|
||
let that = this;
|
||
var myDate = new Date();
|
||
let year = myDate.getFullYear();
|
||
that.query.year_s = year;
|
||
let params = {};
|
||
params.page=0;
|
||
params.year=year;
|
||
params.mgroup=that.query.mgroup;
|
||
this.$API.mtm.goal.list.req(params).then((res) => {
|
||
let data = [];
|
||
if(res.length>0){
|
||
data = res[0];
|
||
}
|
||
that.getData(data);
|
||
})
|
||
},
|
||
methods: {
|
||
getData(goalData){
|
||
let that = this;
|
||
let query0={};
|
||
query0.page = 0;
|
||
query0.type='month_st';
|
||
query0.year_s = that.query.year_s-1;
|
||
query0.mgroup='3346520558031773696';
|
||
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
|
||
this.$API.enm.enstat.req(query0).then((res0) => {
|
||
let data0 = [];//去年的值
|
||
data0 = res0;
|
||
if(data0.length>0){
|
||
data0.forEach(item0 => {
|
||
//先按月份排序，再按班组排序
|
||
let n0 = item0.month_s;
|
||
let ind0 = 0;
|
||
if(team_name0.indexOf('甲')>-1){
|
||
ind0 = (n0-1)*3;
|
||
}else if(team_name0.indexOf('乙')>-1){
|
||
ind0 = (n0-1)*3+1;
|
||
}else if(team_name0.indexOf('丙')>-1){
|
||
ind0 = (n0-1)*3+2;
|
||
}
|
||
wrapArr0[ind0] = item0;
|
||
});
|
||
console.log(wrapArr0)
|
||
}else{
|
||
}
|
||
this.$API.enm.enstat.req(that.query).then((res) => {
|
||
//今年的值
|
||
let data = res;
|
||
if(data.length>0){
|
||
data.forEach(item => {
|
||
//先按月份排序，再按班组排序
|
||
let n = item.month_s;
|
||
let team_name = item.team_name;
|
||
let ind = 0;
|
||
if(team_name.indexOf('甲')>-1){
|
||
ind = (n-1)*3;
|
||
}else if(team_name.indexOf('乙')>-1){
|
||
ind = (n-1)*3+1;
|
||
}else if(team_name.indexOf('丙')>-1){
|
||
ind = (n-1)*3+2;
|
||
}
|
||
wrapArrs[ind] = item;
|
||
let arr = [];
|
||
let time = ''+item.year_s+'.'+item.month_s;
|
||
arr.push(time);
|
||
arr.push(item.team_name);
|
||
arr.push(item.total_production);
|
||
arr.push(item.production_hour);
|
||
arr.push(item.run_rate);
|
||
arr.push(item.production_cost_unit);
|
||
//质量
|
||
arr[6]=item.出磨水泥_比表面积_rate_pass!=null?item.出磨水泥_比表面积_rate_pass:'/';
|
||
arr[7]=item.出磨水泥_SO3_rate_pass!=null?item.出磨水泥_SO3_rate_pass:'/';
|
||
arr[8]=item.出磨水泥_掺量_rate_pass!=null?item.出磨水泥_掺量_rate_pass:'/';
|
||
//设备
|
||
arr[9]=item.循环风机1906_consume_unit!=null?item.循环风机1906_consume_unit:'/';
|
||
arr[10]=item.系统风机_consume_unit!=null?item.系统风机_consume_unit:'/';
|
||
arr[11]=item.水平涡流选粉机1915_consume_unit!=null?item.水平涡流选粉机1915_consume_unit:'/';
|
||
// arr[12]=item.新增磨尾风机_consume_unit!=null?item.新增磨尾风机_consume_unit:'/';
|
||
|
||
// arr[13]=item.elec_consume_unit//当期值（KW·h/t）
|
||
let keyVale ='goal_val_'+n;
|
||
arr[12]=goalData[keyVale];//目标值（KW·h/t）//需要接口获取
|
||
arr[13]=arr[12]-item.celec_consume_unit;//当期与目标差值（KW·h/t）
|
||
let ind_pre = 0,huanqi = 0,huanqicha=0,tongqi=0,tongqicha=0;
|
||
if(n==1){
|
||
ind_pre = 12;
|
||
huanqi = wrapArr0[ind_pre]?wrapArr0[ind_pre].elec_consume_unit:'/';
|
||
}else{
|
||
ind_pre=n-1;
|
||
huanqi = wrapArr[ind_pre]?wrapArr[ind_pre].elec_consume_unit?wrapArr[ind_pre].elec_consume_unit:'/':'/'
|
||
}
|
||
arr[14]=huanqi;//环期值（KW·h/t）上个月的值
|
||
if(huanqi!=='/'){
|
||
huanqicha = item.celec_consume_unit-huanqi;
|
||
}else{
|
||
huanqicha = item.celec_consume_unit
|
||
}
|
||
arr[15]=huanqicha;//当期与环期差值（KW·h/t）
|
||
arr[16]=huanqi!='/'? huanqicha/huanqi*100:0;//环比增长率（%）
|
||
if(wrapArr0[n]){
|
||
tongqicha = item.celec_consume_unit-wrapArr0[n].celec_consume_unit;
|
||
tongqi = tongqicha/tongqi;
|
||
}else{
|
||
tongqicha = item.celec_consume_unit;
|
||
tongqi = 0;
|
||
}
|
||
|
||
arr[17]=tongqi;//同比增长率（%）:本月-去年本月/去年
|
||
arr[18]=0.00;//同比增长率（%）
|
||
wrapArr[ind] = arr;
|
||
});
|
||
let newArr= [];
|
||
for (let i = 0; i < wrapArr.length; i++) {
|
||
let item = wrapArr[i];
|
||
console.log(item);
|
||
if (item==undefined) {}else{
|
||
newArr.push(wrapArr[i])
|
||
}
|
||
}
|
||
that.tableDatas = newArr;
|
||
}else{
|
||
}
|
||
})
|
||
})
|
||
},
|
||
handleQuery(){
|
||
this.tableDatas = [];
|
||
this.getData();
|
||
},
|
||
itemClick(type,item){
|
||
this.type=type;
|
||
this.asynDialog = true;
|
||
},
|
||
itemClick1(type,item){
|
||
this.chartShow = false;
|
||
this.$API.bi.dataset.exec
|
||
.req('3322567213885833216')
|
||
.then((res) => {
|
||
this.myOption = JSON.parse(res.echart_options);
|
||
// debugger;
|
||
console.log(this.myOption)
|
||
this.chartShow = true;
|
||
});
|
||
},
|
||
handlePrint() {
|
||
this.$PRINT('#myReport');
|
||
},
|
||
exportExcel() {
|
||
this.exportLoading = true;
|
||
this.$XLSX('#myTable', this.tableName)
|
||
this.exportLoading = false;
|
||
},
|
||
}
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
.printWrap{
|
||
width: 100%;
|
||
overflow-x: scroll;
|
||
}
|
||
</style> |