Appearance
配额协议
物料分类编码 cateCode
json
{
"groupCode": "baseForm",
"fieldType": "selectModal",
"fieldLabel": "物料分类编码",
"fieldName": "cateCode",
"required": "1"
}js
/**
* @param {Object} ctx 组件实例
* @param {String} value 当前所选值
* @param {Array} data selectModal, remoteSelect 已选行数据 (如有)
* @param {boolean} _isFill 填充、粘贴操作判断标识
* @param {Object} row 表行数据 (如有)
* @param {number} idx 表行索引值 (如有)
* @param {Object} pageData 页面所有数据
* @param {Object} layoutConfig 模板配置
* @param {Object} userInfo 当前登录人信息
* @param {(groupCode: string, fieldName: string, fn: (item: FormFieldsItem | ColumnItem) => void) => void}
* customFormatItem 遍历模板分组配置,自定义格式化查询到的字段
* @param {(groupCode: string, fieldName: string, flag: boolean) => void}
* setItemRequired 自定义设置字段必填
* @param {(groupCode: string, fieldName: string, flag: boolean) => void}
* setItemDisabled 自定义设置字段置灰
* @param {(groupCode: string, fieldName: string, flag: boolean) => void}
* setItemRequiredOrDisabled 自定义设置字段必填/置灰
* @param {() => void} topEmit 用于处理复杂绑定函数需求
* @param {Constructor} Decimal构造函数, 适用于js小数位数精度计算
* https://github.com/MikeMcl/decimal.js
*/
function callback(
ctx,
{
value,
data,
_isFill,
row,
idx,
pageData,
layoutConfig,
userInfo,
customFormatItem,
setItemRequired,
setItemDisabled,
setItemRequiredOrDisabled,
topEmit,
Decimal,
}
) {
if (data && data.length) {
const { cateCode = "", title = "" } = data[0] || {};
pageData.cateCode = cateCode;
pageData.cateName = title;
}
}js
{
modalColumns: [
{
field: "cateCode",
title: "编码",
fieldLabelI18nKey: "i18n_field_cateCode",
treeNode: true,
},
{
field: "title",
title: "分类名称",
fieldLabelI18nKey: "i18n_title_classificationName",
width: 180,
},
{
field: "value",
title: "分类编码",
fieldLabelI18nKey: "i18n_title_classificationCode",
width: 180,
},
],
selectModal: "single",
modalUrl: "/material/purchaseMaterialCode/getMaterialCodeTree",
modalParams: {
cateStatus: "1",
quotaStrategy: "1",
},
mobileModalParams: {
cateStatus: "1",
quotaStrategy: "1",
},
isTree: true,
treeConfig: {},
afterClearCallBack: function (that, form, col) {
form.cateCode = "";
form.cateName = "";
},
}物料编码 materialNumber
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "物料编码",
"fieldName": "materialNumber",
"required": "0"
}js
/**
* @param {Object} ctx 组件实例
* @param {String} value 当前所选值
* @param {Array} data selectModal, remoteSelect 已选行数据 (如有)
* @param {boolean} _isFill 填充、粘贴操作判断标识
* @param {Object} row 表行数据 (如有)
* @param {number} idx 表行索引值 (如有)
* @param {Object} pageData 页面所有数据
* @param {Object} layoutConfig 模板配置
* @param {Object} userInfo 当前登录人信息
* @param {(groupCode: string, fieldName: string, fn: (item: FormFieldsItem | ColumnItem) => void) => void}
* customFormatItem 遍历模板分组配置,自定义格式化查询到的字段
* @param {(groupCode: string, fieldName: string, flag: boolean) => void}
* setItemRequired 自定义设置字段必填
* @param {(groupCode: string, fieldName: string, flag: boolean) => void}
* setItemDisabled 自定义设置字段置灰
* @param {(groupCode: string, fieldName: string, flag: boolean) => void}
* setItemRequiredOrDisabled 自定义设置字段必填/置灰
* @param {() => void} topEmit 用于处理复杂绑定函数需求
* @param {Constructor} Decimal构造函数, 适用于js小数位数精度计算
* https://github.com/MikeMcl/decimal.js
*/
function callback(
ctx,
{
value,
data,
_isFill,
row,
idx,
pageData,
layoutConfig,
userInfo,
customFormatItem,
setItemRequired,
setItemDisabled,
setItemRequiredOrDisabled,
topEmit,
Decimal,
}
) {
const {
materialNumber = "",
materialName = "",
materialDesc = "",
materialSpec = "",
materialGroup = "",
id = "",
cateName = "",
cateCode = "",
minOrderQuantity = "",
minPackQuantity = "",
purchaseOrg = "",
factory = "",
quotaWay = "",
materialGroupName = "",
} = data[0] || {};
pageData.materialNumber = materialNumber;
pageData.materialName = materialName;
pageData.materialDesc = materialDesc;
pageData.materialGroup = materialGroup;
pageData.materialId = id;
pageData.cateName = cateName;
pageData.cateCode = cateCode;
pageData.minQuantity = minOrderQuantity;
pageData.minPackQuantity = minPackQuantity;
pageData.purchaseOrg = purchaseOrg;
pageData.factory = factory;
pageData.quotaWay = quotaWay;
pageData.materialGroupName = materialGroupName;
}js
{
modalColumns: [
{
field: "materialNumber",
title: "物料编码",
fieldLabelI18nKey: "i18n_title_materialNumber",
width: 180,
},
{
field: "materialName",
title: "物料名称",
fieldLabelI18nKey: "i18n_title_materialName",
width: 180,
},
{
field: "materialDesc",
title: "物料描述",
fieldLabelI18nKey: "i18n_title_materialDesc",
width: 180,
},
{
field: "materialSpec",
title: "物料规格",
fieldLabelI18nKey: "i18n_title_materialSpec",
width: 180,
},
{
field: "materialGroup_dictText",
title: "物料组",
fieldLabelI18nKey: "i18n_btn_SLV_1ba4874",
width: 180,
},
{
field: "cateCode",
title: "物料分类",
fieldLabelI18nKey: "i18n_SLzA_7bb1193b",
width: 180,
},
{
field: "cateName",
title: "物料分类名称",
fieldLabelI18nKey: "i18n_title_materialClassification",
width: 180,
},
{
field: "purchaseUnit_dictText",
title: "采购单位",
fieldLabelI18nKey: "i18n_field_purchaseUnit",
width: 180,
},
{
field: "minOrderQuantity",
title: "最小订单量",
fieldLabelI18nKey: "i18n_field_minOrderQuantity",
width: 180,
},
{
field: "minPackQuantity",
title: "最小包装量",
fieldLabelI18nKey: "i18n_field_minPackQuantity",
width: 180,
},
],
modalUrl: "/material/purchaseMaterialHead/page-list",
modalParams: {},
handleAfter: function ({ pageData, userInfo }) {
pageData.materialNumber = "";
pageData.materialName = "";
pageData.materialDesc = "";
pageData.materialSpec = "";
pageData.materialGroup = "";
pageData.materialId = "";
pageData.cateName = "";
pageData.cateCode = "";
pageData.minQuantity = "";
pageData.minPackQuantity = "";
pageData.purchaseOrg = "";
pageData.factory = "";
pageData.quotaWay = "";
},
}