react-form-ui-y
Version:
1,326 lines (1,304 loc) • 51.3 kB
Plain Text
1.input API 属性
属性名（name） 类型（type） 必要性（Required） 默认值（default） 描述（description）
inputName String true 无
formText String false
hintText String false
errorText String false 该值不能为空 报错提示
changeValue Fun false
remarks Object false
dataSource Object true 无 单选项值 格式必须为 [{text:"女",value:"F"},{text:"男",value:"M"}]
selectType String false select 还有可选项dialog
idText String true 树ID
nameText String true 树名字
required Boolean false false
disabled Boolean false false
designationTheme String false default 主题类型：default（默认），tender
dataType String false default 表单赋值的类型，如获取的formData，默认结果formData
formType String false default(box) 表单类型
textWidth String false
valueWidth String false
textAlign String false left(formType："box"默认left，default默认right) right center（无）
valueAlign String false right
2.安装
npm install "react-form-ui-y" --save
3.使用
reducers.js
import {combineReducers} from 'redux'
import {formData, subVerifyRes} from './form/index'//表单
const CombineReducers = combineReducers({
formData,//表单数据
subVerifyRes//表单校验的方法
});
export default CombineReducers
demo.jsx
import {connect} from 'react-redux'
import {bindActionCreators} from 'redux'
import {OrganizationTreeField,actionForm} from 'react-form-ui-y';
let res = {
"errorCode": "0",
"errorMsg": "SUCCESS",
"data": [{
"orgId": 120,
"orgName": "10总裁办公室",
"subList": [{
"orgId": 1550,
"orgName": "20SAP BU",
"subList": []
}, {
"orgId": 713,
"orgName": "20IT管理部",
"subList": [{
"orgId": 1290,
"orgName": "30深圳IT管理部",
"subList": []
}, {
"orgId": 1291,
"orgName": "30广州IT管理部",
"subList": []
}]
}, {
"orgId": 316,
"orgName": "20证券投资部",
"subList": []
}, {
"orgId": 1570,
"orgName": "20产业投资部",
"subList": []
}, {
"orgId": 171,
"orgName": "20市场营销中心",
"subList": [{
"orgId": 1250,
"orgName": "30公共关系部",
"subList": []
}, {
"orgId": 1311,
"orgName": "30重点大客户部",
"subList": [{
"orgId": 1312,
"orgName": "40重点大客户部_华东区域",
"subList": []
}, {
"orgId": 1314,
"orgName": "40重点大客户部_华南区域",
"subList": []
}, {
"orgId": 1315,
"orgName": "40重点大客户部_山东区域",
"subList": []
}, {
"orgId": 1313,
"orgName": "40重点大客户部_华北区域",
"subList": []
}]
}, {
"orgId": 881,
"orgName": "30产品销售部",
"subList": []
}, {
"orgId": 1316,
"orgName": "30销售发展部",
"subList": [{
"orgId": 1320,
"orgName": "40销售发展部_华北区域",
"subList": []
}, {
"orgId": 1319,
"orgName": "40销售发展部_西南区域",
"subList": []
}, {
"orgId": 1318,
"orgName": "40销售发展部_华南区域",
"subList": []
}, {
"orgId": 1317,
"orgName": "40销售发展部_华东区域",
"subList": []
}]
}, {
"orgId": 883,
"orgName": "30关键客户一部",
"subList": []
}, {
"orgId": 1610,
"orgName": "30行业解决方案部",
"subList": []
}, {
"orgId": 884,
"orgName": "30关键客户二部",
"subList": []
}, {
"orgId": 1310,
"orgName": "30市场营销管理部",
"subList": []
}]
}, {
"orgId": 1302,
"orgName": "20资源招聘部",
"subList": [{
"orgId": 1308,
"orgName": "30武汉资源招聘部",
"subList": []
}, {
"orgId": 1306,
"orgName": "30深圳资源招聘部",
"subList": [{
"orgId": 1307,
"orgName": "40深圳资源招聘部_招聘管理中心",
"subList": []
}]
}, {
"orgId": 1303,
"orgName": "30广州资源招聘部",
"subList": [{
"orgId": 1304,
"orgName": "40广州资源招聘部_招聘管理中心",
"subList": []
}]
}, {
"orgId": 1305,
"orgName": "30佛山资源招聘部",
"subList": []
}]
}, {
"orgId": 531,
"orgName": "20赛意学院",
"subList": [{
"orgId": 613,
"orgName": "30管理培训中心",
"subList": []
}, {
"orgId": 1309,
"orgName": "30专业培训中心",
"subList": []
}]
}, {
"orgId": 116,
"orgName": "20人力资源部",
"subList": [{
"orgId": 902,
"orgName": "30薪酬管理中心",
"subList": []
}, {
"orgId": 904,
"orgName": "30武汉人力资源部",
"subList": []
}, {
"orgId": 851,
"orgName": "30深圳人力资源部",
"subList": [{
"orgId": 853,
"orgName": "40人才发展中心",
"subList": []
}, {
"orgId": 852,
"orgName": "40组织发展中心",
"subList": []
}]
}, {
"orgId": 1301,
"orgName": "30HRBP中心",
"subList": []
}]
}, {
"orgId": 889,
"orgName": "20运维服务部",
"subList": [{
"orgId": 1630,
"orgName": "30CRM应用实施部",
"subList": []
}, {
"orgId": 1350,
"orgName": "30云服务中心",
"subList": []
}, {
"orgId": 1349,
"orgName": "30产品运维中心",
"subList": []
}]
}, {
"orgId": 1399,
"orgName": "20云&技术发展中心",
"subList": []
}, {
"orgId": 1364,
"orgName": "20ORACLE BU",
"subList": [{
"orgId": 1393,
"orgName": "30技术研发中心",
"subList": [{
"orgId": 1397,
"orgName": "40Cloud技术部",
"subList": []
}, {
"orgId": 1398,
"orgName": "40技术交付管理部",
"subList": []
}, {
"orgId": 1395,
"orgName": "40HCM技术部",
"subList": []
}, {
"orgId": 1396,
"orgName": "40SRM技术部",
"subList": []
}, {
"orgId": 1394,
"orgName": "40EBS技术部",
"subList": []
}]
}, {
"orgId": 1390,
"orgName": "30ORACLE BU _共享交付中心",
"subList": [{
"orgId": 1391,
"orgName": "40共享交付一部",
"subList": []
}, {
"orgId": 1392,
"orgName": "40共享交付二部",
"subList": []
}]
}, {
"orgId": 1377,
"orgName": "30SRM产品中心",
"subList": [{
"orgId": 1378,
"orgName": "40SRM_交付部",
"subList": []
}, {
"orgId": 1379,
"orgName": "40SRM_售前与方案部",
"subList": []
}]
}, {
"orgId": 1387,
"orgName": "30交付管理中心",
"subList": [{
"orgId": 1389,
"orgName": "40交付管理二部",
"subList": []
}, {
"orgId": 1388,
"orgName": "40交付管理一部",
"subList": []
}]
}, {
"orgId": 1384,
"orgName": "30售前方案中心",
"subList": [{
"orgId": 1386,
"orgName": "40售前方案中心_行业方案部",
"subList": []
}, {
"orgId": 1385,
"orgName": "40售前方案中心_行业发展部",
"subList": []
}]
}, {
"orgId": 1366,
"orgName": "30ERP产品中心",
"subList": [{
"orgId": 1370,
"orgName": "40ERP_济南供应链顾问部",
"subList": []
}, {
"orgId": 1367,
"orgName": "40ERP_广州财务顾问部",
"subList": []
}, {
"orgId": 1375,
"orgName": "40ERP_NetSuite产品部",
"subList": []
}, {
"orgId": 1368,
"orgName": "40ERP_广州供应链顾问部",
"subList": []
}, {
"orgId": 1372,
"orgName": "40ERP_北京顾问部",
"subList": []
}, {
"orgId": 1369,
"orgName": "40ERP_济南财务顾问部",
"subList": []
}, {
"orgId": 1371,
"orgName": "40ERP_上海顾问部",
"subList": []
}, {
"orgId": 1374,
"orgName": "40ERP_Cloud产品部",
"subList": []
}, {
"orgId": 1376,
"orgName": "40ERP_EPM产品部",
"subList": []
}, {
"orgId": 1373,
"orgName": "40ERP_EAM产品部",
"subList": []
}]
}, {
"orgId": 1365,
"orgName": "30资源培训中心",
"subList": []
}, {
"orgId": 1380,
"orgName": "30HCM产品中心",
"subList": [{
"orgId": 1382,
"orgName": "40HCM_Cloud交付部",
"subList": []
}, {
"orgId": 1381,
"orgName": "40HCM_OP交付部",
"subList": []
}, {
"orgId": 1383,
"orgName": "40HCM_售前方案部",
"subList": []
}]
}]
}, {
"orgId": 530,
"orgName": "20赛意研究院",
"subList": [{
"orgId": 1400,
"orgName": "30咨询规划中心",
"subList": []
}, {
"orgId": 1611,
"orgName": "30行业咨询规划中心",
"subList": []
}, {
"orgId": 1402,
"orgName": "30基础研究中心",
"subList": []
}, {
"orgId": 1401,
"orgName": "30行业研究中心",
"subList": []
}]
}, {
"orgId": 128,
"orgName": "20财务管理部",
"subList": [{
"orgId": 1292,
"orgName": "30财务核算中心",
"subList": [{
"orgId": 1294,
"orgName": "40资金管理",
"subList": []
}, {
"orgId": 1293,
"orgName": "40财务核算",
"subList": []
}]
}, {
"orgId": 1296,
"orgName": "30销售财务中心",
"subList": []
}, {
"orgId": 1297,
"orgName": "30财务管理中心",
"subList": []
}, {
"orgId": 1590,
"orgName": "30BG财务中心1",
"subList": []
}, {
"orgId": 1591,
"orgName": "30BG财务中心2",
"subList": []
}]
}, {
"orgId": 122,
"orgName": "20营运管理部",
"subList": [{
"orgId": 1102,
"orgName": "30组织营运中心",
"subList": []
}, {
"orgId": 1298,
"orgName": "30行政支持中心",
"subList": [{
"orgId": 1488,
"orgName": "40武汉支持中心",
"subList": []
}, {
"orgId": 1299,
"orgName": "40深圳支持中心",
"subList": []
}, {
"orgId": 1300,
"orgName": "40总部支持中心",
"subList": []
}]
}]
}, {
"orgId": 125,
"orgName": "20项目管理部",
"subList": []
}, {
"orgId": 1321,
"orgName": "20智能制造BG",
"subList": [{
"orgId": 1331,
"orgName": "30供应链产品部",
"subList": [{
"orgId": 1335,
"orgName": "40售后服务部",
"subList": []
}, {
"orgId": 1332,
"orgName": "40售前与交付中心",
"subList": [{
"orgId": 1334,
"orgName": "50售前与交付中心_咨询服务二部",
"subList": []
}, {
"orgId": 1333,
"orgName": "50售前与交付中心_咨询服务一部",
"subList": []
}]
}, {
"orgId": 733,
"orgName": "40技术研发部",
"subList": []
}]
}, {
"orgId": 1322,
"orgName": "30S-MOM产品事业部",
"subList": [{
"orgId": 1324,
"orgName": "40S-MOM产品事业部_交付中心",
"subList": []
}, {
"orgId": 1326,
"orgName": "40S-MOM产品事业部_方案中心",
"subList": []
}, {
"orgId": 1325,
"orgName": "40S-MOM产品事业部_开发中心",
"subList": []
}, {
"orgId": 1323,
"orgName": "40S-MOM产品事业部_研发中心",
"subList": []
}]
}, {
"orgId": 1336,
"orgName": "30智造物联咨询部",
"subList": [{
"orgId": 1339,
"orgName": "40设备物联部",
"subList": []
}, {
"orgId": 1337,
"orgName": "40智能制造规划部",
"subList": []
}, {
"orgId": 1340,
"orgName": "40售前虚拟中心",
"subList": []
}, {
"orgId": 1338,
"orgName": "40行业方案部",
"subList": []
}]
}, {
"orgId": 1327,
"orgName": "30西门子交付事业部",
"subList": [{
"orgId": 1410,
"orgName": "40西门子_PLM产品部",
"subList": []
}, {
"orgId": 1330,
"orgName": "40数据共享部",
"subList": []
}, {
"orgId": 1328,
"orgName": "40MES产品部",
"subList": []
}]
}]
}, {
"orgId": 1411,
"orgName": "20大客户交付BG",
"subList": [{
"orgId": 911,
"orgName": "30PG6",
"subList": [{
"orgId": 1423,
"orgName": "40集成验证中心产品部",
"subList": [{
"orgId": 1440,
"orgName": "50集成验证中心产品线",
"subList": [{
"orgId": 1480,
"orgName": "60PG6_持续集成产品",
"subList": []
}, {
"orgId": 1481,
"orgName": "60PG6_用户体验产品",
"subList": []
}]
}]
}, {
"orgId": 979,
"orgName": "40PG6_质量运营组",
"subList": []
}]
}, {
"orgId": 1690,
"orgName": "30PD2",
"subList": []
}, {
"orgId": 1487,
"orgName": "30售前方案部",
"subList": []
}, {
"orgId": 1511,
"orgName": "30综合运营部",
"subList": []
}, {
"orgId": 912,
"orgName": "30技术能力中心",
"subList": []
}, {
"orgId": 908,
"orgName": "30PG3",
"subList": [{
"orgId": 976,
"orgName": "40PG3_质量运营组",
"subList": []
}, {
"orgId": 924,
"orgName": "40CRM产品部",
"subList": [{
"orgId": 1434,
"orgName": "50CRM产品线",
"subList": [{
"orgId": 1022,
"orgName": "60PG3_iSales",
"subList": []
}]
}]
}, {
"orgId": 1419,
"orgName": "40企业BG产品部",
"subList": [{
"orgId": 1433,
"orgName": "50企业BG产品线",
"subList": [{
"orgId": 1460,
"orgName": "60PG3_e+Service",
"subList": []
}, {
"orgId": 1463,
"orgName": "60PG3_e+解决方案",
"subList": []
}, {
"orgId": 1462,
"orgName": "60PG3_e+Portal",
"subList": []
}, {
"orgId": 1461,
"orgName": "60PG3_e+Channel",
"subList": []
}]
}]
}]
}, {
"orgId": 906,
"orgName": "30PG1",
"subList": [{
"orgId": 914,
"orgName": "40财经产品部",
"subList": [{
"orgId": 950,
"orgName": "50财经软件包产品线",
"subList": [{
"orgId": 986,
"orgName": "60PG1_ERP-TAX",
"subList": []
}, {
"orgId": 984,
"orgName": "60PG1_ERP-AP",
"subList": []
}, {
"orgId": 985,
"orgName": "60PG1_ERP-GL",
"subList": []
}, {
"orgId": 982,
"orgName": "60PG1_ERP-CST",
"subList": []
}, {
"orgId": 981,
"orgName": "60PG1_ERP-AR",
"subList": []
}]
}, {
"orgId": 951,
"orgName": "50财经自研产品线",
"subList": [{
"orgId": 1453,
"orgName": "60PG1_PSMP",
"subList": []
}, {
"orgId": 1452,
"orgName": "60PG1_资金小贷",
"subList": []
}, {
"orgId": 988,
"orgName": "60PG1_eRevenue",
"subList": []
}, {
"orgId": 987,
"orgName": "60PG1_eGL",
"subList": []
}]
}]
}, {
"orgId": 916,
"orgName": "40采购产品部",
"subList": [{
"orgId": 953,
"orgName": "50采购产品线",
"subList": [{
"orgId": 1454,
"orgName": "60PG1_服务化",
"subList": []
}, {
"orgId": 989,
"orgName": "60PG1_SRM+",
"subList": []
}, {
"orgId": 993,
"orgName": "60PG1_Procurement BI",
"subList": []
}]
}]
}, {
"orgId": 913,
"orgName": "40PG1_质量运营组",
"subList": []
}, {
"orgId": 1416,
"orgName": "40主干交易平台产品部",
"subList": [{
"orgId": 1432,
"orgName": "50主干交易平台产品线",
"subList": [{
"orgId": 1455,
"orgName": "60PG1_ERP-PC",
"subList": []
}, {
"orgId": 992,
"orgName": "60PG1_ERP-PO+",
"subList": []
}, {
"orgId": 1004,
"orgName": "60PG1_ERP-OM",
"subList": []
}, {
"orgId": 995,
"orgName": "60PG1_ERP-MFG",
"subList": []
}]
}]
}]
}, {
"orgId": 1413,
"orgName": "30PD1",
"subList": [{
"orgId": 1429,
"orgName": "40综合交付一部",
"subList": []
}, {
"orgId": 1428,
"orgName": "40美的交付部",
"subList": []
}, {
"orgId": 1427,
"orgName": "40技术共享中心",
"subList": []
}, {
"orgId": 1426,
"orgName": "40方案中心",
"subList": []
}]
}, {
"orgId": 1510,
"orgName": "30质量管理部",
"subList": []
}, {
"orgId": 1691,
"orgName": "30云业务部",
"subList": [{
"orgId": 1420,
"orgName": "40云服务产品部",
"subList": [{
"orgId": 1435,
"orgName": "50云服务产品线",
"subList": [{
"orgId": 1692,
"orgName": "60云业务部_测试环境运维产品",
"subList": []
}]
}]
}]
}, {
"orgId": 909,
"orgName": "30PG4",
"subList": [{
"orgId": 1421,
"orgName": "40服务交付产品部",
"subList": [{
"orgId": 1650,
"orgName": "50服务交付产品线",
"subList": [{
"orgId": 1469,
"orgName": "60PG4_PPM-问题与风险",
"subList": []
}, {
"orgId": 1464,
"orgName": "60PG4_RPM-技术管理",
"subList": []
}, {
"orgId": 1467,
"orgName": "60PG4_验收平台-Smart QC",
"subList": []
}, {
"orgId": 1466,
"orgName": "60PG4_RPM-DU",
"subList": []
}, {
"orgId": 1470,
"orgName": "60PG4_ISDP-用户运营",
"subList": []
}]
}]
}, {
"orgId": 977,
"orgName": "40PG4_质量运营组",
"subList": []
}]
}, {
"orgId": 907,
"orgName": "30PG2",
"subList": [{
"orgId": 1417,
"orgName": "40PG2_解决方案组",
"subList": []
}, {
"orgId": 1418,
"orgName": "40PG2_公共技术组",
"subList": []
}, {
"orgId": 922,
"orgName": "40物流产品部",
"subList": [{
"orgId": 958,
"orgName": "50物流产品线",
"subList": [{
"orgId": 1019,
"orgName": "60PG2_GTM",
"subList": []
}, {
"orgId": 1016,
"orgName": "60PG2_CES",
"subList": []
}, {
"orgId": 1017,
"orgName": "60PG2_SCM-INV",
"subList": []
}, {
"orgId": 1213,
"orgName": "60PG2_供应_仓储_WMS",
"subList": []
}, {
"orgId": 1018,
"orgName": "60PG2_SCM-站点应用",
"subList": []
}]
}]
}, {
"orgId": 921,
"orgName": "40PG2_质量运营组",
"subList": []
}, {
"orgId": 918,
"orgName": "40制造产品部",
"subList": [{
"orgId": 955,
"orgName": "50制造产品线",
"subList": [{
"orgId": 1458,
"orgName": "60PG2_DF",
"subList": []
}, {
"orgId": 1456,
"orgName": "60PG2_AWMS",
"subList": []
}, {
"orgId": 1457,
"orgName": "60PG2_DMS",
"subList": []
}, {
"orgId": 1657,
"orgName": "60PG2_供应计划",
"subList": []
}]
}]
}, {
"orgId": 917,
"orgName": "40订单产品部",
"subList": [{
"orgId": 954,
"orgName": "50订单产品线",
"subList": [{
"orgId": 1459,
"orgName": "60PG2_CPP",
"subList": []
}]
}]
}]
}, {
"orgId": 910,
"orgName": "30PG5",
"subList": [{
"orgId": 1422,
"orgName": "40财经数据分析&HR产品部",
"subList": [{
"orgId": 1439,
"orgName": "50财经数据分析产品线",
"subList": [{
"orgId": 1658,
"orgName": "60PG5_OCF",
"subList": []
}, {
"orgId": 1472,
"orgName": "60PG5_财报内控",
"subList": []
}, {
"orgId": 1045,
"orgName": "60PG5_账务职能",
"subList": []
}, {
"orgId": 1044,
"orgName": "60PG5_财经管理",
"subList": []
}, {
"orgId": 1042,
"orgName": "60PG5_财务核算",
"subList": []
}]
}, {
"orgId": 952,
"orgName": "50HR产品线",
"subList": [{
"orgId": 1474,
"orgName": "60PG5_HR数据分析",
"subList": []
}, {
"orgId": 1473,
"orgName": "60PG5_HR CLoud",
"subList": []
}]
}]
}, {
"orgId": 978,
"orgName": "40PG5_质量运营组",
"subList": []
}, {
"orgId": 931,
"orgName": "40数据平台产品部",
"subList": [{
"orgId": 969,
"orgName": "50数据平台产品线",
"subList": [{
"orgId": 1478,
"orgName": "60PG5_IOC智能运营",
"subList": []
}, {
"orgId": 1476,
"orgName": "60PG5_数据湖-供应链",
"subList": []
}, {
"orgId": 1479,
"orgName": "60PG5_IT数据运营",
"subList": []
}, {
"orgId": 1043,
"orgName": "60PG5_客户合同",
"subList": []
}, {
"orgId": 1475,
"orgName": "60PG5_数据湖-财经",
"subList": []
}, {
"orgId": 1477,
"orgName": "60PG5_AI分析",
"subList": []
}]
}]
}]
}, {
"orgId": 1490,
"orgName": "30业务拓展部",
"subList": [{
"orgId": 930,
"orgName": "40PLM产品部",
"subList": [{
"orgId": 968,
"orgName": "50PLM产品线",
"subList": [{
"orgId": 1442,
"orgName": "60BD_IPD BI",
"subList": []
}, {
"orgId": 1652,
"orgName": "60BD_DEVX",
"subList": []
}, {
"orgId": 1653,
"orgName": "60BD_数字营销",
"subList": []
}, {
"orgId": 1651,
"orgName": "60BD_iLEAD",
"subList": []
}, {
"orgId": 1443,
"orgName": "60BD_BUOA",
"subList": []
}]
}]
}, {
"orgId": 926,
"orgName": "40办公IT产品部",
"subList": [{
"orgId": 965,
"orgName": "50办公IT产品线",
"subList": [{
"orgId": 1656,
"orgName": "60BD_iSearch",
"subList": []
}]
}]
}, {
"orgId": 925,
"orgName": "40工具产品部",
"subList": [{
"orgId": 1438,
"orgName": "50工具产品线",
"subList": [{
"orgId": 1654,
"orgName": "60BD_PO ROBOT",
"subList": []
}, {
"orgId": 1655,
"orgName": "60BD_TCMP",
"subList": []
}]
}]
}, {
"orgId": 1415,
"orgName": "40云平台产品部",
"subList": [{
"orgId": 1430,
"orgName": "50云平台产品线",
"subList": [{
"orgId": 1445,
"orgName": "60BD_gData",
"subList": []
}, {
"orgId": 1444,
"orgName": "60BD_xData",
"subList": []
}, {
"orgId": 1449,
"orgName": "60BD_云开发",
"subList": []
}, {
"orgId": 1446,
"orgName": "60BD_vData",
"subList": []
}]
}]
}, {
"orgId": 1414,
"orgName": "40BD_质量运营组",
"subList": []
}, {
"orgId": 1210,
"orgName": "40行政与综合产品部",
"subList": [{
"orgId": 1431,
"orgName": "50行政与综合产品线",
"subList": [{
"orgId": 1450,
"orgName": "60BD_eCR",
"subList": []
}]
}]
}]
}, {
"orgId": 1150,
"orgName": "30武汉交付中心",
"subList": []
}, {
"orgId": 1412,
"orgName": "30PG7",
"subList": [{
"orgId": 1424,
"orgName": "40PG7_质量运营组",
"subList": []
}, {
"orgId": 1425,
"orgName": "40消费者BG产品部",
"subList": [{
"orgId": 1441,
"orgName": "50消费者BG产品线",
"subList": [{
"orgId": 1660,
"orgName": "60PG7_供应链合作",
"subList": []
}, {
"orgId": 1482,
"orgName": "60PG7_CWMS",
"subList": []
}, {
"orgId": 1484,
"orgName": "60PG7_CBG解决方案",
"subList": []
}, {
"orgId": 1486,
"orgName": "60PG7_服务2C",
"subList": []
}, {
"orgId": 1485,
"orgName": "60PG7_CBG拉通测试",
"subList": []
}, {
"orgId": 1483,
"orgName": "60PG7_WOSP",
"subList": []
}, {
"orgId": 1659,
"orgName": "60PG7_服务退换货",
"subList": []
}]
}]
}]
}]
}, {
"orgId": 1351,
"orgName": "20能量盒子子公司",
"subList": [{
"orgId": 1356,
"orgName": "30产品交付中心",
"subList": [{
"orgId": 1670,
"orgName": "40安全管家产品部",
"subList": []
}, {
"orgId": 1358,
"orgName": "40产品交付中心_方案实施部",
"subList": []
}, {
"orgId": 1357,
"orgName": "40产品交付中心_开发技术部",
"subList": []
}]
}, {
"orgId": 1353,
"orgName": "30产品拓展中心",
"subList": [{
"orgId": 1354,
"orgName": "40产品拓展中心_开发技术部",
"subList": []
}, {
"orgId": 1355,
"orgName": "40产品拓展中心_EOS技术部",
"subList": []
}]
}, {
"orgId": 1359,
"orgName": "30费用产品中心",
"subList": []
}, {
"orgId": 1363,
"orgName": "30创新孵化中心",
"subList": []
}, {
"orgId": 1360,
"orgName": "30产品体验部",
"subList": [{
"orgId": 1362,
"orgName": "40产品体验部_体验设计组",
"subList": []
}, {
"orgId": 1361,
"orgName": "40产品体验部_产品测试组",
"subList": []
}]
}, {
"orgId": 1352,
"orgName": "30营销发展中心",
"subList": []
}]
}, {
"orgId": 1341,
"orgName": "20智慧营销BU",
"subList": [{
"orgId": 1347,
"orgName": "30研发中心",
"subList": []
}, {
"orgId": 872,
"orgName": "30大数据产品部",
"subList": [{
"orgId": 1345,
"orgName": "40大数据产品部_实施部",
"subList": []
}, {
"orgId": 1344,
"orgName": "40大数据产品部_开发部",
"subList": []
}, {
"orgId": 1343,
"orgName": "40大数据产品部_方案部",
"subList": []
}, {
"orgId": 880,
"orgName": "40大数据产品部_售前部",
"subList": []
}]
}, {
"orgId": 544,
"orgName": "30营销产品部",
"subList": []
}, {
"orgId": 871,
"orgName": "30电商产品部",
"subList": [{
"orgId": 875,
"orgName": "40电商产品部_实施部",
"subList": []
}]
}, {
"orgId": 1346,
"orgName": "30售前与规划中心",
"subList": []
}, {
"orgId": 1348,
"orgName": "30共享交付中心",
"subList": []
}]
}]
}]
};
class TestOrganizationTree extends Component {
constructor(props) {
super(props);
this.state = {
};
};
changeValue = (obj) => {
console.log("changeValue-obj：", obj);
//如果有需要用到级联赋值之类的，如，修改姓名自动给base赋值
//如果不需要赋值，此方法当忽略
if (obj.name == "zhName") {
let data = [
{
type: "organization",//type 类型
name: "say2",//name textarea 名称 唯一标识
text: "",//text textarea 值
value: "",//textarea 的 text 与value一样
obj: {},//textarea 没有obj
remarks: null,//备注 传什么进去 传什么出来
other: {//
required: true//在设置值的时候，如果此项为必填项，required必须设置为true
}
},
//多个赋值同上
];
this.props.dispatch.setFormData(data);
// this.props.dispatch.setFormData(data,"table") 默认default
}
};
resetFn = () => {
//默认重置全部 什么都不传
this.props.dispatch.resetForm();//默认重置全部 什么都不传
//指定重置 可获取全部的key看看需要传哪些 也可以手写如 ["default","table"]
// let formKey = Object.keys(this.props.formData);//
// this.props.dispatch.resetForm(["default"])
};
submitFn = () => {
let _this = this;
//设置必填校验 默认校验 ["default"]
_this.props.dispatch.submitVerify(_this.props.formData);
// 如果需要指定校验或者全校验 可获取全部的key看看需要传哪些 也可以 ["default","table"]
// let formKey = Object.keys(_this.props.formData);
// _this.props.dispatch.submitVerify(_this.props.formData, ["default", "table"]);
//在回调了监听返回值 _this.props.subVerifyRes
setTimeout(function () {
console.log("subVerifyRes", _this.props.subVerifyRes);
if (_this.props.subVerifyRes.default == "success") {
console.log("可提交", _this.props.formData)
} else {
console.log('还有必填项未填', _this.props.formData);
}
}, 100);
};
componentDidMount() {
}
render() {
console.log('this.props.formData', this.props.formData);
return (
<div>
<div style={{display: "flex"}}>
<OrganizationTreeField inputName="organization1" //表单唯一的ID，不能重复，必填
formText="组织架构" //描述，不传就没有描述
hintText="请选择组织架构" //输入提示语
required={true} //是否是必填项
changeValue={this.changeValue} //改变输入框值的时候，触发的方法，有需要就用，无需要就不用
remarks={[1, 2, 3]} //备注，传送器，传什么进去，传什么出来
//tree特有
dataSource={res.data}//树格式 [{"orgId": 120,"orgName": "10总裁办公室","subList": []}]
idText="orgId"// 树ID
nameText="orgName"// 树名字
//selectType="dialog" //select（默认） dialog
//disabled={true}
//designationTheme = "" //主题类型：default（默认），tender
//formType="box" //表单类型：default（默认），box
//dataType="table" //表单赋值的类型，如获取的formData，默认结果formData.default = {};
//errorText="该选项为必填项"
//textWidth="15rem"
//valueWidth="20rem"
//textAlign="left" // left(formType："box"默认left，default默认right) right center（无）
//valueAlign="center" // left center right
/>
</div>
<div className="button-box">
<Button scenesType="submit" handleBtn={this.submitFn} btnText="确认"/>
<Button scenesType="back" handleBtn={this.resetFn} btnText="重置"/>
</div>
</div>
)
}
}
const mapStateToProps = state => ({
formData: state.formData,
subVerifyRes: state.subVerifyRes,
});
const mapDispatchToProps = dispatch => ({
dispatch: bindActionCreators(actionForm, dispatch),
});
export default connect(mapStateToProps, mapDispatchToProps)(TestOrganizationTree);