Web端OA办公后台管理系统(使用AxureRP设计)思路与效果分享
本期带来一套OA办公后台管理系统(办公一体化)的设计分享。本次的作品设计,使用AxureRP软件。
一套实用的后台OA系统,一定是功能强大、能覆盖常用功能的。本次分享的系统,包含组织、员工管理、考勤、薪资、社保公积金、绩效、招聘、审批、会议室预定、车辆申请、新闻发布、公告管理、合同库、文档库、固定资产管理、培训、系统设置。
由于篇幅原因,我将仅分析使用最高频的界面。其它的功能,可以在这个链接访问:https://demo.axure6.com/1944(OA办公管理系统预览)
1、仪表盘:
后台首页(也叫仪表盘、dashboard)
这里包含OA的最高频使用功能的快捷方式,比如新增员工、公积金管理、工资管理等。同时也最直观展示所有在职、离职员工。日程待办在这里也有很直观的体现,我们可以从柱状图看到审批概况。

2、日程代办:
与仪表盘并列的功能,则是日程待办。这是一张放大的日历表,你可以清晰地在这里看到以日、周、月为周期的待办事项,并可以快捷访问该事项。

3、快捷菜单:
从导航栏的顶部,可以快捷访问 组织、员工管理、考勤、薪资、社保公积金、绩效、招聘、审批、会议室预定、车辆申请、新闻发布、公告管理、合同库、文档库、固定资产管理、培训、系统设置。

4、考勤管理:
我相信几乎每个公司都有考勤管理,所以这是一个高频的菜单。在考勤菜单,我们可以看到有 考勤组管理、班次管理、排班管理、考勤规则管理、打卡方式、考勤统计、假期管理等。

点击新增考勤组按钮,进入对应设置界面。

在月考勤表这里,可以看到列表页,清洗展示着部门员工的考勤表。点击最右侧按钮,还可以在弹窗看到更加详尽的信息。

另外这里还可以设置考勤规则:

考勤模块先讲到这里,更详尽内容可以访问:https://demo.axure6.com/1944
5、薪资管理:
薪资管理应该包含 薪资核算表、薪资组设置、薪资项目管理、员工档案管理、工资条查看等。

当点击“新增/编辑 薪资核算表”时,跳转到对应设置界面后,可以配置薪资计税规则、转正周期、计薪方式等字段。

员工薪资档案这里,可以在列表中快捷查看该员工的薪资档案:

点击该员工的详情,还可以看到该员工的进一步信息,包含基础信息、联系方式、工作经历、工资卡信息等:

为该员工发起审批:

还可以单独设置该员工的工资条,管理该员工的信息推送模板,并“实时”查看渲染效果:

6、社保公积金模块:
这边的菜单相对简单一些,可以管理员工的参保方案、参保档案和参保账单。
参保方案界面:

参保档案界面:

参保账单界面:

7.招聘信息管理:
招聘模块也是OA办公软件的重中之重。招聘模块应当包含候选人管理、职位管理、人才库、简历字段管理等。

在候选人列表中,可以看到候选人的基本信息(姓名、年龄、学历、工龄、期望薪资等)。
职位管理界面,则是本公司对外开放的岗位管理。在这里可以管理和设置公司职位的招聘计划(展示岗位福利、设置该岗位的所需技能等)。

人才库则可以筛选当前时间符合公司需要的员工:

8、资产管理
资产管理分为资产列表、资产类别、仓库管理、资产盘点、库存管理等模块。

例如公司有电脑、电脑椅、投影仪等设备,就是通过这个模块去管理。在资产列表这里,可以快速查看本公司登记的财产。
新增资产,则需要提供资产名称、所属部门、资产来源等信息。

