更新记录
1.0(2025-01-30)
开发上线
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
开发文档
视图模板中使用
<scrm-condition-filtering :filters="multiFilter" @confirm="callback"></scrm-condition-filtering>
使用插件 符合easycom组件规范,可直接在模板中使用
<script>
export default {
data() {
return {
title: 'Hello',
multiFilter: [{
key: 'member',
title: '会员信息',
menuList: [{
key: 'memberSex',
title: '性别',
component: () => import('@/components/scrm-condition-filtering/sex')
}, {
key: 'memberJifen',
title: '积分',
component: () => import('@/components/scrm-condition-filtering/jifen')
}]
}, {
key: 'cost',
title: '消费行为',
}, {
key: 'tags',
title: '标签行为'
}, {
key: 'zone',
title: '所属地区'
}, {
key: 'cates',
title: '购物种类'
}]
}
},
onLoad() {
},
methods: {
callback(params){
console.log(params)
}
}
}
</script>
详细说明: multiFilter是自定义的参数,赋值给组件的传参参数。
key: 'member',title: '会员信息',属于一级大分类,代表分类的key值和标题,如果不写menuList,则一级大分类下没有二级分类,如果写了,则展示二级分类。
menuList,二级分类参数,component则引入二级分类具体的实现方式模板,类似于接口,外部接入,组件中写了性别和积分的样例文件可参考。
生成的参数格式
[{
"orList": [{
"title": "member",
"orWhereValue": [
"sex",
"1"
]
},
{
"title": "member",
"orWhereValue": [
"jifen",
"6",
"50",
"100"
]
}
]
}]
格式解析,返回的是JSON数组,或条件的筛选都在同一个数组值orList组成的数组中,与条件则是并列显示,具体可以下载后尝试。
最后结束语 所有的大型SCRM系统的检索,最终都是由各种格式组装拼接好以后传给后端接口,EnJOY!