本期带来一套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设计)思路与效果分享的更多相关文章

  1. 首次远程安装 GlassFish 后以远程 Web 方式访问其后台管理系统出现错误的解决方法(修订)

    首次远程安装 GlassFish 服务后,如果以远程 Web 方式访问其后台管理系统,会提示 Secure Admin must be enabled to access the DAS remote ...

  2. IM开发基础知识补课(七):主流移动端账号登录方式的原理及设计思路

    1.引言 在即时通讯网经常能看到各种高大上的高并发.分布式.高性能架构设计方面的文章,平时大家参加的众多开发者大会,主题也都是各种高大上的话题——什么5G啦.AI人工智能啦.什么阿里双11分分钟多少万 ...

  3. dr-helper项目设计介绍(一个包括移动端和Web端的点餐管理系统)

    一.源代码路径 https://github.com/weiganyi/dr-helper 二.界面 通过浏览器訪问Web服务,能够看到界面例如以下: ADT-Bundle编译project生成dr- ...

  4. CAD网页Web端显示开发为什么要以WebGIS的思路来开发?

    背景 在之前的博文CAD图DWG解析WebGIS可视化技术分析总结中讲解了如何把CAD的DWG格式的图纸Web可视化的方案.博文发布后,受到不少同行们的关注,也有不少咨询一些专业问题,其中大家可能疑惑 ...

  5. 3YAdmin-专注通用权限控制与表单的后台管理系统模板

    3YAdmin基于React+Antd构建.GitHub搜索React+Antd+Admin出来的结果没有上百也有几十个,为什么还要写这个东西呢? 一个后台管理系统的核心我认为应该是权限控制,表单以及 ...

  6. 如何使用css来让图片居中不变形 微信小程序和web端适用

    图片变形很多人祭奠出了妖魔鬼怪般的各种大法,比如使用jq来写,或者使用css表达式来写.今天我总结的是使用css3来写,唯一最大缺点就是对一些浏览器版本不够兼容.下面就是关于如何使用css来让图片居中 ...

  7. 【miscellaneous】海康威视监控摄像头实现web端无插件监控实拍效果

    [rtsp]海康威视监控摄像头实现web端无插件监控实拍效果 详细介绍参见:http://live.cuplayer.com/RtspCameraLive.html web端无须装插件(支持PC,安卓 ...

  8. 使用react全家桶制作博客后台管理系统 网站PWA升级 移动端常见问题处理 循序渐进学.Net Core Web Api开发系列【4】:前端访问WebApi [Abp 源码分析]四、模块配置 [Abp 源码分析]三、依赖注入

    使用react全家桶制作博客后台管理系统   前面的话 笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统 概述 该项目是基 ...

  9. 基于吉日嘎底层架构的通用权限管理Web端UI更新:参考DTcms后台界面

    经一周的研究学习,看了国内的H+.HUI等,国外的PaperDashboardPro.Make.Metronic BootStrap等,最终选定用一个轻量的,适合中国人的,来自DTcms的后台管理UI ...

  10. 1、移动端 2、后台 3、 移动端,Web 端 4、 PC端

    移动端: 1.公众号:停开心 住总物业 2.app:  iso Android 停开心,住总停开心 后台:停开心智慧停车管理平台(所有的停车场) 移动端,Web端: 海投OA,公司OA PC端:收费软 ...

随机推荐

  1. 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 ...

  2. arm linux 移植 ffmpeg 库 + x264 + x265

    背景 Ffmpeg 中带有h264的解码,没有编码,需要添加x264.libx264是一个自由的H.264编码库,是x264项目的一部分,使用广泛,ffmpeg的H.264实现就是用的libx264. ...

  3. [FLET] 01 可以拖动的方块

    from typing import List import flet from flet import ( Container, Draggable, DragTarget, Page, Row, ...

  4. 光伏储能电厂设备连接iec61850平台解决方案

    在当今日益发展的电力系统中,光伏储能技术以其独特的优势逐渐崭露头角,成为可再生能源领域的重要组成部分.而在光伏储能系统的运行与监控中,通信协议的选择与实现则显得至关重要.本文将重点介绍光伏储能系统中的 ...

  5. html2canvas 页面截屏

    $(document).ready(function () { $(".example1").on("click", function (event) { va ...

  6. Java 自定义注解校验字段唯一性

    业务场景 在项目中,某些情景下我们需要验证编码是否重复,账号是否重复,身份证号是否重复等... 那么有没有办法可以解决这类似的重复代码量呢? 我们可以通过自定义注解校验的方式去实现,在实体类上面加上自 ...

  7. SQLServer 的Distinct

    distinct去除重复的数据(distinct是对整个结果集进行数据重复处理,不是针对某一列) -> 检查返回不重复的数据(对于整条记录不重复才会去除,如ID不一样) 用法:select di ...

  8. 高程读后感(四)— 关于BOM本人容易忽略的知识点总结

    目录 window对象 window对象上属性及方法 超时调用setTimeout和间歇调用setInterval BOM location对象及其位置操作 history对象 window对象 wi ...

  9. C语言基础要点

    C语言基础 C语言基础 C程序编译过程 C程序编译步骤 汇编语言 32关键字 数据类型 常量 size程序 类型限定 goto语句 指针 指针和字符串 作用域 函数 内存 进程内存结构 可执行文件结构 ...

  10. Vue 中引用第三方js总结

    vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库 基础示例 1.把下载好的 ...