作者:黄倩婧  历史版本:1  最后编辑:黄倩婧  更新时间:2025-08-14 15:48

适用版本:v3.6.0+;

业务场景描述:

1、有2个表:产品信息、产品销售情况登记;
2、产品销售情况登记页面操作逻辑:
2.1、产品名称可以选择产品信息里面的产品;
2.2、当产品不存在时,可以新增产品信息,保存后把新增的产品回填到产品名称。

表单管理配置步骤:

1、选择【表单管理】-【表单管理】,创建2个表单,一个是产品信息,一个是产品销售情况登记

2、选择【表单管理】-【数据模板管理】,把产品信息表创建为值来源

产品销售情况登记表单配置

1、进入表单设计页面,产品id字段,可以存选择的产品id,设置为隐藏

2、产品名称字段,设置关联数据控件,设置默认值为联动数据,设置关联配置,设置联动数据



产品信息表单配置

1、设计字段控件,添加操作按钮

2、设置表单脚本

完整脚本如下:

Object.assign(JForm,{
  //加载事件
  onLoad:function(form){
  },

 //表单按钮后置事件
  afterSubmit:function(form,action,postValue,callback){
   if(action==='save'){
    console.log(form.formParams)
    const chanp_id = form.formParams.variables.id
    //把保存后返回的产品id赋值给chanp_id
    form.$parent.$parent.$parent.$parent.$refs.formrender.setData('chanPinId',chanp_id)
   //把chanp_id赋值给父级表单的字段。注意:chanPinId为父级表单的字段编码,在业务对象管理编辑页面可以看到。
    callback(true) 
    }
   else{
     callback(true) 
    }
  }
});

数据模板管理配置步骤:

1、进入产品销售情况登记模板设计页面,编辑页-功能按钮添加自定义按钮,设置级联设置,绑定在线表单

查看配置效果

1、进入产品销售情况登记表单设计页面,点击【预览】,点击【添加】

2、点击【添加产品】按钮,填写数据,点击【保存】