| | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-18 22:47:36 |
| | | * @LastEditTime: 2024-05-20 21:04:56 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/efficiency-analysis.vue |
| | | * 效率分析 |
| | | --> |
| | |
| | | <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 :options="chartOption" colname="效率" ref="shift" v-if="activeName == 'shift'" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="按时间周期统计" name="time"> |
| | | <Time ref="time" v-if="activeName == 'time'" /> |
| | |
| | | Time |
| | | }, |
| | | watch: { |
| | | treeChecked(value) { |
| | | // this.query(value) |
| | | activeName() { |
| | | this.$nextTick(() => { |
| | | this.query() |
| | | }) |
| | | |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | productivityType: 'OEE', |
| | | time: [], |
| | | treeChecked: [], |
| | | chartOption: { |
| | | legend: { |
| | | type: 'plain', |
| | | }, |
| | | title: { |
| | | text: '统计图表', |
| | | subtext: '', |
| | | }, |
| | | grid: { |
| | | top: '80px' |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis' |
| | | }, |
| | | xAxis: { |
| | | type: 'category', |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | axisLabel: { |
| | | formatter: (value) => { |
| | | return value + '%' |
| | | } |
| | | }, |
| | | }, |
| | | dataZoom: [ |
| | | { type: 'slider' } |
| | | ], |
| | | dataset: { |
| | | source: [ |
| | | ['product', '班次1', '班次2'], |
| | | ] |
| | | }, |
| | | series: [{ |
| | | type: 'bar', |
| | | }, |
| | | { |
| | | type: 'bar', |
| | | }] |
| | | }, |
| | | options: [ |
| | | { |
| | | label: '稼动率', |