From 9351ed8d72c344a6c7147b3a5f32f3fcf6ad28cb Mon Sep 17 00:00:00 2001 From: gaoshp <291585735@qq.com> Date: 星期六, 20 四月 2024 21:05:31 +0800 Subject: [PATCH] update --- src/views/mdc/components/Shift.vue | 40 +++++++++++++++++++++++++++++++++------- 1 files changed, 33 insertions(+), 7 deletions(-) diff --git a/src/views/mdc/components/Shift.vue b/src/views/mdc/components/Shift.vue index 9adc08a..e365d7a 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-20 21:04:39 * @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 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: { @@ -168,7 +194,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