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: {