prjzmipf5
/
employee-information-management-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更换侧边栏图标，搭建基本表格结构,封装axios，搭建登录页面

Browse Source
master
BINGWU 1 year ago
parent 9a4f8bcc5f
commit f7b3203b60
11 changed files with 121 additions and 29 deletions
Show Stats Download Patch File Download Diff File

7
app/components.d.ts vendored
Unescape View File

@ -16,8 +16,12 @@ declare module 'vue' {
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb'] ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem'] ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
ElButton: typeof import('element-plus/es')['ElButton'] ElButton: typeof import('element-plus/es')['ElButton']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
ElCol: typeof import('element-plus/es')['ElCol']
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider'] ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
ElContainer: typeof import('element-plus/es')['ElContainer'] ElContainer: typeof import('element-plus/es')['ElContainer']
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
ElDialog: typeof import('element-plus/es')['ElDialog'] ElDialog: typeof import('element-plus/es')['ElDialog']
ElDivider: typeof import('element-plus/es')['ElDivider'] ElDivider: typeof import('element-plus/es')['ElDivider']
ElDropdown: typeof import('element-plus/es')['ElDropdown'] ElDropdown: typeof import('element-plus/es')['ElDropdown']
@ -36,12 +40,15 @@ declare module 'vue' {
ElOption: typeof import('element-plus/es')['ElOption'] ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination'] ElPagination: typeof import('element-plus/es')['ElPagination']
ElProgress: typeof import('element-plus/es')['ElProgress'] ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElSelect: typeof import('element-plus/es')['ElSelect'] ElSelect: typeof import('element-plus/es')['ElSelect']
ElSubMenu: typeof import('element-plus/es')['ElSubMenu'] ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
ElSwitch: typeof import('element-plus/es')['ElSwitch'] ElSwitch: typeof import('element-plus/es')['ElSwitch']
ElTable: typeof import('element-plus/es')['ElTable'] ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn'] ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElTag: typeof import('element-plus/es')['ElTag'] ElTag: typeof import('element-plus/es')['ElTag']
ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
ElUpload: typeof import('element-plus/es')['ElUpload'] ElUpload: typeof import('element-plus/es')['ElUpload']
ExportExcelCom: typeof import('./src/components/excel/ExportExcelCom.vue')['default'] ExportExcelCom: typeof import('./src/components/excel/ExportExcelCom.vue')['default']
ImportExcelCom: typeof import('./src/components/excel/ImportExcelCom.vue')['default'] ImportExcelCom: typeof import('./src/components/excel/ImportExcelCom.vue')['default']

6
app/index.html
Unescape View File

@ -2,8 +2,8 @@
* @Author: BINGWU * @Author: BINGWU
* @Date: 2024-04-10 16:15:37 * @Date: 2024-04-10 16:15:37
* @LastEditors: BINGWU HuJiaCheng2003@163.com * @LastEditors: BINGWU HuJiaCheng2003@163.com
* @LastEditTime: 2024-04-11 17:08:12 * @LastEditTime: 2024-05-14 00:18:47
* @FilePath: \app\index.html * @FilePath: \employee-information-management-system\app\index.html
* @Describe: * @Describe:
* @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა * @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა
--> -->
@ -12,7 +12,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4503951_gwy78199vxn.css"> <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4545019_und3178mgz.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bingwu-admin</title> <title>bingwu-admin</title>
</head> </head>

14
app/src/api/user.js
Unescape View File

@ -1,3 +1,12 @@
/*
* @Author: BINGWU
* @Date: 2024-04-11 16:31:41
* @LastEditors: BINGWU HuJiaCheng2003@163.com
* @LastEditTime: 2024-05-13 23:50:42
* @FilePath: \employee-information-management-system\app\src\api\user.js
* @Describe:
* @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა
*/
import http from '@/utils/http' import http from '@/utils/http'
const getUser = () => { const getUser = () => {
@ -7,4 +16,7 @@ const getUser = () => {
} }
}) })
} }
export { getUser } const loginUser = (params) => {
return http.post('/user/login', params)
}
export { getUser, loginUser }

20
app/src/stores/modules/user.js
Unescape View File

@ -2,8 +2,8 @@
* @Author: BINGWU * @Author: BINGWU
* @Date: 2024-02-15 14:18:43 * @Date: 2024-02-15 14:18:43
* @LastEditors: BINGWU HuJiaCheng2003@163.com * @LastEditors: BINGWU HuJiaCheng2003@163.com
* @LastEditTime: 2024-04-11 17:38:14 * @LastEditTime: 2024-05-14 00:23:33
* @FilePath: \app\src\stores\modules\user.js * @FilePath: \employee-information-management-system\app\src\stores\modules\user.js
* @Describe: * @Describe:
* @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა * @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა
*/ */
@ -21,29 +21,29 @@ const useUserStore = defineStore(
const asideData = ref([ const asideData = ref([
{ {
index: '/home', index: '/home',
icon: 'icon iconfont icon-shouye', icon: 'icon iconfont icon-shujutongji',
name: '首页' name: '数据统计'
}, },
// //
{ {
index: '/user-manage', index: '/user-manage',
icon: 'icon iconfont icon-guanliyuan_jiaoseguanli', icon: 'icon iconfont icon-yonghuguanli',
name: '用户管理' name: '用户管理'
}, },
{ {
index: '/employee-manage', index: '/employee-manage',
icon: 'icon iconfont icon-yuangongguanli', icon: 'icon iconfont icon-shenfenzhongxin-xinxiguanlizhigongxinxiguanli',
name: '职工管理' name: '职工管理'
}, },
{ {
index: '/reward-manage', index: '/reward-manage',
icon: 'icon iconfont icon-wodejixiao', icon: 'icon iconfont icon-gerenjixiao',
name: '绩效管理' name: '绩效管理'
}, },
// 二级 // 二级
{ {
index: '/feedback', index: '/feedback',
icon: 'icon iconfont icon-xinxifankui', icon: 'icon iconfont icon-fankui',
name: '员工反馈与投诉管理', name: '员工反馈与投诉管理',
children: [ children: [
{ {
@ -58,7 +58,7 @@ const useUserStore = defineStore(
}, },
{ {
index: '/request', index: '/request',
icon: 'icon iconfont icon-qingjiatiao', icon: 'icon iconfont icon-qingjiashenqing',
name: '请假管理', name: '请假管理',
children: [ children: [
{ {
@ -73,7 +73,7 @@ const useUserStore = defineStore(
}, },
{ {
index: '/person', index: '/person',
icon: 'icon iconfont icon-geren', icon: 'icon iconfont icon-gerenxinxiguanli',
name: '个人信息管理', name: '个人信息管理',
children: [ children: [
{ {

7
app/src/utils/http.js
Unescape View File

@ -2,8 +2,8 @@
* @Author: BINGWU * @Author: BINGWU
* @Date: 2024-01-23 21:37:43 * @Date: 2024-01-23 21:37:43
* @LastEditors: BINGWU HuJiaCheng2003@163.com * @LastEditors: BINGWU HuJiaCheng2003@163.com
* @LastEditTime: 2024-04-11 16:27:14 * @LastEditTime: 2024-05-14 00:01:39
* @FilePath: \app\src\utils\http.js * @FilePath: \employee-information-management-system\app\src\utils\http.js
* @Describe: * @Describe:
* @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა * @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა
*/ */
@ -31,6 +31,9 @@ instance.interceptors.response.use(
(response) => { (response) => {
// 2xx 范围内的状态码都会触发该函数。 // 2xx 范围内的状态码都会触发该函数。
// 对响应数据做点什么 // 对响应数据做点什么
if (response.data.code === 1000) {
return Promise.reject(response.data.msg)
}
return response return response
}, },
(error) => { (error) => {

12
app/src/views/EmployeeManageView.vue
Unescape View File

@ -1,7 +1,15 @@
<template> <template>
<div>职工信息管理</div> <div class="employee-manage">
<el-button type="primary">添加职工</el-button>
<div clase="table">
<BaseTableCom></BaseTableCom>
</div>
</div>
</template> </template>
<script setup></script> <script setup>
import { ref } from 'vue'
import BaseTableCom from '@/components/table/BaseTableCom.vue'
</script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

32
app/src/views/LoginView.vue
Unescape View File

@ -1,21 +1,52 @@
<template> <template>
<div class="login"> <div class="login">
<div class="content"> <div class="content">
<el-form :model="form" label-width="auto" style="max-width: 600px">
<el-form-item label="用户名">
<el-input v-model="formData.username" />
</el-form-item>
<el-form-item label="密码">
<el-input type="password" v-model="formData.password" />
</el-form-item>
</el-form>
<el-button type="primary" @click="login">登陆</el-button> <el-button type="primary" @click="login">登陆</el-button>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { getUserStore } from '@/stores' import { getUserStore } from '@/stores'
import { loginUser } from '@/api/user'
const modules = import.meta.glob('../views/**/**.vue') const modules = import.meta.glob('../views/**/**.vue')
const router = useRouter() const router = useRouter()
const userStore = getUserStore() const userStore = getUserStore()
const formData = ref({
username: '',
password: ''
})
const login = () => { const login = () => {
loginUser({
...formData.value
})
.then((res) => {
ElMessage({
message: res.data.msg,
type: 'success',
plain: true
})
userStore.addUserRoute(router, modules) userStore.addUserRoute(router, modules)
userStore.setToken('my-token') userStore.setToken('my-token')
router.push('/home') router.push('/home')
})
.catch((message) => {
ElMessage({
message,
type: 'error',
plain: true
})
})
} }
</script> </script>
@ -25,6 +56,7 @@ const login = () => {
justify-content: center; justify-content: center;
.content { .content {
margin-top: 100px; margin-top: 100px;
text-align: center;
} }
} }
</style> </style>

12
app/src/views/RewardManageView.vue
Unescape View File

@ -1,7 +1,15 @@
<template> <template>
<div>REWARD</div> <div class="reward-manage">
<el-button type="primary">添加绩效</el-button>
<div clase="table">
<BaseTableCom></BaseTableCom>
</div>
</div>
</template> </template>
<script setup></script> <script setup>
import { ref } from 'vue'
import BaseTableCom from '@/components/table/BaseTableCom.vue'
</script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

12
app/src/views/UserManageView.vue
Unescape View File

@ -8,9 +8,17 @@
* @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა * @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა
--> -->
<template> <template>
<div>用户管理</div> <div class="user-manage">
<el-button type="primary">添加用户</el-button>
<div clase="table">
<BaseTableCom></BaseTableCom>
</div>
</div>
</template> </template>
<script setup></script> <script setup>
import { ref } from 'vue'
import BaseTableCom from '@/components/table/BaseTableCom.vue'
</script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

11
app/src/views/feedback/FeedbackManageView.vue
Unescape View File

@ -1,7 +1,14 @@
<template> <template>
<div>feedback管理</div> <div class="feedback-manage">
<div clase="table">
<BaseTableCom></BaseTableCom>
</div>
</div>
</template> </template>
<script setup></script> <script setup>
import { ref } from 'vue'
import BaseTableCom from '@/components/table/BaseTableCom.vue'
</script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

11
app/src/views/request/RequestManageView.vue
Unescape View File

@ -1,7 +1,14 @@
<template> <template>
<div>请假信息管理</div> <div class="request-manage">
<div clase="table">
<BaseTableCom></BaseTableCom>
</div>
</div>
</template> </template>
<script setup></script> <script setup>
import { ref } from 'vue'
import BaseTableCom from '@/components/table/BaseTableCom.vue'
</script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

Write Preview
Loading…
Cancel
Save