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