From e5cdf3af17609b49138cec3e8fb200752365f651 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期五, 01 十一月 2024 14:58:12 +0800
Subject: [PATCH] 1

---
 src/views/mdc/output-statistics.vue |  114 +++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 107 insertions(+), 7 deletions(-)

diff --git a/src/views/mdc/output-statistics.vue b/src/views/mdc/output-statistics.vue
index 6aa3ae9..e8a9856 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 20:52:06
+ * @LastEditTime: 2024-06-22 18:35:47
  * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/output-statistics.vue
  * 鏁堢巼鍒嗘瀽
 -->
@@ -25,8 +25,9 @@
                             <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> -->
+                            <exportDialog @export="exportExcel"></exportDialog>
                         </el-footer>
                     </el-container>
                 </el-aside>
@@ -34,11 +35,14 @@
                     <el-main>
                         <el-tabs tab-position="top" v-model="activeName" type="card">
                             <el-tab-pane label="鎸夌彮娆$粺璁�" name="shift">
-                                <Shift url="/api/blade-mdc/output" ref="shift" v-if="activeName == 'shift'">
+                                <Shift :options="chartOption" :datasetNum="1" colname="浜ч噺"
+                                    :colnameFn="val => { return val }" url="/api/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/mdc/output" ref="time" v-if="activeName == 'time'">
 
                                 </Time>
                             </el-tab-pane>
@@ -55,12 +59,13 @@
 import MYTree from './MYTree.vue'
 import Shift from './components/Shift.vue'
 import Time from './components/Time.vue'
-
+import exportDialog from '@/layout/components/exportDialog.vue'
 export default {
     components: {
         MYTree,
         Shift,
-        Time
+        Time,
+        exportDialog
     },
     watch: {
         activeName() {
@@ -75,6 +80,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: '绋煎姩鐜�',
@@ -98,6 +182,22 @@
         this.query()
     },
     methods: {
+        exportExcel(statisticalMethod) {
+            this.$HTTP.post(`/api/mdc/output/export`, {
+                startDate: this.time[0],
+                endDate: this.time[1],
+                statisticalMethod,
+                queryType: 1,
+                shiftIndexList: [1, 2],
+                workStationIdList: this.treeChecked
+            }).then(res => {
+                if (res.success) {
+                    window.open(res.data.link)
+                } else {
+                    this.$message.error(res.msg)
+                }
+            })
+        },
         query() {
             this.$refs[this.activeName].init({
                 endDate: this.time[1],

--
Gitblit v1.9.3