点击空白处退出提示
作品详情
技术栈:
是在 vue-element-admin 基础模板上,进行了功能的扩展和项目的二次开发,利用 Vue全家桶 element组件库 自带功能组件(Excel导入导出等)。
我在项目中负责发开登录、主页、组织结构、员工管理模块。
登录:结合业务需要,实现样式修改,设置Rules校验函数,对手机号和密码实现校验。
主页:
(1)获取token并用vuex存储,根据token设置路由守卫处理主页的访问权限;
(2)用el-dropdown axios异步请求及封装 vuex 自定义指令 token超时设置,设置主页导航/头部内容样式及获取信息;
(3)首页页面结构:使用vuex el-calendar 过滤器 插槽封装工作日历组件,使用echarts封装雷达图图表显示在首页;
组织结构模块:显示公司的组织架构树(公司—一级部门—二级部门—三级部门),实现新增、编辑、删除子部门
(1)利用el-tree组件,实现结构层渲染,结合slot插槽,渲染数据内容。
(2)采用对象键值对的特点,封装方法,实现对tree真实数据的替换和渲染。
(3)利用es6中的模块化特点,配合async与await封装对部门数据的增加,删除,新增,编辑功能。
(4)利用Vue组件中的子父组件传值的方式,实现对Dialog弹框优化。
员工管理:支持员工信息的查看、编辑、新增与删除,支持员工信息的Excel导出
(1)按照组件封装逻辑,实现工具栏通用组件的业务封装,并注册到全局使用。
(2)定义根据字段进行排序,结合slot-scope,及prop属性,实现升序和降序排列。
(3)封装分页组件逻辑代码,实现员工管理表格数据中的分页展示效果。
(4)通过el-table-column的formatter属性绑定聘用格式化函数,安装day.js实现日期格式化处理。
(5)利用xlsx插件,通过组件注册的方式拓展为全局插件,实现对表格数据的批量导出。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论