OpTable
1，首先引入组件
.import OpTable from '@/components/OpTable'
@Component({
components: { OpTable }
})
2，使用组件
<op-table></op-table>
3，参数说明
optable 属性说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| tableStrucure | 表格结构（具体见下说明） | 对象数组 | 必填 | 无 |
| tableData | 表格数据 | 数组 | 必填 | 无 |
| total | 数据总数，分页要用到 | 数值 | 选填 | 无 |
| spanMethod | 合并行或列的计算方法 | Function({ row, column, rowIndex, columnIndex }) | 选填 | 默认按mergeKey合并行 |
| spreadKey | 展开表格数据展示的关键属性 | 字符串 | 选填 | 无 |
| mergeKey | 根据这个属性去合并单元格 | 字符串 | 选填 | 无 |
tableStrucure
| 属性 | 说明 |
|---|---|
| label | 显示的标题 |
| prop | 对应列内容的字段名 |
| width | 对应列的宽度 |
| render | Function(h, params)JSX方式渲染内容，可自定义 |
tableStrucure例子
[
{
label: '选择',
width: 55,
prop: 'selection',
type: 'selection'
},
{
label: '送货安装单号',
width: 130,
prop: 'installNo'
},
{
label: '生成时间',
width: 200,
prop: 'createTime',
render: (h, params) => {
return h('div', [
h('p', {}, `${params.row.createTime}`)
])
}
}]
