1 |
|
2 | import DefaultComponent from '../../src'
|
3 | import React, { Component } from 'react'
|
4 |
|
5 | export default class extends Component {
|
6 | render () {
|
7 | const options = {
|
8 | required: true,
|
9 | disabled: false,
|
10 | sync: false,
|
11 | status: 'edit',
|
12 | single: false,
|
13 | isFetching: false,
|
14 | isSearchAutoTreeEdit:false,
|
15 | hiddenTip: false,
|
16 | sideTip: false,
|
17 | showDropDown: false,
|
18 | totalCount: 3,
|
19 | helpMsg: 'aaaaaa',
|
20 | autoTreeData: [
|
21 | {
|
22 | id:'0',
|
23 | name:'100990ajksdhfoiqhwieofhsdhfajshdfjahsdjkfhaksdhfajsdhfquwehfkjasdhfkajshdfjasbdvasnbkjsdfbksjhdf',
|
24 | pname:'我是爸爸'
|
25 | },{
|
26 | id:'1',
|
27 | name:'100990',
|
28 | pname:'我是爸爸'
|
29 | },{
|
30 | id:'2',
|
31 | name:'123123123123'
|
32 | },{
|
33 | id:'3',
|
34 | name:'1qweqweqwe'
|
35 | },{
|
36 | id:'4',
|
37 | name:'1asdfasdf'
|
38 | },{
|
39 | id:'5',
|
40 | name:'23123123'
|
41 | },{
|
42 | id:'6',
|
43 | name:'1asdadssdasdasd'
|
44 | },{
|
45 | id:'7',
|
46 | name:'10dsfgergsdfgsdfg0'
|
47 | },{
|
48 | id:'8',
|
49 | name:'1435467867543'
|
50 | },{
|
51 | id:'9',
|
52 | name:'sdfgwer1fasdfasdf'
|
53 | },{
|
54 | id:'10',
|
55 | name:'23434534534511435345'
|
56 | },{
|
57 | id:'11',
|
58 | name:'sdfsdfgsdfgsdfg111'
|
59 | },{
|
60 | id:'12',
|
61 | name:'sdvsdfgsfgweger11222'
|
62 | },{
|
63 | id:'13',
|
64 | name:'dfgrgw2211'
|
65 | }
|
66 | ],
|
67 | defaultValue: '',
|
68 | defaultStatus: false,
|
69 | componentId:"1",
|
70 | errorStatus: false,
|
71 | errorMsg:"出错了~~~!",
|
72 |
|
73 | labelText: '选择部门',
|
74 | placeholder: '',
|
75 | lablePos: true,
|
76 | lableTxt: false,
|
77 | autoTreeSearchCallBack: (val,filters) => {this.setState({defaultDropValue:filters})},
|
78 | keyUpCallBack: (event, value) => {},
|
79 | itemCallBack: (data) => {
|
80 |
|
81 | },
|
82 | focusCallBack: (value) => {
|
83 |
|
84 |
|
85 |
|
86 | console.log('点击了')
|
87 | let self = this;
|
88 | setTimeout(function() {
|
89 |
|
90 | },500)
|
91 | },
|
92 | blurCallBack: (event) => {},
|
93 | changeCallBack: (event,value,inputValue) => {},
|
94 | clearCallback: () => {},
|
95 | showPopCallback: () =>{},
|
96 | unmountCallBack: () => {},
|
97 | searchSubmitCallBack: (value) =>{console.log(value)},
|
98 | submitCallBack: (data) =>{console.log(data)},
|
99 | onCloseCallback:(value)=> {},
|
100 | setSessionCallBack:() => {},
|
101 | itemCloseCallBack: (data) => {console.log(data)},
|
102 | clearAutoTreeData: () => {}
|
103 | }
|
104 | const treeData = {
|
105 | toggle: true,
|
106 | treeData: [],
|
107 | async: 1,
|
108 | id:1,
|
109 | sidebarScene:false,
|
110 |
|
111 | initGetData:true,
|
112 | postData:[],
|
113 | methodType:'GET',
|
114 | isFetching:false,
|
115 | getTreeData:function(id,treeAsync,getUrl,postData,methodType) {
|
116 | console.log(id,treeAsync,getUrl,postData,methodType)
|
117 | return [];
|
118 | },
|
119 | getTreeDataAPI: '' || 'http://localhost:3001/getTreeData'
|
120 | ,style:{
|
121 | "maxHeight": ''
|
122 | }
|
123 | ,clearTreeData:function() {console.log('clearTreeData')}
|
124 | }
|
125 | const DropDownData = {
|
126 | "title":""
|
127 | ,"placeholder":"搜索"
|
128 | ,"defaultValue": ''
|
129 | ,"openListView":false
|
130 | ,"errorStatus":true
|
131 | ,"errorMsg":"出错了~~~!"
|
132 | ,multiple: false
|
133 | ,"children":[
|
134 | {
|
135 | "value":0
|
136 | ,"text":"本级别及所有下级"
|
137 | ,"isActive":false
|
138 | ,"isChecked":false
|
139 | }
|
140 | ,{
|
141 | "value":1
|
142 | ,"text":"本级别"
|
143 | ,"isActive":false
|
144 | ,"isChecked":false
|
145 | }
|
146 | ,{
|
147 | "value":2
|
148 | ,"text":"本本级别及直接下级"
|
149 | ,"isActive":false
|
150 | ,"isChecked":false
|
151 | }
|
152 | ,{
|
153 | "value":3
|
154 | ,"text":"直接下级"
|
155 | ,"isActive":false
|
156 | ,"isChecked":false
|
157 | }
|
158 | ,{
|
159 | "value":4
|
160 | ,"text":"全部下级"
|
161 | ,"isActive":false
|
162 | ,"isChecked":false
|
163 | }
|
164 | ]
|
165 | ,"hidden":false
|
166 | ,"disabled":false
|
167 | ,"required":false
|
168 | ,"iconName":"pc-sys-arrowdown-nomal-svg"
|
169 | ,"onClick":function(event, target, val){}
|
170 | ,"onBlur":function(event, val){}
|
171 | ,"onFocus":function(event, val){}
|
172 | }
|
173 | return <DefaultComponent {...this.props} {...options} DropDownData={DropDownData} treeData={treeData} />
|
174 | }
|
175 | }
|
176 |
|
\ | No newline at end of file |