首页 > 其他分享 >基于jeecgboot流程管理平台的在线表单设计修改成formdesigner(三)

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

时间:2023-02-27 12:33:44浏览次数:38  
标签:const val confClone props dataObject key 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]
}

标签:const,val,confClone,props,dataObject,key,jeecgboot,formdesigner,表单
From: https://blog.51cto.com/u_15070324/6088275

相关文章

  • 随记一下之表单验证
    thedevsaddam/govalidator框架介绍另一个知名的是:asaskevich/govalidatorthedevsaddam/govalidator借鉴Laravel,简单易用表单规则govalidator.MapData{}MapData{}......
  • 917~920 异步提交表单,Servlet,Dao,Servlic代码实现
    异步提交表单在此使用异步提交表单是为了获取服务器响应的数据。因为我们前台使用的是html作为视图层,不能够直接从servlet相关的域对象获取值,只能通过ajax获......
  • 914~916 注册功能分析,表单校验
    注册页面效果功能分析: 表单校验提升用户体验,并减轻服务器压力。 <!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8">......
  • 【jeecg-boot项目开发crm】:day07JeecgBoot-零基础入门视频-05代码生成(树模型和一对多
    代码生成(树模型和一对多模型,一对多三套模型)树模型生成流程图前期工作:先将页面搭建好页面中代码生成一对多生成流程图只能选主表将生成代码中的vue拷贝到前端目录下接下来......
  • odoo 给form表单视图内联列表添加按钮
    实践环境Odoo14.0-20221212(CommunityEdition)代码实现模块文件组织结构说明:为了更好的表达本文主题,一些和主题无关的文件、代码已略去odoo14\custom\estate│_......
  • 推荐使用什么样的平台表单制作工具好?
    在办公自动化迅猛发展的今天,传统的表单制作工具已经不能满足各行各业的生产需求,引用专业的低代码开发平台表单制作工具可以助力企业提高作业协作效率。那么,什么平台的表单......
  • jeecgboot微服务开发-坑点
    1.使用archetype生成微服务模块命令如下:mvnarchetype:generate^-DgroupId=org.jeecg.modules.erp^-Dmodule=erp^-Dmodule-up-first=Erp^-DartifactI......
  • jeecgboot微服务配置之nginx 之 proxy_pass 后缀配置
    1.切换至微服务开发后,jeecgboot后端的访问路径变成了http://10.182.16.104:7001此时,发布到服务器上若不在nginx中配置跨域则会出现跨域问题。那么nginx中怎么配置呢?首先,......
  • 深入学习jquery源码之序列化表单
    深入学习jquery源码之序列化表单serialize()概述序列表表格内容为字符串。序列表表格内容为字符串,用于Ajax请求。<pid="results"><b>Results:</b></p><form><select......
  • 表单验证
    方法一:载入表单类,并设置验证规则:   载入辅助函数,用于视图显示错误提示:  提交表单失败后保留原值: 文本框:  单选框: 文本域:  方法二:创建......