attributeTableOption: {
submitBtn: false,
emptyBtn: false,
column: [
{
label: '',
prop: 'dynamic',
type: 'dynamic',
labelWidth: 0,
span: 24,
children: {
align: 'center',
headerAlign: 'center',
rowAdd: (done) => {
this.$message.success('新增回调');
done({
input: '默认值'
});
},
rowDel: (row, done) => {
this.$message.success('删除回调' + JSON.stringify(row));
done();
},
column: [{
width: 200,
label: '销售属性',
allowCreate: true,
filterable: true,
prop: "input",
type: 'table',
children: {
border: true,
column: [{
label: '姓名',
width: 120,
search: true,
searchSpan: 24,
prop: 'name'
}, {
label: '性别',
prop: 'sex'
}],
},
formatter: (row) => {
if (!row.name) return ''
return row.name + '-' + row.sex
},
onLoad: ({ page, value, data }, callback) => {
//首次加载去查询对应的值
if (value) {
this.$message.success('首次查询' + value)
callback({
id: '0',
name: '张三',
sex: '男',
age: 18
})
return
}
if (data) {
this.$message.success('搜索查询参数' + JSON.stringify(data))
}
if (page) {
this.$message.success('分页参数' + JSON.stringify(page))
}
//分页查询信息
callback({
total: 2,
data: [{
id: '0',
name: '张三',
sex: '男',
age: 18
}, {
id: '1',
name: '李四',
sex: '女',
disabled: true,
age: 18
}, {
id: '2',
name: '王五',
sex: '女'
}]
})
},
props: {
disabled: 'disabled',
label: 'name',
value: 'id'
}
}, {
label: '参数值',
prop: "select",
type: 'select',
allowCreate: true,
filterable: true,
multiple: true,
dicData: [{
label: '6G',
value: 1
}, {
label: '12G',
value: 2
}]
}]
}
},
]
},