Appearance
供应商产能管理
对方 ELS 账号 toElsAccount
json
{
"groupCode": "baseForm",
"fieldType": "remoteSelect",
"fieldLabel": "对方ELS账号",
"fieldName": "toElsAccount",
"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;
}
pageData.toElsAccount = data[0].toElsAccount;
pageData.supplierCode = data[0].supplierCode;
pageData.supplierName = data[0].supplierName;
let param = {
url: "/performance/purchasePerformanceReportHead/getLastPerformance",
method: "get",
params: { toElsAccount: data[0].toElsAccount },
};
const http = ctx.appContext.config.globalProperties.$http;
http.request(param).then((res) => {
if (res.result.assessmentCycle) {
pageData.assessmentCycle = res.result.assessmentCycle;
}
if (res.result.assessmentTimeRange) {
pageData.assessmentTimeRange = res.result.assessmentTimeRange;
}
if (res.result.performanceScore) {
pageData.performanceScore = res.result.performanceScore;
}
if (res.result.performanceRate) {
pageData.performanceRate = res.result.performanceRate;
}
});
}js
{
modalColumns: [
{
field: "toElsAccount",
title: "供应商账号",
fieldLabelI18nKey: "i18n_title_supplierAccount",
with: 150,
},
{
field: "supplierName",
title: "供应商名称",
fieldLabelI18nKey: "i18n_field_supplierName",
with: 150,
},
{
field: "supplierCode",
title: "供应商编码",
fieldLabelI18nKey: "i18n_field_RdXey_8e18ba5e",
with: 150,
},
],
selectModal: "single",
modalUrl: "/supplier/supplierMaster/list",
modalParams: { frozenFunctionValue: "0" },
beforeCheckedCallBack: function (parentRef, pageData, groupData, form) {
return new Promise((resolve, rejec) => {
return resolve("success");
});
},
afterClearCallBack: function (that, form, col) {
form.toElsAccount = "";
form.supplierCode = "";
form.supplierName = "";
},
}物料分类编码 cateCode 🎉
json
{
"groupCode": "purchaseSupplierCapacityItemList",
"fieldType": "remoteSelect",
"title": "物料分类编码",
"field": "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) {
return;
}
row.cateCode = data[0].cateCode;
row.cateName = data[0].title;
}js
{
modalColumns: [
{
field: "cateCode",
title: "编码",
fieldLabelI18nKey: "i18n_alert_Ao_fdbab",
treeNode: true,
},
{
field: "title",
title: "分类名称",
fieldLabelI18nKey: "i18n_title_classificationName",
width: 180,
},
{
field: "value",
title: "分类编码",
fieldLabelI18nKey: "i18n_title_classificationCode",
width: 180,
},
],
modalUrl: "/material/purchaseMaterialCode/getMaterialCodeTree",
params: { cateStatus: "1" },
isTree: true,
treeConfig: {},
handleAfter: function ({ pageData, userInfo, row }) {
row.cateCode = "";
row.cateName = "";
},
}