You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

99 lines
3.8 KiB

## dev发布2024-05-21-002
11 months ago
**xxxx.data.ts 文件配置说明**
**form表单查询弹窗配置**
form: {
labelMessage: '信息提示说明!!!',
componentProps: {
enterSearch: true, //可输入回车 对应绑定事件:@onEnter="onEnter"
11 months ago
isSearchList: true, // 开启查询弹窗
searchListPlaceholder: '请选择物料代码', // 输入框占位文本
11 months ago
searchField: 'itemCode', // 查询弹窗赋值字段
searchTitle: '生产线物料关系信息', // 查询弹窗标题
hiddenFilterButton:true,//是否隐藏筛选按钮
7 months ago
dialogWidth:'100px',//搜索出来弹窗的宽度
isConcatDetailSchemas:true, // 是否主子表合并
searchDetailSchemas: PurchasereceiptRecordDetail.allSchemas, // 查询弹窗所需子表类
11 months ago
searchAllSchemas: Productionlineitem.allSchemas, // 查询弹窗所需类
searchPage: ProductionlineitemApi.getProductionlineitemPage, // 查询弹窗所需分页方法
searchCondition: [{
key:'productionLineCode', // 查询列表中字段
value:'prodLine', // 指主表某字段
message: '请选择生产线信息!', // 当前置条件为空时 弹出信息提示
11 months ago
isMainValue: true // 表示查询条件是主表的字段的值
},
{
key:'available', // 查询列表中字段
value:'TRUE', // 指查询具体值
isMainValue: false // 表示查询条件不是主表的字段的值
}
]
}
}
**tableForm明细列表查询弹窗配置**
tableForm:{
hidden:false,//控制列是否展示
11 months ago
isInpuFocusShow: true, // 开启查询弹窗 【**与form表单中唯一不同属性**】
searchListPlaceholder: '请选择从仓库代码', // 输入框占位文本
searchField: 'code', // 查询弹窗赋值字段
searchTitle: '仓库基础信息', // 查询弹窗标题
searchAllSchemas: Warehouse.allSchemas, // 查询弹窗所需类
searchPage: WarehouseApi.getWarehousePage, // 查询弹窗所需分页方法
searchCondition: [{
key: 'available', // 查询列表中字段
value: 'TRUE', // 指查询具体值
isMainValue: false // 表示查询条件不是主表的字段的值
},
{
key: 'available', // 查询列表中字段
value: 'TRUE', // 指查询具体值
action: '==', // 查询拼接条件
isSearch: true, // 使用自定义拼接条件
isMainValue: false // 拼接条件必须要 false 同时不能与 isMainValue: true 同用
11 months ago
}]
},
**主子表合并需要修改的代码**
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