|
@@ -20,6 +20,7 @@ |
|
@@ -20,6 +20,7 @@ |
|
20
|
import { getEnterPriseDetail, updateEnterPriseDetail } from '/@/api/oem/index';
|
20
|
import { getEnterPriseDetail, updateEnterPriseDetail } from '/@/api/oem/index';
|
|
21
|
import { Loading } from '/@/components/Loading';
|
21
|
import { Loading } from '/@/components/Loading';
|
|
22
|
import { useMessage } from '/@/hooks/web/useMessage';
|
22
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
|
23
|
+ import { getTownChild } from '/@/api/oem/index';
|
|
23
|
export default defineComponent({
|
24
|
export default defineComponent({
|
|
24
|
components: {
|
25
|
components: {
|
|
25
|
Card,
|
26
|
Card,
|
|
@@ -32,7 +33,7 @@ |
|
@@ -32,7 +33,7 @@ |
|
32
|
loading: false,
|
33
|
loading: false,
|
|
33
|
tip: '拼命加载中...',
|
34
|
tip: '拼命加载中...',
|
|
34
|
});
|
35
|
});
|
|
35
|
- const [registerForm, { getFieldsValue, setFieldsValue }] = useForm({
|
36
|
+ const [registerForm, { getFieldsValue, setFieldsValue, updateSchema }] = useForm({
|
|
36
|
labelWidth: 80,
|
37
|
labelWidth: 80,
|
|
37
|
schemas,
|
38
|
schemas,
|
|
38
|
showResetButton: false,
|
39
|
showResetButton: false,
|
|
@@ -59,11 +60,128 @@ |
|
@@ -59,11 +60,128 @@ |
|
59
|
createMessage.error('更新信息失败');
|
60
|
createMessage.error('更新信息失败');
|
|
60
|
}
|
61
|
}
|
|
61
|
};
|
62
|
};
|
|
|
|
63
|
+
|
|
62
|
onMounted(async () => {
|
64
|
onMounted(async () => {
|
|
63
|
const res = await getEnterPriseDetail();
|
65
|
const res = await getEnterPriseDetail();
|
|
|
|
66
|
+ console.log(res);
|
|
|
|
67
|
+ updateCityData(res.codeProv, res.codeCity, res.codeCoun);
|
|
64
|
setFieldsValue(res);
|
68
|
setFieldsValue(res);
|
|
65
|
});
|
69
|
});
|
|
66
|
|
70
|
|
|
|
|
71
|
+ async function updateCityData(codeProv: string, codeCity: string, codeCoun: string) {
|
|
|
|
72
|
+ const nameCity = await getTownChild('codeProv', codeProv);
|
|
|
|
73
|
+ const nameCoun = await getTownChild('codeCity', codeCity);
|
|
|
|
74
|
+ const nameTown = await getTownChild('codeCoun', codeCoun);
|
|
|
|
75
|
+ nameCity.forEach((item) => {
|
|
|
|
76
|
+ item.label = item.nameCity;
|
|
|
|
77
|
+ item.value = item.codeCity;
|
|
|
|
78
|
+ });
|
|
|
|
79
|
+ nameCoun.forEach((item) => {
|
|
|
|
80
|
+ item.label = item.nameCoun;
|
|
|
|
81
|
+ item.value = item.codeCoun;
|
|
|
|
82
|
+ });
|
|
|
|
83
|
+ nameTown.forEach((item) => {
|
|
|
|
84
|
+ item.label = item.nameTown;
|
|
|
|
85
|
+ item.value = item.codeTown;
|
|
|
|
86
|
+ });
|
|
|
|
87
|
+ updateSchema({
|
|
|
|
88
|
+ field: 'nameTown',
|
|
|
|
89
|
+ componentProps: {
|
|
|
|
90
|
+ options: nameTown,
|
|
|
|
91
|
+ },
|
|
|
|
92
|
+ });
|
|
|
|
93
|
+ updateSchema({
|
|
|
|
94
|
+ field: 'nameCoun',
|
|
|
|
95
|
+ componentProps: {
|
|
|
|
96
|
+ options: nameCoun,
|
|
|
|
97
|
+ async onChange(value) {
|
|
|
|
98
|
+ if (value === undefined) {
|
|
|
|
99
|
+ setFieldsValue({
|
|
|
|
100
|
+ nameTown: undefined,
|
|
|
|
101
|
+ });
|
|
|
|
102
|
+ updateSchema({
|
|
|
|
103
|
+ field: 'nameTown',
|
|
|
|
104
|
+ componentProps: {
|
|
|
|
105
|
+ options: [],
|
|
|
|
106
|
+ },
|
|
|
|
107
|
+ });
|
|
|
|
108
|
+ }
|
|
|
|
109
|
+ let nameTown = await getTownChild('codeCoun', value);
|
|
|
|
110
|
+ console.log(111);
|
|
|
|
111
|
+ nameTown.forEach((item) => {
|
|
|
|
112
|
+ item.label = item.nameTown;
|
|
|
|
113
|
+ item.value = item.codeTown;
|
|
|
|
114
|
+ });
|
|
|
|
115
|
+ setFieldsValue({
|
|
|
|
116
|
+ nameTown: undefined,
|
|
|
|
117
|
+ });
|
|
|
|
118
|
+ updateSchema({
|
|
|
|
119
|
+ field: 'nameTown',
|
|
|
|
120
|
+ componentProps: {
|
|
|
|
121
|
+ placeholder: '请选择街道/城镇',
|
|
|
|
122
|
+ options: nameTown,
|
|
|
|
123
|
+ },
|
|
|
|
124
|
+ });
|
|
|
|
125
|
+ },
|
|
|
|
126
|
+ },
|
|
|
|
127
|
+ });
|
|
|
|
128
|
+ updateSchema({
|
|
|
|
129
|
+ field: 'nameCity',
|
|
|
|
130
|
+ componentProps: ({ formModel }) => {
|
|
|
|
131
|
+ return {
|
|
|
|
132
|
+ options: nameCity,
|
|
|
|
133
|
+ onChange: async (value) => {
|
|
|
|
134
|
+ let nameCoun = await getTownChild('codeCity', value);
|
|
|
|
135
|
+ if (value === undefined) {
|
|
|
|
136
|
+ formModel.nameCoun = undefined; // reset city value
|
|
|
|
137
|
+ formModel.nameTown = undefined;
|
|
|
|
138
|
+ nameCoun = [];
|
|
|
|
139
|
+ updateSchema({
|
|
|
|
140
|
+ field: 'nameTown',
|
|
|
|
141
|
+ componentProps: {
|
|
|
|
142
|
+ options: [],
|
|
|
|
143
|
+ },
|
|
|
|
144
|
+ });
|
|
|
|
145
|
+ }
|
|
|
|
146
|
+ nameCoun.forEach((item) => {
|
|
|
|
147
|
+ item.label = item.nameCoun;
|
|
|
|
148
|
+ item.value = item.codeCoun;
|
|
|
|
149
|
+ });
|
|
|
|
150
|
+ formModel.nameCoun = undefined; // reset city value
|
|
|
|
151
|
+ formModel.nameTown = undefined;
|
|
|
|
152
|
+ updateSchema({
|
|
|
|
153
|
+ field: 'nameCoun',
|
|
|
|
154
|
+ componentProps: {
|
|
|
|
155
|
+ // 请选择区
|
|
|
|
156
|
+ options: nameCoun,
|
|
|
|
157
|
+ async onChange(value) {
|
|
|
|
158
|
+ let nameTown = await getTownChild('codeCoun', value);
|
|
|
|
159
|
+ if (value === undefined) {
|
|
|
|
160
|
+ formModel.nameTown = undefined;
|
|
|
|
161
|
+ nameTown = [];
|
|
|
|
162
|
+ }
|
|
|
|
163
|
+ nameTown.forEach((item) => {
|
|
|
|
164
|
+ item.label = item.nameTown;
|
|
|
|
165
|
+ item.value = item.codeTown;
|
|
|
|
166
|
+ });
|
|
|
|
167
|
+
|
|
|
|
168
|
+ formModel.nameTown = undefined;
|
|
|
|
169
|
+ updateSchema({
|
|
|
|
170
|
+ field: 'nameTown',
|
|
|
|
171
|
+ componentProps: {
|
|
|
|
172
|
+ placeholder: '请选择街道/城镇',
|
|
|
|
173
|
+ options: nameTown,
|
|
|
|
174
|
+ },
|
|
|
|
175
|
+ });
|
|
|
|
176
|
+ },
|
|
|
|
177
|
+ },
|
|
|
|
178
|
+ });
|
|
|
|
179
|
+ },
|
|
|
|
180
|
+ };
|
|
|
|
181
|
+ },
|
|
|
|
182
|
+ });
|
|
|
|
183
|
+ }
|
|
|
|
184
|
+
|
|
67
|
return {
|
185
|
return {
|
|
68
|
registerForm,
|
186
|
registerForm,
|
|
69
|
compState,
|
187
|
compState,
|
