• 基于RuoYi-Flowable-Plus的ruoyi-nbcio项目的formdesigner文件上传与回显处理


       更多ruoyi-nbcio功能请看演示系统

       gitee源代码地址

       前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio

         

            本节说明ruoyi-nbcio项目的formdesigner文件上传与回显处理,不过目前还只实现oss的formdesigner的文件上传与回显功能。

         1、前端方面

          formdesigner的upload.js组件修改如下:

    1. /**
    2. * 上传组件
    3. */
    4. export let upload = {
    5. id:'',
    6. _id:'',
    7. compType: 'upload',
    8. ele: 'el-upload',
    9. //控件名称(左侧显示)
    10. compName:'附件',
    11. //图标
    12. compIcon:'att',
    13. //展示表单的模式
    14. viewType:'component',
    15. // 是否可配置
    16. //暂时默认为true,无法更改,后期考虑某些时候无法配置
    17. config: true,
    18. // 控件左侧label内容
    19. showLabel:true,
    20. label: '附件上传',
    21. labelWidth: '80',
    22. //栅格间隔
    23. gutter:15,
    24. //默认栅格
    25. span:24,
    26. // 是否必填
    27. required: false,
    28. //上传地址
    29. action:'http://122.227.135.243:9060/common/upload',
    30. //多选上传
    31. multiple:false,
    32. name:'file',
    33. //显示上传文件列表
    34. 'show-file-list':true,
    35. //文件列表类型
    36. 'list-type':'text',
    37. value:'',
    38. width:100,
    39. //按钮文字
    40. buttonText:'请上传附件',
    41. //是否显示描述
    42. showTip:false,
    43. //描述内容
    44. tips:'点击按钮上传附件',
    45. //允许文件类型
    46. accept:'.pdf, .doc, .docx, .xls, .xlsx, .gif, .png, .jpeg',
    47. //文件大小MB
    48. fileSize:10,
    49. headers:{"Authorization":"Bearer " + "token"},

         原先detail.vue修改如下: