泛微E9时间组件改造,设置指定时间间隔实现以半小时为单位

泛微E9时间组件(浏览框中的时间类型以及日期时间类型)改造,设置指定时间间隔实现以半小时为单位

改造前的效果为:
时间类型改造前
改造后的效果为:
时间类型改造后

具体实现方案:

通过ecode改写时间组件参数实现该效果

ecodeSDK.overwritePropsFnQueueMapSet('WeaTimePicker',{ //组件名WeaDatePicker 
    fn:(newProps)=>{ //newProps代表组件参数
        const {hash} = window.location;
        if(!hash.startsWith('#/main/workflow/req'))return;
        const baseInfo = WfForm.getBaseInfo();
        //判断流程id
        const excludedIds = [191];
        if (!excludedIds.includes(baseInfo.workflowid)) {
          return;
        }
        //组件操作,可追加或者更换或者注入组件
        newProps.minuteStep = 30;
        return newProps; //修改之后返回数据
    },
    order:1, //排序字段,如果存在同一个页面复写了同一个组件,控制顺序时使用
    desc:'设置以半小时为基本单位'
});

同理改写日期时间组件

ecodeSDK.overwritePropsFnQueueMapSet('WeaDatePicker',{ //组件名WeaDatePicker 
    fn:(newProps)=>{ //newProps代表组件参数
        const {hash} = window.location;
        if(!hash.startsWith('#/main/workflow/req'))return;

        const baseInfo = WfForm.getBaseInfo();
        //判断流程id
        const excludedIds = [165, 122, 123, 158, 159, 60,191];
        if (!excludedIds.includes(baseInfo.workflowid)) {
          return;
        }
        //组件操作,可追加或者更换或者注入组件
        newProps.showTime = { minuteStep: 30 };
        return newProps; //修改之后返回数据
    },
    order:1, //排序字段,如果存在同一个页面复写了同一个组件,控制顺序时使用
    desc:'设置以半小时为基本单位'
});

效果如图:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值