lizongxi/ai-vue3-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化标签栏中：1.固定标签的位置；2.vuex中的actions方法

Browse Source
This commit is contained in:
huzhushan 2021-04-29 11:21:26 +08:00
parent 6a5a426057
commit da1da1d4d5
4 changed files with 28 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/layout/components/Tagsbar/hooks/useContextMenu.js
View File

@ -26,7 +26,7 @@
* @version:
* @Date: 2021-04-20 11:06:21
* @LastEditors: huzhushan@126.com
* @LastEditTime: 2021-04-21 12:47:01
* @LastEditTime: 2021-04-29 10:52:41
* @Author: huzhushan@126.com
* @HomePage: https://huzhushan.gitee.io/vue3-element-admin
* @Github: https://github.com/huzhushan/vue3-element-admin
@ -58,7 +58,7 @@ export const useContextMenu = tagList => {
state.visible = false
},
refreshSelectedTag(tag) {
store.dispatch('tags/delCacheList', tag)
store.commit('tags/DEL_CACHE_LIST', tag)
const { fullPath } = tag
nextTick(() => {
router.replace({

5
src/layout/components/Tagsbar/hooks/useTags.js
View File

@ -24,7 +24,7 @@
* @version:
* @Date: 2021-04-20 11:06:21
* @LastEditors: huzhushan@126.com
* @LastEditTime: 2021-04-21 12:47:12
* @LastEditTime: 2021-04-29 11:13:55
* @Author: huzhushan@126.com
* @HomePage: https://huzhushan.gitee.io/vue3-element-admin
* @Github: https://github.com/huzhushan/vue3-element-admin
@ -63,6 +63,7 @@ export const useTags = () => {
)
const filterAffixTags = routes => {
console.log(222, routes)
return routes.filter(route => isAffix(route))
}
@ -71,7 +72,7 @@ export const useTags = () => {
for (const tag of affixTags) {
if (tag.name) {
store.dispatch('tags/addTagList', tag)
store.dispatch('tags/addTag', tag)
}
}
}

2
src/router/modules/test.js
View File

@ -3,7 +3,7 @@
* @version:
* @Date: 2021-04-21 09:18:32
* @LastEditors: huzhushan@126.com
* @LastEditTime: 2021-04-28 16:49:53
* @LastEditTime: 2021-04-29 11:20:14
* @Author: huzhushan@126.com
* @HomePage: https://huzhushan.gitee.io/vue3-element-admin
* @Github: https://github.com/huzhushan/vue3-element-admin

68
src/store/modules/tags.js
View File

@ -3,7 +3,7 @@
* @version:
* @Date: 2021-04-20 11:06:21
* @LastEditors: huzhushan@126.com
* @LastEditTime: 2021-04-28 17:40:11
* @LastEditTime: 2021-04-29 11:19:20
* @Author: huzhushan@126.com
* @HomePage: https://huzhushan.gitee.io/vue3-element-admin
* @Github: https://github.com/huzhushan/vue3-element-admin
@ -16,25 +16,30 @@ const TAGLIST = 'VEA-TAGLIST'
const state = {
tagList: getItem(TAGLIST) || [],
cacheList: [],
activePosition: 0,
activePosition: -1,
}
const mutations = {
ADD_TAG_LIST: (state, { path, fullPath, name, meta, params, query }) => {
if (state.tagList.some(v => v.path === path)) return false
state.tagList.splice(
state.activePosition + 1,
0,
Object.assign(
{},
{ path, fullPath, name, meta, params, query },
{
title: meta.title || '未命名',
fullPath: fullPath || path,
}
)
const target = Object.assign(
{},
{ path, fullPath, name, meta, params, query },
{
title: meta.title || '未命名',
fullPath: fullPath || path,
}
)
if (state.activePosition === -1) {
if (name === 'home') {
state.tagList.unshift(target)
} else {
state.tagList.push(target)
}
} else {
state.tagList.splice(state.activePosition + 1, 0, target)
}
// 保存到localStorage
setItem(TAGLIST, state.tagList)
@ -107,55 +112,26 @@ const actions = {
saveActivePosition({ commit }, index) {
commit('SAVE_ACTIVE_POSITION', index)
},
addTag({ dispatch }, tag) {
dispatch('addTagList', tag)
dispatch('addCacheList', tag)
},
addTagList({ commit }, tag) {
addTag({ commit }, tag) {
commit('ADD_TAG_LIST', tag)
},
addCacheList({ commit }, tag) {
commit('ADD_CACHE_LIST', tag)
},
delTag({ dispatch }, tag) {
dispatch('delTagList', tag)
dispatch('delCacheList', tag)
},
delTagList({ commit }, tag) {
delTag({ commit }, tag) {
commit('DEL_TAG_LIST', tag)
},
delCacheList({ commit }, tag) {
commit('DEL_CACHE_LIST', tag)
},
delOtherTags({ dispatch }, tag) {
dispatch('delOtherTagList', tag)
dispatch('delOtherCacheList', tag)
},
delOtherTagList({ commit }, tag) {
delOtherTags({ commit }, tag) {
commit('DEL_OTHER_TAG_LIST', tag)
},
delOtherCacheList({ commit }, tag) {
commit('DEL_OTHER_CACHE_LIST', tag)
},
delSomeTags({ commit }, tags) {
commit('DEL_SOME_TAG_LIST', tags)
commit('DEL_SOME_CACHE_LIST', tags)
},
delAllTags({ dispatch }) {
dispatch('delAllTagList')
dispatch('delAllCacheList')
},
delAllTagList({ commit }) {
delAllTags({ commit }) {
commit('DEL_ALL_TAG_LIST')
},
delAllCacheList({ commit }) {
commit('DEL_ALL_CACHE_LIST')
},
updateTagList({ commit }, { path, fullPath, name, meta, params, query }) {
commit('UPDATE_TAG_LIST', { path, fullPath, name, meta, params, query })
},