zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:生产报告和主要设备单位电耗添加radios并居中

This commit is contained in:
shijing 2024-05-14 15:54:09 +08:00
parent ff62c9e636
commit 224d4e37a8
7 changed files with 109 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/enm_coalbase/power.vue
View File

@ -24,9 +24,7 @@
>
<thead class="myTableHead">
<tr>
<th colspan="5">
煤磨工段主要设备（100KW以上）单位产品电耗数据表
</th>
<th colspan="5">主要设备单位产品电耗数据表</th>
</tr>
<tr>
<th>设备名称</th>
@ -73,7 +71,17 @@
</tr>
</tbody>
</table>
<div class="chartWrap">
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
@ -81,7 +89,7 @@
:option="optionHour"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -89,7 +97,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -176,6 +184,7 @@ export default {
},
data() {
return {
typeRadio: "day",
chartShow: false,
myOption: null,
optionHour: {},
@ -525,4 +534,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>

19
src/views/enm_coalbase/report.vue
View File

@ -82,11 +82,15 @@
</tr>
</tbody>
</table>
<el-radio-group v-model="typeRadio" class="radioWrap">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month">本月</el-radio-button>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
@ -737,4 +741,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>

19
src/views/enm_cogeneration/report.vue
View File

@ -95,11 +95,15 @@
</tr>
</tbody>
</table>
<el-radio-group v-model="typeRadio" class="radioWrap">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month">本月</el-radio-button>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
@ -898,4 +902,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>

25
src/views/enm_kilnbase/power.vue
View File

@ -24,9 +24,7 @@
>
<thead class="myTableHead">
<tr>
<th colspan="5">
回转窑工段主要设备（100KW以上）单位产品电耗数据表
</th>
<th colspan="5">主要设备单位产品电耗数据表</th>
</tr>
<tr>
<th>设备名称</th>
@ -73,7 +71,16 @@
</tr>
</tbody>
</table>
<div class="chartWrap">
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
@ -81,7 +88,7 @@
:option="optionHour"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -89,7 +96,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -176,6 +183,7 @@ export default {
},
data() {
return {
typeRadio: "day",
exportLoading: false,
chartShow: false,
myOption: null,
@ -576,4 +584,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>

19
src/views/enm_kilnbase/report.vue
View File

@ -92,11 +92,15 @@
</tr>
</tbody>
</table>
<el-radio-group v-model="typeRadio" class="radioWrap">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month">本月</el-radio-button>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
@ -939,4 +943,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>

22
src/views/enm_limestone/report.vue
View File

@ -84,14 +84,15 @@
</tr>
</tbody>
</table>
<el-radio-group
v-model="typeRadio"
class="radioWrap"
@change="radioChange"
>
<el-radio-button label="month">本月</el-radio-button>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
@ -711,4 +712,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>

19
src/views/enm_rmbase/report.vue
View File

@ -85,11 +85,15 @@
</tr>
</tbody>
</table>
<el-radio-group v-model="typeRadio" class="radioWrap">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month">本月</el-radio-button>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
<div class="radioWrap">
<el-radio-group v-model="typeRadio">
<el-radio-button label="day">本日</el-radio-button>
<el-radio-button label="month"
>本月</el-radio-button
>
<el-radio-button label="year">本年</el-radio-button>
</el-radio-group>
</div>
<div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
@ -873,4 +877,9 @@ export default {
.printContainer {
padding-left: 20px;
}
.radioWrap {
display: flex;
justify-content: center;
padding-top: 10px;
}
</style>