批量导入

src/views/modules/user/partymembers.vue

@@ -106,6 +106,16 @@
           <el-button type="info"
                      @click="exportHandle()">{{ $t('export') }}</el-button>
         </el-form-item>
+        <el-form-item>
+          <el-upload class="upload-demo"
+                     :action="uploadUrl"
+                     :on-preview="handlePreview"
+                     multiple
+                     :limit="1"
+                     :on-exceed="handleExceed">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading"
                 :data="dataList"
@@ -198,6 +208,7 @@
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './partymembers-add-or-update'
+import Cookies from 'js-cookie'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -227,7 +238,8 @@ export default {
       gridOptions: [],
       registOptions: [],
       postOptions: [],
-      timeRange: []
+      timeRange: [],
+      upLoadUrl: ''
     }
   },
   components: {
@@ -237,6 +249,7 @@ export default {
     this.getStreetList()
     this.getRegistOptions()
     this.getPostOptions()
+    this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/app-user/partymembers/importExcel?token=${Cookies.get('token')}`
   },
   methods: {
     selectedTime () {
@@ -336,6 +349,12 @@ export default {
       }).catch(() => {
         this.dataListLoading = false
       })
+    },
+    handleExceed (files, fileList) {
+      this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
+    },
+    beforeRemove (file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`)
     }
   }
 }