概述

为了使你快速完成任务，您只需求引入一个js完成配置就能使你快速产生从组织架构选部门或人员

安装

在引入本js请确保已经引入jq

<script src="js/csc.mail.list.pc.min.js"></script>

使用配置

支持微信开发服务器数据源和自定义数据源

1. 微信开发服务器数据源

https://qyhtest.csc.com.cn/index.php?s=/addon/Mailist/Mobile/index [测试地址] https://wechacha.csc.com.cn/addon/Mailist/Mobile/index [正式地址]

2. 自定义数据源json格式

data: {
    organization: [{
        "orgid": "org_97",
        "orgname": "org_97",
        "parentorgid": "org_256",
        "order": 1
    },
    {
        "orgid": "org_80",
        "orgname": "org_80",
        "parentorgid": "org_97",
        "order": 1
    },
    {
        "orgid": "org_18",
        "orgname": "org_18",
        "parentorgid": "org_256",
        "order": 6
    },
    {
        "orgid": "org_81",
        "orgname": "org_81",
        "parentorgid": "org_80",
        "order": 5
    },
    {
        "orgid": "org_82",
        "orgname": "org_82",
        "parentorgid": "org_80",
        "order": 9
    },
    {
        "orgid": "org_83",
        "orgname": "org_83",
        "parentorgid": "org_1",
        "order": 5
    }

    ],
    staff: [{

        "employeeid": "CSC10154",
        "employeename": "张三",
        "weightseq": "7110",
        "orgid": "org_97",
        "orgname": "债券自营部"
    },
    {

        "employeeid": "CSC1015g",
        "employeename": "张三1",
        "weightseq": "77777",
        "orgid": "org_97",
        "orgname": "债券自营部"
    },
    {

        "employeeid": "CSC10151",
        "employeename": "CSC10151",
        "weightseq": "7119",
        "orgid": "org_97;org_83",
        "orgname": "债券自营部"
    },
    {

        "employeeid": "CSC10152",
        "employeename": "CSC101528",
        "weightseq": "7110",
        "orgid": "org_81",
        "orgname": "债券自营部"
    },

    ]
},

自定义数据源参数说明

参数	是否必填	说明
organization	是	部门列表集
-- orgid	是	部门id
-- orgname	是	部门名称
-- parentorgid	是	父级部门id
-- order	是	排序 升序
staff	是	员工列表集
-- employeeid	是	编号
-- employeename	是	名称
-- weightseq	是	排序 降序
-- orgid	是	部门id
-- orgname	是	部门名称

绑定dom节点示例

$('.btn1').mailList({
    'token': token,
    'url': url,
    data: {
        organization: tep,
        staff: staff
    },
    'type': ["department", "user"],
    "style": 'checkbox',
    'skin': 'linear-gradient(to left,#d3959b,#bfe6ba)',
    'choices': ["user"],
    "field": ['face', 'name'],
    'selectedDepartmentIds': ['org_256', 'org_10', 'org_260', 'org_100'],
    'selectedUserIds': ['csc03895', 'csc01762', 'CSC21439'],
    'choiceCallback': function(obj) {
        console.log(JSON.stringify(obj))
    }
})

参数说明

参数	是否必填	说明
token	是	加密token 参考
url	否	请求微信开发服务器地址
data	否	自定义数据源
type	是	展示 department 部门 ，user 员工
style	是	单选还是多选 radio 单 checkbox 多
choices	是	只选择 department 部门 ，user 员工
field	否	展示字段 name 名称]
selectedDepartmentIds	否	指定部门id
selectedUserIds	否	指定工号
skin	否	皮肤
choiceCallback	是	回调函数