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

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

相关文章

Security OAuth2 单点登录流程

单点登录(英语:Single sign-on,缩写为 SSO),又译为单一签入,一种对于许多相互关连,但是又是各自独立的软件系统,提供访问控制的属性。当拥有这项属性时,当用户登录时,就可以获取所有系统的访问权限,不用对每个单一系统都逐一登录。这项功能通常是以轻型目录访问协议(LDAP)来实现,在服务器上会将用户信息存储到LDAP数据库中。相同的,单一注销(single sign-off)就是指

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

flume系列之:查看flume系统日志、查看统计flume日志类型、查看flume日志

遍历指定目录下多个文件查找指定内容 服务器系统日志会记录flume相关日志 cat /var/log/messages |grep -i oom 查找系统日志中关于flume的指定日志 import osdef search_string_in_files(directory, search_string):count = 0

查看提交历史 —— Git 学习笔记 11

查看提交历史 查看提交历史 不带任何选项的git log-p选项--stat 选项--pretty=oneline选项--pretty=format选项git log常用选项列表参考资料 在提交了若干更新,又或者克隆了某个项目之后,你也许想回顾下提交历史。 完成这个任务最简单而又有效的 工具是 git log 命令。 接下来的例子会用一个用于演示的 simplegit

kubelet组件的启动流程源码分析

概述 摘要: 本文将总结kubelet的作用以及原理,在有一定基础认识的前提下,通过阅读kubelet源码,对kubelet组件的启动流程进行分析。 正文 kubelet的作用 这里对kubelet的作用做一个简单总结。 节点管理 节点的注册 节点状态更新 容器管理(pod生命周期管理) 监听apiserver的容器事件 容器的创建、删除(CRI) 容器的网络的创建与删除

C# 防止按钮botton重复“点击”的方法

在使用C#的按钮控件的时候,经常我们想如果出现了多次点击的时候只让其在执行的时候只响应一次。这个时候很多人可能会想到使用Enable=false, 但是实际情况是还是会被多次触发,因为C#采用的是消息队列机制,这个时候我们只需要在Enable = true 之前加一句 Application.DoEvents();就能达到防止重复点击的问题。 private void btnGenerateSh

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】:浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器

Linux命令(11):系统信息查看命令

系统 # uname -a # 查看内核/操作系统/CPU信息# head -n 1 /etc/issue # 查看操作系统版本# cat /proc/cpuinfo # 查看CPU信息# hostname # 查看计算机名# lspci -tv # 列出所有PCI设备# lsusb -tv

Weex入门教程之3,使用 Vue 开发 Weex 页面

环境安装 在这里简略地介绍下,详细看官方教程 Node.js 环境 Node.js官网 通常,安装了 Node.js 环境,npm 包管理工具也随之安装了。因此,直接使用 npm 来安装 weex-toolkit。 npm 是一个 JavaScript 包管理工具,它可以让开发者轻松共享和重用代码。Weex 很多依赖来自社区,同样,Weex 也将很多工具发布到社区方便开发者使用。