From 51d86d1eab51b44ff5d61ba66465fa618338608f Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期一, 20 五月 2024 12:20:26 +0800
Subject: [PATCH] 1
---
src/views/mdc/components/Shift.vue | 49 ++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 40 insertions(+), 9 deletions(-)
diff --git a/src/views/mdc/components/Shift.vue b/src/views/mdc/components/Shift.vue
index 9adc08a..2bab6cf 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-04-27 23:31:53
* @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,16 @@
<script>
import scEcharts from '@/components/scEcharts';
export default {
+ props: {
+ url: {
+ default: '/api/blade-mdc/efficiency-analysis',
+ type: String,
+ },
+ colname: {
+ default: '',
+ type: String,
+ }
+ },
components: {
scEcharts
},
@@ -66,8 +77,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,7 +131,7 @@
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: {
@@ -125,7 +151,12 @@
type: 'category',
},
yAxis: {
- type: 'value'
+ type: 'value',
+ axisLabel: {
+ formatter: (value) => {
+ return value + '%'
+ }
+ },
},
dataZoom: [
{ type: 'slider' }
@@ -145,7 +176,7 @@
}
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 +199,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