From b46e6d2306515f94bf77c06e8d80ac76267e3ddb Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期日, 02 六月 2024 21:44:23 +0800
Subject: [PATCH] 搜索

---
 src/views/mdc/components/Shift.vue |   82 ++++++++++++++++++++---------------------
 1 files changed, 40 insertions(+), 42 deletions(-)

diff --git a/src/views/mdc/components/Shift.vue b/src/views/mdc/components/Shift.vue
index 9adc08a..326fbaf 100644
--- a/src/views/mdc/components/Shift.vue
+++ b/src/views/mdc/components/Shift.vue
@@ -1,15 +1,16 @@
 <!--
  * @Date: 2024-04-18 21:52:18
  * @LastEditors: Sneed
- * @LastEditTime: 2024-04-20 19:40:06
+ * @LastEditTime: 2024-05-20 21:05:43
  * @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 size="small" @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 style="margin-top: 12px;">
@@ -29,7 +30,7 @@
                         <span>{{ scope.row.nameData['1'] }}</span>
                     </template>
                 </el-table-column>
-                <el-table-column prop="" label="鏁堢巼">
+                <el-table-column prop="" :label="colname">
                     <template #default="scope">
                         <span>{{ scope.row.data['1'] }}</span>
                     </template>
@@ -39,7 +40,7 @@
                         <span>{{ scope.row.nameData['2'] }}</span>
                     </template>
                 </el-table-column>
-                <el-table-column prop="" label="鏁堢巼">
+                <el-table-column prop="" :label="colname">
                     <template #default="scope">
                         <span>{{ scope.row.data['2'] }}</span>
                     </template>
@@ -52,6 +53,21 @@
 <script>
 import scEcharts from '@/components/scEcharts';
 export default {
+    props: {
+        url: {
+            default: '/api/blade-mdc/efficiency-analysis',
+            type: String,
+        },
+        colname: {
+            default: '',
+            type: String,
+        },
+        options: {
+            default() {
+                return {}
+            },
+        }
+    },
     components: {
         scEcharts
     },
@@ -66,8 +82,23 @@
             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,
@@ -105,47 +136,14 @@
                 queryType: 0,
                 statisticalMethod: this.statisticalMethod
             }
-            return this.$HTTP.post('/api/blade-mdc/efficiency-analysis', dataSend, { params }).then(res => {
+            return this.$HTTP.post(this.url, 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',
-                    }]
+                    ...this.options
                 }
                 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]])
+                    option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1] * 100, v.data[2] === '-' ? 0 : v.data[2] * 100])
                 });
                 this.option2 = option2
                 console.log(option2)
@@ -168,7 +166,7 @@
                     delete dataSend.size
                     delete dataSend.order
                     delete dataSend.prop
-                    return await this.$HTTP.post('/api/blade-mdc/efficiency-analysis', dataSend, { params }).then(res => {
+                    return await this.$HTTP.post(this.url, dataSend, { params }).then(res => {
                         return {
                             ...res,
                             data: res.data.items

--
Gitblit v1.9.3