做淘宝优惠卷网站步骤,电子商务有限公司简介,用手机免费制作自己的网站,网站开发app开发因为这个项目license问题无法开源#xff0c;更多技术支持与服务请加入我的知识星球。 1、初始化的时候加载表单
/** 查询表单列表 */
const getFormList () {listForm().then(res formOptions.value res.result.records)
}
2、开始节点的修改#xff0c;增加表…因为这个项目license问题无法开源更多技术支持与服务请加入我的知识星球。 1、初始化的时候加载表单
/** 查询表单列表 */
const getFormList () {listForm().then(res formOptions.value res.result.records)
}
2、开始节点的修改增加表单选择
el-tab-pane label表单选择 nameformSelectel-form sizesmall label-width90px submit.native.preventel-form-item label表单 propformKeyel-select v-modelactiveData.formKey placeholder请选择表单 changeupdateFormKey clearableel-option v-foritem in formOptions :keyitem.id :labelitem.formName :valueitem.id //el-select/el-form-itemel-form-item proplocalScopespan slotlabelel-tooltip content若为节点表单则表单信息仅在此节点可用默认为全局表单表单信息在整个流程实例中可用 placementtop-starti classheader-icon el-icon-info/i/el-tooltipspan节点表单/span/spanel-switch disabled v-modelactiveData.localScope active-text是 inactive-text否 changeupdateFormScope() //el-form-item/el-form/el-tab-pane
3、选择表单的更新后续还要传递到父组件以便其它组件使用这些字段
const updateFormKey (formKey) {console.log(updateFormKey formKey,formKey)props.activeData.formKey formKeyconst formItem formOptions.value?.find((f) f.id formKey)const formContent JSON.parse(formItem.formContent)props.activeData.formProperties formContent.widgetListconsole.log(updateFormKey formProperties,props.activeData.formProperties)
}4、相应watchEffect修改如下
watchEffect(() {const formProperties props.activeData.formPropertiesprops.activeData.formProperties formProperties?.map((field) ({id: field.id,name: field.options.label,readonly: field.options.readonly,hidden: field.options.hidden,required: field.options.required}))props.activeData.formProperties?.forEach((item) {const properties formProperties.find((f) f.id item.id)if (properties) {item.readonly properties.options.readonlyitem.hidden properties.options.hiddenitem.required properties.options.required}})
})
5、效果图如下
