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

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

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

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

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

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

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

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

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

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

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

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

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