<!--
 * @Author: zwq
 * @Date: 2022-03-07 15:31:13
 * @LastEditors: zwq
 * @LastEditTime: 2022-07-05 16:11:42
 * @Description:
-->
<template>
  <div class="main-body">
    <el-table
      size='mini'
      :data="tableData"
      :header-cell-style="{background:'#082c34',color:'#acb9be',padding:'0px'}"
      :cell-style="{background:'#04222d',color:'#acb9be',padding:'5px 0px'}"
      style="width: 100%"
    >
      <el-table-column type="index" label="序号" width="30" align="center"> </el-table-column>
      <el-table-column prop="customer" label="客户名称" align="center"> </el-table-column>
      <el-table-column prop="orderNo" label="订单编号" align="center"> </el-table-column>
      <el-table-column prop="quantity" label="数量" width="50" align="center"> </el-table-column>
      <el-table-column prop="productName" label="产品名称" align="center"> </el-table-column>
      <el-table-column prop="weight" label="重量" width="50" align="center"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'board-part-table',
  components: {},
  props: {
    tableData: {
      type: Array,
      default: []
    }
  },
  data () {
    return {}
  },
  created () {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.main-body{
  margin: 5px;
}
.main-body /deep/ .cell{
  padding: 0px;
}
</style>
