filter 筛选

    type 为 single 时的样式

    type 为 cascade 时的样式

    type 为 checkbox-group 时的样式

    示例

    跳转编辑工具

    在开发者工具中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    • SWAN
    • JS
    • CSS
    • JSON
    • JS
    1. import {upx2rpx} from '@smt-ui/component/src/common/utils/px';
    2. // 筛选头部数据
    3. export const headerArray = [
    4.     {
    5.         title: '单个筛选',
    6.         selections: [
    7.             {
    8.                 text: '筛选器一',
    9.                 value: '1'
    10.             }
    11.         ]
    12.     },
    13.     {
    14.         title: '两个筛选',
    15.         selections: [
    16.             {
    17.                 text: '筛选器一',
    18.                 value: '1'
    19.             },
    20.             {
    21.                 text: '筛选器二',
    22.                 value: '2'
    23.             }
    24.         ]
    25.     },
    26.     {
    27.         title: '三个筛选',
    28.         selections: [
    29.             {
    30.                 text: '筛选器一',
    31.                 value: '1'
    32.             },
    33.             {
    34.                 text: '筛选器二',
    35.                 value: '2'
    36.             },
    37.             {
    38.                 text: '筛选器三',
    39.                 value: '3'
    40.             }
    41.         ]
    42.     },
    43.     {
    44.         title: '四个筛选',
    45.         selections: [
    46.             {
    47.                 text: '筛选器超过四个字打点',
    48.                 value: '1'
    49.             },
    50.             {
    51.                 text: '筛选器二',
    52.                 value: '2'
    53.             },
    54.             {
    55.                 text: '筛选器三',
    56.                 value: '3'
    57.             },
    58.             {
    59.                 text: '筛选器四',
    60.                 value: '4'
    61.             }
    62.         ]
    63.     },
    64.     {
    65.         title: '自定义样式',
    66.         fontColor: '#2772fb',
    67.         iconColor: '#2772fb',
    68.         selections: [
    69.             {
    70.                 text: '最多支持8个字超过打点',
    71.                 textWidth: 386
    72.             }
    73.         ]
    74.     }
    75. ];
    76. // 级联筛选第一列数据
    77. const cascadeFirstOptions = [
    78.     {
    79.         text: '全部所在地区',
    80.         value: 'all',
    81.         children: [
    82.             {
    83.                 value: 'all',
    84.                 text: '全部所在地区'
    85.             }
    86.         ]
    87.     },
    88.     {
    89.         value: 'bj',
    90.         text: '北京市',
    91.         children: [
    92.             {
    93.                 value: 3848,
    94.                 text: '全部北京市'
    95.             },
    96.             {
    97.                 value: 3851,
    98.                 text: '东城区'
    99.             },
    100.             {
    101.                 value: 3852,
    102.                 text: '西城区'
    103.             },
    104.             {
    105.                 value: 3853,
    106.                 text: '海淀区'
    107.             },
    108.             {
    109.                 value: 3854,
    110.                 text: '朝阳区'
    111.             },
    112.             {
    113.                 value: 3855,
    114.                 text: '丰台区'
    115.             },
    116.             {
    117.                 value: 3856,
    118.                 text: '石景山区'
    119.             },
    120.             {
    121.                 value: 3857,
    122.                 text: '通州区'
    123.             },
    124.             {
    125.                 value: 3858,
    126.                 text: '顺义区'
    127.             },
    128.             {
    129.                 value: 3859,
    130.                 text: '房山区'
    131.             },
    132.             {
    133.                 value: 3860,
    134.                 text: '大兴区'
    135.             },
    136.             {
    137.                 value: 3861,
    138.                 text: '昌平区'
    139.             },
    140.             {
    141.                 value: 3862,
    142.                 text: '怀柔区'
    143.             },
    144.             {
    145.                 value: 3863,
    146.                 text: '平谷区'
    147.             },
    148.             {
    149.                 value: 3864,
    150.                 text: '门头沟区'
    151.             },
    152.             {
    153.                 value: 3865,
    154.                 text: '密云区'
    155.             },
    156.             {
    157.                 value: 3866,
    158.                 text: '延庆区'
    159.             }
    160.         ]
    161.     },
    162.     {
    163.         value: 'tj',
    164.         text: '天津市',
    165.         children: [
    166.             {
    167.                 value: 3849,
    168.                 text: '全部天津市'
    169.             },
    170.             {
    171.                 value: 3879,
    172.                 text: '和平区'
    173.             },
    174.             {
    175.                 value: 3880,
    176.                 text: '河东区'
    177.             },
    178.             {
    179.                 value: 3881,
    180.                 text: '河西区'
    181.             },
    182.             {
    183.                 value: 3882,
    184.                 text: '南开区'
    185.             },
    186.             {
    187.                 value: 3883,
    188.                 text: '河北区'
    189.             },
    190.             {
    191.                 value: 3884,
    192.                 text: '红桥区'
    193.             },
    194.             {
    195.                 value: 3885,
    196.                 text: '塘沽区'
    197.             },
    198.             {
    199.                 value: 3886,
    200.                 text: '汉沽区'
    201.             },
    202.             {
    203.                 value: 3887,
    204.                 text: '大港区'
    205.             },
    206.             {
    207.                 value: 3888,
    208.                 text: '东丽区'
    209.             },
    210.             {
    211.                 value: 3889,
    212.                 text: '西青区'
    213.             },
    214.             {
    215.                 value: 3890,
    216.                 text: '津南区'
    217.             },
    218.             {
    219.                 value: 3891,
    220.                 text: '北辰区'
    221.             },
    222.             {
    223.                 value: 3892,
    224.                 text: '武清区'
    225.             },
    226.             {
    227.                 value: 3893,
    228.                 text: '宝坻区'
    229.             },
    230.             {
    231.                 value: 3894,
    232.                 text: '宁河县'
    233.             },
    234.             {
    235.                 value: 3895,
    236.                 text: '静海区'
    237.             },
    238.             {
    239.                 value: 3896,
    240.                 text: '蓟州区'
    241.             },
    242.             {
    243.                 value: 3897,
    244.                 text: '滨海新区'
    245.             }
    246.         ]
    247.     },
    248.     {
    249.         value: 'hb',
    250.         text: '河北省',
    251.         children: [
    252.             {
    253.                 value: 3850,
    254.                 text: '全部河北省'
    255.             },
    256.             {
    257.                 value: 3867,
    258.                 text: '石家庄市'
    259.             },
    260.             {
    261.                 value: 3868,
    262.                 text: '唐山市'
    263.             },
    264.             {
    265.                 value: 3869,
    266.                 text: '秦皇岛市'
    267.             },
    268.             {
    269.                 value: 3870,
    270.                 text: '邯郸市'
    271.             },
    272.             {
    273.                 value: 3871,
    274.                 text: '邢台市'
    275.             },
    276.             {
    277.                 value: 3872,
    278.                 text: '保定市'
    279.             },
    280.             {
    281.                 value: 3873,
    282.                 text: '张家口市'
    283.             },
    284.             {
    285.                 value: 3874,
    286.                 text: '承德市'
    287.             },
    288.             {
    289.                 value: 3875,
    290.                 text: '沧州市'
    291.             },
    292.             {
    293.                 value: 3876,
    294.                 text: '廊坊市'
    295.             },
    296.             {
    297.                 value: 3877,
    298.                 text: '衡水市'
    299.             },
    300.             {
    301.                 value: 3878,
    302.                 text: '涿州市'
    303.             }
    304.         ]
    305.     }
    306. ];
    307. // 级联筛选第二和第三列数据
    308. export const cascadeSecondAndThirdOptions = [
    309.     {
    310.         text: '东城区',
    311.         value: '110101000000',
    312.         children: [
    313.             {
    314.                 text: '全部街道',
    315.                 value: '110101000000',
    316.                 children: [
    317.                     {
    318.                         text: '全部社区',
    319.                         value: '110101000000'
    320.                     }
    321.                 ]
    322.             },
    323.             {
    324.                 text: '东城区安定门街道',
    325.                 value: '110101004000',
    326.                 children: [
    327.                     {
    328.                         text: '全部社区',
    329.                         value: '110101004000'
    330.                     }
    331.                 ]
    332.             },
    333.             {
    334.                 text: '东城区建国门街道',
    335.                 value: '110101008000',
    336.                 children: [
    337.                     {
    338.                         text: '全部社区',
    339.                         value: '110101008000'
    340.                     },
    341.                     {
    342.                         text: '崇内社区',
    343.                         value: '11110101000033398110'
    344.                     },
    345.                     {
    346.                         text: '东总布社区',
    347.                         value: '11110101000033398111'
    348.                     },
    349.                     {
    350.                         text: '金宝街北社区',
    351.                         value: '11110101000033398103'
    352.                     },
    353.                     {
    354.                         text: '大雅宝社区',
    355.                         value: '11110101000033398104'
    356.                     },
    357.                     {
    358.                         text: '赵家楼社区',
    359.                         value: '11110101000033398105'
    360.                     },
    361.                     {
    362.                         text: '站东社区',
    363.                         value: '11110101000033398106'
    364.                     }
    365.                 ]
    366.             },
    367.             {
    368.                 text: '东城区朝阳门街道',
    369.                 value: '110101007000',
    370.                 children: [
    371.                     {
    372.                         text: '全部社区',
    373.                         value: '110101007000'
    374.                     }
    375.                 ]
    376.             },
    377.             {
    378.                 text: '东城区东直门街道',
    379.                 value: '110101009000',
    380.                 children: [
    381.                     {
    382.                         text: '全部社区',
    383.                         value: '110101009000'
    384.                     }
    385.                 ]
    386.             },
    387.             {
    388.                 text: '东城区东华门街道',
    389.                 value: '110101001000',
    390.                 children: [
    391.                     {
    392.                         text: '全部社区',
    393.                         value: '110101001000'
    394.                     },
    395.                     {
    396.                         text: '正义路社区',
    397.                         value: '11110101000033443B01'
    398.                     },
    399.                     {
    400.                         text: '台基厂社区',
    401.                         value: '11110101000033443B08'
    402.                     },
    403.                     {
    404.                         text: '南池子社区',
    405.                         value: '11110101000033443B09'
    406.                     },
    407.                     {
    408.                         text: '智德社区',
    409.                         value: '11110101000033443B11'
    410.                     },
    411.                     {
    412.                         text: '银闸社区',
    413.                         value: '11110101000033443B13'
    414.                     },
    415.                     {
    416.                         text: '王府井社区',
    417.                         value: '11110101000033443B19'
    418.                     },
    419.                     {
    420.                         text: '东厂社区',
    421.                         value: '11110101000033443B20'
    422.                     }
    423.                 ]
    424.             },
    425.             {
    426.                 text: '东城区和平里街道',
    427.                 value: '110101010000',
    428.                 children: [
    429.                     {
    430.                         text: '全部社区',
    431.                         value: '110101010000'
    432.                     }
    433.                 ]
    434.             },
    435.             {
    436.                 text: '东城区北新桥街道',
    437.                 value: '110101005000',
    438.                 children: [
    439.                     {
    440.                         text: '全部社区',
    441.                         value: '110101005000'
    442.                     },
    443.                     {
    444.                         text: '北官厅社区',
    445.                         value: '11110101000033478X01'
    446.                     },
    447.                     {
    448.                         text: '民安社区',
    449.                         value: '11110101000033478X02'
    450.                     },
    451.                     {
    452.                         text: '北新仓社区',
    453.                         value: '11110101000033478X03'
    454.                     },
    455.                     {
    456.                         text: '海运仓社区',
    457.                         value: '11110101000033478X04'
    458.                     }
    459.                 ]
    460.             }
    461.         ]
    462.     },
    463.     {
    464.         text: '西城区',
    465.         value: '110102000000',
    466.         children: [
    467.             {
    468.                 text: '全部街道',
    469.                 value: '110102000000',
    470.                 children: [
    471.                     {
    472.                         text: '全部社区',
    473.                         value: '110102000000'
    474.                     }
    475.                 ]
    476.             },
    477.             {
    478.                 text: '西城区白纸坊街道',
    479.                 value: '110102019000',
    480.                 children: [
    481.                     {
    482.                         text: '全部社区',
    483.                         value: '110102019000'
    484.                     }
    485.                 ]
    486.             },
    487.             {
    488.                 text: '西城区椿树街道',
    489.                 value: '110102015000',
    490.                 children: [
    491.                     {
    492.                         text: '全部社区',
    493.                         value: '110102015000'
    494.                     }
    495.                 ]
    496.             },
    497.             {
    498.                 text: '西城区大栅栏街道',
    499.                 value: '110102013000',
    500.                 children: [
    501.                     {
    502.                         text: '全部社区',
    503.                         value: '110102013000'
    504.                     }
    505.                 ]
    506.             },
    507.             {
    508.                 text: '西城区德胜街道',
    509.                 value: '110102010000',
    510.                 children: [
    511.                     {
    512.                         text: '全部社区',
    513.                         value: '110102010000'
    514.                     },
    515.                     {
    516.                         text: '石油社区',
    517.                         value: '1111010200003821X001'
    518.                     },
    519.                     {
    520.                         text: '水电社区',
    521.                         value: '1111010200003821X002'
    522.                     },
    523.                     {
    524.                         text: '煤炭社区',
    525.                         value: '1111010200003821X003'
    526.                     },
    527.                     {
    528.                         text: '安德路南社区',
    529.                         value: '1111010200003821X004'
    530.                     },
    531.                     {
    532.                         text: '安德路北社区',
    533.                         value: '1111010200003821X005'
    534.                     },
    535.                     {
    536.                         text: '德外大街西社区',
    537.                         value: '1111010200003821X006'
    538.                     },
    539.                     {
    540.                         text: '人定湖西里社区',
    541.                         value: '1111010200003821X007'
    542.                     }
    543.                 ]
    544.             },
    545.             {
    546.                 text: '西城区广安门内街道',
    547.                 value: '110102017000',
    548.                 children: [
    549.                     {
    550.                         text: '全部社区',
    551.                         value: '110102017000'
    552.                     },
    553.                     {
    554.                         text: '西便门内社区',
    555.                         value: '11110102000048303U01'
    556.                     },
    557.                     {
    558.                         text: '长椿街西社区',
    559.                         value: '11110102000048303U02'
    560.                     },
    561.                     {
    562.                         text: '槐柏树街北里社区',
    563.                         value: '11110102000048303U03'
    564.                     },
    565.                     {
    566.                         text: '西便门东里社区',
    567.                         value: '11110102000048303U04'
    568.                     },
    569.                     {
    570.                         text: '西便门西里社区',
    571.                         value: '11110102000048303U05'
    572.                     },
    573.                     {
    574.                         text: '报国寺社区',
    575.                         value: '11110102000048303U06'
    576.                     },
    577.                     {
    578.                         text: '核桃园社区',
    579.                         value: '11110102000048303U07'
    580.                     }
    581.                 ]
    582.             },
    583.             {
    584.                 text: '西城区广安门外街道',
    585.                 value: '110102020000',
    586.                 children: [
    587.                         text: '全部社区',
    588.                         value: '110102020000'
    589.                     }
    590.                 ]
    592.         ]
    593.     },
    594.     {
    595.         text: '朝阳区',
    596.         value: '110105000000',
    597.         children: [
    598.             {
    599.                 text: '全部街道',
    600.                 value: '110105000000',
    601.                 children: [
    602.                     {
    603.                         text: '全部社区',
    604.                         value: '110105000000'
    605.                     }
    606.                 ]
    607.             },
    608.             {
    609.                 text: '朝阳区安贞街道',
    610.                 value: '110105008000',
    611.                 children: [
    612.                     {
    613.                         text: '全部社区',
    614.                         value: '110105008000'
    615.                     }
    616.                 ]
    617.             },
    618.             {
    619.                 text: '朝阳区奥运村街道',
    620.                 value: '110105031000',
    621.                 children: [
    622.                     {
    623.                         text: '全部社区',
    624.                         value: '110105031000'
    625.                     },
    626.                     {
    627.                         text: '国奥村社区',
    628.                         value: '11110105000053532601'
    629.                     },
    630.                     {
    631.                         text: '拂林园社区',
    632.                         value: '11110105000053532613'
    633.                     },
    634.                     {
    635.                         text: '双泉社区',
    636.                         value: '11110105000053532602'
    637.                     },
    638.                     {
    639.                         text: '林萃社区',
    640.                         value: '11110105000053532603'
    641.                     },
    642.                     {
    643.                         text: '总装社区',
    644.                         value: '11110105000053532604'
    645.                     },
    646.                     {
    647.                         text: '万科星园社区',
    648.                         value: '11110105000053532605'
    649.                     },
    650.                     {
    651.                         text: '绿色家园社区',
    652.                         value: '11110105000053532606'
    653.                     }
    654.                 ]
    655.             },
    656.             {
    657.                 text: '朝阳区八里庄街道',
    658.                 value: '110105015000',
    659.                 children: [
    660.                     {
    661.                         text: '全部社区',
    662.                         value: '110105015000'
    663.                     }
    664.                 ]
    665.             },
    666.             {
    667.                 text: '朝阳区朝外街道',
    668.                 value: '110105002000',
    669.                 children: [
    670.                     {
    671.                         text: '全部社区',
    672.                         value: '110105002000'
    673.                     }
    674.                 ]
    675.             },
    676.             {
    677.                 text: '朝阳区大屯街道',
    678.                 value: '110105025000',
    679.                 children: [
    680.                     {
    681.                         text: '全部社区',
    682.                         value: '110105025000'
    683.                     }
    684.                 ]
    685.             },
    686.             {
    687.                 text: '朝阳区东湖街道',
    688.                 value: '110105043000',
    689.                 children: [
    690.                     {
    691.                         text: '全部社区',
    692.                         value: '110105043000'
    693.                     },
    694.                     {
    695.                         text: '望京花园社区',
    696.                         value: '11110105787781823F01'
    697.                     },
    698.                     {
    699.                         text: '利泽西园一区社区',
    700.                         value: '11110105787781823F02'
    701.                     },
    702.                     {
    703.                         text: '望湖社区',
    704.                         value: '11110105787781823F03'
    705.                     },
    706.                     {
    707.                         text: '望京西园社区',
    708.                         value: '11110105787781823F04'
    709.                     },
    710.                     {
    711.                         text: '南湖中园北社区',
    712.                         value: '11110105787781823F05'
    713.                     },
    714.                     {
    715.                         text: '南湖东园北社区',
    716.                         value: '11110105787781823F06'
    717.                     },
    718.                     {
    719.                         text: '果岭里社区',
    720.                         value: '11110105787781823F07'
    721.                     }
    722.                 ]
    723.             }
    724.         ]
    725.     },
    726.     {
    727.         text: '丰台区',
    728.         value: '110106000000',
    729.         children: [
    730.             {
    731.                 text: '全部街道',
    732.                 value: '110106000000',
    733.                 children: [
    734.                     {
    735.                         text: '全部社区',
    736.                         value: '110106000000'
    737.                     }
    738.                 ]
    739.             },
    740.             {
    741.                 text: '丰台区大红门街道',
    742.                 value: '110106004000',
    743.                 children: [
    744.                     {
    745.                         text: '全部社区',
    746.                         value: '110106004000'
    747.                     }
    748.                 ]
    749.             },
    750.             {
    751.                 text: '丰台区东高地街道',
    752.                 value: '110106006000',
    753.                 children: [
    754.                     {
    755.                         text: '全部社区',
    756.                         value: '110106006000'
    757.                     },
    758.                     {
    759.                         text: '东高地社区',
    760.                         value: '11110106000063423Q01'
    761.                     },
    762.                     {
    763.                         text: '三角地第一社区',
    764.                         value: '11110106000063423Q02'
    765.                     },
    766.                     {
    767.                         text: '三角地第二社区',
    768.                         value: '11110106000063423Q03'
    769.                     },
    770.                     {
    771.                         text: '西洼地社区',
    772.                         value: '11110106000063423Q04'
    773.                     },
    774.                     {
    775.                         text: '六营门社区',
    776.                         value: '11110106000063423Q05'
    777.                     },
    778.                     {
    779.                         text: '万源东里社区',
    780.                         value: '11110106000063423Q06'
    781.                     },
    782.                     {
    783.                         text: '万源西里社区',
    784.                         value: '11110106000063423Q07'
    785.                     },
    786.                     {
    787.                         text: '万源南里社区',
    788.                         value: '11110106000063423Q08'
    789.                     },
    790.                     {
    791.                         text: '梅源社区',
    792.                         value: '11110106000063423Q09'
    793.                     },
    794.                     {
    795.                         text: '东营房社区',
    796.                         value: '11110106000063423Q10'
    797.                     }
    798.                 ]
    799.             },
    800.             {
    801.                 text: '丰台区东铁营街道',
    802.                 value: '110106007000',
    803.                 children: [
    804.                     {
    805.                         text: '全部社区',
    806.                         value: '110106007000'
    807.                     },
    808.                     {
    809.                         text: '宋庄路第二社区',
    810.                         value: '11110106000063474101'
    811.                     },
    812.                     {
    813.                         text: '四方景园二社区',
    814.                         value: '11110106000063474126'
    815.                     },
    816.                     {
    817.                         text: '同仁园社区',
    818.                         value: '11110106000063474102'
    819.                     },
    820.                     {
    821.                         text: '鑫兆雅园社区',
    822.                         value: '11110106000063474103'
    823.                     },
    824.                     {
    825.                         text: '政馨家园社区',
    826.                         value: '11110106000063474104'
    827.                     },
    828.                     {
    829.                         text: '成仪路社区',
    830.                         value: '11110106000063474105'
    831.                     },
    832.                     {
    833.                         text: '成寿寺社区',
    834.                         value: '11110106000063474106'
    835.                     },
    836.                     {
    837.                         text: '横七条路第一社区',
    838.                         value: '11110106000063474107'
    839.                     },
    840.                     {
    841.                         text: '横七条路第二社区',
    842.                         value: '11110106000063474108'
    843.                     },
    844.                     {
    845.                         text: '横七条路第三社区',
    846.                         value: '11110106000063474109'
    847.                     },
    848.                     {
    849.                         text: '红狮家园社区',
    850.                         value: '11110106000063474110'
    851.                     },
    852.                     {
    853.                         text: '华苇景苑社区',
    854.                         value: '11110106000063474111'
    855.                     },
    856.                     {
    857.                         text: '刘家窑第一社区',
    858.                         value: '11110106000063474112'
    859.                     },
    860.                     {
    861.                         text: '刘家窑第二社区',
    862.                         value: '11110106000063474113'
    863.                     },
    864.                     {
    865.                         text: '刘家窑第三社区',
    866.                         value: '11110106000063474114'
    867.                     },
    868.                     {
    869.                         text: '木樨园第一社区',
    870.                         value: '11110106000063474115'
    871.                     },
    872.                     {
    873.                         text: '木樨园第二社区',
    874.                         value: '11110106000063474116'
    875.                     },
    876.                     {
    877.                         text: '南方庄社区',
    878.                         value: '11110106000063474117'
    879.                     },
    880.                     {
    881.                         text: '蒲安里第一社区',
    882.                         value: '11110106000063474118'
    883.                     },
    884.                     {
    885.                         text: '蒲安里第二社区',
    886.                         value: '11110106000063474119'
    887.                     },
    888.                     {
    889.                         text: '蒲黄榆第一社区',
    890.                         value: '11110106000063474120'
    891.                     },
    892.                     {
    893.                         text: '蒲黄榆第二社区',
    894.                         value: '11110106000063474121'
    895.                     },
    896.                     {
    897.                         text: '蒲黄榆第三社区',
    898.                         value: '11110106000063474122'
    899.                     },
    900.                     {
    901.                         text: '四方景园一社区',
    902.                         value: '11110106000063474123'
    903.                     },
    904.                     {
    905.                         text: '宋家庄社区',
    906.                         value: '11110106000063474124'
    907.                     },
    908.                     {
    909.                         text: '宋庄路第一社区',
    910.                         value: '11110106000063474125'
    911.                     }
    912.                 ]
    913.             },
    914.             {
    915.                 text: '丰台区方庄地区',
    916.                 value: '110106013000',
    917.                 children: [
    918.                     {
    919.                         text: '全部社区',
    920.                         value: '110106013000'
    921.                     },
    922.                     {
    923.                         text: '芳星园二区社区',
    924.                         value: '11110106000063415X01'
    925.                     },
    926.                     {
    927.                         text: '芳星园三区社区服务站',
    928.                         value: '11110106000063415X02'
    929.                     },
    930.                     {
    931.                         text: '芳城东里社区',
    932.                         value: '11110106000063415X03'
    933.                     },
    934.                     {
    935.                         text: '紫芳园社区',
    936.                         value: '11110106000063415X04'
    937.                     },
    938.                     {
    939.                         text: '紫芳南里社区',
    940.                         value: '11110106000063415X05'
    941.                     },
    942.                     {
    943.                         text: '芳古园一区第一社区',
    944.                         value: '11110106000063415X06'
    945.                     },
    946.                     {
    947.                         text: '芳古园一区第二社区',
    948.                         value: '11110106000063415X07'
    949.                     },
    950.                     {
    951.                         text: '芳古园二区社区',
    952.                         value: '11110106000063415X08'
    953.                     },
    954.                     {
    955.                         text: '芳城园一区社区',
    956.                         value: '11110106000063415X09'
    957.                     },
    958.                     {
    959.                         text: '芳城园二区社区',
    960.                         value: '11110106000063415X10'
    961.                     },
    962.                     {
    963.                         text: '芳城园三区社区',
    964.                         value: '11110106000063415X11'
    965.                     },
    966.                     {
    967.                         text: '芳群园一区社区服务站',
    968.                         value: '11110106000063415X12'
    969.                     },
    970.                     {
    971.                         text: '芳群园二区社区',
    972.                         value: '11110106000063415X13'
    973.                     },
    974.                     {
    975.                         text: '芳群园三区社区',
    976.                         value: '11110106000063415X14'
    977.                     },
    978.                     {
    979.                         text: '芳群园四区社区服务站',
    980.                         value: '11110106000063415X15'
    981.                     },
    982.                     {
    983.                         text: '芳星园一区社区',
    984.                         value: '11110106000063415X16'
    985.                     }
    986.                 ]
    987.             },
    988.             {
    989.                 text: '丰台区丰台街道',
    990.                 value: '110106009000',
    991.                 children: [
    992.                     {
    993.                         text: '全部社区',
    994.                         value: '110106009000'
    995.                     },
    996.                     {
    997.                         text: '彩虹北社区',
    998.                         value: '11110106000063378P01'
    999.                     },
    1000.                     {
    1001.                         text: '东安街19号院社区',
    1002.                         value: '11110106000063378P02'
    1003.                     },
    1004.                     {
    1005.                         text: '63号院社区',
    1006.                         value: '11110106000063378P03'
    1007.                     },
    1008.                     {
    1009.                         text: '北大地西区社区',
    1010.                         value: '11110106000063378P04'
    1011.                     },
    1012.                     {
    1013.                         text: '北大地16号院社区服务站',
    1014.                         value: '11110106000063378P05'
    1015.                     },
    1016.                     {
    1017.                         text: '东安街社区',
    1018.                         value: '11110106000063378P06'
    1019.                     },
    1020.                     {
    1021.                         text: '东安街头条社区',
    1022.                         value: '11110106000063378P07'
    1023.                     },
    1024.                     {
    1025.                         text: '北大街北里社区',
    1026.                         value: '11110106000063378P08'
    1027.                     },
    1028.                     {
    1029.                         text: '东大街西里社区',
    1030.                         value: '11110106000063378P09'
    1031.                     },
    1032.                     {
    1033.                         text: '北大街社区',
    1034.                         value: '11110106000063378P10'
    1035.                     },
    1036.                     {
    1037.                         text: '东幸福街社区',
    1038.                         value: '11110106000063378P11'
    1039.                     },
    1040.                     {
    1041.                         text: '永善社区',
    1042.                         value: '11110106000063378P12'
    1043.                     },
    1044.                     {
    1045.                         text: '正阳北里社区',
    1046.                         value: '11110106000063378P13'
    1047.                     },
    1048.                     {
    1049.                         text: '东大街东里社区',
    1050.                         value: '11110106000063378P14'
    1051.                     },
    1052.                     {
    1053.                         text: '东大街社区',
    1054.                         value: '11110106000063378P15'
    1055.                     },
    1056.                     {
    1057.                         text: '前泥洼社区',
    1058.                         value: '11110106000063378P16'
    1059.                     },
    1060.                     {
    1061.                         text: '南开西里社区',
    1062.                         value: '11110106000063378P17'
    1063.                     },
    1064.                     {
    1065.                         text: '向阳社区',
    1066.                         value: '11110106000063378P18'
    1067.                     },
    1068.                     {
    1069.                         text: '建国街社区',
    1070.                         value: '11110106000063378P19'
    1071.                     },
    1072.                     {
    1073.                         text: '新华街北',
    1074.                         value: '11110106000063378P20'
    1075.                     },
    1076.                     {
    1077.                         text: '新华街南',
    1078.                         value: '11110106000063378P21'
    1079.                     },
    1080.                     {
    1081.                         text: '程庄路16号院社区',
    1082.                         value: '11110106000063378P22'
    1083.                     },
    1084.                     {
    1085.                         text: '丰益花园社区',
    1086.                         value: '11110106000063378P23'
    1087.                     },
    1088.                     {
    1089.                         text: '丰管路社区服务站',
    1090.                         value: '11110106000063378P24'
    1091.                     },
    1092.                     {
    1093.                         text: '彩虹南社区',
    1094.                         value: '11110106000063378P25'
    1095.                     }
    1096.                 ]
    1097.             },
    1098.             {
    1099.                 text: '丰台区和义街道',
    1100.                 value: '110106016000',
    1101.                 children: [
    1102.                     {
    1103.                         text: '全部社区',
    1104.                         value: '110106016000'
    1105.                     },
    1106.                     {
    1107.                         text: '和义东里第一社区',
    1108.                         value: '11110106000063650X01'
    1109.                     },
    1110.                     {
    1111.                         text: '和义东里第二社区',
    1112.                         value: '11110106000063650X02'
    1113.                     },
    1114.                     {
    1115.                         text: '和义东里第三社区',
    1116.                         value: '11110106000063650X03'
    1117.                     },
    1118.                     {
    1119.                         text: '南苑北里第一社区',
    1120.                         value: '11110106000063650X04'
    1121.                     },
    1122.                     {
    1123.                         text: '南苑北里第二社区',
    1124.                         value: '11110106000063650X05'
    1125.                     },
    1126.                     {
    1127.                         text: '和义西里第一社区',
    1128.                         value: '11110106000063650X06'
    1129.                     },
    1130.                     {
    1131.                         text: '和义西里第二社区',
    1132.                         value: '11110106000063650X07'
    1133.                     },
    1134.                     {
    1135.                         text: '和义西里第三社区服务站',
    1136.                         value: '11110106000063650X08'
    1137.                     },
    1138.                     {
    1139.                         text: '久敬庄社区',
    1140.                         value: '11110106000063650X09'
    1141.                     }
    1142.                 ]
    1143.             }
    1144.         ]
    1145.     },
    1146.     {
    1147.         text: '石景山区',
    1148.         value: '110107000000',
    1149.         children: [
    1150.             {
    1151.                 text: '全部街道',
    1152.                 value: '110107000000',
    1153.                 children: [
    1154.                     {
    1155.                         text: '全部社区',
    1156.                         value: '110107000000'
    1157.                     }
    1158.                 ]
    1159.             },
    1160.             {
    1161.                 text: '石景山区八宝山街道',
    1162.                 value: '110107001000',
    1163.                 children: [
    1164.                     {
    1165.                         text: '全部社区',
    1166.                         value: '110107001000'
    1167.                     }
    1168.                 ]
    1169.             },
    1170.             {
    1171.                 text: '石景山区古城街道',
    1172.                 value: '110107004000',
    1173.                 children: [
    1174.                     {
    1175.                         text: '全部社区',
    1176.                         value: '110107004000'
    1177.                     }
    1178.                 ]
    1179.             },
    1180.             {
    1181.                 text: '石景山区广宁街道',
    1182.                 value: '110107009000',
    1183.                     {
    1185.                         value: '110107009000'
    1186.                     }
    1187.                 ]
    1188.             },
    1189.             {
    1190.                 text: '石景山区八角街道',
    1191.                 value: '110107003000',
    1192.                 children: [
    1193.                     {
    1194.                         text: '全部社区',
    1195.                         value: '110107003000'
    1196.                     }
    1197.                 ]
    1198.             },
    1199.             {
    1200.                 text: '石景山区老山街道',
    1201.                 value: '110107002000',
    1202.                 children: [
    1203.                     {
    1204.                         text: '全部社区',
    1205.                         value: '110107002000'
    1206.                     }
    1207.                 ]
    1208.             },
    1209.             {
    1210.                 text: '石景山区苹果园街道',
    1211.                 value: '110107005000',
    1212.                 children: [
    1213.                     {
    1214.                         text: '全部社区',
    1215.                         value: '110107005000'
    1216.                     }
    1217.                 ]
    1218.             },
    1219.             {
    1220.                 text: '石景山区鲁谷街道',
    1221.                 value: '110107011000',
    1222.                 children: [
    1223.                     {
    1224.                         text: '全部社区',
    1225.                         value: '110107011000'
    1226.                     }
    1227.                 ]
    1228.             },
    1229.             {
    1230.                 text: '石景山区人民政府金顶街街道办事处',
    1231.                 value: '110107006000',
    1232.                 children: [
    1233.                     {
    1234.                         text: '全部社区',
    1235.                         value: '110107006000'
    1236.                     }
    1237.                 ]
    1238.             },
    1239.             {
    1240.                 text: '石景山区五里坨街道',
    1241.                 value: '110107010000',
    1242.                 children: [
    1243.                     {
    1244.                         text: '全部社区',
    1245.                         value: '110107010000'
    1246.                     }
    1247.                 ]
    1248.             }
    1249.         ]
    1250.     },
    1251.     {
    1252.         text: '海淀区',
    1253.         value: '110108000000',
    1254.         children: [
    1255.             {
    1256.                 text: '全部街道',
    1257.                 value: '110108000000',
    1258.                 children: [
    1259.                     {
    1260.                         text: '全部社区',
    1261.                         value: '110108000000'
    1262.                     }
    1263.                 ]
    1264.             },
    1265.             {
    1266.                 text: '海淀区甘家口街道',
    1267.                 value: '110108004000',
    1268.                 children: [
    1269.                     {
    1270.                         text: '全部社区',
    1271.                         value: '110108004000'
    1272.                     }
    1273.                 ]
    1274.             },
    1275.             {
    1276.                 text: '海淀区中关村街道',
    1277.                 value: '110108011000',
    1278.                 children: [
    1279.                     {
    1280.                         text: '全部社区',
    1281.                         value: '110108011000'
    1282.                     }
    1283.                 ]
    1284.             },
    1285.             {
    1286.                 text: '海淀区八里庄街道',
    1287.                 value: '110108005000',
    1288.                 children: [
    1289.                     {
    1290.                         text: '全部社区',
    1291.                         value: '110108005000'
    1292.                     }
    1293.                 ]
    1294.             },
    1295.             {
    1296.                 text: '海淀区清河街道',
    1297.                 value: '110108017000',
    1298.                 children: [
    1299.                     {
    1300.                         text: '全部社区',
    1301.                         value: '110108017000'
    1302.                     }
    1303.                 ]
    1304.             },
    1305.             {
    1306.                 text: '海淀区紫竹院街道',
    1307.                 value: '110108006000',
    1308.                 children: [
    1309.                     {
    1310.                         text: '全部社区',
    1311.                         value: '110108006000'
    1312.                     }
    1313.                 ]
    1314.             },
    1315.             {
    1316.                 text: '海淀区花园路街道',
    1317.                 value: '110108018000',
    1318.                 children: [
    1319.                     {
    1320.                         text: '全部社区',
    1321.                         value: '110108018000'
    1322.                     }
    1323.                 ]
    1324.             },
    1325.             {
    1326.                 text: '海淀区马连洼街道',
    1327.                 value: '110108020000',
    1328.                 children: [
    1329.                     {
    1330.                         text: '全部社区',
    1331.                         value: '110108020000'
    1332.                     }
    1333.                 ]
    1334.             }
    1335.         ]
    1336.     }
    1337. ];
    1338. // 级联筛选内容数据
    1339. export const cascadeSelections = [
    1340.     {
    1341.         text: '两列',
    1342.         value: 'all',
    1343.         type: 'cascade',
    1344.         options: cascadeFirstOptions
    1345.     },
    1346.     {
    1347.         text: '等2秒',
    1348.         value: null,
    1349.         type: 'cascade',
    1350.         options: cascadeSecondAndThirdOptions
    1351.     },
    1352.     {
    1353.         text: '默认带入',
    1354.         value: '11110101000033398111',
    1355.         type: 'cascade',
    1356.         options: cascadeSecondAndThirdOptions
    1357.     }
    1358. ];
    1359. // 单列筛选数组带下拉数据
    1360. export const singleSelections = [
    1361.     {
    1362.         text: '默认选项',
    1363.         value: 'all',
    1364.         options: [
    1365.             {
    1366.                 text: '全部地区',
    1367.                 value: 'all'
    1368.             },
    1369.             {
    1370.                 text: '北京市',
    1371.                 value: 'bi'
    1372.             },
    1373.             {
    1374.                 text: '天津市',
    1375.                 value: 'tj'
    1376.             },
    1377.             {
    1378.                 text: '河北省',
    1379.                 value: 'hb'
    1380.             }
    1381.         ]
    1382.     },
    1383.     {
    1384.         text: '2020线上调剂',
    1385.         value: '2020',
    1386.         highlight: false,
    1387.         options: [
    1388.             {
    1389.                 text: '2020第二批调剂',
    1390.                 value: '2020'
    1391.             }
    1392.         ]
    1393.     },
    1394.     {
    1395.         text: '星级',
    1396.         value: 'optAll',
    1397.         options: [
    1398.             {
    1399.                 text: '全部星级',
    1400.                 value: 'optAll'
    1401.             },
    1402.             {
    1403.                 text: '五星级',
    1404.                 value: 'opt2'
    1405.             },
    1406.             {
    1407.                 text: '四星级',
    1408.                 value: 'opt3'
    1409.             },
    1410.             {
    1411.                 text: '五星级',
    1412.                 value: 'opt4'
    1413.             },
    1414.             {
    1415.                 text: '六星级',
    1416.                 value: 'opt5'
    1417.             },
    1418.             {
    1419.                 text: '七星级',
    1420.                 value: 'opt6'
    1421.             },
    1422.             {
    1423.                 text: '八星级',
    1424.                 value: 'opt7'
    1425.             },
    1426.             {
    1427.                 text: '九星级',
    1428.                 value: 'opt8'
    1429.             },
    1430.             {
    1431.                 text: '十星级',
    1432.                 value: 'opt9'
    1433.             }
    1434.         ]
    1435.     }
    1436. ];
    1437. // 多选筛选组件数据
    1438. export const checkboxSelections = [
    1439.     {
    1440.         text: '初始有值',
    1441.         type: 'checkbox-group',
    1442.         value: [1],
    1443.         column: 3,
    1444.         objectKey: 'name',
    1445.         itemStyle: {
    1446.             width: upx2rpx(346) + 'rpx'
    1447.         },
    1448.         options: [
    1449.             {
    1450.                 name: '视力',
    1451.                 value: 1
    1452.             },
    1453.             {
    1454.                 name: '听力',
    1455.                 disabled: true,
    1456.                 value: 2,
    1457.                 desc: '禁用不可点'
    1458.             },
    1459.             {
    1460.                 name: '语音',
    1461.                 value: 3
    1462.             },
    1463.             {
    1464.                 name: '肢体',
    1465.                 disabled: true,
    1466.                 value: 4,
    1467.                 desc: '禁用不可点'
    1468.             },
    1469.             {
    1470.                 name: '智力',
    1471.                 value: 5
    1472.             },
    1473.             {
    1474.                 name: '精神',
    1475.                 value: 6
    1476.             }
    1477.         ]
    1478.     },
    1479.     {
    1480.         text: '三列',
    1481.         type: 'checkbox-group',
    1482.         column: 3,
    1483.         objectKey: 'name',
    1484.         itemStyle: {
    1485.             width: upx2rpx(346) + 'rpx'
    1486.         },
    1487.         options: [
    1488.             {
    1489.                 name: '笔记本',
    1490.                 value: 1
    1491.             },
    1492.             {
    1493.                 name: '台式机',
    1494.                 value: 2
    1495.             },
    1496.             {
    1497.                 name: '打印机',
    1498.                 value: 3
    1499.             },
    1500.             {
    1501.                 name: '金士顿钛合金内存',
    1502.                 value: 4
    1503.             },
    1504.             {
    1505.                 name: '技嘉游戏主板',
    1506.                 value: 5
    1507.             },
    1508.             {
    1509.                 name: '电源',
    1510.                 value: 6
    1511.             },
    1512.             {
    1513.                 name: 'CPU',
    1514.                 value: 7
    1515.             },
    1516.             {
    1517.                 name: '键盘',
    1518.                 value: 8
    1519.             },
    1520.             {
    1521.                 name: '显示器',
    1522.                 value: 9
    1523.             },
    1524.             {
    1525.                 name: '主机',
    1526.                 value: 10
    1527.             },
    1528.             {
    1529.                 name: '移动键盘',
    1530.                 value: 11
    1531.             },
    1532.             {
    1533.                 name: '风扇',
    1534.                 value: 12
    1535.             }
    1536.         ]
    1537.     },
    1538.     {
    1539.         text: '两列',
    1540.         type: 'checkbox-group',
    1541.         column: 2,
    1542.         objectKey: 'name',
    1543.         itemStyle: {
    1544.             width: upx2rpx(346) + 'rpx'
    1545.         },
    1546.         options: [
    1547.             {
    1548.                 name: '笔记本',
    1549.                 value: 1
    1550.             },
    1551.             {
    1552.                 name: '台式机',
    1553.                 value: 2
    1554.             },
    1555.             {
    1556.                 name: '特价优惠-金士顿钛合金内存条',
    1557.                 value: 3
    1558.             },
    1559.             {
    1560.                 name: '技嘉游戏主板',
    1561.                 value: 4
    1562.             },
    1563.             {
    1564.                 name: 'CPU',
    1565.                 value: 5
    1566.             },
    1567.             {
    1568.                 name: '键盘',
    1569.                 value: 6
    1570.             },
    1571.             {
    1572.                 name: '主机',
    1573.                 value: 7
    1574.             },
    1575.             {
    1576.                 name: '移动硬盘',
    1577.                 value: 8
    1578.             },
    1579.             {
    1580.                 name: '鼠标',
    1581.                 value: 9
    1582.             },
    1583.             {
    1584.                 name: '硬盘',
    1585.                 value: 10
    1586.             }
    1587.         ]
    1588.     }
    1589. ];
    1590. // 回填筛选组件数据
    1591. export const fillBackSelections = [
    1592.     {
    1593.         text: '默认选项',
    1594.         value: 'all',
    1595.         options: [
    1596.             {
    1597.                 text: '全部地区',
    1598.                 value: 'all'
    1599.             },
    1600.             {
    1601.                 text: '北京市',
    1602.                 value: 'bi'
    1603.             },
    1604.             {
    1605.                 text: '天津市',
    1606.                 value: 'tj'
    1607.             },
    1608.             {
    1609.                 text: '上海市',
    1610.                 value: 'sh'
    1611.             }
    1612.         ]
    1613.     },
    1614.     {
    1615.         text: '星级',
    1616.         value: 'opt4',
    1617.         options: [
    1618.             {
    1619.                 text: '全部星级',
    1620.                 value: 'optAll'
    1621.             },
    1622.             {
    1623.                 text: '五星级',
    1624.                 value: 'opt2'
    1625.             },
    1626.             {
    1627.                 text: '四星级',
    1628.                 value: 'opt3'
    1629.             },
    1630.             {
    1631.                 text: '五星级',
    1632.                 value: 'opt4'
    1633.             },
    1634.             {
    1635.                 text: '六星级',
    1636.                 value: 'opt5'
    1637.             },
    1638.             {
    1639.                 text: '七星级',
    1640.                 value: 'opt6'
    1641.             },
    1642.             {
    1643.                 text: '八星级',
    1644.                 value: 'opt7'
    1645.             },
    1646.             {
    1647.                 text: '九星级',
    1648.                 value: 'opt8'
    1649.             },
    1650.             {
    1651.                 text: '十星级',
    1652.                 value: 'opt9'
    1653.             }
    1654.         ]
    1655.     },
    1656.     {
    1657.         text: '默认带入',
    1658.         value: '11110101000033398111',
    1659.         type: 'cascade',
    1660.         options: cascadeSecondAndThirdOptions
    1661.     }
    1662. ];
    1663. // 自定义筛选面板
    1664. export const customSelections = [
    1665.     {
    1666.         text: '自定义',
    1667.         slot: 'custom'
    1668.     }
    1669. ];
    1670. export const customData = {
    1671.     card: {
    1672.         type: 'checkbox-group',
    1673.         label: '品牌',
    1674.         column: 3,
    1675.         itemStyle: {
    1676.             width: upx2rpx(346) + 'rpx'
    1677.         },
    1678.         spread: true,
    1679.         options: [
    1680.             {
    1681.                 name: '苹果',
    1682.                 value: 1
    1683.             },
    1684.             {
    1685.                 name: '联想',
    1686.                 value: 2
    1687.             },
    1688.             {
    1689.                 name: '惠普',
    1690.                 value: 3
    1691.             }
    1692.         ]
    1693.     },
    1694.     type: {
    1695.         type: 'checkbox-group',
    1696.         label: '类型（默认显示9个选项卡，超出后折叠显示）',
    1697.         column: 3,
    1698.         value: [1],
    1699.         itemStyle: {
    1700.             width: upx2rpx(346) + 'rpx'
    1701.         },
    1702.         showIcon: true,
    1703.         spread: false,
    1704.         options: [
    1705.             {
    1706.                 name: '金士顿钛合金内存',
    1707.                 value: 1
    1708.             },
    1709.             {
    1710.                 name: '技嘉游戏主板',
    1711.                 value: 2
    1712.             },
    1713.             {
    1714.                 name: '电源',
    1715.                 value: 3
    1716.             },
    1717.             {
    1718.                 name: 'CPU',
    1719.                 value: 4
    1720.             },
    1721.             {
    1722.                 name: '键盘',
    1723.                 value: 5
    1724.             },
    1725.             {
    1726.                 name: '显示器',
    1727.                 value: 6
    1728.             },
    1729.             {
    1730.                 name: '主机',
    1731.                 value: 7
    1732.             },
    1733.             {
    1734.                 name: '移动键盘',
    1735.                 value: 8
    1736.             },
    1737.             {
    1738.                 name: '风扇',
    1739.                 value: 9
    1740.             },
    1741.             {
    1742.                 name: '鼠标',
    1743.                 value: 10
    1744.             },
    1745.             {
    1746.                 name: '硬盘',
    1747.                 value: 11
    1748.             },
    1749.             {
    1750.                 name: '内存条哦',
    1751.                 value: 12
    1752.             }
    1753.         ]
    1754.     },
    1755.     activity: {
    1756.         type: 'checkbox-group',
    1757.         label: '活动',
    1758.         column: 3,
    1759.         value: [1],
    1760.         spread: true,
    1761.         itemStyle: {
    1762.             width: upx2rpx(346) + 'rpx'
    1763.         },
    1764.         options: [
    1765.             {
    1766.                 name: '特价优惠-笔记本专用内存条',
    1767.                 value: 1
    1768.             },
    1769.             {
    1770.                 name: '特价优惠-第10代游戏专用CPU',
    1771.                 value: 2
    1772.             },
    1773.             {
    1774.                 name: '特价优惠-台式内存条',
    1775.                 value: 3
    1776.             }
    1777.         ]