soleilw
/
job-master
Watch 1
Star 0
Fork 0
Code Issues 2 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

deploy

master
Soleilw 1 year ago
parent
1113f5f5e1
commit
88744cc1b9
7 changed files with 101 additions and 78 deletions
Unified View Show Diff Stats
  1. 59
    59
      dist/assets/index-vjL2WZge.js
  2. 1
    1
      dist/index.html
  3. 18
    10
      src/components/layout/header/aHeader.vue
  4. 6
    0
      src/main.ts
  5. 5
    0
      src/store/mutations.ts
  6. 2
    0
      src/store/state.ts
  7. 10
    8
      src/store/types.ts

dist/assets/index-vjL2WZge.js
File diff suppressed because it is too large
View File


+ 1
- 1
dist/index.html View File

<link rel="icon" type="image/svg+xml" href="/logo_1.jpg" /> <link rel="icon" type="image/svg+xml" href="/logo_1.jpg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>菊城人才市场后台管理</title> <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"> <link rel="stylesheet" crossorigin href="/assets/index-LsV7U6wr.css">
</head> </head>
<body> <body>

+ 18
- 10
src/components/layout/header/aHeader.vue View File

<template> <template>
<a-row> <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>
<a-col :span="18">
<a-col :span="12">
<a-row type="flex" justify="end" :gutter="20"> <a-row type="flex" justify="end" :gutter="20">
<a-col flex="200px"> <a-col flex="200px">
<div>{{time}}</div> <div>{{time}}</div>
const collapsed = computed(() => { const collapsed = computed(() => {
return store.state.collapsed return store.state.collapsed
}) })

const routes = computed(() => {
return store.state.crumbList
})
const onCollapsed = () => { const onCollapsed = () => {
store.commit('getCollapsed'); store.commit('getCollapsed');
} }
} }


const value = ref<string[]>([]); const value = ref<string[]>([]);
const filter : ShowSearchType['filter'] = (inputValue, path) => { const filter : ShowSearchType['filter'] = (inputValue, path) => {
const pathLabel = path.map(item => item.title).join(' / '); const pathLabel = path.map(item => item.title).join(' / ');
return pathLabel.toLowerCase().includes(inputValue.toLowerCase()); return pathLabel.toLowerCase().includes(inputValue.toLowerCase());
}; };
const inputChange = (val, selectedOptions) => { const inputChange = (val, selectedOptions) => {
console.log(val, selectedOptions) console.log(val, selectedOptions)
onMenu(selectedOptions[selectedOptions.length - 1].path) onMenu(selectedOptions[selectedOptions.length - 1].path)
} }

</script> </script>


<style> <style>

+ 6
- 0
src/main.ts View File

} }
}) })


router.afterEach((to, from, next) => {
let routerList = to.matched;
store.commit('setCrumbList', routerList)
})

const app = createApp(App); const app = createApp(App);
app.component('a-c-operation', ACOperation); app.component('a-c-operation', ACOperation);
app.component('a-c-table', ACTable); app.component('a-c-table', ACTable);

+ 5
- 0
src/store/mutations.ts View File

const setCrumbList = (state, list) => {
state.crumbList = list
}

const getCollapsed = (state : object) => { const getCollapsed = (state : object) => {
state.collapsed = !state.collapsed; state.collapsed = !state.collapsed;
} }




export const mutations = { export const mutations = {
setCrumbList,
getCollapsed, getCollapsed,
getOpenModel, getOpenModel,
getOpenMoreModel, getOpenMoreModel,

+ 2
- 0
src/store/state.ts View File

import { StateType } from './types' import { StateType } from './types'


export const state = <StateType>{ export const state = <StateType>{
/* 面包屑导航列表 */
crumbList: [],
collapsed: false, collapsed: false,
openAddModel: false, openAddModel: false,
openOtherModel_1: false, openOtherModel_1: false,

+ 10
- 8
src/store/types.ts View File

export interface StateType { 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
} }

Write Preview
Loading…
Cancel
Save