dist/assets/index-vjL2WZge.js
文件差異過大導致無法顯示
查看文件
+ 1
- 1
dist/index.html
查看文件
| @@ -5,7 +5,7 @@ | |||
| <link rel="icon" type="image/svg+xml" href="/logo_1.jpg" /> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |||
| <title>菊城人才市场后台管理</title> | |||
| <script type="module" crossorigin src="/assets/index-SFRelKHO.js"></script> | |||
| <script type="module" crossorigin src="/assets/index-vjL2WZge.js"></script> | |||
| <link rel="stylesheet" crossorigin href="/assets/index-LsV7U6wr.css"> | |||
| </head> | |||
| <body> | |||
+ 18
- 10
src/components/layout/header/aHeader.vue
查看文件
| @@ -1,13 +1,18 @@ | |||
| <template> | |||
| <a-row> | |||
| <a-col :span="6" style="display: flex;align-items: center;"> | |||
| <menu-unfold-outlined v-if="collapsed" class="trigger" @click="onCollapsed" /> | |||
| <menu-fold-outlined v-else class="trigger" @click="onCollapsed" /> | |||
| <a-cascader v-model:value="value" :options="menuList" :show-search="{ filter }" placeholder="请搜索想进入的管理页面" | |||
| :field-names="{ label: 'title', value: 'name', children: 'children' }" @change="inputChange" style="margin-left: 10px;width: 100%;"/> | |||
| <a-col :span="12" style="display: flex;align-items: center;"> | |||
| <a-space> | |||
| <menu-unfold-outlined v-if="collapsed" class="trigger" @click="onCollapsed" /> | |||
| <menu-fold-outlined v-else class="trigger" @click="onCollapsed" /> | |||
| <a-breadcrumb> | |||
| <a-breadcrumb-item v-for="(item, index) in routes">{{item.meta.title}}</a-breadcrumb-item> | |||
| </a-breadcrumb> | |||
| <a-cascader v-model:value="value" :options="menuList" :show-search="{ filter }" placeholder="请搜索想进入的管理页面" | |||
| :field-names="{ label: 'title', value: 'name', children: 'children' }" @change="inputChange" | |||
| style="margin-left: 10px;width: 100%;" /> | |||
| </a-space> | |||
| </a-col> | |||
| <a-col :span="18"> | |||
| <a-col :span="12"> | |||
| <a-row type="flex" justify="end" :gutter="20"> | |||
| <a-col flex="200px"> | |||
| <div>{{time}}</div> | |||
| @@ -48,6 +53,10 @@ | |||
| const collapsed = computed(() => { | |||
| return store.state.collapsed | |||
| }) | |||
| const routes = computed(() => { | |||
| return store.state.crumbList | |||
| }) | |||
| const onCollapsed = () => { | |||
| store.commit('getCollapsed'); | |||
| } | |||
| @@ -61,17 +70,16 @@ | |||
| } | |||
| const value = ref<string[]>([]); | |||
| const filter : ShowSearchType['filter'] = (inputValue, path) => { | |||
| const pathLabel = path.map(item => item.title).join(' / '); | |||
| return pathLabel.toLowerCase().includes(inputValue.toLowerCase()); | |||
| }; | |||
| const inputChange = (val, selectedOptions) => { | |||
| console.log(val, selectedOptions) | |||
| onMenu(selectedOptions[selectedOptions.length - 1].path) | |||
| } | |||
| </script> | |||
| <style> | |||
+ 6
- 0
src/main.ts
查看文件
| @@ -68,6 +68,12 @@ router.beforeEach((to, from, next) => { | |||
| } | |||
| }) | |||
| router.afterEach((to, from, next) => { | |||
| let routerList = to.matched; | |||
| store.commit('setCrumbList', routerList) | |||
| }) | |||
| const app = createApp(App); | |||
| app.component('a-c-operation', ACOperation); | |||
| app.component('a-c-table', ACTable); | |||
+ 5
- 0
src/store/mutations.ts
查看文件
| @@ -1,3 +1,7 @@ | |||
| const setCrumbList = (state, list) => { | |||
| state.crumbList = list | |||
| } | |||
| const getCollapsed = (state : object) => { | |||
| state.collapsed = !state.collapsed; | |||
| } | |||
| @@ -38,6 +42,7 @@ const getShowAddCompanyModel = (state : object, payload : object) => { | |||
| export const mutations = { | |||
| setCrumbList, | |||
| getCollapsed, | |||
| getOpenModel, | |||
| getOpenMoreModel, | |||
+ 2
- 0
src/store/state.ts
查看文件
| @@ -1,6 +1,8 @@ | |||
| import { StateType } from './types' | |||
| export const state = <StateType>{ | |||
| /* 面包屑导航列表 */ | |||
| crumbList: [], | |||
| collapsed: false, | |||
| openAddModel: false, | |||
| openOtherModel_1: false, | |||
+ 10
- 8
src/store/types.ts
查看文件
| @@ -1,10 +1,12 @@ | |||
| export interface StateType { | |||
| collapsed: boolean, | |||
| openAddModel: boolean, | |||
| openOtherModel_1: boolean, | |||
| showDepartmentModel: boolean, | |||
| showPositionModel: boolean, | |||
| showCompanyModel: boolean, | |||
| showAddCompanyModel: boolean, | |||
| openSearchModel: boolean | |||
| /* 面包屑导航列表 */ | |||
| crumbList: String[], | |||
| collapsed: Boolean, | |||
| openAddModel: Boolean, | |||
| openOtherModel_1: Boolean, | |||
| showDepartmentModel: Boolean, | |||
| showPositionModel: Boolean, | |||
| showCompanyModel: Boolean, | |||
| showAddCompanyModel: Boolean, | |||
| openSearchModel: Boolean | |||
| } | |||
Loading…