|
@@ -1,5 +1,5 @@
|
1
|
1
|
import React, { useState, useEffect } from 'react';
|
2
|
|
-import { Select, Card, Button, TreeSelect } from 'antd';
|
|
2
|
+import { Select, Card, Button, TreeSelect, Modal, message } from 'antd';
|
3
|
3
|
import { Tree } from 'antd';
|
4
|
4
|
|
5
|
5
|
const { TreeNode } = Tree;
|
|
@@ -7,15 +7,17 @@ import request from '@/utils/request';
|
7
|
7
|
const { SHOW_CHILD } = TreeSelect;
|
8
|
8
|
const { Option } = Select;
|
9
|
9
|
|
10
|
|
-function parentTree(arr, id) { //arr 所有的树数据 id 某个子节点的id
|
11
|
|
- console.log(arr, id,'sss')
|
12
|
|
- let temp ;
|
13
|
|
- let callback = function (nowArr, id) { //先定义个函数寻找子节点位置 找到后 再找改节点父元素位置 以此类推
|
|
10
|
+function parentTree(arr, id) {
|
|
11
|
+ //arr 所有的树数据 id 某个子节点的id
|
|
12
|
+ console.log(arr, id, 'sss');
|
|
13
|
+ let temp;
|
|
14
|
+ let callback = function(nowArr, id) {
|
|
15
|
+ //先定义个函数寻找子节点位置 找到后 再找改节点父元素位置 以此类推
|
14
|
16
|
for (let i = 0; i < nowArr.length; i++) {
|
15
|
17
|
let item = nowArr[i];
|
16
|
18
|
if (item.value === id) {
|
17
|
19
|
// temp.push(item);
|
18
|
|
- temp=item
|
|
20
|
+ temp = item;
|
19
|
21
|
// callback(arr, item.parentid); //pid 父级ID
|
20
|
22
|
break;
|
21
|
23
|
} else {
|
|
@@ -26,7 +28,7 @@ function parentTree(arr, id) { //arr 所有的树数据 id 某个子节点的i
|
26
|
28
|
}
|
27
|
29
|
};
|
28
|
30
|
callback(arr, id);
|
29
|
|
- return temp; //最后返回
|
|
31
|
+ return temp; //最后返回
|
30
|
32
|
}
|
31
|
33
|
|
32
|
34
|
/**
|
|
@@ -42,7 +44,7 @@ const CitySelect = props => {
|
42
|
44
|
const [tree, setTree] = useState([]);
|
43
|
45
|
// 城市的值
|
44
|
46
|
const [selectCityTree, setSelectCityTree] = useState([]);
|
45
|
|
-
|
|
47
|
+ const [loading, setLoading] = useState(true);
|
46
|
48
|
// {
|
47
|
49
|
// title: 'Node1',
|
48
|
50
|
// value: '0-0',
|
|
@@ -69,9 +71,9 @@ const CitySelect = props => {
|
69
|
71
|
title: x.name,
|
70
|
72
|
value: x.id,
|
71
|
73
|
key: x.id,
|
72
|
|
- parentid:x.parentid,
|
73
|
|
- selectable:false,
|
74
|
|
- disableCheckbox:true,
|
|
74
|
+ parentid: x.parentid,
|
|
75
|
+ selectable: false,
|
|
76
|
+ disableCheckbox: true,
|
75
|
77
|
children: getTree(x?.children),
|
76
|
78
|
};
|
77
|
79
|
} else {
|
|
@@ -79,7 +81,7 @@ const CitySelect = props => {
|
79
|
81
|
title: x.name,
|
80
|
82
|
value: x.id,
|
81
|
83
|
key: x.id,
|
82
|
|
- parentid:x.parentid
|
|
84
|
+ parentid: x.parentid,
|
83
|
85
|
};
|
84
|
86
|
}
|
85
|
87
|
});
|
|
@@ -106,15 +108,16 @@ const CitySelect = props => {
|
106
|
108
|
};
|
107
|
109
|
|
108
|
110
|
const getCityList = e => {
|
|
111
|
+ setLoading(true)
|
109
|
112
|
request({
|
110
|
113
|
url: '/api/admin/tdCityList/tdCity',
|
111
|
114
|
method: 'GET',
|
112
|
115
|
params: { leveltype: 2, pageNum: 1, pageSize: 999 },
|
113
|
116
|
action: 'select',
|
114
|
117
|
}).then(data => {
|
115
|
|
- setSelectCityTree(
|
116
|
|
- data.map(x => x.id),
|
117
|
|
- );
|
|
118
|
+ setSelectCityTree(data.map(x => x.id));
|
|
119
|
+ setLoading(false)
|
|
120
|
+
|
118
|
121
|
});
|
119
|
122
|
};
|
120
|
123
|
|
|
@@ -129,41 +132,52 @@ const CitySelect = props => {
|
129
|
132
|
|
130
|
133
|
// 选择城市
|
131
|
134
|
const onChange = (checkedKeys, label, extra) => {
|
132
|
|
- const info = parentTree(tree,extra.triggerValue)
|
|
135
|
+ const info = parentTree(tree, extra.triggerValue);
|
133
|
136
|
if (checkedKeys?.length > selectCityTree.length) {
|
134
|
|
-
|
135
|
|
-
|
136
|
|
-
|
137
|
137
|
// console.log(parentTree(tree,extra.triggerValue))
|
138
|
138
|
// 新增
|
139
|
139
|
request({
|
140
|
140
|
url: '/api/admin/city/add',
|
141
|
141
|
method: 'POST',
|
142
|
|
- data: {
|
143
|
|
- cityId:info.value,
|
144
|
|
- name:info.title,
|
145
|
|
- parentid:info.parentid,
|
146
|
|
- },
|
|
142
|
+ data: {
|
|
143
|
+ cityId: info.value,
|
|
144
|
+ name: info.title,
|
|
145
|
+ parentid: info.parentid,
|
|
146
|
+ },
|
147
|
147
|
// action: 'select',
|
148
|
148
|
}).then(data => {
|
|
149
|
+ getCityList();
|
|
150
|
+ message.success('新增成功')
|
149
|
151
|
// console.log(getTree(data.tdCityList), 'data.tdCityList');
|
150
|
152
|
// setTree(getTree(data.tdCityList));
|
151
|
153
|
});
|
152
|
|
- }else{
|
153
|
|
- request({
|
154
|
|
- url: `/api/admin/org/city/${extra.triggerValue}`,
|
155
|
|
- method: 'DELETE',
|
156
|
|
-
|
157
|
|
- // action: 'select',
|
158
|
|
- }).then(data => {
|
159
|
|
- // console.log(getTree(data.tdCityList), 'data.tdCityList');
|
160
|
|
- // setTree(getTree(data.tdCityList));
|
|
154
|
+ } else {
|
|
155
|
+ Modal.confirm({
|
|
156
|
+ title: '确认是否关闭该城市?',
|
|
157
|
+ // content: 'Some descriptions',
|
|
158
|
+ onOk() {
|
|
159
|
+ console.log('OK');
|
|
160
|
+ request({
|
|
161
|
+ url: `/api/admin/org/city/${extra.triggerValue}`,
|
|
162
|
+ method: 'DELETE',
|
|
163
|
+
|
|
164
|
+ // action: 'select',
|
|
165
|
+ }).then(data => {
|
|
166
|
+ getCityList();
|
|
167
|
+ message.success('修改成功')
|
|
168
|
+ // console.log(getTree(data.tdCityList), 'data.tdCityList');
|
|
169
|
+ // setTree(getTree(data.tdCityList));
|
|
170
|
+ });
|
|
171
|
+ },
|
|
172
|
+ onCancel() {
|
|
173
|
+ console.log('Cancel');
|
|
174
|
+ },
|
161
|
175
|
});
|
162
|
176
|
}
|
163
|
|
- setSelectCityTree(checkedKeys)
|
|
177
|
+
|
164
|
178
|
console.log('onCheck', checkedKeys, label, extra);
|
165
|
179
|
};
|
166
|
|
-
|
|
180
|
+
|
167
|
181
|
const tProps = {
|
168
|
182
|
treeData: tree,
|
169
|
183
|
value: selectCityTree,
|
|
@@ -177,6 +191,7 @@ const CitySelect = props => {
|
177
|
191
|
style: {
|
178
|
192
|
width: '100%',
|
179
|
193
|
},
|
|
194
|
+ loading:loading
|
180
|
195
|
};
|
181
|
196
|
|
182
|
197
|
useEffect(() => {
|