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

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

相关文章

Nginx分布式部署流程分析

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

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

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

Spring Boot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)

《SpringBoot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)》本文将以一个实际案例(用户管理系统)为例,详细解析SpringBoot中Co... 目录引言:为什么学习Spring Boot分层架构?第一部分:Spring Boot的整体架构1.1

nodejs打包作为公共包使用的完整流程

《nodejs打包作为公共包使用的完整流程》在Node.js项目中,打包和部署是发布应用的关键步骤,:本文主要介绍nodejs打包作为公共包使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言一、前置准备二、创建与编码三、一键构建四、本地“白嫖”测试(可选)五、发布公共包六、常见踩坑提醒

C#自动化实现检测并删除PDF文件中的空白页面

《C#自动化实现检测并删除PDF文件中的空白页面》PDF文档在日常工作和生活中扮演着重要的角色,本文将深入探讨如何使用C#编程语言,结合强大的PDF处理库,自动化地检测并删除PDF文件中的空白页面,感... 目录理解PDF空白页的定义与挑战引入Spire.PDF for .NET库核心实现:检测并删除空白页

Ubuntu向多台主机批量传输文件的流程步骤

《Ubuntu向多台主机批量传输文件的流程步骤》:本文主要介绍在Ubuntu中批量传输文件到多台主机的方法,需确保主机互通、用户名密码统一及端口开放,通过安装sshpass工具,准备包含目标主机信... 目录Ubuntu 向多台主机批量传输文件1.安装 sshpass2.准备主机列表文件3.创建一个批处理脚

一个Java的main方法在JVM中的执行流程示例详解

《一个Java的main方法在JVM中的执行流程示例详解》main方法是Java程序的入口点,程序从这里开始执行,:本文主要介绍一个Java的main方法在JVM中执行流程的相关资料,文中通过代码... 目录第一阶段:加载 (Loading)第二阶段:链接 (Linking)第三阶段:初始化 (Initia

Linux中查看操作系统及其版本信息的多种方法

《Linux中查看操作系统及其版本信息的多种方法》在服务器运维或者部署系统中,经常需要确认服务器的系统版本、cpu信息等,在Linux系统中,有多种方法可以查看操作系统及其版本信息,以下是一些常用的方... 目录1. lsb_pythonrelease 命令2. /etc/os-release 文件3. h

Git打标签从本地创建到远端推送的详细流程

《Git打标签从本地创建到远端推送的详细流程》在软件开发中,Git标签(Tag)是为发布版本、标记里程碑量身定制的“快照锚点”,它能永久记录项目历史中的关键节点,然而,仅创建本地标签往往不够,如何将其... 目录一、标签的两种“形态”二、本地创建与查看1. 打附注标http://www.chinasem.cn

在Android中使用WebView在线查看PDF文件的方法示例

《在Android中使用WebView在线查看PDF文件的方法示例》在Android应用开发中,有时我们需要在客户端展示PDF文件,以便用户可以阅读或交互,:本文主要介绍在Android中使用We... 目录简介:1. WebView组件介绍2. 在androidManifest.XML中添加Interne