@@ -0,0 +1,24 @@ | |||
# Logs | |||
logs | |||
*.log | |||
npm-debug.log* | |||
yarn-debug.log* | |||
yarn-error.log* | |||
pnpm-debug.log* | |||
lerna-debug.log* | |||
node_modules | |||
dist | |||
dist-ssr | |||
*.local | |||
# Editor directories and files | |||
.vscode/* | |||
!.vscode/extensions.json | |||
.idea | |||
.DS_Store | |||
*.suo | |||
*.ntvs* | |||
*.njsproj | |||
*.sln | |||
*.sw? |
@@ -0,0 +1,3 @@ | |||
{ | |||
"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] | |||
} |
@@ -0,0 +1,13 @@ | |||
<!doctype html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8" /> | |||
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |||
<title>Vite + Vue + TS</title> | |||
</head> | |||
<body> | |||
<div id="app"></div> | |||
<script type="module" src="/src/main.ts"></script> | |||
</body> | |||
</html> |
@@ -0,0 +1,26 @@ | |||
{ | |||
"name": "job-pc", | |||
"private": true, | |||
"version": "0.0.0", | |||
"type": "module", | |||
"scripts": { | |||
"dev": "vite", | |||
"build": "vue-tsc && vite build", | |||
"preview": "vite preview" | |||
}, | |||
"dependencies": { | |||
"ant-design-vue": "^4.0.0-rc.6", | |||
"axios": "^1.6.4", | |||
"less": "^4.2.0", | |||
"less-loader": "^11.1.3", | |||
"vue": "^3.3.11", | |||
"vue-router": "^4.2.5", | |||
"vuex": "^4.0.2" | |||
}, | |||
"devDependencies": { | |||
"@vitejs/plugin-vue": "^4.5.2", | |||
"typescript": "^5.2.2", | |||
"vite": "^5.0.8", | |||
"vue-tsc": "^1.8.25" | |||
} | |||
} |
@@ -0,0 +1 @@ | |||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg> |
@@ -0,0 +1,13 @@ | |||
<script setup lang="ts"> | |||
import zhCN from 'ant-design-vue/es/locale/zh_CN'; | |||
</script> | |||
<template> | |||
<a-config-provider :locale="zhCN"> | |||
<router-view></router-view> | |||
</a-config-provider> | |||
</template> | |||
<style scoped> | |||
</style> |
@@ -0,0 +1 @@ | |||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg> |
@@ -0,0 +1,38 @@ | |||
<script setup lang="ts"> | |||
import { ref } from 'vue' | |||
defineProps<{ msg: string }>() | |||
const count = ref(0) | |||
</script> | |||
<template> | |||
<h1>{{ msg }}</h1> | |||
<div class="card"> | |||
<button type="button" @click="count++">count is {{ count }}</button> | |||
<p> | |||
Edit | |||
<code>components/HelloWorld.vue</code> to test HMR | |||
</p> | |||
</div> | |||
<p> | |||
Check out | |||
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank" | |||
>create-vue</a | |||
>, the official Vue + Vite starter | |||
</p> | |||
<p> | |||
Install | |||
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a> | |||
in your IDE for a better DX | |||
</p> | |||
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p> | |||
</template> | |||
<style scoped> | |||
.read-the-docs { | |||
color: #888; | |||
} | |||
</style> |
@@ -0,0 +1,14 @@ | |||
<template> | |||
</template> | |||
<script lang="ts" setup> | |||
import { ref, onMounted, computed } from 'vue'; | |||
import { store } from '@/store'; | |||
import { router } from '@/router'; | |||
import { MenuUnfoldOutlined, MenuFoldOutlined, LogoutOutlined } from '@ant-design/icons-vue'; | |||
</script> | |||
<style> | |||
</style> |
@@ -0,0 +1,138 @@ | |||
<template> | |||
<div style="min-height: 100vh;"> | |||
<a-layout class="layout" style="width: 100%; display: flex;align-items: center;justify-items: center;"> | |||
<a-layout-header style="position: fixed; z-index: 99; width: calc(100% - 600px);"> | |||
<div class="logo" /> | |||
<a-menu theme="dark" mode="horizontal" v-model:selectedKeys="selectedKeys" | |||
:style="{ lineHeight: '64px' }"> | |||
<a-menu-item key="1">首页</a-menu-item> | |||
<a-menu-item key="2">求职招聘</a-menu-item> | |||
<a-menu-item key="3">关于菊城人才</a-menu-item> | |||
<a-sub-menu> | |||
<template #icon> | |||
<setting-outlined /> | |||
</template> | |||
<template #title>Navigation Three - Submenu</template> | |||
<a-menu-item-group title="Item 1"> | |||
<a-menu-item key="setting:1">Option 1</a-menu-item> | |||
<a-menu-item key="setting:2">Option 2</a-menu-item> | |||
</a-menu-item-group> | |||
<a-menu-item-group title="Item 2"> | |||
<a-menu-item key="setting:3">Option 3</a-menu-item> | |||
<a-menu-item key="setting:4">Option 4</a-menu-item> | |||
</a-menu-item-group> | |||
</a-sub-menu> | |||
<a-menu-item key="1">法律咨询</a-menu-item> | |||
<a-menu-item key="2">人才导师</a-menu-item> | |||
<a-menu-item key="3">专家组</a-menu-item> | |||
<a-menu-item key="2">培训列表</a-menu-item> | |||
<a-menu-item key="3">党群关系</a-menu-item> | |||
<a-menu-item key="3">新闻中心</a-menu-item> | |||
</a-menu> | |||
</a-layout-header> | |||
<a-layout-content style="padding: 0 50px"> | |||
<router-view></router-view> | |||
</a-layout-content> | |||
<a-layout-footer> | |||
<a-row gutter="20" type="flex" justify="space-between"> | |||
<a-col span="8"> | |||
<a-row gutter="20"> | |||
<a-col sapn="12"> | |||
<div style="display: flex;flex-direction: column;align-items: flex-start;"> | |||
<div>关于我们</div> | |||
<div style="display: flex;flex-direction: column;"> | |||
<div>关于我们</div> | |||
<div>联系方式</div> | |||
<div>公司地图</div> | |||
<div>关于我们</div> | |||
<div>收费方式</div> | |||
<div>汇款方式</div> | |||
</div> | |||
</div> | |||
</a-col> | |||
<a-col sapn="12"> | |||
<div style="display: flex;flex-direction: column;align-items: flex-start;justify-content: center;"> | |||
<div>快速注册</div> | |||
<div style="display: flex;flex-direction: column;"> | |||
<div>单位用户注册</div> | |||
<div>个人用户注册</div> | |||
</div> | |||
</div> | |||
</a-col> | |||
</a-row> | |||
<a-row style="margin-top: 30px;"> | |||
<a-col sapn="24"> | |||
<a-typography-paragraph style="font-size: 12px; text-align: left;" | |||
content="中山求职 招聘 到菊城人才网 本网站实名:中山市菊城人才网" /> | |||
<a-typography-paragraph style="font-size: 12px; text-align: left;" | |||
content="邮编:zsjcjob@163.com 传真号码:0760-22236922 0760-22236026" /> | |||
<a-typography-paragraph style="font-size: 12px; text-align: left;" | |||
content="Copyright@2002-2024 菊城人才网 All Right Reserved 粤ICP备05092134号" /> | |||
</a-col> | |||
</a-row> | |||
</a-col> | |||
<a-col span="4"> | |||
<div style="display: flex;flex-direction: column;align-items: flex-start;"> | |||
<div>上班时间</div> | |||
<div style="display: flex;flex-direction: column;align-items: flex-start;"> | |||
<div>星期一至星期五:8:30-17:30</div> | |||
<div>星期六:9:00-16:00</div> | |||
</div> | |||
</div> | |||
</a-col> | |||
<a-col span="8"> | |||
<div style="display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;height: 100%;"> | |||
<!-- <div style="display: flex;flex-direction: column;align-items: flex-start;"> --> | |||
<div>联系电话</div> | |||
<div>0760-22236225、22236226</div> | |||
<div>0760-22236225、22236226</div> | |||
<!-- </div> --> | |||
<div style="display: flex;flex-direction: column;align-items: center;"> | |||
<a-image | |||
:width="100" | |||
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" | |||
/> | |||
<div>官方公众号</div> | |||
</div> | |||
</div> | |||
</a-col> | |||
</a-row> | |||
</a-layout-footer> | |||
</a-layout> | |||
</div> | |||
</template> | |||
<script lang="ts" setup> | |||
import { ref, computed } from 'vue'; | |||
import { store } from '@/store'; | |||
// import ASider from './sider/aSider.vue'; | |||
import AHeader from './header/aHeader.vue'; | |||
import { MenuUnfoldOutlined, MenuFoldOutlined, } from '@ant-design/icons-vue'; | |||
const collapsed = computed(() => { | |||
return store.state.collapsed | |||
}) | |||
const onBreakpoint = (broken : boolean) => { | |||
console.log(broken); | |||
} | |||
</script> | |||
<style lang="less"> | |||
.logo { | |||
float: left; | |||
width: 120px; | |||
height: 31px; | |||
margin: 16px 24px 16px 0; | |||
background: rgba(255, 255, 255, 0.3); | |||
} | |||
.ant-layout-footer { | |||
position: fixed; | |||
bottom: 0; | |||
z-index: 99; | |||
width: calc(100% - 600px); | |||
// padding: 30px; | |||
background-color: #cccccc !important; | |||
color: #fff !important; | |||
} | |||
</style> |
@@ -0,0 +1,74 @@ | |||
<template> | |||
<a-menu mode="inline" v-model:openKeys="openSubMenu" @openChange="onOpenChange" inlineCollapsed | |||
v-model:selectedKeys="selectedMenu" style="background: #19be6b; height: '90vh';color: #fff;"> | |||
<template v-for="(item,index) in menuList"> | |||
<template v-if="!item.children"> | |||
<a-menu-item :key="item.path" @click="onMenu(item.path)"> | |||
<template #icon> | |||
<component :is="item.meta.icon"></component> | |||
</template> | |||
<span>{{item.meta.title}}</span> | |||
</a-menu-item> | |||
</template> | |||
<template v-else> | |||
<a-sub-menu :key="item.path"> | |||
<template #icon> | |||
<component :is="item.meta.icon"></component> | |||
</template> | |||
<template #title>{{item.meta.title}}</template> | |||
<template v-for="(twoItem, twoIndex) in item.children"> | |||
<a-sub-menu v-if="twoItem.children" :key="twoItem.path"> | |||
<template #title> | |||
{{twoItem.meta.title}} | |||
</template> | |||
<a-menu-item v-for="(threeItem, threeIndex) in twoItem.children" :key="threeItem.path" | |||
@click="onMenu(threeItem.path)">{{ threeItem.meta.title }}</a-menu-item> | |||
</a-sub-menu> | |||
<a-menu-item v-else @click="onMenu(twoItem.path)" :key="twoItem.path"> | |||
{{ twoItem.meta.title }} | |||
</a-menu-item> | |||
</template> | |||
</a-sub-menu> | |||
</template> | |||
</template> | |||
</a-menu> | |||
</template> | |||
<script setup lang="ts"> | |||
import { ref, onMounted, computed } from 'vue'; | |||
import { useMenu } from '@/hooks/useMenu'; | |||
let { menuList, onMenu, routerCur, routerArrayCur } = useMenu(); | |||
const selectedMenu = computed(() => { | |||
let newSelectedMenu = [routerCur()]; | |||
return newSelectedMenu; | |||
}) | |||
const openSubMenu = computed(() => { | |||
let newOpenSubMenu = [routerArrayCur()]; | |||
return newOpenSubMenu; | |||
}) | |||
const onOpenChange = (openKeys) => { | |||
const latestOpenKey : string = openKeys.length > 0 ? openKeys[openKeys.length - 1] : undefined; | |||
if (latestOpenKey) { | |||
openSubMenu.value = latestOpenKey ? [latestOpenKey] : []; | |||
} else { | |||
openSubMenu.value = []; | |||
} | |||
} | |||
</script> | |||
<style> | |||
::-webkit-scrollbar { | |||
/* 设置滚动条宽度 */ | |||
width: 0px; | |||
} | |||
.ant-menu { | |||
background-color: #f0f2f5; | |||
/* 修改菜单的背景颜色 */ | |||
} | |||
.ant-menu .ant-sub-menu { | |||
color: #000000; | |||
} | |||
</style> |
@@ -0,0 +1,41 @@ | |||
import { createApp } from 'vue'; | |||
import './style.css'; | |||
import App from './App.vue'; | |||
import { router } from './router' | |||
import { store } from './store'; | |||
import Antd from 'ant-design-vue'; | |||
import 'ant-design-vue/dist/reset.css'; | |||
// router.beforeEach((to, from, next) => { | |||
// document.title = `${to.meta.title} - 菊城人才市场后台管理`; | |||
// if (!sessionStorage.getItem('token')) { | |||
// if (to.matched.length > 0 && !to.matched.some(record => record.meta.requiresAuth)) { | |||
// next() | |||
// } else { | |||
// next({ | |||
// path: '/login' | |||
// }) | |||
// } | |||
// } else { | |||
// if (store.state.permissions.permissionList == null) { | |||
// store.dispatch('permissions/FETCH_PERMISSION').then(() => { | |||
// next({ | |||
// path: to.path | |||
// }) | |||
// }) | |||
// } else { | |||
// if (to.path !== '/login') { | |||
// next() | |||
// } else { | |||
// next(from.fullPath) | |||
// } | |||
// } | |||
// } | |||
// }) | |||
const app = createApp(App); | |||
app.use(router); | |||
app.use(store); | |||
app.use(Antd); | |||
app.mount('#app'); |
@@ -0,0 +1,170 @@ | |||
import type { AppRouteRecordRaw, AppRouteModule } from '@/router/types'; | |||
import { HomeOutlined } from '@ant-design/icons-vue'; | |||
import { routerList } from './routerList'; | |||
// 权限管理 | |||
const PermissionRoute : AppRouteRecordRaw = { | |||
path: '/permission', | |||
name: 'permission', | |||
component: routerList.Permission, | |||
meta: { | |||
title: '权限管理', | |||
icon: HomeOutlined | |||
}, | |||
children: [ | |||
{ | |||
path: '/role', | |||
name: 'role', | |||
component: routerList.ROLE, | |||
meta: { | |||
title: '角色管理', | |||
icon: HomeOutlined | |||
} | |||
}, | |||
{ | |||
path: '/account', | |||
name: 'account', | |||
component: routerList.Account, | |||
meta: { | |||
title: '账号管理', | |||
icon: HomeOutlined | |||
} | |||
}, | |||
{ | |||
path: '/permission/list', | |||
name: 'list', | |||
component: routerList.List, | |||
meta: { | |||
title: '权限管理', | |||
icon: HomeOutlined | |||
} | |||
} | |||
] | |||
}; | |||
// 企业相关 | |||
const CompanyRoute : AppRouteRecordRaw = { | |||
path: '/company', | |||
name: 'company', | |||
component: routerList.Company, | |||
meta: { | |||
title: '企业管理', | |||
icon: HomeOutlined | |||
}, | |||
children: [{ | |||
path: '/member', | |||
name: 'member', | |||
component: routerList.Member, | |||
meta: { | |||
title: '企业列表', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
{ | |||
path: '/vip', | |||
name: 'vip', | |||
component: routerList.Vip, | |||
meta: { | |||
title: 'VIP管理', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
{ | |||
path: '/job', | |||
name: 'job', | |||
component: routerList.Job, | |||
meta: { | |||
title: '职位管理', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
{ | |||
path: '/department', | |||
name: 'department', | |||
component: routerList.Department, | |||
meta: { | |||
title: '部门管理', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
] | |||
}; | |||
// 求职者管理 | |||
const JokSeekerRoute : AppRouteRecordRaw = { | |||
path: '/job-seeker', | |||
name: 'jobSeeker', | |||
component: routerList.JobSeeker, | |||
meta: { | |||
title: '求职者管理', | |||
icon: HomeOutlined | |||
}, | |||
children: [ | |||
{ | |||
path: '/resume', | |||
name: 'jobResume', | |||
component: routerList.JobResume, | |||
meta: { | |||
title: '简历列表', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
] | |||
}; | |||
// 招聘会管理 | |||
const JokFairRoute : AppRouteRecordRaw = { | |||
path: '/job-fair', | |||
name: 'jobFair', | |||
component: routerList.JokFair, | |||
meta: { | |||
title: '招聘会管理', | |||
icon: HomeOutlined | |||
}, | |||
children: [ | |||
{ | |||
path: '/job/fair/list', | |||
name: 'jobFairList', | |||
component: routerList.JobList, | |||
meta: { | |||
title: '招聘会列表', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
] | |||
}; | |||
// 资讯管理 | |||
const InformationRoute : AppRouteRecordRaw = { | |||
path: '/information', | |||
name: 'information', | |||
component: routerList.Information, | |||
meta: { | |||
title: '资讯管理', | |||
icon: HomeOutlined | |||
}, | |||
children: [ | |||
{ | |||
path: '/section', | |||
name: 'section', | |||
component: routerList.InformationSection, | |||
meta: { | |||
title: '栏目/频道', | |||
icon: HomeOutlined | |||
}, | |||
}, | |||
{ | |||
path: '/article', | |||
name: 'article', | |||
component: routerList.InformationArticle, | |||
meta: { | |||
title: '文章列表', | |||
icon: HomeOutlined | |||
}, | |||
} | |||
], | |||
}; | |||
export const routesModuleList : AppRouteModule[] = [CompanyRoute, JokSeekerRoute, JokFairRoute, InformationRoute, PermissionRoute]; |
@@ -0,0 +1,8 @@ | |||
import { createRouter, createWebHistory } from 'vue-router'; | |||
import { basicRoutes } from './routes'; | |||
export const router = createRouter({ | |||
history: createWebHistory(), | |||
routes: basicRoutes | |||
}) |
@@ -0,0 +1,42 @@ | |||
import Permission from '@/views/permission/index.vue'; | |||
import ROLE from '@/views/permission/role/index.vue'; | |||
import Account from '@/views/permission/account/index.vue'; | |||
import List from '@/views/permission/list/index.vue'; | |||
// 企业管理 | |||
import Company from '@/views/company/index.vue'; | |||
import Department from '@/views/company/department/index.vue'; | |||
import Job from '@/views/company/position/index.vue'; | |||
import Member from '@/views/company/list/index.vue'; | |||
import Vip from '@/views/company/vip/index.vue'; | |||
// 求职者管理 | |||
import JobSeeker from '@/views/jobSeeker/index.vue'; | |||
import JobResume from '@/views/jobSeeker/resume/index.vue'; | |||
// 招聘会管理 | |||
import JobFair from '@/views/jobFair/index.vue'; | |||
import JobList from '@/views/jobFair/list.vue'; | |||
// 资讯管理 | |||
import Information from '@/views/information/index.vue'; | |||
import InformationSection from '@/views/information/section/index.vue'; | |||
import InformationArticle from '@/views/information/article/index.vue'; | |||
export const routerList = { | |||
Permission, | |||
ROLE, | |||
Account, | |||
List, | |||
Company, | |||
Department, | |||
Job, | |||
Member, | |||
Vip, | |||
JobSeeker, | |||
JobResume, | |||
JobFair, | |||
JobList, | |||
Information, | |||
InformationSection, | |||
InformationArticle | |||
} |
@@ -0,0 +1,30 @@ | |||
import type { AppRouteRecordRaw } from '@/router/types'; | |||
import { HomeOutlined } from '@ant-design/icons-vue'; | |||
// import LOGIN from '@/views/login/login.vue'; | |||
// import HOME from '@/views/home/home.vue'; | |||
import Layout from '@/components/layout/index.vue'; | |||
// // 登录路由 | |||
// export const LoginRoute: AppRouteRecordRaw = { | |||
// path: '/login', | |||
// name: 'login', | |||
// component: LOGIN, | |||
// meta: { | |||
// title: '登录' | |||
// } | |||
// } | |||
// layout路由 | |||
export const LayoutRoute: AppRouteRecordRaw = { | |||
path: '', | |||
name: 'layout', | |||
component: Layout, | |||
meta: { | |||
title: '登录' | |||
} | |||
} | |||
export const basicRoutes = [ | |||
LayoutRoute | |||
] |
@@ -0,0 +1,12 @@ | |||
import type { RouteRecordRaw, RouteMeta } from 'vue-router'; | |||
// @ts-ignore | |||
export interface UseRouteRecordRaw extends omit<RouteRecordRaw, 'meta'> { | |||
path ?: string, | |||
name ?: string, | |||
component ?: string, | |||
meta: RouteMeta, | |||
children ?: UseRouteRecordRaw[] | |||
} | |||
export type UseRouteModule = UseRouteRecordRaw; |
@@ -0,0 +1,13 @@ | |||
import { createStore } from 'vuex'; | |||
import { state } from './state'; | |||
import { mutations } from './mutations'; | |||
// import { permissionsModule } from './usePermissionStore'; | |||
export const store = createStore({ | |||
state, | |||
mutations, | |||
// modules: { | |||
// permissions: permissionsModule, | |||
// } | |||
}) | |||
@@ -0,0 +1,18 @@ | |||
const getCollapsed = (state) => { | |||
state.collapsed = !state.collapsed; | |||
} | |||
const getOpenModel = (state, payload) => { | |||
state.openAddModel = payload.openAddModel; | |||
} | |||
const getOpenMoreModel = (state, payload) => { | |||
state.openOtherModel_1 = payload.openOtherModel_1; | |||
} | |||
export const mutations = { | |||
getCollapsed, | |||
getOpenModel, | |||
getOpenMoreModel | |||
} |
@@ -0,0 +1,10 @@ | |||
import { StateType } from './types' | |||
export const state = <StateType>{ | |||
collapsed: false, | |||
openAddModel: false, | |||
openMoreModel: { | |||
showAddModel: false, | |||
showOrderModel: false | |||
} | |||
} |
@@ -0,0 +1,5 @@ | |||
export interface StateType { | |||
collapsed: boolean, | |||
openAddModel: boolean, | |||
openOtherModel_1: boolean | |||
} |
@@ -0,0 +1,55 @@ | |||
// import { Module } from 'vuex'; | |||
// import { useAsRouter } from '@/hooks/useAsRouter'; | |||
// import { routesModuleList } from '@/router/dynamic'; | |||
// import { LayoutRoute } from '@/router/routes'; | |||
// const { routerDynamic, routerAdd, routerInit } = useAsRouter(); | |||
// export interface PermissionState { | |||
// menuList : string[]; | |||
// permissionList : string[] | null; | |||
// breadcrumbList : string[]; | |||
// } | |||
// const state : PermissionState = { | |||
// menuList: [], | |||
// permissionList: null, | |||
// breadcrumbList: [] | |||
// }; | |||
// const mutations = { | |||
// SET_PERMISSION(state, routes) { | |||
// state.permissionList = routes | |||
// }, | |||
// SET_MENU(state, menu) { | |||
// state.menuList = menu | |||
// } | |||
// }; | |||
// const actions = { | |||
// async FETCH_PERMISSION({ | |||
// commit | |||
// }) { | |||
// try { | |||
// // let res = await LOGIN.permissions(); | |||
// // let arr = res.data.data; | |||
// let arr = ['permission','role', 'account', 'company', 'vip', 'member', 'job', 'department', 'jobSeeker', 'jobResume', 'jobFair','jobFairList', 'information' ,'section','article', 'list']; | |||
// let routes = routerDynamic(arr, routesModuleList); | |||
// LayoutRoute.children.push(...routes); | |||
// commit('SET_MENU', LayoutRoute.children); | |||
// routerAdd(LayoutRoute); | |||
// let initialRoutes = routerInit(); | |||
// commit('SET_PERMISSION', [...initialRoutes]); | |||
// } catch { | |||
// } | |||
// } | |||
// }; | |||
// export const permissionsModule : Module<PermissionState> = { | |||
// namespaced: true, | |||
// state, | |||
// mutations, | |||
// actions | |||
// }; |
@@ -0,0 +1,80 @@ | |||
:root { | |||
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; | |||
line-height: 1.5; | |||
font-weight: 400; | |||
color-scheme: light dark; | |||
color: rgba(255, 255, 255, 0.87); | |||
background-color: #242424; | |||
font-synthesis: none; | |||
text-rendering: optimizeLegibility; | |||
-webkit-font-smoothing: antialiased; | |||
-moz-osx-font-smoothing: grayscale; | |||
} | |||
a { | |||
font-weight: 500; | |||
color: #646cff; | |||
text-decoration: inherit; | |||
} | |||
a:hover { | |||
color: #535bf2; | |||
} | |||
body { | |||
margin: 0; | |||
display: flex; | |||
place-items: center; | |||
min-width: 320px; | |||
min-height: 100vh; | |||
} | |||
h1 { | |||
font-size: 3.2em; | |||
line-height: 1.1; | |||
} | |||
button { | |||
border-radius: 8px; | |||
border: 1px solid transparent; | |||
padding: 0.6em 1.2em; | |||
font-size: 1em; | |||
font-weight: 500; | |||
font-family: inherit; | |||
background-color: #1a1a1a; | |||
cursor: pointer; | |||
transition: border-color 0.25s; | |||
} | |||
button:hover { | |||
border-color: #646cff; | |||
} | |||
button:focus, | |||
button:focus-visible { | |||
outline: 4px auto -webkit-focus-ring-color; | |||
} | |||
.card { | |||
padding: 2em; | |||
} | |||
#app { | |||
width: 100%; | |||
height: 100%; | |||
overflow: hidden; | |||
overflow: auto; | |||
text-align: center; | |||
} | |||
@media (prefers-color-scheme: light) { | |||
:root { | |||
color: #213547; | |||
background-color: #ffffff; | |||
} | |||
a:hover { | |||
color: #747bff; | |||
} | |||
button { | |||
background-color: #f9f9f9; | |||
} | |||
} |
@@ -0,0 +1 @@ | |||
/// <reference types="vite/client" /> |
@@ -0,0 +1,26 @@ | |||
{ | |||
"compilerOptions": { | |||
"target": "ES2020", | |||
"useDefineForClassFields": true, | |||
"module": "ESNext", | |||
"lib": ["ES2020", "DOM", "DOM.Iterable"], | |||
"skipLibCheck": true, | |||
"baseUrl": "./", | |||
"paths": {"@/*": ["src/*"]}, | |||
/* Bundler mode */ | |||
"moduleResolution": "bundler", | |||
"allowImportingTsExtensions": true, | |||
"resolveJsonModule": true, | |||
"isolatedModules": true, | |||
"noEmit": true, | |||
"jsx": "preserve", | |||
/* Linting */ | |||
"strict": true, | |||
"noUnusedLocals": true, | |||
"noUnusedParameters": true, | |||
"noFallthroughCasesInSwitch": true | |||
}, | |||
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.d.ts"], | |||
"references": [{ "path": "./tsconfig.node.json" }] | |||
} |
@@ -0,0 +1,10 @@ | |||
{ | |||
"compilerOptions": { | |||
"composite": true, | |||
"skipLibCheck": true, | |||
"module": "ESNext", | |||
"moduleResolution": "bundler", | |||
"allowSyntheticDefaultImports": true | |||
}, | |||
"include": ["vite.config.ts"] | |||
} |
@@ -0,0 +1,13 @@ | |||
import { defineConfig } from 'vite' | |||
import vue from '@vitejs/plugin-vue' | |||
import path from 'path' | |||
// https://vitejs.dev/config/ | |||
export default defineConfig({ | |||
plugins: [vue()], | |||
resolve: { | |||
alias: { | |||
'@': path.resolve(__dirname, 'src') | |||
} | |||
} | |||
}) |