53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
<!--
|
|
* @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>
|