本期带来一套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. Python 潮流周刊#58:最快运行原型的语言(摘要)

    本周刊由 Python猫 出品,精心筛选国内外的 250+ 信息源,为你挑选最值得分享的文章.教程.开源项目.软件工具.播客和视频.热门话题等内容.愿景:帮助所有读者精进 Python 技术,并增长职 ...

  2. spark内核架构深度剖析

  3. FFmpeg开发笔记(三十五)Windows环境给FFmpeg集成libsrt

    ​<FFmpeg开发实战:从零基础到短视频上线>一书的"10.2  FFmpeg推流和拉流"提到直播行业存在RTSP和RTMP两种常见的流媒体协议.除此以外,还有比较两 ...

  4. Idea 2020.1 编译SpringBoot项目Kotlin报错

    导读 今天公司有个项目莫名其妙的运行不起来,提示Kotlin版本兼容问题,网上找到解决方案后,整理下来. 错误信息 Error:Kotlin: Module was compiled with an ...

  5. 重磅来袭!MoneyPrinterPlus一键发布短视频到视频号,抖音,快手,小红书上线了

    MoneyPrinterPlus开源有一段时间了,已经实现了批量短视频混剪,一键生成短视频等功能. 有些小伙伴说了,我批量生成的短视频能不能一键上传到视频号,抖音,快手,小红书这些视频平台呢?答案是必 ...

  6. 洛谷P2430

    还是很容易能看出来是01背包 #include<iostream> #include<utility> using namespace std; typedef long lo ...

  7. [oeasy]python0110 屏幕点阵字体_3x5_5x7_雅达利字库

    动视 桥牌 想用 7 x 5 描述黑红梅方 还是比较难的     ​   添加图片注释,不超过 140 字(可选)   而且最下面的动视logo是 修改后的字体 还挺有动感   这个时代 图像库 和 ...

  8. [oeasy]教您玩转python - 0006 - 自由软件运动和开源运动

    ​ 顺序执行 回忆上次内容 上次写了10000行代码 10000行代码 都是写在明面上的 人家一下载​​py​​ 文件 就能看个明明白白 修改或者运行程序都很方便 这程序全都这么公开出来 大家随意修改 ...

  9. 玄机-第二章日志分析-mysql应急响应

    目录 前言 简介 应急开始 准备工作 日志分析 步骤 1 步骤 2 步骤 3 步骤 4 总结 补充mysql中的/var/log/mysql/erro.log 记录上传文件信息的原因 前言 这里应急需 ...

  10. Oracle 存储过程学习总结

    创建/更新存储过程 基础基础用法 创建/修改无参存储过程 CREATE OR REPLACE PROCEDURE procedure_name [IS|AS] --声明全局变量(可选) BEGIN - ...