From a4299d944bb704b8477da6775152905c4572b2d9 Mon Sep 17 00:00:00 2001
From: dqjdda <201507802@qq.com>
Date: Thu, 28 Nov 2019 20:12:23 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=8F=96=E6=B6=88=E6=8B=BC=E6=8E=A5token?=
 =?UTF-8?q?=20=E5=89=8D=E7=BC=80=EF=BC=8C=E7=94=B1=E5=90=8E=E7=AB=AF?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/request.js                    | 2 +-
 src/views/components/Editor.vue         | 2 +-
 src/views/components/MarkDown.vue       | 2 +-
 src/views/mnt/deploy/deploy.vue         | 2 +-
 src/views/system/user/center.vue        | 2 +-
 src/views/tools/email/send.vue          | 2 +-
 src/views/tools/picture/index.vue       | 2 +-
 src/views/tools/storage/local/index.vue | 2 +-
 src/views/tools/storage/qiniu/index.vue | 2 +-
 9 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/utils/request.js b/src/utils/request.js
index 0fb30a2..84cd03b 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -15,7 +15,7 @@ const service = axios.create({
 service.interceptors.request.use(
   config => {
     if (getToken()) {
-      config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+      config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     }
     config.headers['Content-Type'] = 'application/json'
     return config
diff --git a/src/views/components/Editor.vue b/src/views/components/Editor.vue
index 91760c3..cfb243b 100644
--- a/src/views/components/Editor.vue
+++ b/src/views/components/Editor.vue
@@ -15,7 +15,7 @@ export default {
   data() {
     return {
       headers: {
-        'Authorization': 'Bearer ' + getToken()
+        'Authorization': getToken()
       },
       editorContent:
         `<h3 style="text-align: center;">欢迎使用 wangEditor 富文本编辑器!</h3>
diff --git a/src/views/components/MarkDown.vue b/src/views/components/MarkDown.vue
index efaec4e..0a84522 100644
--- a/src/views/components/MarkDown.vue
+++ b/src/views/components/MarkDown.vue
@@ -42,7 +42,7 @@ export default {
         url: this.imagesUploadApi,
         method: 'post',
         data: formdata,
-        headers: { 'Content-Type': 'multipart/form-data', 'Authorization': 'Bearer ' + getToken() }
+        headers: { 'Content-Type': 'multipart/form-data', 'Authorization': getToken() }
       }).then((data) => {
         this.data = data.data
         this.$refs.md.$img2Url(pos, this.data.data[0])
diff --git a/src/views/mnt/deploy/deploy.vue b/src/views/mnt/deploy/deploy.vue
index 9e07aa8..eaddfe2 100644
--- a/src/views/mnt/deploy/deploy.vue
+++ b/src/views/mnt/deploy/deploy.vue
@@ -38,7 +38,7 @@ export default {
       apps: [],
       servers: [],
       headers: {
-        Authorization: 'Bearer ' + getToken()
+        Authorization: getToken()
       },
       deployInfo: {},
       form: {
diff --git a/src/views/system/user/center.vue b/src/views/system/user/center.vue
index 31e2af1..2b62df7 100644
--- a/src/views/system/user/center.vue
+++ b/src/views/system/user/center.vue
@@ -99,7 +99,7 @@ export default {
       Avatar: Avatar,
       ico: 'el-icon-refresh',
       headers: {
-        'Authorization': 'Bearer ' + getToken()
+        'Authorization': getToken()
       }
     }
   },
diff --git a/src/views/tools/email/send.vue b/src/views/tools/email/send.vue
index 179eaed..802c9f7 100644
--- a/src/views/tools/email/send.vue
+++ b/src/views/tools/email/send.vue
@@ -30,7 +30,7 @@ export default {
   data() {
     return {
       headers: {
-        'Authorization': 'Bearer ' + getToken()
+        'Authorization': getToken()
       },
       loading: false, form: { subject: '', tos: [], content: '' },
       tos: [{
diff --git a/src/views/tools/picture/index.vue b/src/views/tools/picture/index.vue
index 685708b..d71ccb6 100644
--- a/src/views/tools/picture/index.vue
+++ b/src/views/tools/picture/index.vue
@@ -134,7 +134,7 @@ export default {
       title: '图片',
       crudMethod: { ...crudPic },
       headers: {
-        'Authorization': 'Bearer ' + getToken()
+        'Authorization': getToken()
       },
       dialogImageUrl: '',
       dialogVisible: false,
diff --git a/src/views/tools/storage/local/index.vue b/src/views/tools/storage/local/index.vue
index efe1610..96f5a39 100644
--- a/src/views/tools/storage/local/index.vue
+++ b/src/views/tools/storage/local/index.vue
@@ -168,7 +168,7 @@ export default {
       title: '文件',
       crudMethod: { ...crudFile },
       delAllLoading: false,
-      headers: { 'Authorization': 'Bearer ' + getToken() },
+      headers: { 'Authorization': getToken() },
       form: { id: null, name: null }
     }
   },
diff --git a/src/views/tools/storage/qiniu/index.vue b/src/views/tools/storage/qiniu/index.vue
index 5523ab1..7adf83f 100644
--- a/src/views/tools/storage/qiniu/index.vue
+++ b/src/views/tools/storage/qiniu/index.vue
@@ -129,7 +129,7 @@ export default {
       title: '文件',
       crudMethod: { ...crudQiNiu },
       icon: 'el-icon-refresh',
-      url: '', headers: { 'Authorization': 'Bearer ' + getToken() }, dialog: false,
+      url: '', headers: { 'Authorization': getToken() }, dialog: false,
       dialogImageUrl: '', dialogVisible: false, fileList: [], files: [], newWin: null
     }
   },

From 071a3bc598f607296cfe32b61a295689afe0c1dd Mon Sep 17 00:00:00 2001
From: dqjdda <201507802@qq.com>
Date: Sat, 30 Nov 2019 19:43:37 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E7=BC=93=E5=AD=98?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E6=A8=A1=E5=9D=97=E9=81=BF=E5=85=8D=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E6=93=8D=E4=BD=9Credis=E5=B8=A6=E6=9D=A5=E7=9A=84?=
 =?UTF-8?q?=E5=AE=89=E5=85=A8=E9=9A=90=E6=82=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/monitor/redis.js          |  37 ---------
 src/utils/request.js              |  60 +++++++--------
 src/views/monitor/redis/index.vue | 120 ------------------------------
 3 files changed, 30 insertions(+), 187 deletions(-)
 delete mode 100644 src/api/monitor/redis.js
 delete mode 100644 src/views/monitor/redis/index.vue

diff --git a/src/api/monitor/redis.js b/src/api/monitor/redis.js
deleted file mode 100644
index a85f037..0000000
--- a/src/api/monitor/redis.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import request from '@/utils/request'
-
-export function add(data) {
-  return request({
-    url: 'api/redis',
-    method: 'post',
-    data
-  })
-}
-
-export function del(key) {
-  const data = {
-    key
-  }
-  return request({
-    url: 'api/redis/',
-    method: 'delete',
-    data
-  })
-}
-
-export function delAll() {
-  return request({
-    url: 'api/redis/all',
-    method: 'delete'
-  })
-}
-
-export function edit(data) {
-  return request({
-    url: 'api/redis',
-    method: 'put',
-    data
-  })
-}
-
-export default { del, delAll }
diff --git a/src/utils/request.js b/src/utils/request.js
index 84cd03b..f997d12 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -48,42 +48,42 @@ service.interceptors.response.use(
       if (error.toString().indexOf('Error: timeout') !== -1) {
         Notification.error({
           title: '网络请求超时',
-          duration: 2500
-        })
-        return Promise.reject(error)
-      }
-      if (error.toString().indexOf('Error: Network Error') !== -1) {
-        Notification.error({
-          title: '网络请求错误',
-          duration: 2500
+          duration: 5000
         })
         return Promise.reject(error)
       }
     }
-    if (code === 401) {
-      MessageBox.confirm(
-        '登录状态已过期，您可以继续留在该页面，或者重新登录',
-        '系统提示',
-        {
-          confirmButtonText: '重新登录',
-          cancelButtonText: '取消',
-          type: 'warning'
+    if (code) {
+      if (code === 401) {
+        MessageBox.confirm(
+          '登录状态已过期，您可以继续留在该页面，或者重新登录',
+          '系统提示',
+          {
+            confirmButtonText: '重新登录',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          store.dispatch('LogOut').then(() => {
+            location.reload() // 为了重新实例化vue-router对象 避免bug
+          })
+        })
+      } else if (code === 403) {
+        router.push({ path: '/401' })
+      } else {
+        const errorMsg = error.response.data.message
+        if (errorMsg !== undefined) {
+          Notification.error({
+            title: errorMsg,
+            duration: 5000
+          })
         }
-      ).then(() => {
-        store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
-        })
-      })
-    } else if (code === 403) {
-      router.push({ path: '/401' })
-    } else {
-      const errorMsg = error.response.data.message
-      if (errorMsg !== undefined) {
-        Notification.error({
-          title: errorMsg,
-          duration: 2500
-        })
       }
+    } else {
+      Notification.error({
+        title: '接口请求失败',
+        duration: 5000
+      })
     }
     return Promise.reject(error)
   }
diff --git a/src/views/monitor/redis/index.vue b/src/views/monitor/redis/index.vue
deleted file mode 100644
index 017c837..0000000
--- a/src/views/monitor/redis/index.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <div class="app-container">
-    <!--工具栏-->
-    <div class="head-container">
-      <!-- 搜索 -->
-      <el-input v-model="query.key" clearable size="small" placeholder="输入Key搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
-      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
-      <!-- 清空缓存 -->
-      <el-button v-permission="['admin','redis:del']" :loading="deleteAllLoading" type="danger" size="mini" class="filter-item" icon="el-icon-delete" @click="deleteAll">清空</el-button>
-      <!-- 导出 -->
-      <el-button
-        :loading="downloadLoading"
-        size="mini"
-        class="filter-item"
-        type="warning"
-        icon="el-icon-download"
-        @click="downloadMethod"
-      >导出</el-button>
-    </div>
-    <!--表格渲染-->
-    <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
-      <el-table-column :show-overflow-tooltip="true" prop="key" label="KEY" />
-      <el-table-column prop="value" label="VALUE">
-        <template slot-scope="scope">
-          <div style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
-            {{ scope.row.value }}
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column v-if="checkPermission(['admin','redis:del'])" label="操作" width="130px" align="center" fixed="right">
-        <template slot-scope="scope">
-          <el-popover
-            :ref="scope.$index"
-            v-permission="['admin','redis:del']"
-            placement="top"
-            width="180"
-          >
-            <p>确定删除本条数据吗？</p>
-            <div style="text-align: right; margin: 0">
-              <el-button size="mini" type="text" @click="$refs[scope.$index].doClose()">取消</el-button>
-              <el-button :loading="delLoading" type="primary" size="mini" @click="delMethod(scope.$index, scope.row)">确定</el-button>
-            </div>
-            <el-button slot="reference" type="danger" icon="el-icon-delete" size="mini" />
-          </el-popover>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页组件-->
-    <el-pagination
-      :total="total"
-      :current-page="page + 1"
-      style="margin-top: 8px;"
-      layout="total, prev, pager, next, sizes"
-      @size-change="sizeChange"
-      @current-change="pageChange"
-    />
-  </div>
-</template>
-
-<script>
-import crud from '@/mixins/crud'
-import crudRedis from '@/api/monitor/redis'
-export default {
-  name: 'Redis',
-  mixins: [crud],
-  data() {
-    return {
-      title: '系统缓存',
-      crudMethod: { ...crudRedis },
-      deleteAllLoading: false
-    }
-  },
-  created() {
-    this.$nextTick(() => {
-      this.init()
-    })
-  },
-  methods: {
-
-    beforeInit() {
-      this.url = 'api/redis'
-      if (!this.query.key) {
-        this.params['key'] = '*'
-      }
-      return true
-    },
-    delMethod(index, row) {
-      this.delLoading = true
-      this.crudMethod.del(row.key).then(res => {
-        this.delLoading = false
-        this.$refs[index].doClose()
-        this.dleChangePage()
-        this.init()
-        this.notify('删除成功', 'success')
-      }).catch(() => {
-        this.delLoading = false
-        this.$refs[index].doClose()
-      })
-    },
-    deleteAll() {
-      this.$confirm('你确定要清空缓存数据吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.deleteAllLoading = true
-        this.crudMethod.delAll().then(res => {
-          this.page = 0
-          this.init()
-          this.deleteAllLoading = false
-        })
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

From a6643947d0fa39c21b65f6398bb7009861567f32 Mon Sep 17 00:00:00 2001
From: dqjdda <201507802@qq.com>
Date: Sat, 30 Nov 2019 21:57:16 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=8A=A0=E5=85=A5?=
 =?UTF-8?q?=E6=98=B5=E7=A7=B0=E4=B8=8E=E6=80=A7=E5=88=AB=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=EF=BC=8C=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=EF=BC=8C=E5=8F=AF=E4=BF=AE=E6=94=B9=E5=9F=BA=E6=9C=AC=E8=B5=84?=
 =?UTF-8?q?=E6=96=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/user.js             |   8 ++
 src/assets/icons/svg/login.svg     |   1 +
 src/assets/icons/svg/run.svg       |   1 -
 src/assets/icons/svg/running.svg   |   1 -
 src/views/monitor/online/index.vue |   1 +
 src/views/system/user/center.vue   | 160 +++++++++++++++++++----------
 src/views/system/user/index.vue    |  44 +++++---
 7 files changed, 146 insertions(+), 70 deletions(-)
 create mode 100644 src/assets/icons/svg/login.svg
 delete mode 100644 src/assets/icons/svg/run.svg
 delete mode 100644 src/assets/icons/svg/running.svg

diff --git a/src/api/system/user.js b/src/api/system/user.js
index c6f831d..45b2f1d 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.js
@@ -23,6 +23,14 @@ export function edit(data) {
   })
 }
 
+export function editUser(data) {
+  return request({
+    url: 'api/users/center',
+    method: 'put',
+    data
+  })
+}
+
 export function updatePass(user) {
   const data = {
     oldPass: user.oldPass,
diff --git a/src/assets/icons/svg/login.svg b/src/assets/icons/svg/login.svg
new file mode 100644
index 0000000..cc5a854
--- /dev/null
+++ b/src/assets/icons/svg/login.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1575115830633" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2251" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M409.002667 469.333333L300.8 361.130667 361.130667 300.8l211.2 211.2-211.2 211.2-60.330667-60.330667L409.002667 554.666667H128v-85.333334h281.002667zM469.333333 128h341.333334c46.933333 0 85.333333 38.4 85.333333 85.333333v597.333334c0 46.933333-38.4 85.333333-85.333333 85.333333h-341.333334v-85.333333h341.333334V213.333333h-341.333334V128z" fill="#cdcdcd" p-id="2252"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/run.svg b/src/assets/icons/svg/run.svg
deleted file mode 100644
index 9eaddb6..0000000
--- a/src/assets/icons/svg/run.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="1314" t="1555468036837" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#e6e6e6" d="M977.066667 352 977.066667 352l-234.666667 213.333333 0 0C736 571.733333 725.333333 576 714.666667 576c-10.666667 0-19.2-4.266667-25.6-8.533333l0 0-192-149.333333 0 0c-10.666667-8.533333-17.066667-19.2-17.066667-34.133333 0-23.466667 19.2-42.666667 42.666667-42.666667 10.666667 0 19.2 4.266667 25.6 8.533333l0 0 164.266667 128 209.066667-189.866667 0 0c8.533333-6.4 17.066667-10.666667 27.733333-10.666667 23.466667 0 42.666667 19.2 42.666667 42.666667C992 332.8 985.6 343.466667 977.066667 352zM522.666667 256c-70.4 0-128-57.6-128-128 0-70.4 57.6-128 128-128s128 57.6 128 128C650.666667 198.4 593.066667 256 522.666667 256zM522.666667 85.333333c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666667 42.666667-19.2 42.666667-42.666667S546.133333 85.333333 522.666667 85.333333zM396.8 539.733333l234.666667 149.333333 0 0c12.8 8.533333 19.2 21.333333 19.2 36.266667 0 21.333333-17.066667 40.533333-38.4 42.666667l0 0-179.2 19.2L166.4 1013.333333l0 0C157.866667 1019.733333 149.333333 1024 138.666667 1024c-23.466667 0-42.666667-19.2-42.666667-42.666667 0-8.533333 2.133333-14.933333 6.4-21.333333l0 0 234.666667-405.333333 0 0c6.4-12.8 21.333333-21.333333 36.266667-21.333333C381.866667 533.333333 390.4 535.466667 396.8 539.733333L396.8 539.733333zM298.666667 789.333333l89.6-76.8 0 0c6.4-4.266667 14.933333-8.533333 23.466667-8.533333l0 0 72.533333-8.533333-96-59.733333L298.666667 789.333333zM302.933333 360.533333 302.933333 360.533333 138.666667 426.666667l78.933333 128 0 0c4.266667 6.4 6.4 14.933333 6.4 23.466667 0 23.466667-19.2 42.666667-42.666667 42.666667-14.933333 0-27.733333-8.533333-36.266667-19.2l0 0-106.666667-170.666667 0 0c-4.266667-6.4-6.4-14.933333-6.4-23.466667 0-17.066667 10.666667-34.133333 27.733333-40.533333l0 0 213.333333-85.333333c0 0 0 0 0 0l0 0 0 0c4.266667-2.133333 10.666667-2.133333 14.933333-2.133333 23.466667 0 42.666667 19.2 42.666667 42.666667C330.666667 337.066667 320 354.133333 302.933333 360.533333z" p-id="1315"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/running.svg b/src/assets/icons/svg/running.svg
deleted file mode 100644
index 59c5873..0000000
--- a/src/assets/icons/svg/running.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="1499" t="1555466208830" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#8a8a8a" d="M640 192c53.02 0 96-42.98 96-96S693.02 0 640 0s-96 42.98-96 96 42.98 96 96 96zM323.38 634.94l-29.6 69.04H160c-35.34 0-64 28.66-64 64s28.66 64 64 64h154.9c38.5 0 73.16-22.88 88.22-58.18l17.58-41.04-21.34-12.6c-34.64-20.46-60.12-50.74-75.98-85.22zM864 447.98h-88.06l-52.12-106.5c-25-51.1-70.9-88.46-123.56-101.88l-142.16-42.28c-56.6-13.6-115.54-1.1-161.68 34.28l-79.34 60.82c-28.06 21.5-33.38 61.66-11.84 89.72s61.68 33.32 89.72 11.84l79.38-60.82c15.34-11.78 34.88-16 50.54-12.28l29.4 8.74-74.92 174.78c-25.24 58.96-2.62 128.02 52.6 160.62l169.96 100.34-54.94 175.46c-10.56 33.72 8.22 69.62 41.94 80.18 6.38 2 12.82 2.96 19.16 2.96 27.22 0 52.46-17.54 61.04-44.9l63.28-202.12c11.82-41.54-5.78-86.16-43.28-108.78l-122.48-72.28 62.62-156.56 40.54 82.86c16 32.68 49.84 53.78 86.22 53.78H864c35.34 0 64-28.66 64-64s-28.66-63.98-64-63.98z" p-id="1500"/></svg>
\ No newline at end of file
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
index 373743d..8cb5419 100644
--- a/src/views/monitor/online/index.vue
+++ b/src/views/monitor/online/index.vue
@@ -16,6 +16,7 @@
     <!--表格渲染-->
     <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
       <el-table-column prop="userName" label="用户名" />
+      <el-table-column prop="nickName" label="用户昵称" />
       <el-table-column prop="job" label="岗位" />
       <el-table-column prop="ip" label="登录IP" />
       <el-table-column :show-overflow-tooltip="true" prop="address" label="登录地点" />
diff --git a/src/views/system/user/center.vue b/src/views/system/user/center.vue
index 2b62df7..cf0b482 100644
--- a/src/views/system/user/center.vue
+++ b/src/views/system/user/center.vue
@@ -20,11 +20,11 @@
               </el-upload>
             </div>
             <ul class="user-info">
-              <li><svg-icon icon-class="user1" /> 用户名称 <div class="user-right">{{ user.username }}</div></li>
+              <li><div style="height: 100%"><svg-icon icon-class="login" /> 登录账号<div class="user-right">{{ user.username }}</div></div></li>
+              <li><svg-icon icon-class="user1" /> 用户昵称 <div class="user-right">{{ user.nickName }}</div></li>
               <li><svg-icon icon-class="phone" /> 手机号码 <div class="user-right">{{ user.phone }}</div></li>
               <li><svg-icon icon-class="email" /> 用户邮箱 <div class="user-right">{{ user.email }}</div></li>
               <li><svg-icon icon-class="dept" /> 所属部门 <div class="user-right"> {{ user.dept }} / {{ user.job }}</div></li>
-              <li><svg-icon icon-class="date" /> 创建日期 <div class="user-right">{{ parseTime(user.createTime) }}</div></li>
               <li>
                 <svg-icon icon-class="anq" /> 安全设置
                 <div class="user-right">
@@ -36,42 +36,67 @@
           </div>
         </el-card>
       </el-col>
-      <!-- 用户日志 -->
       <el-col :xs="24" :sm="24" :md="16" :lg="18" :xl="19">
+        <!--    用户资料    -->
         <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>操作日志</span>
-            <div style="display:inline-block;float: right;cursor: pointer" @click="refresh"><i :class="ico" /></div>
-          </div>
-          <div>
-            <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
-              <el-table-column prop="description" label="行为" />
-              <el-table-column prop="requestIp" label="IP" />
-              <el-table-column :show-overflow-tooltip="true" prop="address" label="IP来源" />
-              <el-table-column prop="browser" label="浏览器" />
-              <el-table-column prop="time" label="请求耗时" align="center">
-                <template slot-scope="scope">
-                  <el-tag v-if="scope.row.time <= 300">{{ scope.row.time }}ms</el-tag>
-                  <el-tag v-else-if="scope.row.time <= 1000" type="warning">{{ scope.row.time }}ms</el-tag>
-                  <el-tag v-else type="danger">{{ scope.row.time }}ms</el-tag>
-                </template>
-              </el-table-column>
-              <el-table-column prop="createTime" label="创建日期" width="180px">
-                <template slot-scope="scope">
-                  <span>{{ parseTime(scope.row.createTime) }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <!--分页组件-->
-            <el-pagination
-              :total="total"
-              :current-page="page + 1"
-              style="margin-top: 8px;"
-              layout="total, prev, pager, next, sizes"
-              @size-change="sizeChange"
-              @current-change="pageChange"
-            />
-          </div>
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="用户资料" name="first">
+              <el-form ref="form" :model="form" :rules="rules" style="margin-top: 10px;" size="small" label-width="65px">
+                <el-form-item label="昵称" prop="nickName">
+                  <el-input v-model="form.nickName" style="width: 35%" />
+                  <span style="color: #C0C0C0;margin-left: 10px;">用户昵称不作为登录使用</span>
+                </el-form-item>
+                <el-form-item label="手机号" prop="phone">
+                  <el-input v-model="form.phone" style="width: 35%;" />
+                  <span style="color: #C0C0C0;margin-left: 10px;">手机号码不能重复</span>
+                </el-form-item>
+                <el-form-item label="性别">
+                  <el-radio-group v-model="form.sex" style="width: 178px">
+                    <el-radio label="男">男</el-radio>
+                    <el-radio label="女">女</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="">
+                  <el-button :loading="saveLoading" size="mini" type="primary" @click="doSubmit">保存配置</el-button>
+                </el-form-item>
+              </el-form>
+            </el-tab-pane>
+            <!--    操作日志    -->
+            <el-tab-pane label="操作日志" name="second">
+              <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
+                <el-table-column prop="description" label="行为" />
+                <el-table-column prop="requestIp" label="IP" />
+                <el-table-column :show-overflow-tooltip="true" prop="address" label="IP来源" />
+                <el-table-column prop="browser" label="浏览器" />
+                <el-table-column prop="time" label="请求耗时" align="center">
+                  <template slot-scope="scope">
+                    <el-tag v-if="scope.row.time <= 300">{{ scope.row.time }}ms</el-tag>
+                    <el-tag v-else-if="scope.row.time <= 1000" type="warning">{{ scope.row.time }}ms</el-tag>
+                    <el-tag v-else type="danger">{{ scope.row.time }}ms</el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="right"
+                >
+                  <template slot="header">
+                    <div style="display:inline-block;float: right;cursor: pointer" @click="init">创建日期<i class="el-icon-refresh" style="margin-left: 40px" /></div>
+                  </template>
+                  <template slot-scope="scope">
+                    <span>{{ parseTime(scope.row.createTime) }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <!--分页组件-->
+              <el-pagination
+                :total="total"
+                :current-page="page + 1"
+                style="margin-top: 8px;"
+                layout="total, prev, pager, next, sizes"
+                @size-change="sizeChange"
+                @current-change="pageChange"
+              />
+            </el-tab-pane>
+          </el-tabs>
         </el-card>
       </el-col>
     </el-row>
@@ -82,24 +107,46 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import { regEmail } from '@/utils/index'
 import updatePass from './center/updatePass'
 import updateEmail from './center/updateEmail'
 import { getToken } from '@/utils/auth'
 import store from '@/store'
+import { isvalidPhone } from '@/utils/validate'
 import { parseTime } from '@/utils/index'
 import crud from '@/mixins/crud'
+import { editUser } from '@/api/system/user'
 import Avatar from '@/assets/images/avatar.png'
 export default {
   name: 'Center',
   components: { updatePass, updateEmail },
   mixins: [crud],
   data() {
+    // 自定义验证
+    const validPhone = (rule, value, callback) => {
+      if (!value) {
+        callback(new Error('请输入电话号码'))
+      } else if (!isvalidPhone(value)) {
+        callback(new Error('请输入正确的11位手机号码'))
+      } else {
+        callback()
+      }
+    }
     return {
       Avatar: Avatar,
-      ico: 'el-icon-refresh',
+      activeName: 'first',
+      saveLoading: false,
       headers: {
         'Authorization': getToken()
+      },
+      form: {},
+      rules: {
+        nickName: [
+          { required: true, message: '请输入用户昵称', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
+        ],
+        phone: [
+          { required: true, trigger: 'blur', validator: validPhone }
+        ]
       }
     }
   },
@@ -111,15 +158,15 @@ export default {
     ])
   },
   created() {
-    this.$nextTick(() => {
-      this.init()
-    })
+    this.form = { id: this.user.id, nickName: this.user.nickName, sex: this.user.sex, phone: this.user.phone }
     store.dispatch('GetInfo').then(() => {})
   },
   methods: {
     parseTime,
-    formatEmail(mail) {
-      return regEmail(mail)
+    handleClick(tab, event) {
+      if (tab.name === 'second') {
+        this.init()
+      }
     },
     beforeInit() {
       this.url = 'api/logs/user'
@@ -142,13 +189,21 @@ export default {
         duration: 2500
       })
     },
-    // 刷新日志
-    refresh() {
-      this.ico = 'el-icon-loading'
-      this.init()
-      setTimeout(() => {
-        this.ico = 'el-icon-refresh'
-      }, 300)
+    doSubmit() {
+      if (this.$refs['form']) {
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+            this.saveLoading = true
+            editUser(this.form).then(() => {
+              this.editSuccessNotify()
+              store.dispatch('GetInfo').then(() => {})
+              this.saveLoading = false
+            }).catch(() => {
+              this.saveLoading = false
+            })
+          }
+        })
+      }
     }
   }
 }
@@ -170,12 +225,11 @@ export default {
     border-radius: 50%
   }
   .user-info {
-    padding-left: 0px;
+    padding-left: 0;
     list-style: none;
     li{
       border-bottom: 1px solid #F0F3F4;
-      border-top: 1px solid #F0F3F4;
-      padding: 11px 0px;
+      padding: 11px 0;
       font-size: 13px;
     }
     .user-right {
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 86f4d45..d928a8b 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -53,20 +53,20 @@
             <el-form-item label="用户名" prop="username">
               <el-input v-model="form.username" />
             </el-form-item>
-            <el-form-item label="状态" prop="enabled">
-              <el-radio v-for="item in dict.user_status" :key="item.id" v-model="form.enabled" :label="item.value">{{ item.label }}</el-radio>
-            </el-form-item>
             <el-form-item label="电话" prop="phone">
               <el-input v-model.number="form.phone" />
             </el-form-item>
+            <el-form-item label="昵称" prop="nickName">
+              <el-input v-model="form.nickName" />
+            </el-form-item>
             <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" style="width: 191px" />
+              <el-input v-model="form.email" />
             </el-form-item>
             <el-form-item label="部门" prop="dept.id">
               <treeselect v-model="form.dept.id" :options="depts" style="width: 178px" placeholder="选择部门" @select="selectFun" />
             </el-form-item>
             <el-form-item label="岗位" prop="job.id">
-              <el-select v-model="form.job.id" placeholder="请先选择部门">
+              <el-select v-model="form.job.id" style="width: 178px" placeholder="请先选择部门">
                 <el-option
                   v-for="(item, index) in jobs"
                   :key="item.name + index"
@@ -75,8 +75,19 @@
                 />
               </el-select>
             </el-form-item>
+            <el-form-item label="性别">
+              <el-radio-group v-model="form.sex" style="width: 178px">
+                <el-radio label="男">男</el-radio>
+                <el-radio label="女">女</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="状态">
+              <el-radio-group v-model="form.enabled">
+                <el-radio v-for="item in dict.user_status" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
             <el-form-item style="margin-bottom: 0;" label="角色" prop="roles">
-              <el-select v-model="form.roles" style="width: 450px;" multiple placeholder="请选择">
+              <el-select v-model="form.roles" style="width: 437px" multiple placeholder="请选择">
                 <el-option
                   v-for="item in roles"
                   :key="item.name"
@@ -94,10 +105,12 @@
         </el-dialog>
         <!--表格渲染-->
         <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
-          <el-table-column prop="username" label="用户名" />
-          <el-table-column prop="phone" label="电话" />
-          <el-table-column :show-overflow-tooltip="true" prop="email" label="邮箱" />
-          <el-table-column label="部门 / 岗位">
+          <el-table-column :show-overflow-tooltip="true" prop="username" label="用户名" />
+          <el-table-column :show-overflow-tooltip="true" prop="nickName" label="昵称" />
+          <el-table-column prop="sex" label="性别" />
+          <el-table-column :show-overflow-tooltip="true" prop="phone" width="120" label="电话" />
+          <el-table-column :show-overflow-tooltip="true" width="135" prop="email" label="邮箱" />
+          <el-table-column :show-overflow-tooltip="true" width="120" label="部门 / 岗位">
             <template slot-scope="scope">
               <div>{{ scope.row.dept.name }} / {{ scope.row.job.name }}</div>
             </template>
@@ -112,7 +125,7 @@
               />
             </template>
           </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期">
+          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="150" label="创建日期">
             <template slot-scope="scope">
               <span>{{ parseTime(scope.row.createTime) }}</span>
             </template>
@@ -188,21 +201,22 @@ export default {
         { key: 'true', display_name: '激活' },
         { key: 'false', display_name: '锁定' }
       ],
-      form: { username: null, email: null, enabled: 'false', roles: [], job: { id: null }, dept: { id: null }, phone: null },
+      form: { username: null, nickName: null, sex: '男', email: null, enabled: 'false', roles: [], job: { id: null }, dept: { id: null }, phone: null },
       rules: {
         username: [
           { required: true, message: '请输入用户名', trigger: 'blur' },
           { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
         ],
+        nickName: [
+          { required: true, message: '请输入用户昵称', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
+        ],
         email: [
           { required: true, message: '请输入邮箱地址', trigger: 'blur' },
           { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
         ],
         phone: [
           { required: true, trigger: 'blur', validator: validPhone }
-        ],
-        enabled: [
-          { required: true, message: '状态不能为空', trigger: 'blur' }
         ]
       }
     }