增加append属性

Author: dream2023

README.md

@@ -50,6 +50,7 @@ export default {
     <ele-import
       :fields="fields"
       :filepath="filepath"
+      :append="append"
       :formatter="formatter"
       :requestFn="requestFn"
       :rules="rules"
@@ -91,6 +92,11 @@ export default {
             return value + 1
           }
         },
+        // 附加数据, 在每条记录上都会加这两个字段和值
+        append: {
+          company: '腾讯',
+          leader: '小马哥'
+        },
         // 参数校检, 和 element-ui 中 form表单中传递的rules一样, 都是使用的 async-validator 库
         // https://element.eleme.cn/#/zh-CN/component/form#biao-dan-yan-zheng
         rules: {
@@ -174,6 +180,8 @@ props: {
   },
   // 提示信息，数组
   tips: Array,
+  // 增加附加数据
+  append: Object,
   // 验证规则
   rules: Object,
   // 格式化数据

example/App.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <ele-import
+      :append="append"
       :fields="fields"
       :filepath="filepath"
       :formatter="formatter"
@@ -31,6 +32,10 @@ export default {
         age: '年龄',
         city: '所在城市'
       },
+      append: {
+        company: '腾讯',
+        leader: '小马哥'
+      },
       formatter: {
         city: {
           1: '深圳',

src/EleImport.vue

@@ -31,6 +31,7 @@
 
       <!-- 数据展示 -->
       <ele-import-data
+        :append="append"
         :fields="fields"
         :formatter="formatter"
         :request-fn="requestFn"
@@ -84,6 +85,8 @@ export default {
       type: String,
       default: '批量导入'
     },
+    // 增加附加数据
+    append: Object,
     // 提示信息，数组
     tips: Array,
     // 验证规则

src/components/EleImportData.vue

@@ -98,7 +98,8 @@ export default {
         return []
       }
     },
-    formatter: Object
+    formatter: Object,
+    append: Object
   },
   inject: ['goNext', 'goPre'],
   data () {
@@ -203,6 +204,13 @@ export default {
       let tableData = JSON.parse(JSON.stringify(this.tableData))
       // 改变值
       tableData = this.changeData(tableData)
+      // 增加附加数据
+      const appendData = this.append
+      if (appendData) {
+        tableData = tableData.map((item) => {
+          return Object.assign({}, item, appendData)
+        })
+      }
       try {
         await this.requestFn(tableData)
         this.$message.success('导入成功')