<!--
 * @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>
