@beisen-phoenix/lookup
Version:
---
472 lines (461 loc) • 10.9 kB
JavaScript
import departmentDataSource from './departmentDataSource';
import React from "react";
export const fields = [
{
// 字段编码
name: 'dev01',
// 控件类型，这里可以直接使用元数据的cmp_type
type: 'BC_TextBox',
// 排序
order: '1',
// 是否配置到常用模式中
normalMode: true,
// 控件的配置信息，不同控件有不同的属性
controlProps: {
// 输入框相关控件的最大字符
maxLength: 20
},
// 字段名称
label: '输入框',
// 字段选中数据，可作为默认值传入
data: {
label: '',
value: ''
}
},
{
name: 'dev02',
type: 'BC_DigitText',
order: '2',
normalMode: true,
controlProps: {
maxLength: 20,
min: 0,
max: 10000
},
label: '数字输入框',
data: {
label: '',
value: ''
}
},
{
name: 'dev03',
type: 'BC_DropDownList',
order: '3',
normalMode: true,
controlProps: {
// 是否显示搜索框
showSearch: false,
// 是否显示全选
showCheckAll: false
},
label: '单选框/单选列表/复选框',
data: {
label: '',
value: ''
},
// 下拉多选的数据源
dataSource: [
{
label: '专科',
value: 'zhuanke'
},
{
label: '本科',
value: 'benke'
},
{
label: '硕士',
value: 'shuoshi'
},
{
label: '博士',
value: 'boshi'
}
]
},
{
name: 'dev04',
type: 'BC_AutoComplete',
normalMode: false,
order: '4',
label: '自动完成',
data: {
label: '',
value: ''
},
dataSourceUrl:
'https://www.easy-mock.com/mock/5d5a850c4c0d364290effa1d/cmp/auto-complete#!method=get',
dataSource: ['选项一', '选项二', '选项三', '选项四', '选项五']
},
{
name: 'dev05',
type: 'BC_PopTree',
normalMode: false,
order: '5',
label: '树形选择框',
data: {
label: '',
value: ''
},
dataSourceUrl:
'https://www.easy-mock.com/mock/5d5a850c4c0d364290effa1d/cmp/tree-selector#!method=get',
dataSource: []
},
{
name: 'dev06',
type: 'BC_DateTime',
order: '6',
normalMode: false,
controlProps: {
// 日期时间格式，具体参考moment，默认就是YYYY/MM/DD HH:mm:ss
dateTimeFormat: 'YYYY/MM/DD HH:mm:ss'
},
label: '日期时间',
data: {
label: '',
value: ''
}
},
{
name: 'dev07',
type: 'BC_Date',
order: '7',
normalMode: false,
label: '日期',
data: {
label: '',
value: ''
}
},
{
name: 'dev08',
type: 'BC_Month',
order: '8',
normalMode: false,
label: '年月',
data: {
label: '',
value: ''
}
},
{
name: 'dev09',
type: 'BC_Time',
order: '9',
normalMode: false,
label: '时分',
data: {
label: '',
value: ''
}
},
{
name: 'dev10',
type: 'BC_DateTimeRange',
order: '10',
normalMode: false,
label: '日期时间范围',
data: {
label: '',
value: ''
}
},
{
name: 'dev11',
type: 'BC_DateRange',
order: '11',
normalMode: false,
label: '日期范围',
data: {
label: '',
value: ''
}
},
{
name: 'dev12',
type: 'BC_YearsRange',
order: '12',
normalMode: false,
label: '年月范围',
data: {
label: '',
value: ''
}
},
{
name: 'dev13',
type: 'BC_TimeRange',
order: '13',
normalMode: false,
label: '时分范围',
data: {
label: '',
value: ''
}
},
{
name: 'dev14',
type: 'BC_UserSelect',
order: '14',
normalMode: false,
controlProps: {
host: '//www.italent.link',
tenantId: '100013',
userId: '100766253',
isMultiple: false
},
label: '人员选择单选',
data: {
label: '',
value: ''
}
},
{
name: 'dev15',
type: 'BC_PopArea',
order: '15',
normalMode: false,
controlProps: {
isMultiple: false
},
label: '地区选择单选',
data: {
label: '',
value: ''
}
},
{
name: 'dev16',
type: 'BC_Department',
order: '16',
normalMode: false,
controlProps: {
isMultiple: false
},
label: '部门选择单选',
data: {
label: '',
value: ''
},
dataSource: [],
dataSourceUrl:
'https://www.easy-mock.com/mock/5d5a850c4c0d364290effa1d/cmp/department-selector#!method=get'
},
{
name: 'dev17',
type: 'BC_Email',
order: '18',
normalMode: true,
controlProps: {},
label: '电子邮箱',
data: {
label: '',
value: ''
}
},
{
name: 'dev18',
type: 'BC_Url',
order: '19',
normalMode: true,
controlProps: {},
label: 'Url',
data: {
label: '',
value: ''
}
},
{
name: 'dev19',
type: 'BC_UserSelect',
order: '19',
normalMode: false,
controlProps: {
host: '//www.italent.link',
tenantId: '100013',
userId: '100766253',
isMultiple: true
},
label: '人员选择多选',
data: {
label: '',
value: ''
}
},
{
name: 'dev20',
type: 'BC_PopArea',
order: '20',
normalMode: false,
controlProps: {
isMultiple: true
},
label: '地区选择多选',
data: {
label: '',
value: ''
}
},
{
name: 'dev21',
type: 'BC_Department',
order: '21',
normalMode: false,
controlProps: {
isMultiple: true
},
label: '部门选择多选',
data: {
label: '',
value: ''
},
dataSource: [],
dataSourceUrl:
'https://www.easy-mock.com/mock/5d5a850c4c0d364290effa1d/cmp/department-selector#!method=get'
},
{
name: 'dev22',
type: 'BC_DropDownList',
order: '22',
normalMode: true,
controlProps: {},
label: '是否',
data: {
label: '',
value: ''
},
dataSource: [
{
label: '是',
value: 'Yes'
},
{
label: '否',
value: 'No'
}
]
}
];
export const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
type: 'link',
width: 80,
initProps(record, rowIndex) {
return {
href: 'https://www.baidu.com',
text: record.name,
control: false,
openType: '_blank',
}
}
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
width: 80,
// width: 150,
// resizable: true,
},
{
title: 'Address',
dataIndex: 'address',
width: 80,
key: 'address',
width: 80,
},
{
title: 'Tags',
key: 'tags',
dataIndex: 'tags',
width: 80,
render: tags => (
<span>
dd
</span>
),
},
{
title: 'Action',
key: 'action',
width: 80,
render: (text, record) => (
<span>
<a>Invite {record.name}</a>
<a>Delete</a>
</span>
),
},
];
export const options = [
{label: '宋江' ,sublabel: '梁山首领',
value: 'top1'},
{},
{label: '武松' ,sublabel: '梁山好汉,井阳冈打虎英雄，井阳冈打虎英雄井阳冈打虎英雄井阳冈打虎英雄井阳冈打虎英雄井阳冈打虎英雄井阳冈打虎英雄',
value: 'top11'},
{label: '卢俊义' ,sublabel: '梁山首领',
value: 'top2'},
{label: '林冲梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉' ,sublabel: '梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉梁山好汉',
value: 'top38'}
]
export const options1 = [
{label: '宋江' ,sublabel: '梁山首领',
value: 'top1'},
{},
{label: '卢俊义' ,sublabel: '梁山首领',
value: 'top2'},
{label: '武松' ,sublabel: '梁山好汉',
value: 'top3'}
]
let _options50 = [];
for (var i=0;i<60;i++) {
_options50.push({label: '宋江'+ i ,sublabel: '梁山首领' + i,
value: 'top' + i})
}
export const options50 = _options50
export const selectOption = [
{label: '武松' ,sublabel: '梁山好汉',
value: 'top1'}
]
let _tableData = [];
for (let i = 0; i < 52; i++) {
_tableData.push({
id: i,
key: 'top' + i,
name: `Edward${i}`,
age: i % 2 == 0 ? 28 : 32,
address: `London, Park Lane no. ${i}`,
});
}
export const tableData = _tableData
export const advanceParam = {
tableMeta: {
columns: columns,
data: tableData,
pagination:{
pageSize: 15
},
},
searchFormMeta: {
fields: fields
},
tablePrimaryKey: 'key'
}
export const advanceParamSearch = {
tableMeta: {
columns: columns,
data: tableData,
pagination:{
pageSize: 15
}
},
searchFormMeta: {
fields: fields.slice(0,1)
},
tablePrimaryKey: 'key'
}