From f5edc2904945f37b164a7874d502cf002fae024e Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期一, 13 五月 2024 13:52:26 +0800 Subject: [PATCH] 1 --- src/views/mdc/components/Shift.vue | 33 ++++++++++++++++++++++++--------- 1 files changed, 24 insertions(+), 9 deletions(-) diff --git a/src/views/mdc/components/Shift.vue b/src/views/mdc/components/Shift.vue index a0a6a2e..2bab6cf 100644 --- a/src/views/mdc/components/Shift.vue +++ b/src/views/mdc/components/Shift.vue @@ -1,15 +1,15 @@ <!-- * @Date: 2024-04-18 21:52:18 * @LastEditors: Sneed - * @LastEditTime: 2024-04-20 19:51:13 + * @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 @click="btnListActive = item.id" :type="btnListActive == item.id ? 'primary' : ''" - v-for="item in btnList" :key="item.id">{{ + <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> @@ -30,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> @@ -40,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> @@ -53,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 }, @@ -121,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: { @@ -141,7 +151,12 @@ type: 'category', }, yAxis: { - type: 'value' + type: 'value', + axisLabel: { + formatter: (value) => { + return value + '%' + } + }, }, dataZoom: [ { type: 'slider' } @@ -161,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) @@ -184,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