fixed:工段报表导出以及宽度变小时的表单拖动问题
This commit is contained in:
parent
9caf5a3690
commit
f4bd009948
32
src/App.vue
32
src/App.vue
|
|
@ -43,7 +43,15 @@
|
|||
|
||||
<style lang="scss">
|
||||
@import '@/style/style.scss';
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.myTable{
|
||||
table-layout: fixed;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.myTableHead{
|
||||
|
|
@ -51,7 +59,6 @@
|
|||
color:#ffffff;
|
||||
}
|
||||
.myTable th{
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
@ -61,8 +68,29 @@
|
|||
border: 1px solid #cccccc;
|
||||
}
|
||||
.numCell{
|
||||
width: 80px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
}
|
||||
.numCell,.myTable th{
|
||||
width: 100px!important;
|
||||
}
|
||||
.chartWrap{
|
||||
width: 1035px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
.chartTitle{
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1130,7 +1130,7 @@ const routes = [
|
|||
"title": "班组管理",
|
||||
"icon": "el-icon-postcard",
|
||||
"type": "menu",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/team"
|
||||
},
|
||||
|
|
@ -1140,7 +1140,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "测点集",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/mgroup"
|
||||
},
|
||||
|
|
@ -1150,7 +1150,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "测点",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "em/mpoint"
|
||||
},
|
||||
|
|
@ -1160,7 +1160,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "物料",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/material"
|
||||
}
|
||||
|
|
@ -1182,7 +1182,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "物料价格配置",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/priceset"
|
||||
},
|
||||
|
|
@ -1192,7 +1192,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "工段成本配置",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/feeset"
|
||||
},
|
||||
|
|
@ -1202,7 +1202,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "月度年度目标值",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/goalSetting"
|
||||
},
|
||||
|
|
@ -1225,7 +1225,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "能源统计",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/energy"
|
||||
},
|
||||
|
|
@ -1235,7 +1235,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "工业产值",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/value"
|
||||
},
|
||||
|
|
@ -1245,7 +1245,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "全厂电量统计",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/electric"
|
||||
}
|
||||
|
|
@ -1267,7 +1267,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "成本计算",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/costing"
|
||||
},
|
||||
|
|
@ -1277,7 +1277,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "质量报表",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/quality"
|
||||
}
|
||||
|
|
@ -1287,7 +1287,7 @@ const routes = [
|
|||
"meta": {
|
||||
"title": "生产报表",
|
||||
"icon": "el-icon-grid",
|
||||
"perms": ["dataset"]
|
||||
"perms": ["enm"]
|
||||
},
|
||||
"component": "ungrouped/report"
|
||||
}
|
||||
|
|
@ -1297,7 +1297,7 @@ const routes = [
|
|||
// "meta": {
|
||||
// "title": "图表",
|
||||
// "icon": "el-icon-grid",
|
||||
// "perms": ["dataset"]
|
||||
// "perms": ["enm"]
|
||||
// },
|
||||
// "component": "ungrouped/echart"
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -291,9 +291,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,36 +16,48 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="7">煤磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">煤磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="创建/编辑人员证书">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -133,8 +145,8 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
// alwaysShowContent:true,
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '3%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
|
|
@ -146,12 +158,12 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['煤磨排风机主电机', '煤磨主电机']
|
||||
};
|
||||
let yAxis= {
|
||||
type: 'value',
|
||||
name: '单位产品分布电耗(KW.h/t)',
|
||||
name: '分布电耗(KW.h/t)',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
|
|
@ -527,8 +539,8 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,44 +16,56 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">煤磨工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="item">
|
||||
<td class="numCell" v-if="index==0||index==2" rowspan="2">{{item[0]}}</td>
|
||||
<td class="numCell" v-else-if="index==4">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">煤磨工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="item">
|
||||
<td class="numCell" v-if="index==0||index==2" rowspan="2">{{item[0]}}</td>
|
||||
<td class="numCell" v-else-if="index==4">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="煤磨工段">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -159,12 +171,12 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#91CC75','#EE6666'];
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '8%',
|
||||
left:'4%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
// restore: { show: true },
|
||||
|
|
@ -172,7 +184,7 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['总产量', '台时产量', '运转率', '分布电耗']
|
||||
};
|
||||
let yAxis= [{
|
||||
|
|
@ -195,7 +207,7 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#91CC75','#EE6666'];
|
|||
name: '运转率 (%)',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 0,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -211,7 +223,6 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#91CC75','#EE6666'];
|
|||
name: '分布电耗(KW.h)',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -665,8 +676,8 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,39 +29,41 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="20">煤磨工段班组月度对比分析</th>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="16">煤磨工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th rowspan="2">总产量（t）</th>
|
||||
<th rowspan="2">台时产量（t/h）</th>
|
||||
<th rowspan="2">运转率（%）</th>
|
||||
<th colspan="2">质量</th>
|
||||
<th colspan="8">单位产品电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>细度（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>煤磨排风机主电机（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>当期与环期差值（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">{{item0}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th rowspan="2">总产量（t）</th>
|
||||
<th rowspan="2">台时产量（t/h）</th>
|
||||
<th rowspan="2">运转率（%）</th>
|
||||
<th colspan="2">质量</th>
|
||||
<th colspan="8">单位产品电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>细度（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>煤磨排风机主电机（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>当期与环期差值（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">{{item0}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -203,7 +205,8 @@
|
|||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,37 +29,39 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">煤磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">煤磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -265,16 +267,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -311,9 +311,6 @@ import otherDialog from "./../enm_rm/other_form.vue";
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,36 +16,48 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="7">回转窑工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">回转窑工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="创建/编辑人员证书">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -132,26 +144,26 @@
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '15%',
|
||||
left:'10%',
|
||||
right: '3%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'15%',
|
||||
right:'0',
|
||||
orient:'vertical',
|
||||
data:['高温风机', '窑主电机', '篦冷机一室风机电机', '篦冷机二室风机电机', '篦冷机三室风机电机','窑头排风机主电机','充气梁风机（左）电机','充气梁风机（右）电机']
|
||||
top:'2%',
|
||||
left:'30',
|
||||
// orient:'vertical',
|
||||
data:['高温风机', '窑主电机', '篦冷机一室风机', '篦冷机二室风机', '篦冷机三室风机','窑头排风机','充气梁风机（左）','充气梁风机（右）']
|
||||
};
|
||||
let yAxis= {
|
||||
type: 'value',
|
||||
name: '单位产品分布电耗(KW.h/t)',
|
||||
name: '分布电耗(KW.h/t)',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
|
|
@ -188,20 +200,6 @@
|
|||
tableDatas:[
|
||||
['高温风机','','KW·h/t','','',''],
|
||||
['窑主电机','','KW·h/t','','',''],
|
||||
// {name:'高温风机',number:'NM001',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'窑主电机',number:'NM002',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'篦冷机一室风机电机',number:'NM003',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'篦冷机三室风机电机',number:'NM004',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'篦冷机二室风机电机',number:'NM005',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'篦冷机一室充气梁风机（左）电机',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'篦冷机一室充气梁风机（右）电机',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'窑头排风机主电机',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'头煤粉罗茨电机（东、备用）',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'尾煤粉罗茨电机（西）',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'空压机3301',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'空压机3303',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'空压机3308',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
// {name:'空压机3318',number:'NM006',unit:'KW·h/t',hours:'1',days:'24',month:'720'},
|
||||
],
|
||||
modelValue:true,
|
||||
type:'hours',
|
||||
|
|
@ -240,32 +238,32 @@
|
|||
data: []
|
||||
},
|
||||
{
|
||||
name: '篦冷机一室风机电机',
|
||||
name: '篦冷机一室风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
},
|
||||
{
|
||||
name: '篦冷机二室风机电机',
|
||||
name: '篦冷机二室风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
},
|
||||
{
|
||||
name: '篦冷机三室风机电机',
|
||||
name: '篦冷机三室风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
},
|
||||
{
|
||||
name: '窑头排风机主电机',
|
||||
name: '窑头排风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
},
|
||||
{
|
||||
name: '充气梁风机（左）电机',
|
||||
name: '充气梁风机（左）',
|
||||
type: 'bar',
|
||||
data: []
|
||||
},
|
||||
{
|
||||
name: '充气梁风机（右）电机',
|
||||
name: '充气梁风机（右）',
|
||||
type: 'bar',
|
||||
data: []
|
||||
},
|
||||
|
|
@ -693,8 +691,8 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,45 +16,57 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">回转窑工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="index">
|
||||
<td class="numCell" v-if="index==0||index==2" rowspan="2">{{ item[0] }}</td>
|
||||
<td class="numCell" v-else-if="index==4" rowspan="4">{{ item[0] }}</td>
|
||||
<td class="numCell" v-else-if="index==8">{{ item[0] }}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)" >{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">回转窑工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="index">
|
||||
<td class="numCell" v-if="index==0||index==2" rowspan="2">{{ item[0] }}</td>
|
||||
<td class="numCell" v-else-if="index==4" rowspan="4">{{ item[0] }}</td>
|
||||
<td class="numCell" v-else-if="index==8">{{ item[0] }}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)" >{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="回转窑工段">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -160,19 +172,19 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '9%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['总产量', '台时产量', '运转率', '分布电耗','单位产品标煤耗', '成本']
|
||||
};
|
||||
let yAxis= [
|
||||
|
|
@ -196,7 +208,7 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
name: '运转率 ',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 0,
|
||||
offset: 120,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -228,7 +240,6 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
name: '标煤耗',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 120,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -244,7 +255,7 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
name: '成本(元)',
|
||||
position: 'left',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
offset: 70,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -785,8 +796,8 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,60 +29,62 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="45">回转窑工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th colspan="2">产量</th>
|
||||
<th>运转率</th>
|
||||
<th>成本</th>
|
||||
<th colspan="6">质量</th>
|
||||
<th colspan="12">单位产品标煤耗</th>
|
||||
<th colspan="7">产品单位电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>总产量（t）</th>
|
||||
<th>台时产量（t/h）</th>
|
||||
<th>运转率（%）</th>
|
||||
<th>单位产品成本（元/吨）</th>
|
||||
<th>CaO（%）</th>
|
||||
<th>Fe₂O₃（%）</th>
|
||||
<th>细度（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>立升重（%）</th>
|
||||
<th>f-CaO（%）</th>
|
||||
<th>高温风机（kgce/t）</th>
|
||||
<th>篦冷机一室风机电机（kgce/t）</th>
|
||||
<th>篦冷机三室风机电机（kgce/t）</th>
|
||||
<th>篦冷机二室风机电机（kgce/t）</th>
|
||||
<th>窑头排风机主电机（kgce/t）</th>
|
||||
<th>当期值（kgce/t））</th>
|
||||
<th>目标值（kgce/t）</th>
|
||||
<th>当期与目标差值（kgce/t）</th>
|
||||
<th>环期值（kgce/t）</th>
|
||||
<th>当期与环期差值（kgce/t）</th>
|
||||
<th>环比增长率（%）</th>
|
||||
<th>同比增长率（%）</th>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="3200" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="32">回转窑工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th colspan="2">产量</th>
|
||||
<th>运转率</th>
|
||||
<th>成本</th>
|
||||
<th colspan="6">质量</th>
|
||||
<th colspan="12">单位产品标煤耗</th>
|
||||
<th colspan="7">产品单位电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>总产量（t）</th>
|
||||
<th>台时产量（t/h）</th>
|
||||
<th>运转率（%）</th>
|
||||
<th>单位产品成本（元/吨）</th>
|
||||
<th>CaO（%）</th>
|
||||
<th>Fe₂O₃（%）</th>
|
||||
<th>细度（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>立升重（%）</th>
|
||||
<th>f-CaO（%）</th>
|
||||
<th>高温风机（kgce/t）</th>
|
||||
<th>篦冷机一室风机电机（kgce/t）</th>
|
||||
<th>篦冷机三室风机电机（kgce/t）</th>
|
||||
<th>篦冷机二室风机电机（kgce/t）</th>
|
||||
<th>窑头排风机主电机（kgce/t）</th>
|
||||
<th>当期值（kgce/t））</th>
|
||||
<th>目标值（kgce/t）</th>
|
||||
<th>当期与目标差值（kgce/t）</th>
|
||||
<th>环期值（kgce/t）</th>
|
||||
<th>当期与环期差值（kgce/t）</th>
|
||||
<th>环比增长率（%）</th>
|
||||
<th>同比增长率（%）</th>
|
||||
|
||||
<th>当期值（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>
|
||||
<th>当期值（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">{{item0}}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableDatas" :key="index">
|
||||
<td v-for="(item0,index0) in item" :key="index0" class="numCell">{{item0}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -250,7 +252,11 @@
|
|||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.numCell{
|
||||
width: 100px!important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-header>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-date-picker
|
||||
v-model="query.year_s"
|
||||
|
|
@ -42,133 +42,135 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="1" id="myTable" class="myTable" v-if="query.type==1">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1000" cellspacing="0" :key="2" id="myTable1" class="myTable" v-else-if="query.type==2">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">车间单位产品综合电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas2" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1000" cellspacing="0" :key="3" id="myTable1" class="myTable" v-else-if="query.type==3">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">车间单位产品标煤耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas3" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1000" cellspacing="0" :key="4" id="myTable1" class="myTable" v-else-if="query.type==4">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">车间单位产品综合能耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas4" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="1" id="myTable" class="myTable" v-if="query.type==1">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1075" cellspacing="0" :key="2" id="myTable1" class="myTable" v-else-if="query.type==2">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">车间单位产品综合电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas2" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1075" cellspacing="0" :key="3" id="myTable1" class="myTable" v-else-if="query.type==3">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">车间单位产品标煤耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas3" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1075" cellspacing="0" :key="4" id="myTable1" class="myTable" v-else-if="query.type==4">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">车间单位产品综合能耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas4" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -734,16 +736,10 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -291,9 +291,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,36 +16,48 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="7">水泥磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">水泥磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="创建/编辑人员证书">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -132,26 +144,25 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '15%',
|
||||
left:'10%',
|
||||
right: '3%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'15%',
|
||||
right:'0',
|
||||
orient:'vertical',
|
||||
top:'2%',
|
||||
x:'center',
|
||||
data:['循环风机1906', '系统风机', '水平涡流选粉机', '水泥磨主电机', '辊压机动辊电机','辊压机定辊电机','新增磨尾风机']
|
||||
};
|
||||
let yAxis= {
|
||||
type: 'value',
|
||||
name: '单位产品分布电耗(KW.h/t)',
|
||||
name: '分布电耗(KW.h/t)',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
|
|
@ -662,8 +673,8 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,44 +16,56 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">水泥磨工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="item">
|
||||
<td class="numCell" v-if="index==0||index==2||index==4" rowspan="2">{{item[0]}}</td>
|
||||
<td class="numCell" v-else-if="index==6">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">水泥磨工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="item">
|
||||
<td class="numCell" v-if="index==0||index==2||index==4" rowspan="2">{{item[0]}}</td>
|
||||
<td class="numCell" v-else-if="index==6">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="水泥磨工段">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -159,19 +171,19 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '8%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['总产量', '台时产量', '运转率', '分布电耗', '成本']
|
||||
};
|
||||
let yAxis= [{
|
||||
|
|
@ -194,7 +206,7 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
name: '运转率 (%)',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 0,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -210,7 +222,6 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
name: '分布电耗(KW.h)',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -226,7 +237,7 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
name: '成本(元)',
|
||||
position: 'left',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
offset: 70,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -724,8 +735,8 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,45 +29,47 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="20">水泥磨工段班组月度对比分析</th>
|
||||
<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">{{item0}}</td>
|
||||
</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="10">单位产品电耗</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">{{item0}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -211,8 +213,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -42,71 +42,73 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="0" id="myTable" class="myTable" v-if="query.type==1">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">水泥磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1000" cellspacing="0" :key="1" id="myTable1" class="myTable" v-else>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">水泥磨工段车间单位产品综合能耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas2" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="0" id="myTable" class="myTable" v-if="query.type==1">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">水泥磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="1" width="1075" cellspacing="0" :key="1" id="myTable1" class="myTable" v-else>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">水泥磨工段车间单位产品综合能耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">当期值（KW·h/t）</th>
|
||||
<th rowspan="2">目标值（KW·h/t）</th>
|
||||
<th colspan="3">国家标准（KW·h/t）</th>
|
||||
<th rowspan="2">当期与环期差值（KW·h/t）</th>
|
||||
<th rowspan="2">环比增长率（%）</th>
|
||||
<th rowspan="2">同比增长率（%）</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>1级</th>
|
||||
<th>2级</th>
|
||||
<th>3级</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas2" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1<0&&ind==6">▲</span>
|
||||
<span v-if="item1<0&&ind==6">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -370,16 +372,5 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
}
|
||||
<style scoped>
|
||||
</style>
|
||||
|
|
@ -248,9 +248,6 @@ import saveDialog from "./../enm_rm/handover_form.vue";
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,42 +16,49 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">水泥包装工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item) in tableDatas" :key="item">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">水泥包装工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item) in tableDatas" :key="item">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="水泥磨工段">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -157,19 +164,19 @@
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '4%',
|
||||
left:'4%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['总产量','分布电耗']
|
||||
};
|
||||
let yAxis= [{
|
||||
|
|
@ -281,7 +288,7 @@
|
|||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
|
||||
data: []
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series:[
|
||||
|
|
@ -327,13 +334,6 @@
|
|||
month_d = lastDate.getMonth()+1;
|
||||
days_d = lastDate.getDate();
|
||||
}
|
||||
//上一小时的计算
|
||||
let hourTime = timeDate - 3600000;
|
||||
let hourDate = new Date(hourTime);
|
||||
let year_h = hourDate.getFullYear();
|
||||
let month_h = hourDate.getMonth()+1;
|
||||
let days_h = hourDate.getDate();
|
||||
let hours_h = hourDate.getHours();
|
||||
//年
|
||||
let params1 = {};
|
||||
params1.page = 0;
|
||||
|
|
@ -343,8 +343,8 @@
|
|||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||||
if(res1.length>0){
|
||||
let data1 = res1[0];
|
||||
that.tableDatas[0][5]=data1.total_production;
|
||||
that.tableDatas[1][5]=data1.elec_consume_unit;
|
||||
that.tableDatas[0][4]=data1.total_production;
|
||||
that.tableDatas[1][4]=data1.elec_consume_unit;
|
||||
}
|
||||
})
|
||||
//月
|
||||
|
|
@ -357,8 +357,8 @@
|
|||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||||
if(res2.length>0){
|
||||
let data2 = res2[0];
|
||||
that.tableDatas[0][4]=data2.total_production;
|
||||
that.tableDatas[1][4]=data2.elec_consume_unit;
|
||||
that.tableDatas[0][3]=data2.total_production;
|
||||
that.tableDatas[1][3]=data2.elec_consume_unit;
|
||||
}
|
||||
})
|
||||
//昨日
|
||||
|
|
@ -372,25 +372,9 @@
|
|||
this.$API.enm.enstat.req(params3).then((res3) => {
|
||||
if(res3.length>0){
|
||||
let data3 = res3[0];
|
||||
that.tableDatas[0][3]=data3.total_production;
|
||||
that.tableDatas[1][3]=data3.elec_consume_unit;
|
||||
that.tableDatas[0][2]=data3.total_production;
|
||||
that.tableDatas[1][2]=data3.elec_consume_unit;
|
||||
}
|
||||
})
|
||||
//上小时
|
||||
let params4 = {};
|
||||
params4.page = 0;
|
||||
params4.year = year_h;
|
||||
params4.month = month_h;
|
||||
params4.day = days_h;
|
||||
params4.hour = hours_h;
|
||||
params4.type = 'hour_st';
|
||||
params4.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(params4).then((res4) => {
|
||||
if(res4.length>0){
|
||||
let data4 = res4[0];
|
||||
that.tableDatas[0][2]=data4.total_production;
|
||||
that.tableDatas[1][2]=data4.elec_consume_unit;
|
||||
}
|
||||
})
|
||||
//月目标
|
||||
let params5 = {};
|
||||
|
|
@ -398,19 +382,15 @@
|
|||
params5.mgroup='3346520558031773696';
|
||||
this.$API.mtm.goal.list.req(params5).then((res5) => {
|
||||
if(res5.length>0){
|
||||
|
||||
let data5 = res5;
|
||||
data5.forEach(item5=>{
|
||||
let str = 'goal_val_'+that.month;
|
||||
debugger;
|
||||
console.log(str,item5[str])
|
||||
|
||||
if(item5.goal_cate_name=='总产量（t）'){
|
||||
that.tableDatas[0][6]=item5[str];
|
||||
that.tableDatas[0][8]=item5.goal_val;
|
||||
that.tableDatas[0][5]=item5[str];
|
||||
that.tableDatas[0][7]=item5.goal_val;
|
||||
}else if(item5.goal_cate_name=='单位产品分布电耗（KW·h/t）'){
|
||||
that.tableDatas[1][6]=item5[str];
|
||||
that.tableDatas[1][8]=item5.goal_val;
|
||||
that.tableDatas[1][5]=item5[str];
|
||||
that.tableDatas[1][7]=item5.goal_val;
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -424,10 +404,10 @@
|
|||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||||
if(res1.length>0){
|
||||
let data1 = res1[0];
|
||||
that.tableDatas[0][5]=data1.total_production;
|
||||
that.tableDatas[0][9]=precen(that.tableDatas[0][5],that.tableDatas[0][8])
|
||||
that.tableDatas[1][5]=data1.elec_consume_unit;
|
||||
that.tableDatas[1][9]=precen(that.tableDatas[1][5],that.tableDatas[1][8])
|
||||
that.tableDatas[0][4]=data1.total_production;
|
||||
that.tableDatas[0][8]=precen(that.tableDatas[0][4],that.tableDatas[0][7])
|
||||
that.tableDatas[1][4]=data1.elec_consume_unit;
|
||||
that.tableDatas[1][8]=precen(that.tableDatas[1][4],that.tableDatas[1][7])
|
||||
|
||||
}
|
||||
})
|
||||
|
|
@ -441,10 +421,10 @@
|
|||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||||
if(res2.length>0){
|
||||
let data2 = res2[0];
|
||||
that.tableDatas[0][4]=data2.total_production;
|
||||
that.tableDatas[0][7]=precen(that.tableDatas[0][4],that.tableDatas[0][6])
|
||||
that.tableDatas[1][4]=data2.elec_consume_unit;
|
||||
that.tableDatas[1][7]=precen(that.tableDatas[1][4],that.tableDatas[1][6])
|
||||
that.tableDatas[0][3]=data2.total_production;
|
||||
that.tableDatas[0][6]=precen(that.tableDatas[0][3],that.tableDatas[0][5])
|
||||
that.tableDatas[1][3]=data2.elec_consume_unit;
|
||||
that.tableDatas[1][6]=precen(that.tableDatas[1][3],that.tableDatas[1][5])
|
||||
}
|
||||
})
|
||||
})
|
||||
|
|
@ -520,8 +500,6 @@
|
|||
.req('3322567213885833216')
|
||||
.then((res) => {
|
||||
this.myOption = JSON.parse(res.echart_options);
|
||||
debugger;
|
||||
console.log(this.myOption)
|
||||
this.chartShow = true;
|
||||
});
|
||||
},
|
||||
|
|
@ -536,9 +514,8 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -28,9 +28,9 @@
|
|||
</el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div class="printWrap"><el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="11">电水泥包装工段班组月度对比分析</th>
|
||||
|
|
@ -59,6 +59,7 @@
|
|||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
|
@ -186,8 +187,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,37 +29,39 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">水泥包装工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">水泥包装工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -264,16 +266,5 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
}
|
||||
<style scoped>
|
||||
</style>
|
||||
|
|
@ -329,9 +329,6 @@ import otherDialog from "./other_form.vue";
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -217,9 +217,6 @@ import otherDialog from "./other_form.vue";
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,36 +16,48 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="7">原料磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">原料磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable>
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -132,9 +144,9 @@
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
top:'20%'
|
||||
right: '3%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
|
|
@ -144,12 +156,12 @@
|
|||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'8%',
|
||||
top:'2%',
|
||||
data:['立磨主电机', '循环风机', '烘干破主', '废气风机', '尾排风机']
|
||||
};
|
||||
let yAxis= {
|
||||
type: 'value',
|
||||
name: '单位产品分布电耗(KW.h/t)',
|
||||
name: '分布电耗(KW.h/t)',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
|
|
@ -202,10 +214,6 @@
|
|||
allValDays:0,
|
||||
allValMonth:0,
|
||||
option1:{
|
||||
title: {
|
||||
text: '小时生产参数统计图',
|
||||
x: 'center'
|
||||
},
|
||||
color: colors,
|
||||
tooltip:tooltip,
|
||||
grid: grid,
|
||||
|
|
@ -249,10 +257,6 @@
|
|||
]
|
||||
},
|
||||
option2:{
|
||||
title: {
|
||||
text: '本月生产参数统计图',
|
||||
x: 'center'
|
||||
},
|
||||
color: colors,
|
||||
tooltip:tooltip,
|
||||
grid: grid,
|
||||
|
|
@ -296,10 +300,6 @@
|
|||
]
|
||||
},
|
||||
option3:{
|
||||
title: {
|
||||
text: '本年生产参数统计图',
|
||||
x: 'center'
|
||||
},
|
||||
color: colors,
|
||||
tooltip:tooltip,
|
||||
grid: grid,
|
||||
|
|
@ -612,8 +612,8 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,44 +16,55 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">原料磨工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="item">
|
||||
<td class="numCell" v-if="index==0||index==2" rowspan="2">{{item[0]}}</td>
|
||||
<td class="numCell" v-if="index==4||index==5">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="main" style="width:1200px;height:600px;"></div>
|
||||
<scEcharts height="400px" width="1074px" :option="optionHour"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">原料磨工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in tableDatas" :key="item">
|
||||
<td class="numCell" v-if="index==0||index==2" rowspan="2">{{item[0]}}</td>
|
||||
<td class="numCell" v-if="index==4||index==5">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)">{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- <div id="main" style="width:1200px;height:600px;"></div> -->
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="原料磨工段">
|
||||
|
|
@ -163,20 +174,19 @@
|
|||
// alwaysShowContent:true,
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '7%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
right:'2%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
// restore: { show: true },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['总产量', '台时产量', '运转率', '分布电耗', '成本']
|
||||
};
|
||||
let yAxis= [{
|
||||
|
|
@ -199,7 +209,7 @@
|
|||
name: '运转率 (%)',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 0,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -215,7 +225,6 @@
|
|||
name: '分布电耗(KW.h)',
|
||||
position: 'right',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -231,7 +240,7 @@
|
|||
name: '成本(元)',
|
||||
position: 'left',
|
||||
alignTicks: true,
|
||||
offset: 80,
|
||||
offset: 70,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
|
|
@ -968,8 +977,8 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,51 +29,53 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="24">原料磨工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th colspan="2">产量</th>
|
||||
<th>运转率</th>
|
||||
<th>成本</th>
|
||||
<th colspan="7">质量</th>
|
||||
<th colspan="10">单位产品电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>总产量（t）</th>
|
||||
<th>台时产量（t/h）</th>
|
||||
<th>运转率（%）</th>
|
||||
<th>单位产品成本（元/吨）</th>
|
||||
<th>细度（%）</th>
|
||||
<th>Fe₂O₃（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>细度（%）</th>
|
||||
<th>Fe₂O₃（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>CaO（%）</th>
|
||||
<th>循环风机（KW·h/t）</th>
|
||||
<th>尾排风机（KW·h/t）</th>
|
||||
<th>废气风机（KW·h/t）</th>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="2400" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="24">原料磨工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th colspan="2">产量</th>
|
||||
<th>运转率</th>
|
||||
<th>成本</th>
|
||||
<th colspan="7">质量</th>
|
||||
<th colspan="10">单位产品电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>总产量（t）</th>
|
||||
<th>台时产量（t/h）</th>
|
||||
<th>运转率（%）</th>
|
||||
<th>单位产品成本（元/吨）</th>
|
||||
<th>细度（%）</th>
|
||||
<th>Fe₂O₃（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>细度（%）</th>
|
||||
<th>Fe₂O₃（%）</th>
|
||||
<th>水分（%）</th>
|
||||
<th>CaO（%）</th>
|
||||
<th>循环风机（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>当期与目标差值（KW·h/t）</th>
|
||||
<th>环期值（KW·h/t）</th>
|
||||
<th>当期与环期差值（KW·h/t）</th>
|
||||
<th>环比增长率（%）</th>
|
||||
<th>同比增长率（%）</th>
|
||||
<th>当期值（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">{{item0}}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="(item,index) in tableDatas" :key="index">
|
||||
<td v-for="(item0,index0) in item" :key="index0" class="numCell">{{item0}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -224,7 +226,8 @@
|
|||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,37 +29,39 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">原料磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -264,16 +266,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -249,9 +249,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,35 +16,44 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="7">电石渣工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">电石渣工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
<th>设备编号</th>
|
||||
<th>单位</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hours',item1)">{{item1}}</td>
|
||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('month',item1)">{{item1}}</td>
|
||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick1('year',item1)">{{item1}}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="创建/编辑人员证书">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -131,8 +140,8 @@
|
|||
triggerOn:"mousemove",
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '3%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
|
|
@ -143,12 +152,12 @@
|
|||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['烘干破主电机']
|
||||
};
|
||||
let yAxis= {
|
||||
type: 'value',
|
||||
name: '单位产品分布电耗(KW.h/t)',
|
||||
name: '分布电耗(KW.h/t)',
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
|
|
@ -431,8 +440,8 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,42 +16,49 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="10">电石渣工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>上个小时</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item) in tableDatas" :key="item">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)" >{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell yearItem" @click="itemClick('year',item)">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
<td class="numCell">{{item[9]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<scEcharts height="400px" width="1074px" :option="optionDay"></scEcharts>
|
||||
<scEcharts height="400px" width="1074px" :option="optionMonth"></scEcharts>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="9">电石渣工段生产报告</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2">参数</th>
|
||||
<th>昨日</th>
|
||||
<th>本月</th>
|
||||
<th>本年</th>
|
||||
<th>月目标值</th>
|
||||
<th>月完成度</th>
|
||||
<th>年目标值</th>
|
||||
<th>年完成度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item) in tableDatas" :key="item">
|
||||
<td class="numCell">{{item[0]}}</td>
|
||||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell hoursItem" @click="itemClick('hours',item)" >{{item[2]}}</td>
|
||||
<td class="numCell daysItem" @click="itemClick('days',item)">{{item[3]}}</td>
|
||||
<td class="numCell monthItem" @click="itemClick('month',item)">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell">{{item[7]}}</td>
|
||||
<td class="numCell">{{item[8]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sc-dialog v-model="chartShow" draggable title="电石渣工段">
|
||||
<div class="searchHead" v-if="type=='hours'">
|
||||
<el-date-picker
|
||||
|
|
@ -160,20 +167,19 @@
|
|||
// alwaysShowContent:true,
|
||||
};
|
||||
let grid={
|
||||
right: '10%',
|
||||
left:'10%',
|
||||
right: '7%',
|
||||
left:'4%',
|
||||
top:'15%'
|
||||
};
|
||||
let toolbox={
|
||||
right:'5%',
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
// restore: { show: true },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
};
|
||||
let legend= {
|
||||
top:'5%',
|
||||
top:'2%',
|
||||
data:['总产量', '分布电耗', '成本']
|
||||
};
|
||||
let yAxis= [{
|
||||
|
|
@ -353,14 +359,6 @@
|
|||
month_d = lastDate.getMonth()+1;
|
||||
days_d = lastDate.getDate();
|
||||
}
|
||||
//上一小时的计算
|
||||
let hourTime = timeDate - 3600000;
|
||||
let hourDate = new Date(hourTime);
|
||||
let year_h = hourDate.getFullYear();
|
||||
let month_h = hourDate.getMonth()+1;
|
||||
let days_h = hourDate.getDate();
|
||||
let hours_h = hourDate.getHours();
|
||||
|
||||
//昨日
|
||||
let params3 = {};
|
||||
params3.page = 0;
|
||||
|
|
@ -372,28 +370,11 @@
|
|||
this.$API.enm.enstat.req(params3).then((res3) => {
|
||||
if(res3.length>0){
|
||||
let data3 = res3[0];
|
||||
that.tableDatas[0][3]=data3.total_production;
|
||||
that.tableDatas[1][3]=data3.elec_consume_unit;
|
||||
that.tableDatas[2][3]=data3.production_cost_unit;
|
||||
that.tableDatas[0][2]=data3.total_production;
|
||||
that.tableDatas[1][2]=data3.elec_consume_unit;
|
||||
that.tableDatas[2][2]=data3.production_cost_unit;
|
||||
}
|
||||
})
|
||||
//上小时
|
||||
let params4 = {};
|
||||
params4.page = 0;
|
||||
params4.year = year_h;
|
||||
params4.month = month_h;
|
||||
params4.day = days_h;
|
||||
params4.hour = hours_h;
|
||||
params4.type = 'hour_st';
|
||||
params4.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(params4).then((res4) => {
|
||||
if(res4.length>0){
|
||||
let data4 = res4[0];
|
||||
that.tableDatas[0][2]=data4.total_production;
|
||||
that.tableDatas[1][2]=data4.elec_consume_unit;
|
||||
that.tableDatas[2][2]=data4.production_cost_unit;
|
||||
}
|
||||
})
|
||||
//月目标
|
||||
let params5 = {};
|
||||
params5.page=0;
|
||||
|
|
@ -404,14 +385,14 @@
|
|||
data5.forEach(item5=>{
|
||||
let str = 'goal_val_'+that.month;
|
||||
if(item5.goal_cate_name=='总产量（t）'){
|
||||
that.tableDatas[0][6]=item5[str];
|
||||
that.tableDatas[0][8]=item5.goal_val;
|
||||
that.tableDatas[0][5]=item5[str];
|
||||
that.tableDatas[0][7]=item5.goal_val;
|
||||
}else if(item5.goal_cate_name=='单位产品分布电耗（KW·h/t）'){
|
||||
that.tableDatas[1][6]=item5[str];
|
||||
that.tableDatas[1][8]=item5.goal_val;
|
||||
that.tableDatas[1][5]=item5[str];
|
||||
that.tableDatas[1][7]=item5.goal_val;
|
||||
}else if(item5.goal_cate_name=='单位产品成本（元/吨）'){
|
||||
that.tableDatas[2][6]=item5[str];
|
||||
that.tableDatas[2][8]=item5.goal_val;
|
||||
that.tableDatas[2][5]=item5[str];
|
||||
that.tableDatas[2][7]=item5.goal_val;
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -425,12 +406,12 @@
|
|||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||||
if(res1.length>0){
|
||||
let data1 = res1[0];
|
||||
that.tableDatas[0][5]=data1.total_production;
|
||||
that.tableDatas[0][9]=precen(that.tableDatas[0][5],that.tableDatas[0][8])
|
||||
that.tableDatas[1][5]=data1.elec_consume_unit;
|
||||
that.tableDatas[1][9]=precen(that.tableDatas[1][5],that.tableDatas[1][8])
|
||||
that.tableDatas[2][5]=data1.production_cost_unit;
|
||||
that.tableDatas[2][9]=precen(that.tableDatas[2][5],that.tableDatas[2][8])
|
||||
that.tableDatas[0][4]=data1.total_production;
|
||||
that.tableDatas[0][8]=precen(that.tableDatas[0][4],that.tableDatas[0][7])
|
||||
that.tableDatas[1][4]=data1.elec_consume_unit;
|
||||
that.tableDatas[1][8]=precen(that.tableDatas[1][4],that.tableDatas[1][7])
|
||||
that.tableDatas[2][4]=data1.production_cost_unit;
|
||||
that.tableDatas[2][8]=precen(that.tableDatas[2][4],that.tableDatas[2][7])
|
||||
}else{
|
||||
|
||||
}
|
||||
|
|
@ -446,12 +427,12 @@
|
|||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||||
if(res2.length>0){
|
||||
let data2 = res2[0];
|
||||
that.tableDatas[0][4]=data2.total_production;
|
||||
that.tableDatas[0][7]=precen(that.tableDatas[0][4],that.tableDatas[0][6])
|
||||
that.tableDatas[1][4]=data2.elec_consume_unit;
|
||||
that.tableDatas[1][7]=precen(that.tableDatas[1][4],that.tableDatas[1][6])
|
||||
that.tableDatas[2][4]=data2.production_cost_unit;
|
||||
that.tableDatas[2][7]=precen(that.tableDatas[2][4],that.tableDatas[2][6])
|
||||
that.tableDatas[0][3]=data2.total_production;
|
||||
that.tableDatas[0][6]=precen(that.tableDatas[0][3],that.tableDatas[0][5])
|
||||
that.tableDatas[1][3]=data2.elec_consume_unit;
|
||||
that.tableDatas[1][6]=precen(that.tableDatas[1][3],that.tableDatas[1][5])
|
||||
that.tableDatas[2][3]=data2.production_cost_unit;
|
||||
that.tableDatas[2][6]=precen(that.tableDatas[2][3],that.tableDatas[2][5])
|
||||
}
|
||||
})
|
||||
})
|
||||
|
|
@ -546,8 +527,8 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
<style scoped>
|
||||
.printContainer{
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,34 +29,36 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="12">电石渣工段班组月度对比分析</th>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="12">电石渣工段班组月度对比分析</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th rowspan="2">总产量（t）</th>
|
||||
<th rowspan="2">单位产品成本（元/吨）</th>
|
||||
<th colspan="7">产品单位电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>当期值（kKW·h/t）</th>
|
||||
<th>目标值（kKW·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">{{item0}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2">月份</th>
|
||||
<th rowspan="2">班组</th>
|
||||
<th rowspan="2">总产量（t）</th>
|
||||
<th rowspan="2">单位产品成本（元/吨）</th>
|
||||
<th colspan="7">产品单位电耗</th>
|
||||
<th rowspan="2">得分</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>当期值（kKW·h/t）</th>
|
||||
<th>目标值（kKW·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">{{item0}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -188,8 +190,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,37 +29,39 @@
|
|||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top:5px">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">车间单位产品电耗月度分析表</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
<th>当期值（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>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
|
||||
<div :class="bindClass(item1,ind)">
|
||||
<span v-if="item1>0&&ind==3">↑</span>
|
||||
<span v-if="item1<0&&ind==3">↓</span>
|
||||
<span v-if="item1<0&&ind==5">▲</span>
|
||||
<span v-if="item1<0&&ind==5">▼</span>
|
||||
{{item1}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
|
@ -264,16 +266,9 @@
|
|||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.redColor{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
}
|
||||
.greenColor{
|
||||
font-weight: bold;
|
||||
color: #008000;
|
||||
<style scoped>
|
||||
.printWrap{
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -154,9 +154,6 @@
|
|||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -296,9 +296,6 @@
|
|||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -358,9 +358,6 @@
|
|||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
.tableContainer{
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -165,9 +165,6 @@
|
|||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable{
|
||||
margin-left: 37px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -87,7 +87,4 @@
|
|||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue