表单upload 组件

src/components/generator/config.js

@@ -501,7 +501,7 @@ export const selectComponents = [
         __slot__: {
             'list-type': true
         },
-        action: 'https://jsonplaceholder.typicode.com/posts/',
+        action: 'https://api.freebrio.com/api/v1/file/upload',
         disabled: false,
         accept: '',
         name: 'file',

src/components/parser/Parser.vue

@@ -135,6 +135,28 @@ function renderChildren(h, scheme) {
     return renderFormItem.call(this, h, config.children)
 }
 
+function setUpload(config, scheme, response, file, fileList) {
+    debugger
+    console.log(this[this.formConf.formModel][scheme.__vModel__])
+    let newValue = JSON.parse(this[this.formConf.formModel][scheme.__vModel__])
+    if (!newValue) {
+        newValue = []
+    }
+    newValue.push({name: file.name, url: response.data})
+    this.$set(config, 'defaultValue', JSON.stringify(newValue))
+    this.$set(this[this.formConf.formModel], scheme.__vModel__, JSON.stringify(newValue))
+
+}
+
+function deleteUpload(event, config, scheme, file, fileList) {
+    let newValue = []
+    fileList.forEach(element => {
+        newValue.push({name: element.name, url: element.url})
+    })
+    this.$set(config, 'defaultValue', JSON.stringify(newValue))
+    this.$set(this[this.formConf.formModel], scheme.__vModel__, JSON.stringify(newValue))
+}
+
 function setValue(event, config, scheme) {
     this.$set(config, 'defaultValue', event)
     this.$set(this[this.formConf.formModel], scheme.__vModel__, event)
@@ -183,6 +205,8 @@ function buildListeners(scheme) {
     })
     // 响应 render.js 中的 vModel $emit('input', val)
     listeners.input = event => setValue.call(this, event, config, scheme)
+    listeners.upload = (response, file, fileList) => setUpload.call(this, config, scheme, response, file, fileList)
+    listeners.deleteUpload = event => setValue.call(this, event, config, scheme)
 
     return listeners
 }
@@ -230,7 +254,7 @@ export default {
                     let tagOptionKey = processType[temConfig.tag]
                     let defaultValue = temConfig.defaultValue
                     let labelStr = ''
-                    if (tagOptionKey&&defaultValue) {
+                    if (tagOptionKey && defaultValue) {
                         if (defaultValue instanceof Array) {
                             defaultValue.forEach(item => {
                                 let {label} = getObject(_.get(cur, tagOptionKey), 'value', item)

src/components/render/render.js

@@ -1,4 +1,4 @@
-import { deepClone } from '@/utils/index'
+import {deepClone} from '@/utils/index'
 
 const componentChild = {}
 /**
@@ -15,11 +15,24 @@ keys.forEach(key => {
 })
 
 function vModel(dataObject, defaultValue) {
+    let config = dataObject.attrs.__config__
+    //表单组件特殊处理
+    if (config.tag === 'el-upload') {
+        //增加上传回调事件
+        dataObject.attrs['on-success'] = (response, file, fileList) => {
+            this.$emit('upload', response, file, fileList)
+        }
+        dataObject.attrs['on-remove'] = (file, fileList) => {
+            this.$emit('deleteUpload', file, fileList)
+        }
+    } else {
         dataObject.props.value = defaultValue
 
         dataObject.on.input = val => {
             this.$emit('input', val)
         }
+    }
+
 }
 
 function mountSlotFlies(h, confClone, children) {
@@ -52,7 +65,7 @@ function buildDataObject(confClone, dataObject) {
         if (key === '__vModel__') {
             vModel.call(this, dataObject, confClone.__config__.defaultValue)
         } else if (dataObject[key]) {
-      dataObject[key] = { ...dataObject[key], ...val }
+            dataObject[key] = {...dataObject[key], ...val}
         } else {
             dataObject.attrs[key] = val
         }

src/views/form/statistics.vue

@@ -25,7 +25,7 @@
         </div>
         <div class="result-table-view">
             <el-table
-                stripe :header-cell-style="{background:'#2466a0'}"
+                stripe
                 :data="projectResultList">
                 <el-table-column
                     type="selection"
@@ -198,7 +198,7 @@ export default {
 
 .result-table-view {
     width: 80%;
-    margin: 0px auto;
+    margin: 6px auto;
 }
 
 .filter-table-view {