From 6b2e85cbe945cef212432f2688d272c82604f593 Mon Sep 17 00:00:00 2001
From: chendaze <1824191732@qq.com>
Date: Tue, 2 Apr 2024 13:43:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E4=BC=81=E4=B8=9A?=
 =?UTF-8?q?=E7=9A=84=E5=AF=BC=E5=87=BA=E5=92=8C=E5=AF=BC=E5=85=A5=E7=9A=84?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin/customer.js        |  11 +++-
 src/views/admin/CustomerEdit.vue | 103 ++++++++++++++++++++-----------
 2 files changed, 77 insertions(+), 37 deletions(-)

diff --git a/src/api/admin/customer.js b/src/api/admin/customer.js
index 9bf965f..1241fee 100644
--- a/src/api/admin/customer.js
+++ b/src/api/admin/customer.js
@@ -104,8 +104,15 @@ export function importData (data) {
   return axios({
     url: api.icsCustomerStaff + '/importData',
     method: 'post',
-    headers: { 'Content-Type': 'multipart/form-data' },
-    params: data
+    data: data
+  })
+}
+
+export function exportTemplate () {
+  return axios({
+    url: api.icsCustomerStaff + '/exportTemplate',
+    method: 'post',
+    data: {  }
   })
 }
 
diff --git a/src/views/admin/CustomerEdit.vue b/src/views/admin/CustomerEdit.vue
index 4a7851c..0bfd631 100644
--- a/src/views/admin/CustomerEdit.vue
+++ b/src/views/admin/CustomerEdit.vue
@@ -315,43 +315,26 @@
       </a-tabs>
     </a-form>
     <customer-contacts-modal ref='contactModal' @ok='handleContactSaved' />
-    <a-modal v-model="visible" title="导入用户" @ok="handleFileOk">
-<!--      <a-upload-dragger-->
-<!--        name="file"-->
-<!--        :multiple="true"-->
-<!--        :file-list="fileList"-->
-<!--        :action="uploadUrl"-->
-<!--        :headers="headers"-->
-<!--        @change="handleFileChange"-->
-<!--      >-->
-<!--        <p class="ant-upload-drag-icon">-->
-<!--          <a-icon type="inbox" />-->
-<!--        </p>-->
-<!--        <p class="ant-upload-text">-->
-<!--          单击或拖动文件到此区域进行上传-->
-<!--        </p>-->
-<!--      </a-upload-dragger>-->
-
-      <a-upload
-        :fileList="fileList"
-        :customRequest="customRequest">
-        <a-button type="primary" >导入</a-button>
-
-
-      </a-upload>
-<!--      <a-upload-->
-<!--        accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"-->
-<!--        :customRequest="customRequest"-->
-<!--        @change="customChange"-->
-<!--        :disabled="uploadDisabled">-->
-<!--        <a-button type="primary" :icon="uploadIcon" :disabled="uploadDisabled">导入</a-button>-->
-<!--      </a-upload>-->
+    <a-modal v-model="visible" title="导入用户" @ok="handleFileOk" >
+      <div style='display: flex'>
+        <a-upload
+          :fileList="fileList"
+          :headers="headers"
+          accept=".xlsx,.xls"
+          @change="customChange"
+          :customRequest="customRequest">
+          <a-button type="primary" >导入用户数据</a-button>
+        </a-upload>
+        <a-button  style='margin-left: 40px' type="primary" @click='exportTemplate'>导出用户模板</a-button>
+      </div>
 
     </a-modal>
   </a-card>
 </template>
 
 <script>
+
+let downloadLoadingInstance;
 import moment from 'moment'
 import storage from 'store'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
@@ -362,7 +345,8 @@ import {
   getStaffList,
   selectCustomerStaffList,
   updateStaffByCustomer,
-  importData
+  importData,
+  exportTemplate
 } from '@/api/admin/customer'
 import {
   getFloorList,
@@ -372,7 +356,8 @@ import { getCustomerContractList } from '@/api/admin/customerContract'
 import CustomerContactsModal from './modules/CustomerContactsModal.vue'
 import CustomerAttachmentList from './modules/CustomerAttachmentList.vue'
 import pick from 'lodash.pick'
-
+import { message } from 'ant-design-vue'
+import { download } from '@/utils/request'
 export default {
   name: 'BaseForm',
   components: {
@@ -430,6 +415,10 @@ export default {
           title: '手机号',
           dataIndex: 'mobile'
         },
+        {
+          title: '性别',
+          dataIndex: 'gender'
+        },
         {
           title: '操作',
           key: 'operation',
@@ -511,17 +500,58 @@ export default {
         this.floorList = res.data
       })
     },
+    exportTemplate(){
+      exportTemplate().then(res =>{
+        console.log(res)
+        this.downloadFile(res)
+      })
+    },
+    downloadFile (data) {
+      let fileName = '客户导入模板'
+
+      let link = document.createElement('a')
+      let blob = new Blob([data], {type: 'application/vnd.ms-excel;charset=utf-8'});
+      console.log(blob)
+      link.style.display = 'none';
+      link.download = fileName+'.xlsx';
+      link.href = URL.createObjectURL(blob);
+      // link.setAttribute('download', fileName+'.xlsx');
+      document.body.appendChild(link);
+      link.click();
+      URL.revokeObjectURL(link.href); // 释放URL 对象
+      document.body.removeChild(link);
+
+
+
+      // console.log(data)
+      // var link = document.createElement('a')
+      // // 文件导出
+      // if (!data) {
+      //   return
+      // }
+      // link.style.display = 'none'
+      // link.href = window.URL.createObjectURL(new Blob([data]))
+      // link.setAttribute('download', '用户导入模板.xls')
+      // document.body.appendChild(link)
+      // link.click()
+    },
+
 
     customRequest(file){
       // file 是上传的文件 其内容会在放在下面截图中
       // 后端需要接受的参数是 formData数据，
       // uploadFile 我自己的接口
+
+      const formData = new FormData()
+      formData.append('file', file.file)
       console.log(file)
-      importData({ filePath:file.file.name }).then(res => {
-        if (res.success) {
+      importData(formData).then(res => {
+        if (res.code == 0) {
           // 调用组件内方法, 设置为成功状态
           file.onSuccess(res, file.file)
           file.status = 'done'
+          this.visible =false
+          this.$message.success(res.msg)
         } else {
           file.onError()
           file.status = 'error'
@@ -537,6 +567,9 @@ export default {
         this.file =info.file.response
         this.fileName = result.fileName
       }
+    },
+    customChange(){
+
     },
     //导入用户数据
     importUser(){