更新记录

1.0.4（2021-08-13）

修改插件app端弹出后 关闭icon符号 不显示

1.0.3（2021-08-13）

修改遮盖层不显示问题

1.0.2（2021-08-07）

修改弹出层 弹出白屏问题

平台兼容性

导入即用 全端支持

有问题 + wx : zy597172583 标注来意 可评论 看到及时回复

1.使用方式

<template>
    <filter-popup :data="filterData" :form.sync="filterForm" v-model="popup.filter" title="全部筛选"              height="1104rpx" @finsh="subFinsh"></filter-popup>
</template>
<script>
import FilterPopup from "@/components/filter-popup/filter-popup";
export default {
    components: {
        FilterPopup,
    },
     data() {
        return {
            //筛选表单数据
            filterData: [
                {
                    children: false,//是否有子项
                    title: "意向度",
                    key: "intention_type", //键名 接收对象名字
                    keyValue: "value", //获取的值是哪个
                    isRadio: true, //是否单选 否则多选
                    data: [
                        {
                            title: "一般意向",
                            id: 1,
                            value: 1,
                        },
                        {
                            title: "中意向度",
                            id: 2,
                            value: 2,
                        },
                        {
                            title: "高意向度",
                            id: 3,
                            value: 3,
                        },
                    ],
                },
                {
                    children: false,//是否有子项
                    title: "手机号码",
                    key: "is_bind_phone", //键名 接收对象名字
                    keyValue: "value", //获取的值是哪个
                    isRadio: true, //是否单选 否则多选
                    data: [
                        {
                            title: "未绑定",
                            value: 0,
                        },
                        {
                            title: "已绑定",
                            value: 1,
                        },
                    ],
                },
                {
                    children: false,//是否有子项
                    title: "企微好友",
                    key: "is_work_customer", //键名 接收对象名字
                    keyValue: "value", //获取的值是哪个
                    isRadio: true, //是否单选 否则多选
                    data: [
                        {
                            title: "未添加",
                            value: 0,
                        },
                        {
                            title: "已添加",
                            value: 1,
                        },
                    ],
                },
                {
                    children: true,//是否有子项
                    isRadio: false, //是否单选
                    title: "标签内容",
                    key: "label", //键名 接收对象名字
                    keyValue: "id", //获取的值是哪个
                    data: [
                        {
                            title: "客户重要程度",
                            id: 22,
                            children: [
                                {
                                    title: "一般意向2",
                                    id: 32,
                                    value: 1,
                                },
                                {
                                    title: "一般意向3",
                                    id: 12,
                                    value: 1,
                                },
                            ],
                        },
                        {
                            title: "客户重要程度2",
                            id: 122,
                            children: [
                                {
                                    title: "一般意向2",
                                    id: 43,
                                    value: 1,
                                },
                                {
                                    title: "一般意向3",
                                    id: 23,
                                    value: 1,
                                },
                            ],
                        },
                    ],
                },
            ], //筛选数据
            filterForm: {}, //选中的表单
        };
    },
}

2.组件props

3.data 参数

4.事件