From bb3b85e8bb9304f0afba37063857e691c97f5c21 Mon Sep 17 00:00:00 2001 From: gaoshp <291585735@qq.com> Date: 星期五, 21 六月 2024 00:20:54 +0800 Subject: [PATCH] update --- src/views/mdc/output-statistics.vue | 91 +++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 86 insertions(+), 5 deletions(-) diff --git a/src/views/mdc/output-statistics.vue b/src/views/mdc/output-statistics.vue index 88961fa..b4cd903 100644 --- a/src/views/mdc/output-statistics.vue +++ b/src/views/mdc/output-statistics.vue @@ -1,7 +1,7 @@ <!-- * @Date: 2024-04-09 22:11:21 * @LastEditors: Sneed - * @LastEditTime: 2024-04-20 21:04:01 + * @LastEditTime: 2024-06-20 23:54:27 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/output-statistics.vue * 鏁堢巼鍒嗘瀽 --> @@ -25,8 +25,8 @@ <MYTree v-model="treeChecked" show-checkbox></MYTree> </el-main> <el-footer> - <el-button @click="query">鏌ヨ</el-button> - <el-button>瀵煎嚭</el-button> + <el-button type="primary" @click="query">鏌ヨ</el-button> + <el-button @click="exportExcel">瀵煎嚭</el-button> </el-footer> </el-container> </el-aside> @@ -34,12 +34,14 @@ <el-main> <el-tabs tab-position="top" v-model="activeName" type="card"> <el-tab-pane label="鎸夌彮娆$粺璁�" name="shift"> - <Shift colname="浜ч噺" url="/api/blade-mdc/output" ref="shift" + <Shift :options="chartOption" :datasetNum="1" colname="浜ч噺" + :colnameFn="val => { return val }" url="/api/blade-mdc/output" ref="shift" v-if="activeName == 'shift'"> </Shift> </el-tab-pane> <el-tab-pane label="鎸夋椂闂村懆鏈熺粺璁�" name="time"> - <Time url="/api/blade-mdc/output" ref="time" v-if="activeName == 'time'"> + <Time :resFn="val => val" :options="chartOption1" :colnameFn="val => { return val }" + url="/api/blade-mdc/output" ref="time" v-if="activeName == 'time'"> </Time> </el-tab-pane> @@ -76,6 +78,85 @@ activeName: 'shift', time: [], treeChecked: [], + chartOption1: { + title: { + text: '缁熻鍥捐〃', + subtext: '', + }, + grid: { + top: '80px' + }, + tooltip: { + trigger: 'axis' + }, + tooltip: { + trigger: 'axis', + valueFormatter: (params) => { + return params + } + }, + xAxis: { + type: 'category', + axisLabel: { + interval: 'auto', + } + }, + yAxis: { + type: 'value', + axisLabel: { + formatter: (value) => { + return value + } + }, + }, + dataZoom: [ + { type: 'slider' } + ], + dataset: { + source: [] + }, + series: [] + }, + chartOption: { + legend: { + type: 'plain', + }, + title: { + text: '缁熻鍥捐〃', + subtext: '', + }, + grid: { + top: '80px' + }, + tooltip: { + trigger: 'axis' + }, + xAxis: { + type: 'category', + }, + yAxis: { + type: 'value', + axisLabel: { + formatter: (value) => { + return value + } + }, + }, + dataZoom: [ + { type: 'slider' } + ], + dataset: { + source: [ + ['product', '鐝1', '鐝2'], + ] + }, + series: [{ + type: 'bar', + }, + { + type: 'bar', + }] + }, options: [ { label: '绋煎姩鐜�', -- Gitblit v1.9.3