jeecg关于vue前端表单合并和其他开发问题(代码备忘)
ps:个人代码记事本,目前项目开发是用的jeecg。
·
ps:个人代码记事本,目前项目开发是用的jeecg
vue前端表单合并
原本代码为:
{
title:'汇总时间开始',
align:"center",
sorter: true,
dataIndex: 'sumtimeStart',
customRender:function (text) {
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
{
title:'汇总时间结束',
align:"center",
sorter: true,
dataIndex: 'sumtimeEnd',
customRender:function (text) {
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
将这两个column和为一个名为汇总时间段为:
{
title: '汇总时间段',
align: "center",
sorter: true,
dataIndex: 'sumtime',
customRender: function (text, record) {
const { sumtimeStart, sumtimeEnd } = record;
const start = sumtimeStart ? (sumtimeStart.length > 10 ? sumtimeStart.substr(0, 10) : sumtimeStart) : '';
const end = sumtimeEnd ? (sumtimeEnd.length > 10 ? sumtimeEnd.substr(0, 10) : sumtimeEnd) : '';
return `${start} ~ ${end}`;
}
},
代码解释为(来自于gpt)
这段代码是一个JavaScript函数的定义。它是一个名为customRender的函数,接受两个参数text和record。函数的目的是将传入的record对象中的sumtimeStart和sumtimeEnd属性提取并格式化为特定格式的字符串。
具体来说,函数首先从record对象中解构出sumtimeStart和sumtimeEnd属性的值,如果这些值存在,就对它们进行处理。如果sumtimeStart的长度大于10,则截取其前10个字符;否则,将其保持不变。对于sumtimeEnd也是同样的处理方式。
最后,函数使用字符串模板模块将处理后的start和end连接为一个字符串,并在它们之间加上~符号,返回格式化后的字符串。
请注意,这段代码涉及到前端开发中的字符串处理和模板字符串的使用。
更多推荐
所有评论(0)