auth-selector-t1
项目为基于create-react-app工具创建出的react项目
Last updated a year ago by passioning .
Original npm · Tarball · package.json
$ cnpm install auth-selector-t1 
SYNC missed versions from official npm registry.

项目为基于create-react-app工具创建出的react项目

########### 启动命令: ~ npm run start 启动授权组件demo ~ npm run build 打包文件

########### 1.项目结构介绍: |-config: 打包配置 |-build: 打包文件输出路径 |-public: 静态资源文件 |-fonts: 字体文件 |-bootstrap.min.css |-wsicons.css 字体文件css |-index.html 打包输出html文件 |-script: 启动命令配置 |-lib:es5格式代码,最终使用代码引用路径 |-src: |-components: 授权组件代码 |-utils: 公共方法,包括:组织结构树构造函数、节点替换、字符串宽度计算、tooltip提示等 |-example: 使用demo,demo基于react-redux进行存储数据, |-helper:封装请求对象 |-middleware:redux中间件,进行dispach相应action |-modules: reducer部分 |-index.js: demo文件入口 |-Test.js: 调用AuthSelector demo文件


######################

开放平台api文档地址:http://open.weishao.com.cn/doc/api#bqlb

以下所有接口地址都是基于调用测试环境中开放平台地址

如正式环境使用,需将 https://testapi.weishao.com.cn 替换成 https://api.weishao.com.cn

2.调用开放平台接口说明:

a.调用组织根节点接口:https://testapi.weishao.com.cn/api/v2/index.php/organization/getOrgTree 参数说明:默认传跟节点ID为0; access_token: 开放平台access_token 返回说明:data: { org: [ {name: '根节点名称', organization_id: '根节点id', path: '根节点路径', child_list: '根节点下子节点个数'} ], org1(开放平台新增字段): [ name: '子节点名称', organization_id: '子节点id', path: '子节点路径', child_list: '子节点下子节点个数' ], user: [ username: ‘用户id’, // 开放平台新增字段 student_number: '学工号', path: '用户路径', // 开放平台新增字段 sex: '性别' photo_live: '头像.png', identity: '身份标识' ] }

b.调用非根节点数据接口:https://testapi.weishao.com.cn/api/v2/index.php/organization/getOrgTree 参数说明:organization_id: 父节点id access_token: 开放平台access_token 返回说明:data: { org: [ name: '子节点名称', organization_id: '子节点id', path: '子节点路径', child_list: '子节点下子节点个数' ], org1: [], // 开放平台新增字段 user: [ username: ‘用户id’, // 开放平台新增字段 student_number: '学工号', path: '用户路径', // 开放平台新增字段 sex: '性别' photo_live: '头像.png', identity: '身份标识' ] }

c.调用标签数据列表数据接口:https://testapi.weishao.com.cn/api/v2/index.php/label/getList 参数说明:access_token: 开放平台access_token 返回说明:data: [{id, label_name}, {id, label_name}],其中label_name需自己手动替换为name

d.调用非常设机构接口:https://testapi.weishao.com.cn/api/v2/index.php/adhoc/getList 参数说明:access_token: access_token 返回说明:[{id1(非常设机构id), name1(非常设机构名称)}, {id2, name2}]

e.获取权限数据接口:https://testapi.weishao.com.cn/api/v2/index.php/auth/getAuth 参数说明:authId 权限id school 学校 access_token: access_token 返回说明:data: { "app_key":"", 应用app_key "auth_type":"1", 权限类型,1:所有人可见(所有人可见时,权限数据其他字段为[]),2:指定范围 "org_list":[], 组织id数组,如: [{id1, path1, name1}, {id2, path2, name2}] "user_list":[], 用户id数组: 如: [{id1, path1, name1}, {id2, path2, name2}] "adhoc_list":[], 非常设机构数组 如:[{id1, name1}, {id2, name2}] "lable_list":[], 标签数组,如:[{id1, name1}, {id2, name2}] "recv_user_lable":[] 身份标示,如:[teacher,bachelor,other] }

f.新建权限接口:https://testapi.weishao.com.cn/api/v2/index.php/auth/addAuth 参数说明:access_token: access_token auth_detail: { app_key: 应用app_key; auth_type: 权限类型,1:所有人可见(其他字段服务器不使用,其他参数可传'' || []),2:指定授权范围; org_list: 组织id(字符串类型),格式如: '1,2,3'; user_list: 用户id(字符串类型), 格式如;'userId1, userId2'; adhoc_list: 非常设机构id(字符串类型),格式如:‘id1, id2’; lable_list: 标签id(字符串类型),格式如:‘labelId1,labelId2’; recv_user_lable: 身份标示类型(array),格式如:【teacher,bachelor,other】 } 返回说明:data:{authority_id: 权限id}

g.编辑权限接口:https://testapi.weishao.com.cn/api/v2/index.php/auth/editAuth 参数说明:access_token: access_token auth_detail:{
app_key: 应用app_key; auth_type: 权限类型,1:所有人可见(其他字段服务器不使用,其他参数可传'' || []),2:指定授权范围; org_list: 组织id(字符串类型),格式如: '1,2,3'; user_list: 用户id(字符串类型), 格式如;'userId1, userId2'; adhoc_list: 非常设机构id(字符串类型),格式如:‘id1, id2’; lable_list: 标签id(字符串类型),格式如:‘labelId1,labelId2’; recv_user_lable: 身份标示类型(array),格式如:【teacher,bachelor,other】 } authId:权限ID school:学校 返回说明:{data: {authority_id: 新的权限ID}}

############## 3.使用方式: 1.html入口处需引入依赖的css文件: build/wsicons.css、build/bootsrtap.min.css 2. npm install auth-selector; import AuthSelector from 'auth-selector'; 3.将参数传入到AuthSelector中,参数如下: <AuthSelector organizationRoot={organizationRoot} orgResult={'初始化数据'} rooting={'根节点加载中'} rootLoaded={'根节点加载完'} rootError={‘加载根节点异常’} nodeLoading={‘子节点加载中’} activeNode={‘当前选中组织节点’} showUser={是否显示用户} // 是否需要显示用户 openNodeId={'1'} // 默认展开节点ID,根节点ID为1,所以传1 loadOrgRoot={‘加载根节点数据方法’} loadOrgNode={‘加载子节点数据’} treeTitle={‘部门院系标题’} // 默认显示'选择接收通知的部门院系' userTypeTitle={用户身份标识标题} // 默认显示'选择接收通知的人员属性' labelListLoaded={‘标签数据加载完毕’} labelList={‘标签数据’} labelListLoading={‘标签数据加载中’} labelListError={‘标签数据加载异常’} getLabelList={‘获取标签数据方法’} adhocOrgList={‘非常设机构数据’} listing={‘非常设机构数据加载中’} listLoaded={‘非常设机构数据加载完毕’} listError={‘非常设机构数据加载异常’} loadAdhocOrgList={‘加载非常设机构数据方法’} orgNodeCheckedResult={‘授权范围勾选回调方法’} // 回传授权范围数据,格式如:{data{orgData: [], adhocList:[], lableList:[]}} />

4.数据构造部分请参考example/modules/reducer.js文件, 按照第二步中接口说明请求数据,将返回结果按照对应方法进行构造,传递到组件中

###########

Current Tags

  • 0.1.0                                ...           latest (a year ago)

1 Versions

  • 0.1.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |