infinitus-custom-contacts

infinitus-custom-contacts

infinitus-custom-contacts

中文文档

威发微服务选人组件/Wafer microservice selection component

Example

How to use

install

yarn add infinitus-custom-contacts

React

import Contacts from 'infinitus-custom-contacts';

<Contacts {...props}/>

Properties	Description	Type	Default Values
loading	Loading status	bool	false
searchResult	Query user data return results （[User & Search Result Data](###User & Search Result Data)）	object	{ records: []}
handleSearchUser	Handle search user function	func	function(page, jobs, name, rank, rankClassification), page:Number jobs:obj name:String rank:obj rankClassification:obj
updateSelectUsers	Update user list when select user	func	function(userSelected)
defaultUserSelected	default user selected	array	[{id:'abc',name:'CCC'}]
numberColor	total number color	sring	#E65653
totalShowText	totalShowText	string	共选择了$个
radioShowText	when user selected on radio, show tip text.	string	'已经选择'
jobsText	jobs text	string	'岗位'
nameText	name text	string	'姓名'
rankText	rank text	string	'职级'
workNumberNumber	workNumberNumber text	string	'工号'
functionText	function text	string	'岗位'
namePlaceholder	name placeholder	string	'请输入搜索姓名'
jobsPlaceholder	jobs placeholder	string	'请选择岗位'
rankPlaceholder	rank placeholder	string	'请选择职级'
rankTipPlaceholder	rankTip placeholder	string	'请选择职级分类或级别'
jobsData	jobs select data	string	[]
jobsValueKey	jobs select key	string	'id'
jobsNameKey	jobs select name	string	'name'
rankData	rank select data	string	[]
rankValueKey	rank select key	string	'id'
rankNameKey	rank select name	string	'name'
rankClassificationData	rankClassification select data	string	[]
rankClassificationValueKey	rankClassification select key	string	'id'
rankClassificationNameKey	rankClassification select name	string	'name'
tableColumnsKey	The query result table columns corresponds to dataIndex, please note that the first name and data echo also correspond	array	['name', 'workNumberNumber', 'fun', 'rank', 'jobs'],
tableRowKey	table row key，This value corresponds to the data echo	string	'id'
emptyTip	table empty tip	string	'什么都没有哦~'
tableCheckboxDisabled	The set of keys that need to be forbidden to be selected in the table	array	[]

职级分类或级别数据结构

[
      {
        id: 1,
        parentId: 0,
        children: [
          {
            id: 3,
            parentId: 1,
            children: [
              {
                id: 4,
                parentId: 3,
                children: [
                  {
                    id: 5,
                    parentId: 4,
                    children: [],
                    name: '院校农信',
                  },
                ],
                name: '高新农信',
              },
            ],
            name: '潍坊农信',
          },
        ],
        name: '山东农信',
      },
  ]

User & Search Result Data

const columns = [ { title: nameText, dataIndex: 'name', }, { title: workNumberNumber, dataIndex: 'workNumberNumber', }, { title: functionText, dataIndex: 'fun', }, { title: rankText, dataIndex: 'rank', }, { title: jobsText, dataIndex: 'jobs', } ];

 {
      records: [
        {
          id: 1,
          name:'abc',
          workNumberNumber:12,
          fun:'aaa',
          rank:'bbb',
          jobs:'ttt' 
        },
	   ......
      ],
      total: 11,
      size: 10,
      current: 1,
      searchCount: true,
      pages: 1,
    },

Development

$ git clone https://github.com/wafersystems/react-contacts.git
$ yarn
$ yarn start

Changelog

[0.0.16] - 2020-12-23

Added

• none

Changed

• modify user list add rolling

Removed

• none