From e5182f8d35ed8c76bb10159ea45de6094e4f297d Mon Sep 17 00:00:00 2001
From: 孔祥富 <kongxf@daryun.com>
Date: 星期日, 28 二月 2021 15:01:46 +0800
Subject: [PATCH] 手机号码显示

---
 src/views/febs/system/user/Index.vue |   67 ++++++++++++++++++++++++++++++++-
 1 files changed, 64 insertions(+), 3 deletions(-)

diff --git a/src/views/febs/system/user/Index.vue b/src/views/febs/system/user/Index.vue
index 05b6fbe..a3999b7 100644
--- a/src/views/febs/system/user/Index.vue
+++ b/src/views/febs/system/user/Index.vue
@@ -29,7 +29,24 @@
       <el-button v-has-permission="['user:export']" class="filter-item" type="success" @click.native="exportExcel">
         {{ $t('table.export') }}
       </el-button>
-
+      <el-button class="filter-item" icon="el-icon-download" type="primary" plain @click="templateDownload">
+        {{ $t('table.templateDownload') }}
+      </el-button>
+      <el-upload
+        class="upload"
+        :action="uploadAction"
+        :headers="headers"
+        list-type="picture"
+        :show-file-list="false"
+        :before-upload="beforeUpload"
+        :on-success="uploadSuccess"
+        :on-error="uploadError"
+        :on-progress="uploadProgress"
+      >
+        <el-button v-has-permission="['user:import']" class="filter-item" icon="el-icon-upload2" type="success" plain>
+          {{ $t('table.import') }}
+        </el-button>
+      </el-upload>
       <!-- <el-dropdown v-has-any-permission="['user:add','user:delete','user:reset','user:export']" trigger="click" class="filter-item">
         <el-button>
           {{ $t('table.more') }}<i class="el-icon-arrow-down el-icon--right" />
@@ -76,7 +93,11 @@
           <span>{{ scope.row.certificateNumb }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="手机" :show-overflow-tooltip="true" align="center" min-width="120px" />
+      <el-table-column label="手机" :show-overflow-tooltip="true" align="center" min-width="120px">
+        <template slot-scope="scope">
+          <span>{{ scope.row.mobile }}</span>
+        </template>
+      </el-table-column>
       <el-table-column :label="$t('table.user.email')" :show-overflow-tooltip="true" align="center" min-width="150px">
         <template slot-scope="scope">
           <span>{{ scope.row.email }}</span>
@@ -130,7 +151,9 @@
 import Pagination from '@/components/Pagination'
 import UserEdit from './Edit'
 import UserView from './View'
-
+import { getFileType } from '@/utils'
+import { getToken } from '@/utils/auth'
+import NProgress from 'nprogress'
 export default {
   name: 'UserManage',
   components: { Pagination, UserEdit, UserView },
@@ -153,6 +176,10 @@
   },
   data() {
     return {
+      uploadAction: `${process.env.VUE_APP_BASE_API}system/user/import`,
+      headers: {
+        Authorization: `bearer ${getToken()}`
+      },
       dialog: {
         isVisible: false,
         title: ''
@@ -180,6 +207,40 @@
     this.fetch()
   },
   methods: {
+    templateDownload() {
+      this.$download('system/user/template', {}, 'excel_import_user.xlsx')
+    },
+    beforeUpload(file) {
+      const type = getFileType(file.name)
+      if (type !== 'xlsx') {
+        this.$message({
+          message: this.$t('tips.onlySupportXlsx'),
+          type: 'error'
+        })
+        return false
+      } else {
+        return true
+      }
+    },
+    uploadError() {
+      this.$message({
+        message: this.$t('tips.uploadFailed'),
+        type: 'error'
+      })
+      NProgress.done()
+    },
+    uploadSuccess(response) {
+      const data = response.data
+      this.data = data.data
+      this.error = data.error
+      this.time = data.time
+      NProgress.done()
+      this.fetch()
+      this.dialogVisible = true
+    },
+    uploadProgress() {
+      NProgress.start()
+    },
     transSex(sex) {
       switch (sex) {
         case '0':

--
Gitblit v1.8.0