七巧低代码开发——JS事件场景案例集(三)

「流程JS事件」案例

01、修改运行端流程中“审批意见及评论”为“审批意见及说明”

思路:

  1. 打开流程设计,添加一个mouted自定义脚本事件
     

    MTY4ODg1Nzc3NTI3NjE3OQ_466312_PApxPmxABQUe1Djx_1676624865?w=1375&h=969

  2. 由于 “审批意见及评论” 在流程审批中为固定的问题,可以打开控制台查看该文字所属节点的类名
     

    MTY4ODg1Nzc3NTI3NjE3OQ_312636_Nrp4OWIr4dayNsGb_1676625158?w=1776&h=436

     

    MTY4ODg1Nzc3NTI3NjE3OQ_758855_wjm1oolZnUUxWP1h_1676625211?w=1464&h=838

  3. 编写自定义脚本,通过相关类名获取对应节点,更改文字
    export function mounted() {
        // PC运行端
        const runtimeText = document.querySelector('#tab-processComments')
        if(runtimeText){
         runtimeText.innerHTML="审批意见及说明"
        }
    
        // 移动运行端
        const mruntimeText = document.querySelectorAll('.tab_title')
    
        if(mruntimeText.length){
            mruntimeText.forEach(item => {
                if(item.innerText==="审批意见及评论"){
                    item.innerText="审批意见及说明"
                }
            })
            
        }
    
    }
    
  4. 效果
     

    MTY4ODg1Nzc3NTI3NjE3OQ_972751_WuQODU-aBKTOsk2M_1676625354?w=773&h=836

     

    MTY4ODg1Nzc3NTI3NjE3OQ_745855_w4Y3rvzlM4lcUEbR_1676625371?w=1185&h=589

     

  • 发表于 2024-04-03 18:31
  • 阅读 ( 1584 )
  • 分类:专题案例

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
七小妹
七小妹

12 篇文章

作家榜 »

  1. 七小妹 12 文章
  2. 你是猴子派来的吧 3 文章
  3. 七巧低代码 2 文章
  4. 低代码小刘 2 文章
  5. 彭杏怡 0 文章
  6. 林友景 0 文章
  7. 0 文章
  8. 赵泽伟 0 文章