nutflow动态表单设计,上传附件组件,上传可以,但是上传后,查看不了内容

Blade 未结 2 104
xm_rdx
xm_rdx 剑圣 2025-05-28 10:36

一、该问题的重现步骤是什么?

1. 动态表单设计,选择附件组件
image.png

提交参数如下:

{

  "id": "1927264164775342082",

  "createUser": "1123598821738675201",

  "createDept": "1123598813738675201",

  "createTime": "2025-05-27 15:22:38",

  "updateUser": "1123598821738675201",

  "updateTime": "2025-05-28 10:18:11",

  "status": 1,

  "isDeleted": 0,

  "tenantId": "000000",

  "formKey": "key1748330546983",

  "name": "527ljb新建表单",

  "content": "{column:[{type:'upload',label:'上传',span:24,display:true,showFileList:true,multiple:true,limit:10,propsHttp:{url:'link',name:'fileName',res:'data'},prop:'a174839865332554963',action:'/hrss-recruit-api/blade-hrss-recruit/administrator/help/project/put-file',listType:'text'}],labelPosition:'left',labelSuffix:':',labelWidth:120,gutter:0,menuBtn:true,submitBtn:true,submitText:'提交',emptyBtn:true,emptyText:'清空',menuPosition:'center'}",

  "appContent": "{\"column\":[{\"type\":\"upload\",\"label\":\"上传\",\"span\":24,\"display\":true,\"showFileList\":true,\"multiple\":true,\"limit\":10,\"propsHttp\":{\"url\":\"link\",\"name\":\"fileName\",\"res\":\"data\"},\"prop\":\"a174839865332554963\",\"action\":\"/hrss-recruit-api/blade-hrss-recruit/administrator/help/project/put-file\",\"listType\":\"text\"}],\"labelPosition\":\"left\",\"labelSuffix\":\":\",\"labelWidth\":120,\"gutter\":0,\"menuBtn\":true,\"submitBtn\":true,\"submitText\":\"提交\",\"emptyBtn\":true,\"emptyText\":\"清空\",\"menuPosition\":\"center\"}",

  "version": 9,

  "categoryId": null,

  "remark": "",

  "categoryName": "",

  "createUserName": "超级管理员",

  "updateUserName": "超级管理员",

  "loading": false,

  "statusLoading": false,

  "hasDesign": true,

  "newVersion": false

}


2. 通过

<nf-form ref="viewFormRef" v-model="viewForm" :option="viewOption"></nf-form>

渲染的时候,渲染正常,上传功能也正常,但实际上,绑定的viewForm是个空对象
image.png
3.最后查看提交结果的时候,自然就看不到附件上传内容了;此外,哪怕手动把viewForm置为空对象,下次打开弹窗的时候,已上传的附件还是依然存在,没有被清空掉


二、你期待的结果是什么?实际看到的又是什么?


三、你正在使用的是什么产品,什么版本?在什么操作系统上?

bladex前端saber框架

@nutflow/nf-form-design-elp1.5.2

@nutflow/nf-form-elp1.5.2

四、请提供详细的错误堆栈信息,这很重要。

没有错误信息,单纯就是功能不正常


五、若有更多详细信息,请在下面提供。

2条回答
  • 2025-05-28 18:08

    问题已登记,加下这个工作流官方的qq,提供下详细的步骤来帮你排查下。

    注意申请的时候备注插件bug反馈

    0 讨论(0)
  • 2025-05-29 11:10

    最后解决,不要直接渲染nf-from组件,需要加上v-if来控制

    <nf-form

          ref="viewFormRef"

          v-model="viewForm"

          :option="viewOption"

          v-if="(viewOption.column && viewOption.column.length > 0) || (viewOption.group && viewOption.group.length > 0)"

        ></nf-form>


    nf-form实际上就是

    import NfForm from '@nutflow/nf-form-elp'


    0 讨论(0)
代码语言
提交回复