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

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

相关文章

Linux流媒体服务器部署流程

《Linux流媒体服务器部署流程》文章详细介绍了流媒体服务器的部署步骤,包括更新系统、安装依赖组件、编译安装Nginx和RTMP模块、配置Nginx和FFmpeg,以及测试流媒体服务器的搭建... 目录流媒体服务器部署部署安装1.更新系统2.安装依赖组件3.解压4.编译安装(添加RTMP和openssl模块

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

springboot启动流程过程

《springboot启动流程过程》SpringBoot简化了Spring框架的使用,通过创建`SpringApplication`对象,判断应用类型并设置初始化器和监听器,在`run`方法中,读取配... 目录springboot启动流程springboot程序启动入口1.创建SpringApplicat

通过prometheus监控Tomcat运行状态的操作流程

《通过prometheus监控Tomcat运行状态的操作流程》文章介绍了如何安装和配置Tomcat,并使用Prometheus和TomcatExporter来监控Tomcat的运行状态,文章详细讲解了... 目录Tomcat安装配置以及prometheus监控Tomcat一. 安装并配置tomcat1、安装

MySQL的cpu使用率100%的问题排查流程

《MySQL的cpu使用率100%的问题排查流程》线上mysql服务器经常性出现cpu使用率100%的告警,因此本文整理一下排查该问题的常规流程,文中通过代码示例讲解的非常详细,对大家的学习或工作有一... 目录1. 确认CPU占用来源2. 实时分析mysql活动3. 分析慢查询与执行计划4. 检查索引与表

Git提交代码详细流程及问题总结

《Git提交代码详细流程及问题总结》:本文主要介绍Git的三大分区,分别是工作区、暂存区和版本库,并详细描述了提交、推送、拉取代码和合并分支的流程,文中通过代码介绍的非常详解,需要的朋友可以参考下... 目录1.git 三大分区2.Git提交、推送、拉取代码、合并分支详细流程3.问题总结4.git push

C#提取PDF表单数据的实现流程

《C#提取PDF表单数据的实现流程》PDF表单是一种常见的数据收集工具,广泛应用于调查问卷、业务合同等场景,凭借出色的跨平台兼容性和标准化特点,PDF表单在各行各业中得到了广泛应用,本文将探讨如何使用... 目录引言使用工具C# 提取多个PDF表单域的数据C# 提取特定PDF表单域的数据引言PDF表单是一

PyCharm接入DeepSeek实现AI编程的操作流程

《PyCharm接入DeepSeek实现AI编程的操作流程》DeepSeek是一家专注于人工智能技术研发的公司,致力于开发高性能、低成本的AI模型,接下来,我们把DeepSeek接入到PyCharm中... 目录引言效果演示创建API key在PyCharm中下载Continue插件配置Continue引言

使用MongoDB进行数据存储的操作流程

《使用MongoDB进行数据存储的操作流程》在现代应用开发中,数据存储是一个至关重要的部分,随着数据量的增大和复杂性的增加,传统的关系型数据库有时难以应对高并发和大数据量的处理需求,MongoDB作为... 目录什么是MongoDB?MongoDB的优势使用MongoDB进行数据存储1. 安装MongoDB

Python如何使用seleniumwire接管Chrome查看控制台中参数

《Python如何使用seleniumwire接管Chrome查看控制台中参数》文章介绍了如何使用Python的seleniumwire库来接管Chrome浏览器,并通过控制台查看接口参数,本文给大家... 1、cmd打开控制台,启动谷歌并制定端口号,找不到文件的加环境变量chrome.exe --rem