作者:黄倩婧 历史版本:1 最后编辑:黄倩婧 更新时间:2025-07-08 15:41
适用版本:v3.6.0+;
业务场景描述:
1、有一个为产品信息表;
2、列表数据通过获取URL参数进行过滤,显示过滤后的数据。
数据模板管理配置步骤:
1、登录系统,选择【表单管理】-【数据模板管理】,点击“添加/编辑”按钮,进入模板设计页面,如下图:
2、修改“初始化是否查询”为否
3、设置过滤条件
4、设置模板脚本
Object.assign(JTemplate, {
//加载事件
onLoad: function(template) {
console.log('template => ', template)
console.log('template.$route => ', template.$route)
// 获取URL参数
const query = template.$route.query || {}
// 获取过滤条件
const condition = template.template?.filter_conditions[0]
console.log('condition => ', condition)
if (condition) {
// 处理过滤条件根据URL参数填充
const rules = condition.filter?.rules || []
rules.forEach(rule => {
const key = rule.desc
console.log('key => ', key)
if (key && query[key]) {
// url中找到对应的参数进行赋值
rule.value = query[key]
console.log('query[key] => ', query[key])
}
console.log('rule => ', rule)
})
}
template.search()
}
});
5、添加为菜单资源
查看配置效果
使用URL进行访问列表页面,根据参数进行过滤数据