form

src/views/haomo/components/forms/HmComplexForm.vue

@@ -243,7 +243,6 @@
        * 如果需要取消提交，将cancelSubmit值改为true
        * type=2，执行组件的重置方法,如果用户传入了method，会作为重置方法的回调函数执行
        * type=3，直接执行用户传入的方法
-       * 如果要传入了确定/取消的回调函数，请先传入对应的按钮
        * 示例：[
        *        {text: '确定', type: 1, method: method1, beforeSubmit: this.processData},
        *        {text: '重置', type: 2, method: method2},
@@ -317,13 +316,18 @@
         required: false
       },
       /**
-       * 编辑时，涉及主查外，返回数据后渲染前对数据进行处理,beforeRender函数接受两个参数，第一个参数为主查外的数据，
-       * 第二个参数为表单的绑定对象formModel，该函数需要将主查外的数据绑定到formModel，并返回formModel
+       * 函数对象 键为固定值，值为函数
+       * 属性beforeRender,编辑数据时，涉及主查外，返回数据后渲染前执行，可对数据进行处理,beforeRender函数接受两个参数
+       * 第一个参数为主查外的数据，第二个参数为表单的绑定对象formModel，该函数需要将主查外的数据绑定到formModel，并返回formModel
+       * 属性uploadFun,上传文件的回调函数，第一个参数为文件上传成功的返回值response，第二个参数为表单的绑定对象formModel
        * 格式为: 属性beforeRender为固定键
        *  {
        *    beforeRender: function(resp.data, formModel) {
        *      do something
        *      return formModel
+       *    }，
+       *    uploadFun: function(response, formModel) {
+       *      do something
        *    }
        *  }
        */
@@ -488,12 +492,18 @@
       // }, 3000)
       // console.log(this.buttons)
     },
+    watch: {
+      'formModel.avatar': function(newVal, oldVal) {
+        console.log('watch', newVal)
+        console.log('watch', oldVal)
+      }
+    },
     methods: {
       // 上传成功的回调函数
       uploadSuccess(response, file, fileList) {
         const self = this
-        // console.log('上传成功')
-        // console.log(response)
+        console.log('上传成功')
+        console.log(response)
         // console.log('fileList', fileList)
         console.log('formModel', self.formModel)
         for (var i = 0, len = self.showUserColumns.length; i < len; i++) {
@@ -512,6 +522,9 @@
             break
           }
         }
+        if (self.funObject && self.funObject.uploadFun) {
+          self.funObject.uploadFun(response, self.formModel)
+        }
       },
       // inputChange(val) {
       //   // console.log(event)
@@ -673,7 +686,7 @@
           // 如果联查了外表
           if (resp.data.length > 0 && resp.data[0].superior !== undefined && !self.isEmptyObject(resp.data[0].superior) && resp.data[0].refers !== undefined && !self.isEmptyObject(resp.data[0].refers)) {
             console.log(resp.data)
-            if (self.funObject && !self.isEmptyObject(self.funObject)) {
+            if (self.funObject && !self.isEmptyObject(self.funObject) && self.funObject.beforeRender) {
               self.formModel = self.funObject.beforeRender(resp.data, self.formModel)
             }
           } else if (resp.data.length > 0) {

src/views/haomo/components/forms/index.vue

@@ -6,9 +6,7 @@
                      :layout="layout"
                      :tips="tips"
                      :funObject="funObject"
-                     :refers="userRefers"
-                     :foreignFormFields="foreignFormFields"
-                     :relates="userRelates">
+    >
       <!-- foreignFormFields 主查外的外表显示字段  和userRefers连用-->
       <!-- :relates="userRelates" 中间表和间接关联表-->
       <!--  :refers="userRefers" 主查外的外表和外键字段 和foreignFormFields；连用-->
@@ -75,7 +73,7 @@
             ], // default: 1
             change: this.inputChange },
           // 8文件 change: this.uploadChange
-          { name: '选择头像', codeCamel: 'avatar', widgetType: 8, url: '/api/upload', param: 'picture', accept: 'image/*' } // url是后台接口地址
+          { name: '选择头像', codeCamel: 'avatar', widgetType: 8, url: '/api/upload', param: 'picture' } // url是后台接口地址
         ],
         // CcSubject示例
         showUserColumns2: [
@@ -120,7 +118,8 @@
           { text: '取消', type: 3, method: this.method3 }
         ],
         funObject: {
-          beforeRender: this.beforeRender
+          beforeRender: this.beforeRender,
+          uploadFun: this.uploadFun
         },
         // showUserButtons: []
         // 布局方式
@@ -184,7 +183,7 @@
         // formModel.email = val.length
       },
       processData(object, isCancel) {
-        isCancel.cancelSubmit = false // 如果要取消提交，设为true
+        // isCancel.cancelSubmit = false // 如果要取消提交，设为true
         console.log(125, object)
         return object // 将数据返回
       },
@@ -211,6 +210,12 @@
         // console.log(111, data)
         // console.log(112, formModel)
         return formModel
+      },
+      uploadFun: function(response, formModel) {
+        console.log(215, response)
+        console.log(216, formModel)
+        // 修改其他表单的值
+        formModel.email = response.visitName
       }
     }
   }