本文主要是介绍致远个性化之--发起流程页面,去掉【查看流程】按钮,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
需求
近期在做的项目中,遇到一个需求,想把发起流程页面中的【查看流程】按钮去掉,只让员工预测流程,知道自己的事项流程走向,不让看全局流程图。包含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程序,即可看到效果。
移动端-微协同
找到文件 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日】
这篇关于致远个性化之--发起流程页面,去掉【查看流程】按钮的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!