• 基于jeecgboot流程管理平台的在线表单设计修改成formdesigner(三)


    8、原先formdesigner对上传的文件不能回显,修改如下:

    import { isAttr,jsonClone } from '../utils';
    import childrenItem from './slot/index';
    import {remoteData} from './mixin';
    import Vue from 'vue'
    import { ACCESS_TOKEN } from "@/store/mutation-types"

    function vModel(self, dataObject) {
      dataObject.props.value=self.value;
      dataObject.on.input = val => {
        self.$emit('input', val)
      }
      //判断是否为上传组件
      if(self.conf.compType === 'upload'){
        // add by nbacheng 2022-09-09
        const token = Vue.ls.get(ACCESS_TOKEN);
        dataObject.attrs['headers'] = {"X-Access-Token":token};
        const filevalue = JSON.parse(dataObject.props.value);
        dataObject.props['file-list'] = filevalue;
      }  
    }

    export default {
      render(h) {
        let dataObject = {
          attrs: {},
          props: {},
          on: {},
          style: {}
        }

        //远程获取数据
        this.getRemoteData();
        const confClone = jsonClone(this.conf);
        const children = childrenItem(h,confClone);   
        // 如果需要token,可以设置
        const token = Vue.ls.get(ACCESS_TOKEN);
        confClone['headers'] = {"X-Access-Token":token};
        Object.keys(confClone).forEach(key => {
          const val = confClone[key]
          if (dataObject[key]) {
            dataObject[key] = val
          } else if(key ==='width'){
            dataObject.style= 'width:'+val+'%';
          } else if (!isAttr(key)) {
            dataObject.props[key] = val
          } else {
            dataObject.attrs[key] = val
          }
        })
        /*调整赋值模式,规避cascader组件赋值props会出现覆盖预制参数的bug */
        vModel(this, dataObject);
        return h(confClone.ele, dataObject, children)
      },
      props: ['conf','value'],
      mixins:[remoteData]
    }
     

  • 相关阅读:
    Python实现基于DMN开发的问答系统
    【Python】一个最基础,但是超难看出来的类声明为tuple的BUG
    stm32之雨滴传感器使用记录
    系统IO和标准IO
    Chiitoitsu
    基于功能安全的车载计算平台开发:软件层面
    [附源码]Python计算机毕业设计 楼盘销售管理系统
    高度“智慧”护航先进技术,王力重新定义“智慧门”
    四数之和 - 力扣中等
    ASP.NET LIMS系统全套源码(演示+自主版权+项目使用)
  • 原文地址:https://blog.csdn.net/qq_40032778/article/details/126782254