From 38e8adb4e3cdad78a50f3d6ad48abb944846d776 Mon Sep 17 00:00:00 2001
From: gooking <javazj@qq.com>
Date: Sat, 19 May 2018 07:27:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=A2=9E=E5=8A=A0=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/getters.js                   |  3 ++-
 src/store/index.js                     |  4 +++-
 src/store/modules/other.js             | 15 +++++++++++++++
 src/views/apiExtDfs/list.vue           | 13 +++++++++++++
 src/views/layout/components/Navbar.vue | 10 ++++++----
 5 files changed, 39 insertions(+), 6 deletions(-)
 create mode 100644 src/store/modules/other.js

diff --git a/src/store/getters.js b/src/store/getters.js
index 95388583..afde9dc5 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -1,5 +1,6 @@
 const getters = {
   sidebar: state => state.app.sidebar,
-  device: state => state.app.device
+  device: state => state.app.device,
+  centerUserBase: state => state.other.centerUserBase
 }
 export default getters
diff --git a/src/store/index.js b/src/store/index.js
index 01be1b7a..ef37f427 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,13 +1,15 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import app from './modules/app'
+import other from './modules/other'
 import getters from './getters'
 
 Vue.use(Vuex)
 
 const store = new Vuex.Store({
   modules: {
-    app
+    app,
+    other
   },
   getters
 })
diff --git a/src/store/modules/other.js b/src/store/modules/other.js
new file mode 100644
index 00000000..2c3fa055
--- /dev/null
+++ b/src/store/modules/other.js
@@ -0,0 +1,15 @@
+
+const user = {
+  state: {
+    centerUserBase: { }
+  },
+
+  mutations: {
+    SET_CENTER_USER_BASE: (state, centerUserBase) => {
+      state.centerUserBase = centerUserBase
+    }
+  }
+
+}
+
+export default user
diff --git a/src/views/apiExtDfs/list.vue b/src/views/apiExtDfs/list.vue
index bad176f7..6a06cb29 100644
--- a/src/views/apiExtDfs/list.vue
+++ b/src/views/apiExtDfs/list.vue
@@ -15,6 +15,13 @@
       <el-date-picker type="date" placeholder="上传时间止" v-model="searchData.dateAddEnd" style="width: 200px;" class="filter-item"></el-date-picker>
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="fetchData">搜索</el-button>
     </div>
+
+    <div class="filter-container">
+      <el-alert
+        :title="'您当前是:' + (centerUserBase.vipLevel ? 'vip会员' : '免费会员') + ', ' + '可使用 ' + (centerUserBase.vipLevel ? '500' : '100') + 'MB 免费存储空间, 当前文件总数： '+ statisticsData.count +'， 占用总容量： ' + statisticsData.capacityStr"
+        type="warning">
+      </el-alert>
+    </div>
     
     <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row empty-text="暂无数据" @selection-change="handleSelectionChange">
       <el-table-column type="selection" align="center" width="55" row-key="id"></el-table-column>
@@ -49,8 +56,14 @@
 <script>
 import { fetchDataList, statistics, delData } from '@/api/apiExtDfs'
 import { Message, MessageBox } from 'element-ui'
+import { mapGetters } from 'vuex'
 
 export default {
+  computed: {
+    ...mapGetters([
+      'centerUserBase'
+    ])
+  },
   data() {
     return {
       page:1,
diff --git a/src/views/layout/components/Navbar.vue b/src/views/layout/components/Navbar.vue
index 235d2910..51579fcb 100644
--- a/src/views/layout/components/Navbar.vue
+++ b/src/views/layout/components/Navbar.vue
@@ -4,7 +4,7 @@
     <breadcrumb></breadcrumb>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
-        <span style="display:block;">当前登录: {{centeruserinfo.realName}} ( {{centeruserinfo.mobile}} )</span>
+        <span style="display:block;">{{centerUserBase.realName}} ( {{centerUserBase.mobile}} )</span>
         <i class="el-icon-caret-bottom"></i>
       </div>
       <el-dropdown-menu class="user-dropdown" slot="dropdown">
@@ -38,17 +38,19 @@ export default {
   computed: {
     ...mapGetters([
       'sidebar',
-      'avatar'
+      'avatar',
+      'centerUserBase'
     ])
   },
   data() {
     return {
-      centeruserinfo:{}
+
     }
   },
   mounted() {
+    this.centerUserBase.aaa = 'ssddfssfg0000'
     info().then(res => {
-      this.centeruserinfo = res.data;
+      this.$store.commit('SET_CENTER_USER_BASE',res.data)
     });
   },
   methods: {