From 03d1fed9b79fab6a9df856bfe2e9ce91d803e77b Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期一, 08 三月 2021 00:50:50 +0800
Subject: [PATCH] 系統管理按钮样式调整
---
src/views/febs/system/user/Index.vue | 81 +++++++++++++++++++++++++++++++++++-----
1 files changed, 71 insertions(+), 10 deletions(-)
diff --git a/src/views/febs/system/user/Index.vue b/src/views/febs/system/user/Index.vue
index 05b6fbe..dda49c0 100644
--- a/src/views/febs/system/user/Index.vue
+++ b/src/views/febs/system/user/Index.vue
@@ -11,25 +11,42 @@
class="filter-item search-item date-range-item"
type="daterange"
/>
- <el-button class="filter-item" type="primary" @click="search">
+ <el-button class="hr-but-all" type="primary" @click="search">
{{ $t('table.search') }}
</el-button>
- <el-button class="filter-item" type="success" @click="reset">
+ <el-button class="hr-but-all" type="success" @click="reset">
{{ $t('table.reset') }}
</el-button>
- <el-button v-has-permission="['user:add']" class="filter-item" type="success" @click.native="add">
+ <el-button v-has-permission="['user:add']" class="hr-but-all" type="success" @click.native="add">
{{ $t('table.add') }}
</el-button>
- <el-button v-has-permission="['user:delete']" class="filter-item" type="success" @click.native="batchDelete">
+ <el-button v-has-permission="['user:delete']" type="primary" @click.native="batchDelete">
{{ $t('table.delete') }}
</el-button>
- <el-button v-has-permission="['user:reset']" class="filter-item" type="success" @click.native="resetPassword">
+ <el-button v-has-permission="['user:reset']" class="hr-but-all" type="success" @click.native="resetPassword">
{{ $t('table.resetPassword') }}
</el-button>
- <el-button v-has-permission="['user:export']" class="filter-item" type="success" @click.native="exportExcel">
+ <el-button v-has-permission="['user:export']" class="hr-but-all" type="success" @click.native="exportExcel">
{{ $t('table.export') }}
</el-button>
-
+ <el-button class="hr-but-all" type="primary" @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="hr-but-all" 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: ''
@@ -166,7 +193,7 @@
sort: {},
selection: [],
pagination: {
- size: 10,
+ size: 15,
num: 1
}
}
@@ -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