From 772313f79294f87b99dc3de00961135fe1af57b9 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期六, 20 四月 2024 20:28:10 +0800
Subject: [PATCH] 更新效率

---
 src/views/mdc/components/Shift.vue |   94 +++++++++++++++++++++++++++++++---------------
 1 files changed, 63 insertions(+), 31 deletions(-)

diff --git a/src/views/mdc/components/Shift.vue b/src/views/mdc/components/Shift.vue
index 0570c69..a0a6a2e 100644
--- a/src/views/mdc/components/Shift.vue
+++ b/src/views/mdc/components/Shift.vue
@@ -1,18 +1,19 @@
 <!--
  * @Date: 2024-04-18 21:52:18
  * @LastEditors: Sneed
- * @LastEditTime: 2024-04-18 23:43:13
+ * @LastEditTime: 2024-04-20 19:51:13
  * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Shift.vue
 -->
 <template>
     <el-row>
         <el-col>
             <el-button-group>
-                <el-button :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id">{{
-                    item.title }}</el-button>
+                <el-button @click="btnListActive = item.id" :type="btnListActive == item.id ? 'primary' : ''"
+                    v-for="item in btnList" :key="item.id">{{
+                        item.title }}</el-button>
             </el-button-group>
         </el-col>
-        <el-col>
+        <el-col style="margin-top: 12px;">
             <el-card shadow="never">
                 <scEcharts height="300px" :option="option2"></scEcharts>
             </el-card>
@@ -63,37 +64,26 @@
             btnList: [],
             btnListActive: '',
             chartsData: [],
-            option2: {
-                title: {
-                    text: '缁熻鍥捐〃',
-                    subtext: '鍩虹鎶樼嚎鍥�',
-                },
-                grid: {
-                    top: '80px'
-                },
-                tooltip: {
-                    trigger: 'axis'
-                },
-                xAxis: {
-                    type: 'category',
-                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-                },
-                yAxis: {
-                    type: 'value'
-                },
-                series: [{
-                    data: [120, 200, 150, 80, 70, 110, 130],
-                    type: 'line',
-                },
-                {
-                    data: [110, 180, 120, 120, 60, 90, 110],
-                    type: 'line',
-                }]
-            },
+            option2: null,
+        }
+    },
+    watch: {
+        btnListActive(val) {
+            this.query({
+                ...this.params,
+                startDate: val,
+                endDate: val
+            })
+            this.queryChart({
+                ...this.params,
+                startDate: val,
+                endDate: val
+            })
         }
     },
     methods: {
         init(params) {
+            this.params = params
             this.getTime({
                 endDate: params.endDate,
                 startDate: params.startDate,
@@ -133,6 +123,48 @@
             }
             return this.$HTTP.post('/api/blade-mdc/efficiency-analysis', dataSend, { params }).then(res => {
                 this.chartsData = res.data.items.records
+                let option2 = {
+                    legend: {
+                        type: 'plain',
+                    },
+                    title: {
+                        text: '缁熻鍥捐〃',
+                        subtext: '',
+                    },
+                    grid: {
+                        top: '80px'
+                    },
+                    tooltip: {
+                        trigger: 'axis'
+                    },
+                    xAxis: {
+                        type: 'category',
+                    },
+                    yAxis: {
+                        type: 'value'
+                    },
+                    dataZoom: [
+                        { type: 'slider' }
+                    ],
+                    dataset: {
+                        source: [
+                            ['product', '鐝1', '鐝2'],
+
+                        ]
+                    },
+                    series: [{
+                        type: 'bar',
+                    },
+                    {
+                        type: 'bar',
+                    }]
+                }
+                option2.dataset.source = [['product', '鐝1', '鐝2']]
+                res.data.items.records.forEach(v => {
+                    option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1], v.data[2] === '-' ? 0 : v.data[1]])
+                });
+                this.option2 = option2
+                console.log(option2)
             })
         },
         query(params) {

--
Gitblit v1.9.3