| | |
| | | <!-- |
| | | * @Date: 2024-04-18 21:52:18 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-20 19:51:13 |
| | | * @LastEditTime: 2024-04-20 20:49:20 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Shift.vue |
| | | --> |
| | | <template> |
| | |
| | | <script> |
| | | import scEcharts from '@/components/scEcharts'; |
| | | export default { |
| | | props: { |
| | | url: '/api/blade-mdc/efficiency-analysis', |
| | | type: String, |
| | | }, |
| | | components: { |
| | | scEcharts |
| | | }, |
| | |
| | | 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: { |
| | |
| | | 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 |
| | |
| | | <!-- |
| | | * @Date: 2024-04-18 21:52:18 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-20 20:41:13 |
| | | * @LastEditTime: 2024-04-20 20:50:02 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Time.vue |
| | | --> |
| | | <template> |
| | |
| | | <script> |
| | | import scEcharts from '@/components/scEcharts'; |
| | | export default { |
| | | props: { |
| | | url: '/api/blade-mdc/efficiency-analysis', |
| | | type: String, |
| | | }, |
| | | components: { |
| | | scEcharts |
| | | }, |
| | |
| | | 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: { |
| | |
| | | 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 => { |
| | | let row = res.data.items?.records[0]?.data || {} |
| | | this.cols = Object.keys(row) |
| | | console.log(this.cols) |
| | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-20 20:43:33 |
| | | * @LastEditTime: 2024-04-20 20:52:06 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/output-statistics.vue |
| | | * 效率分析 |
| | | --> |
| | |
| | | <el-container> |
| | | <el-main class="nopadding"> |
| | | <el-row> |
| | | <el-col>统计数据</el-col> |
| | | <el-col> |
| | | <el-select style="width: 250px" v-model="productivityType"> |
| | | <el-option v-for="(item, index) in options" :key="index" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | | </el-col> |
| | | <el-col style="margin-top: 14px;">日期</el-col> |
| | | <el-col> |
| | | <el-date-picker value-format="YYYY-MM-DD" style="width: 250px" v-model="time" |
| | |
| | | <el-main> |
| | | <el-tabs tab-position="top" v-model="activeName" type="card"> |
| | | <el-tab-pane label="按班次统计" name="shift"> |
| | | <Shift ref="shift" v-if="activeName == 'shift'" /> |
| | | <Shift url="/api/blade-mdc/output" ref="shift" v-if="activeName == 'shift'"> |
| | | </Shift> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="按时间周期统计" name="time"> |
| | | <Time ref="time" v-if="activeName == 'time'" /> |
| | | <Time url="/api/blade-mdc/output" ref="time" v-if="activeName == 'time'"> |
| | | |
| | | </Time> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-main> |
| | |
| | | data() { |
| | | return { |
| | | activeName: 'shift', |
| | | productivityType: 'OEE', |
| | | time: [], |
| | | treeChecked: [], |
| | | options: [ |
| | |
| | | this.$refs[this.activeName].init({ |
| | | endDate: this.time[1], |
| | | startDate: this.time[0], |
| | | productivityType: this.productivityType, |
| | | shiftIndexList: [1, 2], |
| | | workStationIdList: [...this.treeChecked] |
| | | }) |