| | |
| | | <!-- |
| | | * @Date: 2024-04-18 21:52:18 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-05-20 21:05:43 |
| | | * @LastEditTime: 2024-06-17 22:24:22 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Shift.vue |
| | | --> |
| | | <template> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="" :label="colname"> |
| | | <template #default="scope"> |
| | | <span>{{ scope.row.data['1'] }}</span> |
| | | <span>{{ colnameFn(scope.row.data['1']) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="" label="班次2"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="" :label="colname"> |
| | | <template #default="scope"> |
| | | <span>{{ scope.row.data['2'] }}</span> |
| | | <span>{{ colnameFn(scope.row.data['2']) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </scTable> |
| | |
| | | export default { |
| | | props: { |
| | | url: { |
| | | default: '/api/blade-mdc/efficiency-analysis', |
| | | default: '/api/mdc/efficiency-analysis', |
| | | type: String, |
| | | }, |
| | | colname: { |
| | | default: '', |
| | | type: String, |
| | | }, |
| | | colnameFn: { |
| | | type: Function, |
| | | default: val => { |
| | | if (isNaN(val)) return '-' |
| | | return `${(val ? val * 100 : 0).toFixed(2)}%` |
| | | } |
| | | }, |
| | | options: { |
| | | default() { |
| | | return {} |
| | | }, |
| | | }, |
| | | datasetNum: { |
| | | type: Number, |
| | | default: 100 |
| | | } |
| | | }, |
| | | components: { |
| | |
| | | |
| | | }, |
| | | getTime(data) { |
| | | return this.$HTTP.post('/api/blade-mdc/efficiency-analysis/interval', { |
| | | return this.$HTTP.post('/api/mdc/efficiency-analysis/interval', { |
| | | ...data |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | this.btnList = res.data |
| | | this.btnList = res.data.reverse() |
| | | this.btnListActive = res?.data?.[0]?.id |
| | | } |
| | | }) |
| | |
| | | queryType: 0, |
| | | statisticalMethod: this.statisticalMethod |
| | | } |
| | | try { |
| | | this.option2.dataset.source = [] |
| | | } catch (error) { |
| | | |
| | | } |
| | | return this.$HTTP.post(this.url, dataSend, { params }).then(res => { |
| | | this.chartsData = res.data.items.records |
| | | let option2 = { |
| | |
| | | } |
| | | 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] * 100, v.data[2] === '-' ? 0 : v.data[2] * 100]) |
| | | option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1] * this.datasetNum, v.data[2] === '-' ? 0 : v.data[2] * this.datasetNum]) |
| | | }); |
| | | this.option2 = option2 |
| | | console.log(option2) |