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端:收费软 ...
随机推荐
- ClickHouse介绍(四)ClickHouse使用操作
ClickHouse使用操作 这章主要介绍在ClickHouse使用的各个操作的注意点.常规的统一语法不做详细介绍. 1. Join操作 在ClickHouse中,对连接操作定义了不同的精度,包含AL ...
- Apache Kylin(三)Kylin上手
Kylin 上手 根据Kylin 官方给出的测试数据,我们实际操作一下 Kylin. 1. 导入 Hive 数据 首先创建一个project,在界面左上角有个"Add Project&quo ...
- hive第三课:Hive函数学习
Hive函数学习 目录 Hive函数学习 SQL练习 Hive 常用函数 关系运算 数值计算 条件函数(主要使用场景是数据清洗的过程中使用,有些构建表的过程也是需要的) 日期函数重点!!! 字符串函数 ...
- Codeforces Round 955 (Div. 2, with prizes from NEAR!) codeforces div2 955
A. Soccer ------------------------题解--------------- 给你开始比分和结束比分问你中间两队比分有没有相等过有可能就是YES不可能就是NO 结束时两队比分 ...
- Unity 中使用Geomotry Shader(几何着色器)扩展点创建其他图形(并实现处理锯齿)
问题背景: 我们开发中需要有"点"对象,可以是像素的(不具备透视效果),始终等大,还有就是3D场景下的矢量点(随相机距离透视变化的). 问题解决思路: 方案1:使用GS扩充顶点,并 ...
- 如何将自己的网站从 HTTP 的转换为 HTTPS 的
1. 获取 SSL/TLS 证书 首先,你需要获得一个 SSL/TLS 证书.你可以从以下来源之一获取证书: 免费证书: Let's Encrypt:一个免费的.自动化的证书颁发机构(CA),广泛使用 ...
- ComfyUI进阶篇:ControlNet核心节点
前言: ControlNet_aux库包含大量的图片预处理节点,功能丰富,适用于图像分割.边缘检测.姿势检测.深度图处理等多种预处理方式.掌握这些节点的使用是利用ControlNet的关键,本篇文章将 ...
- 3.2 逻辑设计和硬件控制语言HCL
在硬件设计中,用电子电路来计算对位进行运算的函数,以及在各种存储器单元中存储位.大多数现代电路技术都是用信号线上的高电压或低电压来表示不同的位值.在当前的技术中,逻辑1是用1.0伏特左右的高电压表示的 ...
- 常用IDE(开发工具)
一.开发工具 Visual Studio Microsoft Visual Studio(简称VS)是微软公司提供的IDE,可以在VS上编写C.C++.C#等多种语言的项目,所写的代码适用于微软支持的 ...
- oeasy教您玩转vim - 73 - # 映射map
映射map 回忆上次缩写的细节 这次了解到了:abbrivate缩写 可以定义缩写 :ab o1z oeasy 这里面还可以包括方向键.回车键之类的东西 可以定义到指定的模式 iab cab 查看 ...