Appearance
VMI
对方 ELS 账号 toElsAccount
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "对方ELS账号",
"fieldName": "toElsAccount",
"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) {
return;
}
pageData.toElsAccount = data[0].elsAccount;
pageData.supplierName = data[0].name;
pageData.supplierCode = data[0].fbk1;
}js
{
modalColumns: [
{
field: "elsAccount",
title: "供应商账号",
fieldLabelI18nKey: "i18n_title_supplierAccount",
with: 150,
},
{
field: "name",
title: "供应商名称",
fieldLabelI18nKey: "i18n_field_name",
with: 150,
},
{
field: "fbk1",
title: "供应商ERP编码",
fieldLabelI18nKey: "i18n_field_supplierCode",
with: 150,
},
{
field: "industry",
title: "行业",
fieldLabelI18nKey: "i18n_field_industry",
with: 150,
},
],
modalUrl: "/enterprise/elsEnterpriseInfo/queryAccessSupplier",
modalParams: {},
handleAfter({ pageData }) {
pageData.toElsAccount = "";
pageData.supplierName = "";
pageData.supplierCode = "";
},
}物料编码 materialNumber
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "物料编码",
"fieldName": "materialNumber",
"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) {
return;
}
let {
materialNumber = "",
materialName = "",
materialDesc = "",
materialGroup = "",
materialGroupName = "",
materialType = "",
materialTypeName = "",
cateCode = "",
cateName = "",
brand = "",
factory = "",
factoryName = "",
} = data[0] || [];
console.log("pageDatapageData", pageData);
pageData.materialNumber = materialNumber;
pageData.materialName = materialName;
pageData.materialDesc = materialDesc;
pageData.materialGroup = materialGroup;
pageData.materialGroupName = materialGroupName;
pageData.cateCode = cateCode;
pageData.cateName = cateName;
pageData.factory = factory;
pageData.materialType = materialType;
pageData.materialTypeName = materialTypeName;
pageData.brand = brand;
pageData.factoryName = factoryName;
}js
{
modalColumns: [
{
field: "materialNumber",
title: "物料编码",
fieldLabelI18nKey: "i18n_field_materialNumber",
with: 150,
},
{
field: "materialName",
title: "物料名称",
fieldLabelI18nKey: "i18n_field_materialName",
with: 150,
},
{
field: "materialDesc",
title: "物料描述",
fieldLabelI18nKey: "i18n_field_materialDesc",
with: 150,
},
{
field: "materialGroup_dictText",
title: "物料组",
fieldLabelI18nKey: "i18n_field_materialGroup",
with: 150,
},
{
field: "materialGroupName",
title: "物料组名称",
fieldLabelI18nKey: "i18n_field_materialGroupName",
with: 150,
},
{
field: "materialType",
title: "物料类型",
fieldLabelI18nKey: "i18n_field_materialType",
with: 150,
},
{
field: "materialTypeName",
title: "商品类型名称",
fieldLabelI18nKey: "i18n_field_materialTypeName",
with: 150,
},
{
field: "cateCode",
title: "物料分类",
fieldLabelI18nKey: "i18n_field_cateCode",
with: 150,
},
{
field: "cateName",
title: "物料分类名称",
fieldLabelI18nKey: "i18n_field_cateName",
with: 150,
},
{
field: "brand",
title: "物料品牌",
fieldLabelI18nKey: "i18n_field_brand",
with: 150,
},
{
field: "factory_dictText",
title: "工厂",
fieldLabelI18nKey: "i18n_field_factory",
with: 250,
},
],
modalUrl: "/material/purchaseMaterialHead/list",
modalParams: {
blocDel: "0",
},
handleAfter: function ({ pageData }) {
pageData.materialNumber = "";
pageData.materialName = "";
pageData.materialDesc = "";
pageData.materialGroup = "";
pageData.materialGroupName = "";
pageData.materialType = "";
pageData.materialTypeName = "";
pageData.cateCode = "";
pageData.cateName = "";
pageData.brand = "";
pageData.factory = "";
pageData.factoryName = "";
},
}替代料 replaceMaterial
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "替代料",
"fieldName": "replaceMaterial",
"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,
},
) {
if (!data || !data.length) {
return;
}
let { materialNumber = "", materialName = "" } = data[0] || {};
pageData.replaceMaterial = materialNumber + "_" + materialName;
}js
{
modalColumns: [
{
field: "materialNumber",
title: "物料编码",
fieldLabelI18nKey: "i18n_field_materialNumber",
with: 150,
},
{
field: "materialName",
title: "物料名称",
fieldLabelI18nKey: "i18n_field_materialName",
with: 150,
},
{
field: "materialDesc",
title: "物料描述",
fieldLabelI18nKey: "i18n_field_materialDesc",
with: 150,
},
{
field: "materialGroup_dictText",
title: "物料组",
fieldLabelI18nKey: "i18n_field_materialGroup",
with: 150,
},
{
field: "materialGroupName",
title: "物料组名称",
fieldLabelI18nKey: "i18n_field_materialGroupName",
with: 150,
},
{
field: "materialType",
title: "物料类型",
fieldLabelI18nKey: "i18n_field_materialType",
with: 150,
},
{
field: "materialTypeName",
title: "商品类型名称",
fieldLabelI18nKey: "i18n_field_materialTypeName",
with: 150,
},
{
field: "cateCode",
title: "物料分类",
fieldLabelI18nKey: "i18n_field_cateCode",
with: 150,
},
{
field: "cateName",
title: "物料分类名称",
fieldLabelI18nKey: "i18n_field_cateName",
with: 150,
},
{
field: "brand",
title: "物料品牌",
fieldLabelI18nKey: "i18n_field_brand",
with: 150,
},
{
field: "factory_dictText",
title: "工厂",
fieldLabelI18nKey: "i18n_field_factory",
with: 250,
},
{
field: "factoryName",
title: "工厂名称",
fieldLabelI18nKey: "i18n_field_factoryName",
with: 150,
},
],
modalUrl: "/material/purchaseMaterialHead/list",
modalParams: {
blocDel: "0",
},
}采购员 buyer
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "采购员",
"fieldName": "buyer",
"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) {
return;
}
let { subAccount = "", realname = "" } = data[0] || {};
pageData.buyer = subAccount + "_" + realname;
}js
{
modalColumns: [
{
field: "subAccount",
title: "子账号",
fieldLabelI18nKey: "i18n_field_subAccount",
with: 150,
},
{
field: "realname",
title: "姓名",
fieldLabelI18nKey: "i18n_field_realname",
with: 150,
},
],
modalUrl: "/account/elsSubAccount/page",
modalParams: {},
}计划员 planner
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "计划员",
"fieldName": "planner",
"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) {
return;
}
let { subAccount = "", realname = "" } = data[0] || {};
pageData.planner = subAccount + "_" + realname;
}js
{
modalColumns: [
{
field: "subAccount",
title: "子账号",
fieldLabelI18nKey: "i18n_field_subAccount",
with: 150,
},
{
field: "realname",
title: "姓名",
fieldLabelI18nKey: "i18n_field_realname",
with: 150,
},
],
modalUrl: "/account/elsSubAccount/page",
modalParams: {},
}