Files
mt-ck-wms-ui/src/views/EquipmentManager/equipmentUtilizationRate/components/OeeTable.vue
2022-03-03 16:51:09 +08:00

101 lines
1.9 KiB
Vue

<!--
* @Author: zwq
* @Date: 2020-12-29 15:41:11
* @LastEditors: DY
* @LastEditTime: 2022-03-03 16:38:52
* @Description: OEE详情表格
-->
<template>
<div>
<base-table
:table-config="tableProps"
:table-data="list"
:is-loading="listLoading"
/>
</div>
</template>
<script>
import i18n from '@/lang'
import BaseTable from '@/components/BaseTable'
const tableProps = [
{
prop: 'equipmentName',
label: i18n.t('module.equipmentManager.maintainplan.equipmentId'),
align: 'center'
}, {
prop: 'runTime',
label: i18n.t('module.equipmentManager.monitoringInfo.runTime'),
align: 'center'
}, {
prop: 'productiveTime',
label: i18n.t('module.equipmentManager.monitoringInfo.produceTime'),
align: 'center'
}, {
prop: 'productiveCount',
label: i18n.t('module.equipmentManager.monitoringInfo.productiveCount'),
align: 'center'
}, {
prop: 'timeRate',
label: i18n.t('module.equipmentManager.monitoringInfo.timeRate'),
align: 'center'
}, {
prop: 'performanceRate',
label: i18n.t('module.equipmentManager.monitoringInfo.performanceRate'),
align: 'center'
}, {
prop: 'oee',
label: i18n.t('module.equipmentManager.monitoringInfo.oee'),
align: 'center'
}
]
export default {
name: '',
components: { BaseTable },
props: {
tableData: {
type: Array,
default: () => { [] }
},
equipmentName: {
type: String,
default: () => { '' }
}
},
data() {
return {
total: 0,
tableProps,
list: [],
listLoading: false
}
},
mounted() {
// this.init()
},
methods: {
init() {
this.list = this.tableData
if (this.list !== []) {
this.list.forEach(item => {
item.equipmentName = this.equipmentName
})
}
}
}
}
</script>
<style scoped>
.edit-input {
padding-right: 100px;
}
.cancel-btn {
position: absolute;
right: 15px;
top: 10px;
}
</style>