|
|
@ -48,9 +48,47 @@ tableForm:{ |
|
|
|
}] |
|
|
|
}, |
|
|
|
|
|
|
|
// 主子合并隐藏子 |
|
|
|
hiddenInMain:true |
|
|
|
// 主子排序 不配置默认999,不要设置0(留给左侧固定列使用) |
|
|
|
sortTableDefault: |
|
|
|
// 查询条件排序 |
|
|
|
sortSearchDefault: |
|
|
|
|
|
|
|
|
|
|
|
**主子表合并需要修改的代码** |
|
|
|
1、影响Table表头 |
|
|
|
const tableColumns = |
|
|
|
ref([…”PurchaseMain”.allSchemas.tableColumns,…”PurchaseDetail”.allSchemas.tableMainColumns]) |
|
|
|
|
|
|
|
PurchaseMain:主表 |
|
|
|
PurchaseDetail:子表 |
|
|
|
|
|
|
|
2、影响搜索头部 |
|
|
|
在TableHead标签内部添加属性: |
|
|
|
<TableHead |
|
|
|
...... |
|
|
|
:detailAllSchemas="PurchaseDetail.allSchemas" |
|
|
|
/> |
|
|
|
|
|
|
|
3、影响操作按钮 |
|
|
|
3.1 修改<Table 标签中赋值 |
|
|
|
原有: |
|
|
|
#action="{ row }” |
|
|
|
:Butttondata=“butttondata(row)" |
|
|
|
改为: |
|
|
|
#action="{ row,$index }” |
|
|
|
:Butttondata="butttondata(row,$index)" |
|
|
|
|
|
|
|
3.2 在按钮回调中添加$index,固定的写死: |
|
|
|
const butttondata = (row,$index) => { |
|
|
|
const findIndex = row['masterId']?tableObject.tableList.findIndex(item=>item['masterId'] == row['masterId']):-1 |
|
|
|
if(findIndex>0&&findIndex<$index){ |
|
|
|
return [] |
|
|
|
} |
|
|
|
…下面是原有的按钮逻辑,不变 |
|
|
|
} |
|
|
|
|
|
|
|
4、更换子表的请求接口 |
|
|
|
const { tableObject, tableMethods } = useTable({ |
|
|
|
getListApi: “PurchasereceiptRequestDetailApi.getPurchasereceiptRequestDetailPage”// 分页接口 |
|
|
|
}) |
|
|
|
|
|
|
|
5、ts文件配置: |
|
|
|
hiddenInMain:true, //子表中数据不展示在主表 |
|
|
|
sortTableDefault:1000, // 主页面中Table表中展示的排序位置:默认值999 ,最小值1,值越大越靠后,值越小越靠前 |
|
|
|
sortSearchDefault:1000,// 搜素框中展示的排序位置,用法同sortTableDefault |
|
|
|