解决上传多个文件路径一致的问题

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

@@ -102,6 +102,7 @@
                          name="picture"
                          :action=" column.url || '/api/upload'"
                          :on-remove="handleRemove"
+                         :on-change="column.change || handleChange"
                          :file-list="fileList"
                          :multiple="column.multiple"
                          :ref="column.ref || ''"
@@ -477,18 +478,23 @@
         // console.log('上传成功')
         // console.log(response)
         // console.log('fileList', fileList)
-        // console.log(self.fileList)
-        _.each(self.columns, function(item, index) {
-          if (item.widgetType === 8) {
-            _.forEach(self.formModel, function(value, key) {
-              if (item.codeCamel === key) {
+        // console.log('formModel', self.formModel)
+        for (var i = 0, len = self.showUserColumns.length; i < len; i++) {
+          if (self.showUserColumns[i].widgetType === 8 && !self.showUserColumns[i].edited) {
+            self.$set(self.showUserColumns[i], 'edited', true)
+            for (var key in self.formModel) {
+              if (self.showUserColumns[i].codeCamel === key) {
                 // self.formModel[key] = response.message || response.visitName
-                self.formModel[key] = response.visitName + '/' + response.saveName
+                // 张家口
+                self.formModel[key] = response.visitName + response.fileName
+                break
+                // org
+                // self.formModel[key] = response.visitName + '/' + response.saveName
               }
-            })
+            }
+            break
           }
-        })
-        console.log('formModel', self.formModel)
+        }
       },
       // inputChange(val) {
       //   // console.log(event)
@@ -527,9 +533,13 @@
       onEditorReady(val) {
         // console.log('editor ready!')
       },
-      handleRemove(file, fileList) {
+      handleRemove(file, fileList, callback) {
         // console.log(self.formModel)
       },
+      handleChange(file, fileList) {
+        // console.log(file, fileList)
+        console.log('自己的')
+      },
       // 判断是否一个对象的所有属性都为空
       // 可判断空对象或者属性值为null、空数组、空字符串，属性值为空对象无法判断
       isEmpty(obj) {
@@ -726,7 +736,7 @@
         // 如果在processData中禁止提交了，显示提示信息
         if (self.isCancel.cancelSubmit) {
           console.log('取消提交')
-          if (self.tips && !self.tips.hidde) {
+          if (self.tips && !self.isEmptyObject(self.tips) && !self.tips.hidde) {
             self.$message({
               message: self.tips.otherError.text,
               type: 'error'
@@ -771,7 +781,7 @@
               }).then(resp => {
                 console.log('修改成功')
                 // self.resetForm()
-                if (self.tips && !self.tips.hidde) {
+                if (self.tips && !self.isEmptyObject(self.tips) && !self.tips.hidde) {
                   self.$message({
                     message: self.tips.editSuccess.text,
                     type: 'success'
@@ -783,7 +793,7 @@
                 }
               }).catch(err => {
                 console.log(err)
-                if (self.tips && !self.tips.hidde) {
+                if (self.tips && !self.isEmptyObject(self.tips) && !self.tips.hidde) {
                   self.$message({
                     message: self.tips.editError.text,
                     type: 'error'
@@ -914,7 +924,7 @@
                   })
                 }
                 // 提示信息
-                if (self.tips && !self.tips.hidde) {
+                if (self.tips && !self.isEmptyObject(self.tips) && !self.tips.hidde) {
                   self.$message({
                     message: self.tips.newSuccess.text,
                     type: 'success'
@@ -926,7 +936,7 @@
                 }
               }).catch(err => {
                 console.log(err)
-                if (self.tips && !self.tips.hidde) {
+                if (self.tips && !self.isEmptyObject(self.tips) && !self.tips.hidde) {
                   self.$message({
                     message: self.tips.newError.text,
                     type: 'error'

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

@@ -5,9 +5,11 @@
                      :buttons="showUserButtons"
                      :layout="layout"
                      :tips="tips"
-                     :refers="userRefers"
                      :foreignFormFields="foreignFormFields"
-                     :relates="userRelates">
+                     :refers="userRefers">
+                      <!-- foreignFormFields 主查外的外表显示字段  和userRefers连用-->
+                      <!-- :relates="userRelates" 中间表和间接关联表-->
+                      <!--  :refers="userRefers" 主查外的外表和外键字段 和foreignFormFields；连用-->
     </hm-complex-form>
   </div>
 </template>
@@ -29,11 +31,11 @@
         // widgetType值 1：普通input 2：下拉框 (如果是下拉框 再传一个options表示下拉框选项)3：复选框 4：文本域 5：富文本 6：日期 7：单选框 8: 文件上传
         showUserColumns: [
           // 1普通input
-          { name: '选择类型', codeCamel: 'type', widgetType: 1, disabled: false,
-            change: this.inputChange
+          { name: '选择类型', codeCamel: 'type', widgetType: 1, disabled: true,
+            change: this.inputChange,
             // rule: { required: true, message: '用户名不能为空', trigger: 'blur' }
             //  hide: true
-            //  default: '默认值',
+            default: '默认值'
           },
           // 5富文本
           { name: '电子邮件', codeCamel: 'email', widgetType: 5, disabled: false,
@@ -71,7 +73,7 @@
             ], // default: 1
             change: this.inputChange },
           // 8文件
-          { name: '选择头像', codeCamel: 'avatar', widgetType: 8, url: '/api/upload' } // url是后台接口地址
+          { name: '选择头像', codeCamel: 'avatar', widgetType: 8, url: '/api/upload', change: this.uploadChange } // url是后台接口地址
         ],
         // CcSubject示例
         showUserColumns2: [
@@ -181,8 +183,14 @@
         console.log(125, object)
         return object // 将数据返回
       },
-      method1() {
-        console.log('method1')
+      method1(formModel) {
+        // console.log('method1', formModel)
+        // formModel.password = '1234'
+        // console.log('method1', formModel)
+      },
+      uploadChange(response, formModel) {
+        console.log(192, response)
+        console.log(192, formModel)
       },
       method2() {
         console.log('method2')
@@ -191,8 +199,9 @@
         console.log('method3')
       },
       method4(formModel) {
-        console.log(formModel)
-        console.log('method4')
+        console.log('method4', formModel)
+        formModel.password = 123
+        console.log('method4', formModel)
       },
       method5(formModel) {
         console.log(formModel)