fix:凌源生产报告统计图显示改动(添加radio)

This commit is contained in:
shijing 2024-05-14 13:43:07 +08:00
parent 1667f02408
commit be3d63e526
5 changed files with 47 additions and 55 deletions

View File

@ -82,7 +82,12 @@
</tr>
</tbody>
</table>
<div class="chartWrap">
<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="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
@ -90,7 +95,7 @@
:option="optionHour"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -98,7 +103,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -211,6 +216,7 @@ export default {
},
data() {
return {
typeRadio: "day",
chartShow: false,
myOption: null,
optionHour: {},

View File

@ -95,7 +95,12 @@
</tr>
</tbody>
</table>
<div class="chartWrap">
<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="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
@ -103,7 +108,7 @@
:option="optionHour"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -111,7 +116,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -335,6 +340,7 @@ export default {
},
data() {
return {
typeRadio: "day",
timeStamp: null,
chartShow: false,
exportLoading: false,

View File

@ -92,7 +92,12 @@
</tr>
</tbody>
</table>
<div class="chartWrap">
<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="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
@ -100,7 +105,7 @@
:option="optionHour"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -108,7 +113,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -341,6 +346,7 @@ export default {
},
data() {
return {
typeRadio: "day",
exportLoading: false,
chartShow: false,
myOption: null,

View File

@ -84,16 +84,15 @@
</tr>
</tbody>
</table>
<!-- <div id="main" style="width:1200px;height:600px;"></div> -->
<!-- <div class="chartWrap">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
width="1033px"
:option="optionHour"
></scEcharts>
</div> -->
<div class="chartWrap">
<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="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -101,7 +100,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -305,6 +304,7 @@ export default {
},
data() {
return {
typeRadio: "month",
exportLoading: false,
chartShow: false,
myOption: null,
@ -620,38 +620,6 @@ export default {
});
},
methods: {
// //
// getHourData() {
// let that = this;
// let query = {};
// query.page = 0;
// query.year_s = that.year;
// query.month_s = that.month;
// query.day_s = that.days;
// query.type = "hour_s";
// query.mgroup = that.query.mgroup;
// this.$API.enm.enstat.req(query).then((response) => {
// let seriesData0 = [],
// seriesData1 = [];
// console.log("", response);
// let data = response;
// data.forEach((item) => {
// let ind = item.hour - 1;
// seriesData0[ind] = item.total_production;
// seriesData1[ind] = item.elec_consume_unit;
// });
// let options = { ...that.option1 };
// options.series[0].data = seriesData0;
// options.series[1].data = seriesData1;
// let hourXAxis = [];
// for (let i = 1; i <= that.hours; i++) {
// let item = i + "";
// hourXAxis.push(item);
// }
// options.xAxis.data = hourXAxis;
// that.optionHour = options;
// });
// },
//
getDayData() {
let that = this;

View File

@ -85,7 +85,12 @@
</tr>
</tbody>
</table>
<div class="chartWrap">
<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="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
height="400px"
@ -93,7 +98,7 @@
:option="optionHour"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'month'">
<div class="chartTitle">本月生产参数统计图</div>
<scEcharts
height="400px"
@ -101,7 +106,7 @@
:option="optionDay"
></scEcharts>
</div>
<div class="chartWrap">
<div class="chartWrap" v-show="typeRadio == 'year'">
<div class="chartTitle">本年生产参数统计图</div>
<scEcharts
height="400px"
@ -337,6 +342,7 @@ export default {
},
data() {
return {
typeRadio: "day",
exportLoading: false,
chartShow: false,
timeStamp: null,