fix:凌源生产报告统计图显示改动(添加radio)
This commit is contained in:
parent
1667f02408
commit
be3d63e526
|
@ -82,7 +82,12 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</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>
|
<div class="chartTitle">小时生产参数统计图</div>
|
||||||
<scEcharts
|
<scEcharts
|
||||||
height="400px"
|
height="400px"
|
||||||
|
@ -90,7 +95,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"
|
||||||
|
@ -98,7 +103,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"
|
||||||
|
@ -211,6 +216,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
typeRadio: "day",
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
myOption: null,
|
myOption: null,
|
||||||
optionHour: {},
|
optionHour: {},
|
||||||
|
|
|
@ -95,7 +95,12 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</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>
|
<div class="chartTitle">小时生产参数统计图</div>
|
||||||
<scEcharts
|
<scEcharts
|
||||||
height="400px"
|
height="400px"
|
||||||
|
@ -103,7 +108,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"
|
||||||
|
@ -111,7 +116,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"
|
||||||
|
@ -335,6 +340,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
typeRadio: "day",
|
||||||
timeStamp: null,
|
timeStamp: null,
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
exportLoading: false,
|
exportLoading: false,
|
||||||
|
|
|
@ -92,7 +92,12 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</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>
|
<div class="chartTitle">小时生产参数统计图</div>
|
||||||
<scEcharts
|
<scEcharts
|
||||||
height="400px"
|
height="400px"
|
||||||
|
@ -100,7 +105,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"
|
||||||
|
@ -108,7 +113,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"
|
||||||
|
@ -341,6 +346,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
typeRadio: "day",
|
||||||
exportLoading: false,
|
exportLoading: false,
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
myOption: null,
|
myOption: null,
|
||||||
|
|
|
@ -84,16 +84,15 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<!-- <div id="main" style="width:1200px;height:600px;"></div> -->
|
<el-radio-group
|
||||||
<!-- <div class="chartWrap">
|
v-model="typeRadio"
|
||||||
<div class="chartTitle">小时生产参数统计图</div>
|
class="radioWrap"
|
||||||
<scEcharts
|
@change="radioChange"
|
||||||
height="400px"
|
>
|
||||||
width="1033px"
|
<el-radio-button label="month">本月</el-radio-button>
|
||||||
:option="optionHour"
|
<el-radio-button label="year">本年</el-radio-button>
|
||||||
></scEcharts>
|
</el-radio-group>
|
||||||
</div> -->
|
<div class="chartWrap" v-show="typeRadio == 'month'">
|
||||||
<div class="chartWrap">
|
|
||||||
<div class="chartTitle">本月生产参数统计图</div>
|
<div class="chartTitle">本月生产参数统计图</div>
|
||||||
<scEcharts
|
<scEcharts
|
||||||
height="400px"
|
height="400px"
|
||||||
|
@ -101,7 +100,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"
|
||||||
|
@ -305,6 +304,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
typeRadio: "month",
|
||||||
exportLoading: false,
|
exportLoading: false,
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
myOption: null,
|
myOption: null,
|
||||||
|
@ -620,38 +620,6 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
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() {
|
getDayData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
|
|
|
@ -85,7 +85,12 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</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>
|
<div class="chartTitle">小时生产参数统计图</div>
|
||||||
<scEcharts
|
<scEcharts
|
||||||
height="400px"
|
height="400px"
|
||||||
|
@ -93,7 +98,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"
|
||||||
|
@ -101,7 +106,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"
|
||||||
|
@ -337,6 +342,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
typeRadio: "day",
|
||||||
exportLoading: false,
|
exportLoading: false,
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
timeStamp: null,
|
timeStamp: null,
|
||||||
|
|
Loading…
Reference in New Issue