最后,本套系统共计210多张界面,本次仅仅分享了该系统10%的最常用部分,用到了20张截图。更多的内容,可以访问在线地址,查看更详尽的页面和弹窗效果。
Web端OA办公后台管理系统(使用AxureRP设计)思路与效果分享的更多相关文章
- 首次远程安装 GlassFish 后以远程 Web 方式访问其后台管理系统出现错误的解决方法(修订)
首次远程安装 GlassFish 服务后,如果以远程 Web 方式访问其后台管理系统,会提示 Secure Admin must be enabled to access the DAS remote ...
- IM开发基础知识补课(七):主流移动端账号登录方式的原理及设计思路
1.引言 在即时通讯网经常能看到各种高大上的高并发.分布式.高性能架构设计方面的文章,平时大家参加的众多开发者大会,主题也都是各种高大上的话题——什么5G啦.AI人工智能啦.什么阿里双11分分钟多少万 ...
- dr-helper项目设计介绍(一个包括移动端和Web端的点餐管理系统)
一.源代码路径 https://github.com/weiganyi/dr-helper 二.界面 通过浏览器訪问Web服务,能够看到界面例如以下: ADT-Bundle编译project生成dr- ...
- CAD网页Web端显示开发为什么要以WebGIS的思路来开发?
背景 在之前的博文CAD图DWG解析WebGIS可视化技术分析总结中讲解了如何把CAD的DWG格式的图纸Web可视化的方案.博文发布后,受到不少同行们的关注,也有不少咨询一些专业问题,其中大家可能疑惑 ...
- 3YAdmin-专注通用权限控制与表单的后台管理系统模板
3YAdmin基于React+Antd构建.GitHub搜索React+Antd+Admin出来的结果没有上百也有几十个,为什么还要写这个东西呢? 一个后台管理系统的核心我认为应该是权限控制,表单以及 ...
- 如何使用css来让图片居中不变形 微信小程序和web端适用
图片变形很多人祭奠出了妖魔鬼怪般的各种大法,比如使用jq来写,或者使用css表达式来写.今天我总结的是使用css3来写,唯一最大缺点就是对一些浏览器版本不够兼容.下面就是关于如何使用css来让图片居中 ...
- 【miscellaneous】海康威视监控摄像头实现web端无插件监控实拍效果
[rtsp]海康威视监控摄像头实现web端无插件监控实拍效果 详细介绍参见:http://live.cuplayer.com/RtspCameraLive.html web端无须装插件(支持PC,安卓 ...
- 使用react全家桶制作博客后台管理系统 网站PWA升级 移动端常见问题处理 循序渐进学.Net Core Web Api开发系列【4】:前端访问WebApi [Abp 源码分析]四、模块配置 [Abp 源码分析]三、依赖注入
使用react全家桶制作博客后台管理系统 前面的话 笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统 概述 该项目是基 ...
- 基于吉日嘎底层架构的通用权限管理Web端UI更新:参考DTcms后台界面
经一周的研究学习,看了国内的H+.HUI等,国外的PaperDashboardPro.Make.Metronic BootStrap等,最终选定用一个轻量的,适合中国人的,来自DTcms的后台管理UI ...
- 1、移动端 2、后台 3、 移动端,Web 端 4、 PC端
移动端: 1.公众号:停开心 住总物业 2.app: iso Android 停开心,住总停开心 后台:停开心智慧停车管理平台(所有的停车场) 移动端,Web端: 海投OA,公司OA PC端:收费软 ...
随机推荐
- C# Linq.FirstOrDefault、Linq.Where、Linq.AsParallel、List.Exists、List.Find、Dictionar.TryGetValue、HashSet.Contains 性能的比较
今天我们来比较一下集合检索方法性能更优问题,测试代码 public class Entity { public int Id { get; set; } public int No { get; se ...
- arm linux 移植 ffmpeg 库 + x264 + x265
背景 Ffmpeg 中带有h264的解码,没有编码,需要添加x264.libx264是一个自由的H.264编码库,是x264项目的一部分,使用广泛,ffmpeg的H.264实现就是用的libx264. ...
- [FLET] 01 可以拖动的方块
from typing import List import flet from flet import ( Container, Draggable, DragTarget, Page, Row, ...
- 光伏储能电厂设备连接iec61850平台解决方案
在当今日益发展的电力系统中,光伏储能技术以其独特的优势逐渐崭露头角,成为可再生能源领域的重要组成部分.而在光伏储能系统的运行与监控中,通信协议的选择与实现则显得至关重要.本文将重点介绍光伏储能系统中的 ...
- html2canvas 页面截屏
$(document).ready(function () { $(".example1").on("click", function (event) { va ...
- Java 自定义注解校验字段唯一性
业务场景 在项目中,某些情景下我们需要验证编码是否重复,账号是否重复,身份证号是否重复等... 那么有没有办法可以解决这类似的重复代码量呢? 我们可以通过自定义注解校验的方式去实现,在实体类上面加上自 ...
- SQLServer 的Distinct
distinct去除重复的数据(distinct是对整个结果集进行数据重复处理,不是针对某一列) -> 检查返回不重复的数据(对于整条记录不重复才会去除,如ID不一样) 用法:select di ...
- 高程读后感(四)— 关于BOM本人容易忽略的知识点总结
目录 window对象 window对象上属性及方法 超时调用setTimeout和间歇调用setInterval BOM location对象及其位置操作 history对象 window对象 wi ...
- C语言基础要点
C语言基础 C语言基础 C程序编译过程 C程序编译步骤 汇编语言 32关键字 数据类型 常量 size程序 类型限定 goto语句 指针 指针和字符串 作用域 函数 内存 进程内存结构 可执行文件结构 ...
- Vue 中引用第三方js总结
vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库 基础示例 1.把下载好的 ...