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> </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: {},

View File

@ -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,

View File

@ -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,

View File

@ -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;

View File

@ -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,