批量上传门店号

src/pages/shop/IncreaseStoreManager.vue

@@ -124,11 +124,45 @@
                 </FormItem>
             </Form>
         </Modal>
+
+        <!-- 批量开通 -->
+        <Modal
+                width="85"
+                v-model="isShowImport"
+                :footer-hide="true"
+                @on-ok="ok">
+            <div slot="header">批量开通账号</div>
+
+            <div v-show="isShowError" style="width: 100%;height: 200px;background-color: #FEE6EE;overflow-y: auto;">
+                <p>导入失败：</p>
+                <p  v-for="item in errorList"  :key="item.row">item.reason</p>
+            </div>
+
+            <div style="text-align: center;background-color:#FAFAFC;height: 80px;line-height: 80px;width:50%;margin-left: 25%">
+                导入说明：请下载模板，然后将资料填到模板中
+                <Button
+                        style="color: #2074E2;border: 1px solid #2074E2;width: 97px;height: 28px"
+                        @click="downLoadImportExcel"
+                >下载模板</Button>
+            </div>
+
+            <Upload
+                    multiple
+                    type="drag"
+                    :before-upload="handleUpload"
+                    action="/store/emp/import" style="margin-top:30px;width:50%;margin-left: 25%">
+                <div style="padding: 20px 0;background-color:#FAFAFC">
+                    <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
+                    <p>点击或拖拽文件</p>
+                </div>
+            </Upload>
+        </Modal>
     </div>
 </template>
 
 <script>
     import data from '../../utils/PhoneRegionData';
+    import http from '../../services/store/IncreaseStoreManager';
 
     export default {
         name: "IncreaseStoreManager",
@@ -136,11 +170,14 @@
             return {
                 prefixDefault: data.prefixDefault,
                 isShow: false,
+                isShowImport: true,
+                isShowError: false,
                 isShowAdd: false,
                 showStoreName: '',
                 qrCodeImage: '',
                 selectedRegion: null,
                 regionList: [],
+                errorList: [],
                 selectedStore: null,
                 storeList: [],
                 columns1: [
@@ -281,6 +318,19 @@
             handleReset (name) {
                 this.$refs[name].resetFields();
                 this.isShowAdd = false;
+            },
+            downLoadImportExcel(){
+                window.location.href = '/门店号批量开通模板.xlsx'
+            },
+            handleUpload (file) { // 上传文件前的事件钩子
+                debugger
+                var params = {
+                    file:file
+                }
+                http.uploadUser(params,function (data) {
+
+                })
+                return false;
             }
         }
     }

src/services/store/IncreaseStoreManager.js

@@ -0,0 +1,20 @@
+/**
+ * 门店号管理
+ * @author yechenhao
+ * @date 2020/4/14
+ */
+import http from '../CommonHttp'
+
+/**
+ * 上传文件
+ * @param params
+ * @param call
+ * @returns {Promise<any | never>}
+ */
+export function uploadUser(params, call) {
+    return http.post('/store/emp/import', params).then(call);
+}
+
+export default {
+    uploadUser
+}