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