致远个性化之--发起流程页面,去掉【查看流程】按钮

2024-09-07 19:04

本文主要是介绍致远个性化之--发起流程页面,去掉【查看流程】按钮,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

需求

近期在做的项目中,遇到一个需求,想把发起流程页面中的【查看流程】按钮去掉,只让员工预测流程,知道自己的事项流程走向,不让看全局流程图。包含PC端和移动端,以及微协同端。
如下图效果示例:
PC端隐藏查看流程效果示例
手机端隐藏查看流程效果示例

实现

此需求,只能通过修改页面代码实现。在此不分析实现过程,现把具体实现方式呈现如下,各位如有需求可参照设置。适用版本V9.0,其他版本未进行测试,估计不会有大的差别!

PC端

找到文件: Seeyon\A8\ApacheJetspeed\webapps\static\app\collaboration\css\index.3131b14e.css ,做好备份!!!做好备份!!!做好备份!!!
根据标记信息 .header-write-input-process span.btn-text[data-v-4f3152c2] 查找代码:

.header-write-input-process span.btn-text[data-v-4f3152c2]{display:inline-block;text-wrap:nowrap;padding-left:30px;padding-right:20px;line-height:16px;font-size:14px;color:#1890ff;color:var(--theme-brand6,#1890ff);border-left:1px solid #e4e4e4;word-break:keep-all}

把代码中的display属性的值改为none。
修改完成后,清空浏览器缓存,重新打开页面,【查看流程】按钮已经隐藏。

移动端-M3

找到文件 Seeyon\A8\ApacheJetspeed\webapps\seeyon\m3files\v5\1.zip ,做好备份!!!做好备份!!!做好备份!!!
压缩包中有\1.zip\html\newCollaboration.html文件,获取此文件,根据标记信息 viewWfMenu 查找代码:

    <div id="viewWfMenu" style="text-align:center" class="text-ellipsis flex-1"><i18n key="collaboration.page.lable.viewWf"></i18n></div>

在style的值最前面增加属性display:none;
修改后效果:

    <div id="viewWfMenu" style="display:none;text-align:center" class="text-ellipsis flex-1"><i18n key="collaboration.page.lable.viewWf"></i18n></div>

修改完成后,把此文件拖拽到1.zip压缩包中,并替换服务器压缩文件。然后通过系统管理员,进入后台M3移动管理平台–基础设置–H5应用热部署 页面,执行开始热部署。
M3管理热部署
完成以上操作后,重新打开移动端M3程序,即可看到效果。

移动端-微协同

找到文件 Seeyon\A8\ApacheJetspeed\webapps\seeyon\m3\apps\v5\collaboration\html\newCollaboration.html ,做好备份!!!做好备份!!!做好备份!!!
根据标记信息 viewWfMenu 查找代码:

    <div id="viewWfMenu" style="text-align:center" class="text-ellipsis flex-1"><i18n key="collaboration.page.lable.viewWf"></i18n></div>

同M3的修改方式相同,在style的值最前面增加属性display:none;
修改后效果:

    <div id="viewWfMenu" style="display:none;text-align:center" class="text-ellipsis flex-1"><i18n key="collaboration.page.lable.viewWf"></i18n></div>

修改完成后,重新登录微协同,即时生效!

需求改造完成!!!
有兴趣的小伙伴,可以交流联系!
【记录于2024年9月7日】

这篇关于致远个性化之--发起流程页面,去掉【查看流程】按钮的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1145889

相关文章

SpringBoot全局异常拦截与自定义错误页面实现过程解读

《SpringBoot全局异常拦截与自定义错误页面实现过程解读》本文介绍了SpringBoot中全局异常拦截与自定义错误页面的实现方法,包括异常的分类、SpringBoot默认异常处理机制、全局异常拦... 目录一、引言二、Spring Boot异常处理基础2.1 异常的分类2.2 Spring Boot默

浅析python如何去掉字符串中最后一个字符

《浅析python如何去掉字符串中最后一个字符》在Python中,字符串是不可变对象,因此无法直接修改原字符串,但可以通过生成新字符串的方式去掉最后一个字符,本文整理了三种高效方法,希望对大家有所帮助... 目录方法1:切片操作(最推荐)方法2:长度计算索引方法3:拼接剩余字符(不推荐,仅作演示)关键注意事

MySQL游标和触发器的操作流程

《MySQL游标和触发器的操作流程》本文介绍了MySQL中的游标和触发器的使用方法,游标可以对查询结果集进行逐行处理,而触发器则可以在数据表发生更改时自动执行预定义的操作,感兴趣的朋友跟随小编一起看看... 目录游标游标的操作流程1. 定义游标2.打开游标3.利用游标检索数据4.关闭游标例题触发器触发器的基

MySQL查看表的历史SQL的几种实现方法

《MySQL查看表的历史SQL的几种实现方法》:本文主要介绍多种查看MySQL表历史SQL的方法,包括通用查询日志、慢查询日志、performance_schema、binlog、第三方工具等,并... 目录mysql 查看某张表的历史SQL1.查看MySQL通用查询日志(需提前开启)2.查看慢查询日志3.

MySQL底层文件的查看和修改方法

《MySQL底层文件的查看和修改方法》MySQL底层文件分为文本类(可安全查看/修改)和二进制类(禁止手动操作),以下按「查看方法、修改方法、风险管控三部分详细说明,所有操作均以Linux环境为例,需... 目录引言一、mysql 底层文件的查看方法1. 先定位核心文件路径(基础前提)2. 文本类文件(可直

Python结合Free Spire.PDF for Python实现PDF页面旋转

《Python结合FreeSpire.PDFforPython实现PDF页面旋转》在日常办公或文档处理中,我们经常会遇到PDF页面方向错误的问题,本文将分享如何用Python结合FreeSpir... 目录基础实现:单页PDF精准旋转完整代码代码解析进阶操作:覆盖多场景旋转需求1. 旋转指定角度(90/27

使用Python实现在PDF中添加、导入、复制、移动与删除页面

《使用Python实现在PDF中添加、导入、复制、移动与删除页面》在日常办公和自动化任务中,我们经常需要对PDF文件进行页面级的编辑,使用Python,你可以轻松实现这些操作,而无需依赖AdobeAc... 目录1. 向 PDF 添加空白页2. 从另一个 PDF 导入页面3. 删除 PDF 中的页面4. 在

在DataGrip中操作MySQL完整流程步骤(从登录到数据查询)

《在DataGrip中操作MySQL完整流程步骤(从登录到数据查询)》DataGrip是JetBrains公司出品的一款现代化数据库管理工具,支持多种数据库系统,包括MySQL,:本文主要介绍在D... 目录前言一、登录 mysql 服务器1.1 打开 DataGrip 并添加数据源1.2 配置 MySQL

Nginx分布式部署流程分析

《Nginx分布式部署流程分析》文章介绍Nginx在分布式部署中的反向代理和负载均衡作用,用于分发请求、减轻服务器压力及解决session共享问题,涵盖配置方法、策略及Java项目应用,并提及分布式事... 目录分布式部署NginxJava中的代理代理分为正向代理和反向代理正向代理反向代理Nginx应用场景

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter