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