sinosoft-common-form 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +366 -0
- package/common-form.es.js +35 -35
- package/common-form.umd.js +1 -1
- package/package.json +2 -2
- package/style.css +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,366 @@
|
|
|
1
|
+
参数介绍
|
|
2
|
+
|
|
3
|
+
Form 属性
|
|
4
|
+
|
|
5
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
6
|
+
|-------------|------------------------------------------------|--------|--------|
|
|
7
|
+
| v-model | 表单数据,双向绑定(字段需与 prop 属性一样) | Object | - |
|
|
8
|
+
| form-column | 表单配置项,详情见下方 Column 属性 | Array | - |
|
|
9
|
+
| rules | 表单规则验证,校验规则请参考elementplus官方文档 | Array | - |
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
Column 配置项
|
|
14
|
+
|
|
15
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
16
|
+
|---------|----------------------------------------------|--------|--------|
|
|
17
|
+
| type | 表单类型,elementplus的组件以及自己定义的组件 | String | - |
|
|
18
|
+
| label | el-form-item label 属性 | String | - |
|
|
19
|
+
| prop | el-form-item prop 属性 | String | - |
|
|
20
|
+
| field | el-form-item prop 属性 | String | - |
|
|
21
|
+
| options | elementplus的组件自定义的组件的props | Object | - |
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
Form 方法
|
|
26
|
+
|
|
27
|
+
| 事件名 | 说明 | 回调参数 |
|
|
28
|
+
|--------|--------------------------|----------|
|
|
29
|
+
| submit | 点击确认按钮拿到表单数据 | model |
|
|
30
|
+
|
|
31
|
+
参考用例:
|
|
32
|
+
@/components/index.vue
|
|
33
|
+
<template>
|
|
34
|
+
<s-form
|
|
35
|
+
:fieldList="fieldList"
|
|
36
|
+
:model="model"
|
|
37
|
+
:options="options"
|
|
38
|
+
@submit="handleBaseSubmit"
|
|
39
|
+
@cancel="cancelClick"
|
|
40
|
+
@last="handleLastClick"
|
|
41
|
+
>
|
|
42
|
+
<!-- 地址插槽示例 -->
|
|
43
|
+
<template v-slot:address>
|
|
44
|
+
<el-radio-group
|
|
45
|
+
v-model="model['addressRadioV']"
|
|
46
|
+
>
|
|
47
|
+
<el-radio
|
|
48
|
+
:label="'1q'"
|
|
49
|
+
size="large"
|
|
50
|
+
>
|
|
51
|
+
{{ 111}}
|
|
52
|
+
</el-radio>
|
|
53
|
+
<el-radio
|
|
54
|
+
:label="'2q'"
|
|
55
|
+
size="large"
|
|
56
|
+
>
|
|
57
|
+
{{ 222 }}
|
|
58
|
+
</el-radio>
|
|
59
|
+
</el-radio-group>
|
|
60
|
+
</template>
|
|
61
|
+
<!-- 小项插槽示例 -->
|
|
62
|
+
<template v-slot:slotItem1>
|
|
63
|
+
<div>slotItem1</div>
|
|
64
|
+
</template>
|
|
65
|
+
<template v-slot:slotItem2>
|
|
66
|
+
<div>slotItem2</div>
|
|
67
|
+
</template>
|
|
68
|
+
<template v-slot:slotItem3>
|
|
69
|
+
<div>slotItem3</div>
|
|
70
|
+
</template>
|
|
71
|
+
<template v-slot:slotItem4>
|
|
72
|
+
<div>slotItem4</div>
|
|
73
|
+
</template>
|
|
74
|
+
<template v-slot:slotItem5>
|
|
75
|
+
<div>slotItem5</div>
|
|
76
|
+
</template>
|
|
77
|
+
|
|
78
|
+
<!-- 如果不使用默认的按钮可以使用插槽自定义内容, 插槽返回的model就是当前表单的数据 -->
|
|
79
|
+
<!-- <template #buttons="{ model }">
|
|
80
|
+
<el-button">提交</el-button>
|
|
81
|
+
</template> -->
|
|
82
|
+
</s-form>
|
|
83
|
+
<!-- </el-card> -->
|
|
84
|
+
</template>
|
|
85
|
+
<script lang="ts" setup>
|
|
86
|
+
import { exampleForm } from '../config/form'
|
|
87
|
+
import { ref, reactive } from 'vue'
|
|
88
|
+
import { default as sForm } from '../package/Index.vue'
|
|
89
|
+
|
|
90
|
+
// 本项目EasyForm组件自动引入,如复制此代码,需根据路径引入Form组件后使用
|
|
91
|
+
const fieldList: Form.FieldItem[] = exampleForm.baseForExample
|
|
92
|
+
// 按钮配置
|
|
93
|
+
const options = reactive({
|
|
94
|
+
labelPosition: 'top',//表单标签位置
|
|
95
|
+
btnConfig: [ //表单按钮配置
|
|
96
|
+
{
|
|
97
|
+
isShow: true,
|
|
98
|
+
name: '提交',
|
|
99
|
+
emitName: 'submit',
|
|
100
|
+
btnCode: '11111',
|
|
101
|
+
size: '90px',
|
|
102
|
+
isRule: true,
|
|
103
|
+
style: 'margin-right: 30px'
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
isShow: true,
|
|
107
|
+
name: '上一步',
|
|
108
|
+
emitName: 'last',
|
|
109
|
+
size: '90px',
|
|
110
|
+
btnCode: '11111',
|
|
111
|
+
isRule: false,
|
|
112
|
+
style: 'margin-right: 30px'
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
isShow: true,
|
|
116
|
+
name: '重置',
|
|
117
|
+
emitName: 'reset',
|
|
118
|
+
size: '90px',
|
|
119
|
+
btnCode: '11111',
|
|
120
|
+
isRule: false,
|
|
121
|
+
style: 'margin-right: 30px'
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
isShow: true,
|
|
125
|
+
name: '下一步',
|
|
126
|
+
emitName: 'submit',
|
|
127
|
+
btnCode: '11111',
|
|
128
|
+
size: '90px',
|
|
129
|
+
isRule: true,
|
|
130
|
+
style: 'margin-right: 30px'
|
|
131
|
+
},
|
|
132
|
+
|
|
133
|
+
]
|
|
134
|
+
})
|
|
135
|
+
const model = ref<Record<string, any>>({
|
|
136
|
+
// 地址项字段
|
|
137
|
+
addressStreet: '',
|
|
138
|
+
addressHouse: '',
|
|
139
|
+
addressMansion: '',
|
|
140
|
+
block: '',
|
|
141
|
+
floor: '',
|
|
142
|
+
flat: '',
|
|
143
|
+
addressLang: '1',
|
|
144
|
+
addressNation:'',
|
|
145
|
+
addressCity:'',
|
|
146
|
+
addressArea:'',
|
|
147
|
+
addressAreaC:'',
|
|
148
|
+
// 姓名项字段
|
|
149
|
+
nameEnFamily: '',
|
|
150
|
+
nameEn: '',
|
|
151
|
+
nameChFamily: '',
|
|
152
|
+
nameCh: '',
|
|
153
|
+
// 单选字段
|
|
154
|
+
radioValue: '',
|
|
155
|
+
// 性别字段
|
|
156
|
+
gender: 1,
|
|
157
|
+
// 多选字段
|
|
158
|
+
hobbies: [1],
|
|
159
|
+
// 下拉字段
|
|
160
|
+
job: 3,
|
|
161
|
+
// 密码字段
|
|
162
|
+
password:'',
|
|
163
|
+
// 只读字段
|
|
164
|
+
readonly: '只读输入框',
|
|
165
|
+
// 日期字段
|
|
166
|
+
date: new Date(2000, 1, 1, 12, 0, 0),
|
|
167
|
+
// 留言板字段
|
|
168
|
+
summary: 'lalalallallaa',
|
|
169
|
+
// 地址插槽字段
|
|
170
|
+
addressRadioV: '2q',
|
|
171
|
+
// 手机输入字段
|
|
172
|
+
areaCode:'+998',
|
|
173
|
+
phoneNumber:'0000000'
|
|
174
|
+
})
|
|
175
|
+
/**
|
|
176
|
+
* 注意: model数据模型非必填项,如果仅仅是用于数据收集,model参数可以不用填,表单的submit事件会返回所有搜集的数据对象
|
|
177
|
+
* 如果是编辑的情况下,页面需要回显数据,则model数据模型必须要填写
|
|
178
|
+
*/
|
|
179
|
+
const handleBaseSubmit = (model: Record<string, any>) => {
|
|
180
|
+
console.log('handleBaseSubmit', model)
|
|
181
|
+
}
|
|
182
|
+
const handleLastClick = (model: Record<string, any>) => {
|
|
183
|
+
console.log('handleLastClick', model)
|
|
184
|
+
}
|
|
185
|
+
const cancelClick = (model: Record<string, any>) => {
|
|
186
|
+
console.log('cancleClick', model)
|
|
187
|
+
}
|
|
188
|
+
const handleBaseNext = (model: Record<string, any>) => {
|
|
189
|
+
console.log('handleBaseNextClick', model)
|
|
190
|
+
}
|
|
191
|
+
</script>
|
|
192
|
+
<style lang="scss" scoped></style>
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
配置文件:
|
|
197
|
+
@/config/form.ts
|
|
198
|
+
|
|
199
|
+
// 表单配置示例
|
|
200
|
+
export const exampleForm = {
|
|
201
|
+
baseForExample: [
|
|
202
|
+
{ type: 'title', title: '地址'},
|
|
203
|
+
{
|
|
204
|
+
type: 'address',
|
|
205
|
+
disabled: false ,
|
|
206
|
+
rules: {
|
|
207
|
+
addressStreet: [{ required: true, message: '111 is required' }] ,
|
|
208
|
+
addressHouse: [{ required: true, message: 'addressHouse is required' }] ,
|
|
209
|
+
addressMansion: [{ required: true, message: 'addressMansion is required' }] ,
|
|
210
|
+
block: [{ required: true, message: 'block is required' }] ,
|
|
211
|
+
floor: [{ required: true, message: 'floor is required' }] ,
|
|
212
|
+
nameCh: [{ required: true, message: 'nameCh is required' }] ,
|
|
213
|
+
flat: [{ required: true, message: 'flat is required' }] ,
|
|
214
|
+
addressLang: [{ required: true, message: 'addressLang is required' }] ,
|
|
215
|
+
addressNation: [{ required: true, message: 'addressNation is required' }] ,
|
|
216
|
+
addressCity: [{ required: true, message: 'addressCity is required' }] ,
|
|
217
|
+
addressArea: [{ required: true, message: 'addressArea is required' }] ,
|
|
218
|
+
addressAreaC: [{ required: true, message: 'addressAreaC is required' }] ,
|
|
219
|
+
},
|
|
220
|
+
field:{
|
|
221
|
+
placeholderAddressStreet: '請輸入街道名称',
|
|
222
|
+
addressStreet: 'addressStreet',
|
|
223
|
+
placeholderAddressHouse: '請輸入屋院名稱',
|
|
224
|
+
addressHouse: 'addressHouse',
|
|
225
|
+
placeholderAddressMansion: '請輸入大廈名稱',
|
|
226
|
+
addressMansion: 'addressMansion',
|
|
227
|
+
placeholderBlock: '請輸入block',
|
|
228
|
+
block: 'block',
|
|
229
|
+
placeholderFloor: '請輸入楼',
|
|
230
|
+
floor: 'floor',
|
|
231
|
+
placeholderFlat: '請輸入室',
|
|
232
|
+
flat: 'flat',
|
|
233
|
+
addressLang: 'addressLang',
|
|
234
|
+
addressNation:'addressNation',
|
|
235
|
+
addressCity:'addressCity',
|
|
236
|
+
addressArea:'addressArea',
|
|
237
|
+
addressAreaC:'addressAreaC',
|
|
238
|
+
},
|
|
239
|
+
optionsLang: {
|
|
240
|
+
data: [
|
|
241
|
+
{ name: '中文地址', code: 1 },
|
|
242
|
+
{ name: '英文地址', code: 2 }]
|
|
243
|
+
},
|
|
244
|
+
optionsSelectNation: { data: [{ name: '國家', code: 1 }, { name: '國家1', code: 2 }, { name: '國家2', code: 3 }] },
|
|
245
|
+
optionsSelectCity: { data: [{ name: '城市', code: 1 }, { name: '城市1', code: 2 }, { name: '城市2', code: 3 }] },
|
|
246
|
+
optionsSelectArea: { data: [{ name: '區域', code: 1 }, { name: '區域1', code: 2 }, { name: '區域2', code: 3 }] },
|
|
247
|
+
optionsSelectAreaC: { data: [{ name: '子地區', code: 1 }, { name: '子地區1', code: 2 }, { name: '子地區2', code: 3 }] },
|
|
248
|
+
},
|
|
249
|
+
{ type: 'title', title: '标题内容'},
|
|
250
|
+
{ label: '姓名',
|
|
251
|
+
type: 'name',
|
|
252
|
+
disabled: false ,
|
|
253
|
+
rules: {
|
|
254
|
+
nameEnFamily: [{ required: true, message: '11 is required' }] ,
|
|
255
|
+
nameEn: [{ required: true, message: '22 is required' }] ,
|
|
256
|
+
nameChFamily: [{ required: true, message: '33 is required' }] ,
|
|
257
|
+
nameCh: [{ required: true, message: '44 is required' }] ,
|
|
258
|
+
},
|
|
259
|
+
placeholderNameChFamily: '請輸入中文姓',
|
|
260
|
+
placeholderNameEnFamily: '請輸入英文姓',
|
|
261
|
+
placeholderNameEn: '請輸入英文名',
|
|
262
|
+
placeholderNameCh: '請輸入中文名',
|
|
263
|
+
field: {
|
|
264
|
+
nameEnFamily: 'nameEnFamily',
|
|
265
|
+
nameEn: 'nameEn',
|
|
266
|
+
nameChFamily: 'nameChFamily',
|
|
267
|
+
nameCh: 'nameCh'
|
|
268
|
+
},
|
|
269
|
+
},
|
|
270
|
+
{type: 'slotItem1'},
|
|
271
|
+
{type: 'slotItem2'},
|
|
272
|
+
{type: 'slotItem3'},
|
|
273
|
+
{type: 'slotItem4'},
|
|
274
|
+
{ label: '单选',
|
|
275
|
+
field: 'radioValue',
|
|
276
|
+
rules: [{ required: true, message: '单选 is required' }],
|
|
277
|
+
type: 'radio',
|
|
278
|
+
options: { data: [{ name: '男', code: 1 }, { name: '女', code: 0 }] }
|
|
279
|
+
},
|
|
280
|
+
{ label: '性别',
|
|
281
|
+
field:'gender',
|
|
282
|
+
// style: 'width: 100%',
|
|
283
|
+
rules: [{ required: true, message: '性别 is required' }],
|
|
284
|
+
type: 'gender',
|
|
285
|
+
options: { data: [{ name: '男', code: "F" }, { name: '女', code: "M" }] }
|
|
286
|
+
},
|
|
287
|
+
{ label: '多选',
|
|
288
|
+
field: 'hobbies',
|
|
289
|
+
style: 'width: 100%',
|
|
290
|
+
rules: [{ required: true, message: '多选 is required' }],
|
|
291
|
+
type: 'checkbox',
|
|
292
|
+
ways: 'row', //column or row
|
|
293
|
+
options: { data: [{ name: '吃饭', code: 1 }, { name: '睡觉', code: 2 }, { name: '写代码', code: 3 }] }
|
|
294
|
+
},
|
|
295
|
+
{type: 'slotItem5'},
|
|
296
|
+
{ label: '下拉',
|
|
297
|
+
rules: [{ required: true, message: '下拉 is required' }],
|
|
298
|
+
field: 'job',
|
|
299
|
+
type: 'select',
|
|
300
|
+
options: { data: [{ name: '吃饭', code: 1 }, { name: '睡觉', code: 2 }, { name: '写代码', code: 3 }] }
|
|
301
|
+
},
|
|
302
|
+
{ label: '密码',
|
|
303
|
+
field: 'password',
|
|
304
|
+
rules: [{ required: true, message: '密码 is required' }],
|
|
305
|
+
type: 'password',
|
|
306
|
+
placeholder: '这是一个密码输入框'
|
|
307
|
+
},
|
|
308
|
+
{ label: '只读',
|
|
309
|
+
field: 'readonly',
|
|
310
|
+
rules: [{ required: true, message: '只读 is required' }],
|
|
311
|
+
readonly: true,
|
|
312
|
+
placeholder: '这是一个只读输入框'
|
|
313
|
+
},
|
|
314
|
+
{ label: '日期',
|
|
315
|
+
field: 'date',
|
|
316
|
+
rules: [{ required: true, message: '日期 is required' }],
|
|
317
|
+
type: 'datetime',
|
|
318
|
+
placeholder: '请选择日期'
|
|
319
|
+
},
|
|
320
|
+
{ label: '留言板',
|
|
321
|
+
rules: [{ required: true, message: '留言板 is required' }],
|
|
322
|
+
field: 'summary',
|
|
323
|
+
type: 'textarea',
|
|
324
|
+
placeholder: '留言板'
|
|
325
|
+
},
|
|
326
|
+
{ label: '手机号码',
|
|
327
|
+
rules: {
|
|
328
|
+
areaCode: [{ required: true, message: 'areaCode1 is required' }] ,
|
|
329
|
+
phoneNumber: [{ required: true, message: 'phoneNumber1 is required' }] ,
|
|
330
|
+
},
|
|
331
|
+
field: {
|
|
332
|
+
areaCode:'areaCode',
|
|
333
|
+
phoneNumber:'phoneNumber'
|
|
334
|
+
},
|
|
335
|
+
disabled:false,
|
|
336
|
+
type: 'phone',
|
|
337
|
+
placeholder: '请输入手机号码' ,
|
|
338
|
+
clearable:true,
|
|
339
|
+
options: {placeholder:'', data: [{ name: '+852', code: 1 }, { name: '+654', code: 2 }, { name: '+765', code: 3 }] }
|
|
340
|
+
},
|
|
341
|
+
{ label: '手机号码2',
|
|
342
|
+
rules: {
|
|
343
|
+
areaCode: [{ required: true, message: 'areaCode2 is required' }] ,
|
|
344
|
+
phoneNumber: [{ required: true, message: 'phoneNumber2 is required' }] ,
|
|
345
|
+
},
|
|
346
|
+
field: {
|
|
347
|
+
areaCode:'areaCode2',
|
|
348
|
+
phoneNumber:'phoneNumber2'
|
|
349
|
+
},
|
|
350
|
+
disabled:false,
|
|
351
|
+
type: 'phone',
|
|
352
|
+
placeholder: '请输入手机号码' ,
|
|
353
|
+
clearable:true,
|
|
354
|
+
options: {placeholder:'', data: [{ name: '+852', code: 1 }, { name: '+654', code: 2 }, { name: '+765', code: 3 }] }
|
|
355
|
+
}
|
|
356
|
+
],
|
|
357
|
+
customkeyForm: [
|
|
358
|
+
{ label: '标题', field: 'name' },
|
|
359
|
+
{ label: '性别', field: 'gender', type: 'radio', options: { labelkey: 'title', valueKey: 'val', data: [{ title: '男', val: 1 }, { title: '女', val: 0 }] } }
|
|
360
|
+
],
|
|
361
|
+
ruleForm: [
|
|
362
|
+
{ label: '姓名', field: 'name', rules: [{ required: true, message: 'name is required' }] },
|
|
363
|
+
{ label: '邮箱', field: 'email', rules: [{ required: true, validator: checkEmail }] }
|
|
364
|
+
]
|
|
365
|
+
} as Record<string, Form.FieldItem[]>
|
|
366
|
+
|
package/common-form.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as D, ref as M, computed as Q, resolveComponent as _, openBlock as s, createBlock as t, withCtx as o, createVNode as d, mergeProps as m, withModifiers as ee, createElementBlock as
|
|
2
|
-
const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAA+dJREFUWEftl1+IG1UUxr9zJ+6ubWkyM0oF6cIktRQsLUUUWiiWPllw8UFZEGtc9UERbBLXIhTEWR/KUtpNZgWrPli7FqUoKogKUrQ++GIptWsrVZoMtFpEyJ100do/yT0Sa2P+TJNJdrLtg/OYnHvO737nm3vPEG7Sh25SLvwP1m1nFlSxTTZHfvVKG5SABeZlTHRJMCRr9GN+T+xoPXzfwZiZ7kqXRirEDwN4EMzGNQAi/AxQ7lbSDp7MRuWCgVkvyjV0BXsZvKGpleeEoInlUf3twzaV/drcF8WqKiXS3k4GtgOsNShBOLR4SBv9YTLmtfNd6GC2zWLGk28x8HRzYQK9Pqzrqeup1LdWVqH2l7x9YE62QmFfwTGfCvp2hqqYlSk6UNjWAkU4NBwztgRRqvZiBN1BpzgrIzdC4RuAmzZL3sDg4Oqfdi0+1ylH6K3cZPPQmZI8zoyVzcWFEGP5rL6/G6hqbCitjKeLNjNe8TH7iaSur7VtUgsOtmKaB1XeO8vg232Kj7qO+UG3UKEoFk/Lx5j5gI/hfx+OGXd2Y/hQPRZPyW99TnYQialCTh/vRa15KxZ/SUb5EiSYRYvpNbE5P6V/fUPAEpniA0rhC5/iFxbphn7Spss3BMxKF18F42WfU/5IwTHv6xVq/q1My8+ZeUsLANGMmzOeWBCwFZniqALF64ux4hSAO3zADhPwZUNsBJ+5u43ZoLCBD9iV43O3lSvlj5h5Y9DktXuPMJHPGhNExEHXBgarJrzb5oG/PPkGA08GLHBRAGN5xzwYML4W1hXYtVWJlNyuCJN+x0QdwG8QkYfcbPS7bqFazG+li++AKXl1QiBPkHgkn4t95ZfYysgRUvweA0t8PPa9NjA0cnrXol+uB5VIlzYrVh8CrAPEIJ5xc+ZYrf31C62UVA1ji8C0mzWrBvd9/p3pP2Xw8H9+ok+WRPSts7vpz3ZKtc5uxK5j1A7qhlZaqWKjOYlec3NGy+DXsJkdfyzDhcsfg3k9gSbzOX1HEJNbaTkN5ufrc7mOWeOZN1g1cXXCgHv+/tPZWMMR0Vax+YAR0d5CzniuF/N2WhNPyepn3bM9KUag2aSur+tl0GsHdvVLyjvG4DU9gf3z2hK9r7HmKIFiJxWC/C8UzApVUsz8aHN8G4/JAsBWkALhx5DrOkbtymswfzwl32Xw1vCLds5IoAMFx3jc9xxLvFBczhWcYGBp51ThRRAwRxpW56fMs75g1R/j4+fv5XJ5BsCq8Eq3zXSKIpFkYU/0SH2U7115z5t8izw1t06o8lqQGOoLIKuLSkSOG6uWHjv6DF1prtHTJd4X0KakfwOtY3o2ZXuVHAAAAABJRU5ErkJggg==", Z = (U) => (ae("data-v-
|
|
1
|
+
import { defineComponent as D, ref as M, computed as Q, resolveComponent as _, openBlock as s, createBlock as t, withCtx as o, createVNode as d, mergeProps as m, withModifiers as ee, createElementBlock as b, Fragment as V, renderList as w, normalizeClass as le, normalizeStyle as H, createElementVNode as P, toDisplayString as L, createTextVNode as k, withKeys as v, createCommentVNode as B, renderSlot as K, pushScopeId as ae, popScopeId as oe } from "vue";
|
|
2
|
+
const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAA+dJREFUWEftl1+IG1UUxr9zJ+6ubWkyM0oF6cIktRQsLUUUWiiWPllw8UFZEGtc9UERbBLXIhTEWR/KUtpNZgWrPli7FqUoKogKUrQ++GIptWsrVZoMtFpEyJ100do/yT0Sa2P+TJNJdrLtg/OYnHvO737nm3vPEG7Sh25SLvwP1m1nFlSxTTZHfvVKG5SABeZlTHRJMCRr9GN+T+xoPXzfwZiZ7kqXRirEDwN4EMzGNQAi/AxQ7lbSDp7MRuWCgVkvyjV0BXsZvKGpleeEoInlUf3twzaV/drcF8WqKiXS3k4GtgOsNShBOLR4SBv9YTLmtfNd6GC2zWLGk28x8HRzYQK9Pqzrqeup1LdWVqH2l7x9YE62QmFfwTGfCvp2hqqYlSk6UNjWAkU4NBwztgRRqvZiBN1BpzgrIzdC4RuAmzZL3sDg4Oqfdi0+1ylH6K3cZPPQmZI8zoyVzcWFEGP5rL6/G6hqbCitjKeLNjNe8TH7iaSur7VtUgsOtmKaB1XeO8vg232Kj7qO+UG3UKEoFk/Lx5j5gI/hfx+OGXd2Y/hQPRZPyW99TnYQialCTh/vRa15KxZ/SUb5EiSYRYvpNbE5P6V/fUPAEpniA0rhC5/iFxbphn7Spss3BMxKF18F42WfU/5IwTHv6xVq/q1My8+ZeUsLANGMmzOeWBCwFZniqALF64ux4hSAO3zADhPwZUNsBJ+5u43ZoLCBD9iV43O3lSvlj5h5Y9DktXuPMJHPGhNExEHXBgarJrzb5oG/PPkGA08GLHBRAGN5xzwYML4W1hXYtVWJlNyuCJN+x0QdwG8QkYfcbPS7bqFazG+li++AKXl1QiBPkHgkn4t95ZfYysgRUvweA0t8PPa9NjA0cnrXol+uB5VIlzYrVh8CrAPEIJ5xc+ZYrf31C62UVA1ji8C0mzWrBvd9/p3pP2Xw8H9+ok+WRPSts7vpz3ZKtc5uxK5j1A7qhlZaqWKjOYlec3NGy+DXsJkdfyzDhcsfg3k9gSbzOX1HEJNbaTkN5ufrc7mOWeOZN1g1cXXCgHv+/tPZWMMR0Vax+YAR0d5CzniuF/N2WhNPyepn3bM9KUag2aSur+tl0GsHdvVLyjvG4DU9gf3z2hK9r7HmKIFiJxWC/C8UzApVUsz8aHN8G4/JAsBWkALhx5DrOkbtymswfzwl32Xw1vCLds5IoAMFx3jc9xxLvFBczhWcYGBp51ThRRAwRxpW56fMs75g1R/j4+fv5XJ5BsCq8Eq3zXSKIpFkYU/0SH2U7115z5t8izw1t06o8lqQGOoLIKuLSkSOG6uWHjv6DF1prtHTJd4X0KakfwOtY3o2ZXuVHAAAAABJRU5ErkJggg==", Z = (U) => (ae("data-v-757bd5d1"), U = U(), oe(), U), re = { class: "header-title" }, se = /* @__PURE__ */ Z(() => /* @__PURE__ */ P("span", { class: "title-left" }, null, -1)), ne = { class: "title-content" }, ue = /* @__PURE__ */ Z(() => /* @__PURE__ */ P("img", {
|
|
3
3
|
src: de,
|
|
4
4
|
style: { width: "19px", "margin-right": "10px" },
|
|
5
5
|
alt: ""
|
|
@@ -9,7 +9,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
9
9
|
}, ce = {
|
|
10
10
|
key: 1,
|
|
11
11
|
class: "item-address"
|
|
12
|
-
}, ye = ["src"],
|
|
12
|
+
}, ye = ["src"], be = /* @__PURE__ */ D({
|
|
13
13
|
__name: "Index",
|
|
14
14
|
props: {
|
|
15
15
|
fieldList: {},
|
|
@@ -74,7 +74,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
74
74
|
c && Y("", N.value, !0, "submit");
|
|
75
75
|
};
|
|
76
76
|
return (c, A) => {
|
|
77
|
-
const n = _("el-form-item"), F = _("el-button"), z = _("el-radio"), G = _("el-radio-group"), x = _("el-option"), C = _("el-select"),
|
|
77
|
+
const n = _("el-form-item"), F = _("el-button"), z = _("el-radio"), G = _("el-radio-group"), x = _("el-option"), C = _("el-select"), f = _("el-input"), X = _("el-checkbox"), q = _("el-checkbox-group"), $ = _("el-date-picker"), J = _("sinosoft-common-button"), j = _("el-form"), T = _("el-card");
|
|
78
78
|
return s(), t(T, { class: "mb-5" }, {
|
|
79
79
|
default: o(() => [
|
|
80
80
|
d(j, m({
|
|
@@ -87,7 +87,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
87
87
|
ref: N
|
|
88
88
|
}), {
|
|
89
89
|
default: o(() => [
|
|
90
|
-
(s(!0),
|
|
90
|
+
(s(!0), b(V, null, w(c.fieldList, (e, R) => (s(), b("div", {
|
|
91
91
|
key: R,
|
|
92
92
|
class: le(e.type === "title" || e.type === "address" || e.type === "name" ? "form-item-title" : "form-item"),
|
|
93
93
|
style: H(e.style)
|
|
@@ -126,7 +126,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
126
126
|
default: o(() => {
|
|
127
127
|
var l;
|
|
128
128
|
return [
|
|
129
|
-
(s(!0),
|
|
129
|
+
(s(!0), b(V, null, w((l = e.optionsLang) == null ? void 0 : l.data, (r) => {
|
|
130
130
|
var u, p;
|
|
131
131
|
return s(), t(z, {
|
|
132
132
|
label: r[((u = e.optionsLang) == null ? void 0 : u.valueKey) || "code"],
|
|
@@ -164,7 +164,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
164
164
|
default: o(() => {
|
|
165
165
|
var r;
|
|
166
166
|
return [
|
|
167
|
-
(s(!0),
|
|
167
|
+
(s(!0), b(V, null, w((r = e.optionsSelectNation) == null ? void 0 : r.data, (u) => {
|
|
168
168
|
var p, y, i;
|
|
169
169
|
return s(), t(x, {
|
|
170
170
|
key: u[((p = e.optionsSelectNation) == null ? void 0 : p.valueKey) || "code"],
|
|
@@ -197,7 +197,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
197
197
|
default: o(() => {
|
|
198
198
|
var r;
|
|
199
199
|
return [
|
|
200
|
-
(s(!0),
|
|
200
|
+
(s(!0), b(V, null, w((r = e.optionsSelectCity) == null ? void 0 : r.data, (u) => {
|
|
201
201
|
var p, y, i;
|
|
202
202
|
return s(), t(x, {
|
|
203
203
|
key: u[((p = e.optionsSelectCity) == null ? void 0 : p.valueKey) || "code"],
|
|
@@ -230,7 +230,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
230
230
|
default: o(() => {
|
|
231
231
|
var r;
|
|
232
232
|
return [
|
|
233
|
-
(s(!0),
|
|
233
|
+
(s(!0), b(V, null, w((r = e.optionsSelectArea) == null ? void 0 : r.data, (u) => {
|
|
234
234
|
var p, y, i;
|
|
235
235
|
return s(), t(x, {
|
|
236
236
|
key: u[((p = e.optionsSelectArea) == null ? void 0 : p.valueKey) || "code"],
|
|
@@ -263,7 +263,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
263
263
|
default: o(() => {
|
|
264
264
|
var r;
|
|
265
265
|
return [
|
|
266
|
-
(s(!0),
|
|
266
|
+
(s(!0), b(V, null, w((r = e.optionsSelectAreaC) == null ? void 0 : r.data, (u) => {
|
|
267
267
|
var p, y, i;
|
|
268
268
|
return s(), t(x, {
|
|
269
269
|
key: u[((p = e.optionsSelectAreaC) == null ? void 0 : p.valueKey) || "code"],
|
|
@@ -286,7 +286,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
286
286
|
class: "item-address"
|
|
287
287
|
}, {
|
|
288
288
|
default: o(() => [
|
|
289
|
-
d(
|
|
289
|
+
d(f, {
|
|
290
290
|
modelValue: a.value[e.field.addressStreet],
|
|
291
291
|
"onUpdate:modelValue": (l) => a.value[e.field.addressStreet] = l,
|
|
292
292
|
readonly: e.readonly,
|
|
@@ -306,7 +306,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
306
306
|
class: "item-address"
|
|
307
307
|
}, {
|
|
308
308
|
default: o(() => [
|
|
309
|
-
d(
|
|
309
|
+
d(f, {
|
|
310
310
|
modelValue: a.value[e.field.addressHouse],
|
|
311
311
|
"onUpdate:modelValue": (l) => a.value[e.field.addressHouse] = l,
|
|
312
312
|
readonly: e.readonly,
|
|
@@ -326,7 +326,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
326
326
|
class: "item-address"
|
|
327
327
|
}, {
|
|
328
328
|
default: o(() => [
|
|
329
|
-
d(
|
|
329
|
+
d(f, {
|
|
330
330
|
modelValue: a.value[e.field.addressMansion],
|
|
331
331
|
"onUpdate:modelValue": (l) => a.value[e.field.addressMansion] = l,
|
|
332
332
|
readonly: e.readonly,
|
|
@@ -340,14 +340,14 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
340
340
|
]),
|
|
341
341
|
_: 2
|
|
342
342
|
}, 1032, ["rules", "prop"]),
|
|
343
|
-
a.value.addressLang == "1" ? (s(),
|
|
343
|
+
a.value.addressLang == "1" ? (s(), b("div", te, [
|
|
344
344
|
d(n, {
|
|
345
345
|
rules: e.rules.block,
|
|
346
346
|
prop: [e.field.block],
|
|
347
347
|
style: { display: "inline-block!important", width: "24%" }
|
|
348
348
|
}, {
|
|
349
349
|
default: o(() => [
|
|
350
|
-
d(
|
|
350
|
+
d(f, {
|
|
351
351
|
modelValue: a.value[e.field.block],
|
|
352
352
|
"onUpdate:modelValue": (l) => a.value[e.field.block] = l,
|
|
353
353
|
readonly: e.readonly,
|
|
@@ -368,7 +368,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
368
368
|
style: { display: "inline-block!important", width: "24%", "margin-left": "60px" }
|
|
369
369
|
}, {
|
|
370
370
|
default: o(() => [
|
|
371
|
-
d(
|
|
371
|
+
d(f, {
|
|
372
372
|
modelValue: a.value[e.field.floor],
|
|
373
373
|
"onUpdate:modelValue": (l) => a.value[e.field.floor] = l,
|
|
374
374
|
readonly: e.readonly,
|
|
@@ -389,7 +389,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
389
389
|
style: { display: "inline-block!important", width: "24%", "margin-left": "60px" }
|
|
390
390
|
}, {
|
|
391
391
|
default: o(() => [
|
|
392
|
-
d(
|
|
392
|
+
d(f, {
|
|
393
393
|
modelValue: a.value[e.field.flat],
|
|
394
394
|
"onUpdate:modelValue": (l) => a.value[e.field.flat] = l,
|
|
395
395
|
readonly: e.readonly,
|
|
@@ -405,14 +405,14 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
405
405
|
}, 1032, ["rules", "prop"]),
|
|
406
406
|
k(" 室 ")
|
|
407
407
|
])) : B("", !0),
|
|
408
|
-
a.value.addressLang == "2" ? (s(),
|
|
408
|
+
a.value.addressLang == "2" ? (s(), b("div", ce, [
|
|
409
409
|
d(n, {
|
|
410
410
|
rules: e.rules.block,
|
|
411
411
|
prop: [e.field.block],
|
|
412
412
|
style: { display: "inline-block!important", width: "24%" }
|
|
413
413
|
}, {
|
|
414
414
|
default: o(() => [
|
|
415
|
-
d(
|
|
415
|
+
d(f, {
|
|
416
416
|
modelValue: a.value[e.field.block],
|
|
417
417
|
"onUpdate:modelValue": (l) => a.value[e.field.block] = l,
|
|
418
418
|
readonly: e.readonly,
|
|
@@ -433,7 +433,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
433
433
|
style: { display: "inline-block!important", width: "24%", "margin-left": "60px" }
|
|
434
434
|
}, {
|
|
435
435
|
default: o(() => [
|
|
436
|
-
d(
|
|
436
|
+
d(f, {
|
|
437
437
|
modelValue: a.value[e.field.floor],
|
|
438
438
|
"onUpdate:modelValue": (l) => a.value[e.field.floor] = l,
|
|
439
439
|
readonly: e.readonly,
|
|
@@ -454,7 +454,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
454
454
|
style: { display: "inline-block!important", width: "24%", "margin-left": "60px" }
|
|
455
455
|
}, {
|
|
456
456
|
default: o(() => [
|
|
457
|
-
d(
|
|
457
|
+
d(f, {
|
|
458
458
|
modelValue: a.value[e.field.flat],
|
|
459
459
|
"onUpdate:modelValue": (l) => a.value[e.field.flat] = l,
|
|
460
460
|
readonly: e.readonly,
|
|
@@ -486,7 +486,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
486
486
|
class: "item-name"
|
|
487
487
|
}, {
|
|
488
488
|
default: o(() => [
|
|
489
|
-
d(
|
|
489
|
+
d(f, {
|
|
490
490
|
modelValue: a.value[e.field.nameEnFamily],
|
|
491
491
|
"onUpdate:modelValue": (l) => a.value[e.field.nameEnFamily] = l,
|
|
492
492
|
readonly: e.readonly,
|
|
@@ -504,7 +504,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
504
504
|
class: "item-name"
|
|
505
505
|
}, {
|
|
506
506
|
default: o(() => [
|
|
507
|
-
d(
|
|
507
|
+
d(f, {
|
|
508
508
|
modelValue: a.value[e.field.nameChFamily],
|
|
509
509
|
"onUpdate:modelValue": (l) => a.value[e.field.nameChFamily] = l,
|
|
510
510
|
readonly: e.readonly,
|
|
@@ -522,7 +522,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
522
522
|
class: "item-name"
|
|
523
523
|
}, {
|
|
524
524
|
default: o(() => [
|
|
525
|
-
d(
|
|
525
|
+
d(f, {
|
|
526
526
|
modelValue: a.value[e.field.nameEn],
|
|
527
527
|
"onUpdate:modelValue": (l) => a.value[e.field.nameEn] = l,
|
|
528
528
|
readonly: e.readonly,
|
|
@@ -540,7 +540,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
540
540
|
class: "item-name"
|
|
541
541
|
}, {
|
|
542
542
|
default: o(() => [
|
|
543
|
-
d(
|
|
543
|
+
d(f, {
|
|
544
544
|
modelValue: a.value[e.field.nameCh],
|
|
545
545
|
"onUpdate:modelValue": (l) => a.value[e.field.nameCh] = l,
|
|
546
546
|
readonly: e.readonly,
|
|
@@ -569,7 +569,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
569
569
|
default: o(() => {
|
|
570
570
|
var l;
|
|
571
571
|
return [
|
|
572
|
-
(s(!0),
|
|
572
|
+
(s(!0), b(V, null, w((l = e.options) == null ? void 0 : l.data, (r) => {
|
|
573
573
|
var u, p;
|
|
574
574
|
return s(), t(z, {
|
|
575
575
|
label: r[((u = e.options) == null ? void 0 : u.valueKey) || "code"],
|
|
@@ -607,7 +607,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
607
607
|
default: o(() => {
|
|
608
608
|
var l;
|
|
609
609
|
return [
|
|
610
|
-
(s(!0),
|
|
610
|
+
(s(!0), b(V, null, w((l = e.options) == null ? void 0 : l.data, (r) => {
|
|
611
611
|
var u, p;
|
|
612
612
|
return s(), t(z, {
|
|
613
613
|
size: "large",
|
|
@@ -647,7 +647,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
647
647
|
default: o(() => {
|
|
648
648
|
var l;
|
|
649
649
|
return [
|
|
650
|
-
(s(!0),
|
|
650
|
+
(s(!0), b(V, null, w((l = e.options) == null ? void 0 : l.data, (r) => {
|
|
651
651
|
var u, p;
|
|
652
652
|
return s(), t(X, {
|
|
653
653
|
key: r[((u = e.options) == null ? void 0 : u.valueKey) || "code"],
|
|
@@ -686,7 +686,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
686
686
|
default: o(() => {
|
|
687
687
|
var r;
|
|
688
688
|
return [
|
|
689
|
-
(s(!0),
|
|
689
|
+
(s(!0), b(V, null, w((r = e.options) == null ? void 0 : r.data, (u) => {
|
|
690
690
|
var p, y, i;
|
|
691
691
|
return s(), t(x, {
|
|
692
692
|
key: u[((p = e.options) == null ? void 0 : p.valueKey) || "code"],
|
|
@@ -751,7 +751,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
751
751
|
prop: [e.field.phoneNumber]
|
|
752
752
|
}, {
|
|
753
753
|
default: o(() => [
|
|
754
|
-
d(
|
|
754
|
+
d(f, {
|
|
755
755
|
modelValue: a.value[e.field.phoneNumber],
|
|
756
756
|
"onUpdate:modelValue": (l) => a.value[e.field.phoneNumber] = l,
|
|
757
757
|
placeholder: e.placeholder || "请选择",
|
|
@@ -769,7 +769,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
769
769
|
default: o(() => {
|
|
770
770
|
var r;
|
|
771
771
|
return [
|
|
772
|
-
(s(!0),
|
|
772
|
+
(s(!0), b(V, null, w((r = e.options) == null ? void 0 : r.data, (u, p) => (s(), t(x, {
|
|
773
773
|
label: u.name,
|
|
774
774
|
value: u.code,
|
|
775
775
|
key: p
|
|
@@ -791,7 +791,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
791
791
|
prop: [e.field]
|
|
792
792
|
}, {
|
|
793
793
|
default: o(() => [
|
|
794
|
-
d(
|
|
794
|
+
d(f, {
|
|
795
795
|
modelValue: a.value[e.field],
|
|
796
796
|
"onUpdate:modelValue": (l) => a.value[e.field] = l,
|
|
797
797
|
readonly: e.readonly,
|
|
@@ -812,7 +812,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
812
812
|
model: a.value,
|
|
813
813
|
formRef: N.value
|
|
814
814
|
}, () => [
|
|
815
|
-
(s(!0),
|
|
815
|
+
(s(!0), b(V, null, w(E.value.btnConfig, (e, R) => (s(), b("div", { key: R }, [
|
|
816
816
|
e.isShow ? (s(), t(J, {
|
|
817
817
|
key: 0,
|
|
818
818
|
size: 15,
|
|
@@ -842,12 +842,12 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAA
|
|
|
842
842
|
};
|
|
843
843
|
}
|
|
844
844
|
});
|
|
845
|
-
const
|
|
845
|
+
const fe = (U, I) => {
|
|
846
846
|
const S = U.__vccOpts || U;
|
|
847
847
|
for (const [g, a] of I)
|
|
848
848
|
S[g] = a;
|
|
849
849
|
return S;
|
|
850
|
-
}, O = /* @__PURE__ */ be
|
|
850
|
+
}, O = /* @__PURE__ */ fe(be, [["__scopeId", "data-v-757bd5d1"]]);
|
|
851
851
|
function W(U, I = {}) {
|
|
852
852
|
W.installed || (W.installed = !0, U.component("common-el-form", O));
|
|
853
853
|
}
|
package/common-form.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(l,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue")):typeof define=="function"&&define.amd?define(["vue"],k):(l=typeof globalThis<"u"?globalThis:l||self,l.Form=k(l.Vue))})(this,function(l){"use strict";const k="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAA+dJREFUWEftl1+IG1UUxr9zJ+6ubWkyM0oF6cIktRQsLUUUWiiWPllw8UFZEGtc9UERbBLXIhTEWR/KUtpNZgWrPli7FqUoKogKUrQ++GIptWsrVZoMtFpEyJ100do/yT0Sa2P+TJNJdrLtg/OYnHvO737nm3vPEG7Sh25SLvwP1m1nFlSxTTZHfvVKG5SABeZlTHRJMCRr9GN+T+xoPXzfwZiZ7kqXRirEDwN4EMzGNQAi/AxQ7lbSDp7MRuWCgVkvyjV0BXsZvKGpleeEoInlUf3twzaV/drcF8WqKiXS3k4GtgOsNShBOLR4SBv9YTLmtfNd6GC2zWLGk28x8HRzYQK9Pqzrqeup1LdWVqH2l7x9YE62QmFfwTGfCvp2hqqYlSk6UNjWAkU4NBwztgRRqvZiBN1BpzgrIzdC4RuAmzZL3sDg4Oqfdi0+1ylH6K3cZPPQmZI8zoyVzcWFEGP5rL6/G6hqbCitjKeLNjNe8TH7iaSur7VtUgsOtmKaB1XeO8vg232Kj7qO+UG3UKEoFk/Lx5j5gI/hfx+OGXd2Y/hQPRZPyW99TnYQialCTh/vRa15KxZ/SUb5EiSYRYvpNbE5P6V/fUPAEpniA0rhC5/iFxbphn7Spss3BMxKF18F42WfU/5IwTHv6xVq/q1My8+ZeUsLANGMmzOeWBCwFZniqALF64ux4hSAO3zADhPwZUNsBJ+5u43ZoLCBD9iV43O3lSvlj5h5Y9DktXuPMJHPGhNExEHXBgarJrzb5oG/PPkGA08GLHBRAGN5xzwYML4W1hXYtVWJlNyuCJN+x0QdwG8QkYfcbPS7bqFazG+li++AKXl1QiBPkHgkn4t95ZfYysgRUvweA0t8PPa9NjA0cnrXol+uB5VIlzYrVh8CrAPEIJ5xc+ZYrf31C62UVA1ji8C0mzWrBvd9/p3pP2Xw8H9+ok+WRPSts7vpz3ZKtc5uxK5j1A7qhlZaqWKjOYlec3NGy+DXsJkdfyzDhcsfg3k9gSbzOX1HEJNbaTkN5ufrc7mOWeOZN1g1cXXCgHv+/tPZWMMR0Vax+YAR0d5CzniuF/N2WhNPyepn3bM9KUag2aSur+tl0GsHdvVLyjvG4DU9gf3z2hK9r7HmKIFiJxWC/C8UzApVUsz8aHN8G4/JAsBWkALhx5DrOkbtymswfzwl32Xw1vCLds5IoAMFx3jc9xxLvFBczhWcYGBp51ThRRAwRxpW56fMs75g1R/j4+fv5XJ5BsCq8Eq3zXSKIpFkYU/0SH2U7115z5t8izw1t06o8lqQGOoLIKuLSkSOG6uWHjv6DF1prtHTJd4X0KakfwOtY3o2ZXuVHAAAAABJRU5ErkJggg==",S=f=>(l.pushScopeId("data-v-d7d194c5"),f=f(),l.popScopeId(),f),E={class:"header-title"},F=S(()=>l.createElementVNode("span",{class:"title-left"},null,-1)),L={class:"title-content"},m=S(()=>l.createElementVNode("img",{src:k,style:{width:"19px","margin-right":"10px"},alt:""},null,-1)),z={class:"item-address"},I={key:0,class:"item-address"},G={key:1,class:"item-address"},R=["src"],H=l.defineComponent({__name:"Index",props:{fieldList:{},model:{},options:{}},emits:["submit","reset","cancel"],setup(f,{expose:B,emit:w}){const h=f,a=l.ref({}),x=l.ref(),K=l.computed(()=>Object.assign([],h==null?void 0:h.options));B({formRef:x}),(()=>{h.fieldList.map(s=>{const b=s.type==="checkbox"?[]:"";if(console.log("itttttttt",s.field,s.field!=null),s.field&&typeof s.field=="object")for(let r of Object.keys(s.field))h.model?a.value=h.model:a.value[s.field[r]]=s.value||b;h.model?a.value=h.model:a.value[s.field]=s.value||b})})();const P=(s,b,r,_)=>{console.log("modecodecodecodecode",s),b&&(r?b.validate(C=>{if(C)w(_,a.value);else return!1}):_==="reset"?b.resetFields():w(_,a.value))},y=s=>{s&&P("",x.value,!0,"submit")};return(s,b)=>{const r=l.resolveComponent("el-form-item"),_=l.resolveComponent("el-button"),C=l.resolveComponent("el-radio"),U=l.resolveComponent("el-radio-group"),u=l.resolveComponent("el-option"),V=l.resolveComponent("el-select"),c=l.resolveComponent("el-input"),T=l.resolveComponent("el-checkbox"),W=l.resolveComponent("el-checkbox-group"),Y=l.resolveComponent("el-date-picker"),M=l.resolveComponent("sinosoft-common-button"),Z=l.resolveComponent("el-form"),O=l.resolveComponent("el-card");return l.openBlock(),l.createBlock(O,{class:"mb-5"},{default:l.withCtx(()=>[l.createVNode(Z,l.mergeProps({onSubmit:b[0]||(b[0]=l.withModifiers(()=>{},["prevent"])),model:a.value},K.value,{"label-position":K.value.labelPosition,ref_key:"formRef",ref:x}),{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(s.fieldList,(e,A)=>(l.openBlock(),l.createElementBlock("div",{key:A,class:l.normalizeClass(e.type==="title"||e.type==="address"||e.type==="name"?"form-item-title":"form-item"),style:l.normalizeStyle(e.style)},[e.type==="title"?(l.openBlock(),l.createBlock(r,{key:0},{default:l.withCtx(()=>[l.createElementVNode("div",E,[F,l.createElementVNode("span",L,l.toDisplayString(e.title),1)])]),_:2},1024)):e.type==="address"?(l.openBlock(),l.createBlock(r,{key:1,rules:e.rules,prop:[e.field],class:"container-address"},{default:l.withCtx(()=>[l.createVNode(_,{style:{"margin-bottom":"20px","margin-right":"60px"},onClick:s.downLoad},{default:l.withCtx(()=>[m,l.createTextVNode(" 載入已有地址 ")]),_:1},8,["onClick"]),l.createVNode(U,{style:{"margin-bottom":"20px"},modelValue:a.value[e.field.addressLang],"onUpdate:modelValue":o=>a.value[e.field.addressLang]=o,disabled:e.disabled},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.optionsLang)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(C,{label:d[((t=e.optionsLang)==null?void 0:t.valueKey)||"code"],size:"large",key:d[((n=e.optionsLang)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>{var p;return[l.createTextVNode(l.toDisplayString(d[((p=e.optionsLang)==null?void 0:p.labelkey)||"name"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"]),l.createElementVNode("div",z,[l.createVNode(r,{rules:e.rules.addressNation,prop:[e.field.addressNation],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressNation],"onUpdate:modelValue":d=>a.value[e.field.addressNation]=d,placeholder:((o=e.optionsSelectNation)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectNation)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectNation)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectNation)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectNation)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressCity,prop:[e.field.addressCity],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressCity],"onUpdate:modelValue":d=>a.value[e.field.addressCity]=d,placeholder:((o=e.optionsSelectCity)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectCity)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectCity)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectCity)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectCity)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressArea,prop:[e.field.addressArea],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressArea],"onUpdate:modelValue":d=>a.value[e.field.addressArea]=d,placeholder:((o=e.optionsSelectArea)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectArea)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectArea)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectArea)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectArea)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressAreaC,prop:[e.field.addressAreaC],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressAreaC],"onUpdate:modelValue":d=>a.value[e.field.addressAreaC]=d,placeholder:((o=e.optionsSelectAreaC)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectAreaC)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectAreaC)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectAreaC)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectAreaC)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"])]),l.createVNode(r,{rules:e.rules.addressStreet,prop:[e.field.addressStreet],class:"item-address"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.addressStreet],"onUpdate:modelValue":o=>a.value[e.field.addressStreet]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderAddressStreet,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressHouse,prop:[e.field.addressHouse],class:"item-address"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.addressHouse],"onUpdate:modelValue":o=>a.value[e.field.addressHouse]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderAddressHouse,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressMansion,prop:[e.field.addressMansion],class:"item-address"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.addressMansion],"onUpdate:modelValue":o=>a.value[e.field.addressMansion]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderAddressMansion,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),a.value.addressLang=="1"?(l.openBlock(),l.createElementBlock("div",I,[l.createVNode(r,{rules:e.rules.block,prop:[e.field.block],style:{display:"inline-block!important",width:"24%"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.block],"onUpdate:modelValue":o=>a.value[e.field.block]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderBlock,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" 座 "),l.createVNode(r,{rules:e.rules.floor,prop:[e.field.floor],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.floor],"onUpdate:modelValue":o=>a.value[e.field.floor]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderFloor,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" 樓 "),l.createVNode(r,{rules:e.rules.flat,prop:[e.field.flat],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.flat],"onUpdate:modelValue":o=>a.value[e.field.flat]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderFlat,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" 室 ")])):l.createCommentVNode("",!0),a.value.addressLang=="2"?(l.openBlock(),l.createElementBlock("div",G,[l.createVNode(r,{rules:e.rules.block,prop:[e.field.block],style:{display:"inline-block!important",width:"24%"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.block],"onUpdate:modelValue":o=>a.value[e.field.block]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderBlock,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" Block "),l.createVNode(r,{rules:e.rules.floor,prop:[e.field.floor],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.floor],"onUpdate:modelValue":o=>a.value[e.field.floor]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.rules.placeholderFloor,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" Floor "),l.createVNode(r,{rules:e.rules.flat,prop:[e.field.flat],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.flat],"onUpdate:modelValue":o=>a.value[e.field.flat]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.rules.placeholderFlat,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" Flat ")])):l.createCommentVNode("",!0),l.renderSlot(s.$slots,"address",{},void 0,!0)]),_:2},1032,["rules","prop"])):e.type==="name"?(l.openBlock(),l.createBlock(r,{key:2,label:e.label,class:"container",rules:e.rules.nameEnFamily},{default:l.withCtx(()=>[l.createVNode(r,{rules:e.rules.nameEnFamily,prop:[e.field.nameEnFamily],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameEnFamily],"onUpdate:modelValue":o=>a.value[e.field.nameEnFamily]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameEnFamily,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.nameChFamily,prop:[e.field.nameChFamily],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameChFamily],"onUpdate:modelValue":o=>a.value[e.field.nameChFamily]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameChFamily,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.nameEn,prop:[e.field.nameEn],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameEn],"onUpdate:modelValue":o=>a.value[e.field.nameEn]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameEn,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.nameCh,prop:[e.field.nameCh],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameCh],"onUpdate:modelValue":o=>a.value[e.field.nameCh]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameCh,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])]),_:2},1032,["label","rules"])):e.type==="gender"?(l.openBlock(),l.createBlock(r,{key:3,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(U,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,disabled:e.disabled},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.options)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(C,{label:d[((t=e.options)==null?void 0:t.valueKey)||"code"],size:"large",key:d[((n=e.options)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>[l.createElementVNode("img",{src:d.code==="M"?"http://192.168.5.200:9000/test/sex_img_M.png":"http://192.168.5.200:9000/test/sex_img_F.png",style:{width:"44px",height:"44px","margin-bottom":"-15px","margin-left":"4px"},alt:""},null,8,R)]),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):e.type==="radio"?(l.openBlock(),l.createBlock(r,{key:4,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(U,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,disabled:e.disabled},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.options)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(C,{size:"large",label:d[((t=e.options)==null?void 0:t.valueKey)||"code"],key:d[((n=e.options)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>{var p;return[l.createTextVNode(l.toDisplayString(d[((p=e.options)==null?void 0:p.labelkey)||"name"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):e.type==="checkbox"?(l.openBlock(),l.createBlock(r,{key:5,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(W,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,disabled:e.disabled,style:l.normalizeStyle(e.ways==="row"?"display: flex; align-items: flex-start;flex-flow: row nowrap; ":"display: flex; align-items: flex-start;flex-flow: column nowrap; ")},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.options)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(T,{key:d[((t=e.options)==null?void 0:t.valueKey)||"code"],label:d[((n=e.options)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>{var p;return[l.createTextVNode(l.toDisplayString(d[((p=e.options)==null?void 0:p.labelkey)||"name"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","style"])]),_:2},1032,["label","rules","prop"])):e.type==="select"?(l.openBlock(),l.createBlock(r,{key:6,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field],"onUpdate:modelValue":d=>a.value[e.field]=d,placeholder:((o=e.options)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.options)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.options)==null?void 0:n.valueKey)||"code"],label:t[((p=e.options)==null?void 0:p.labelkey)||"name"],value:t[((i=e.options)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["label","rules","prop"])):e.type==="datetime"?(l.openBlock(),l.createBlock(r,{key:7,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(Y,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,readonly:e.readonly,type:"datetime",placeholder:e.placeholder||e.label,"default-time":s.defaultTime,"value-format":e.format||"YYYY-MM-DD HH:mm:ss"},null,8,["modelValue","onUpdate:modelValue","readonly","placeholder","default-time","value-format"])]),_:2},1032,["label","rules","prop"])):e.type==="slotItem1"?(l.openBlock(),l.createBlock(r,{key:8},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem1",{},void 0,!0)]),_:3})):e.type==="slotItem2"?(l.openBlock(),l.createBlock(r,{key:9},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem2",{},void 0,!0)]),_:3})):e.type==="slotItem3"?(l.openBlock(),l.createBlock(r,{key:10},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem3",{},void 0,!0)]),_:3})):e.type==="slotItem4"?(l.openBlock(),l.createBlock(r,{key:11},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem4",{},void 0,!0)]),_:3})):e.type==="slotItem5"?(l.openBlock(),l.createBlock(r,{key:12},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem5",{},void 0,!0)]),_:3})):e.type==="phone"?(l.openBlock(),l.createBlock(r,{key:13,label:e.label,rules:e.rules.phoneNumber,prop:[e.field.phoneNumber]},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.phoneNumber],"onUpdate:modelValue":o=>a.value[e.field.phoneNumber]=o,placeholder:e.placeholder||"请选择",clearable:e.clearable},{prepend:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.areaCode],"onUpdate:modelValue":d=>a.value[e.field.areaCode]=d,placeholder:((o=e.options)==null?void 0:o.placeholder)||"请选择",style:{width:"115px"}},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.options)==null?void 0:d.data,(t,n)=>(l.openBlock(),l.createBlock(u,{label:t.name,value:t.code,key:n},null,8,["label","value"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]),_:2},1032,["label","rules","prop"])):(l.openBlock(),l.createBlock(r,{key:14,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholder||e.label,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["label","rules","prop"]))],6))),128)),l.createVNode(r,{class:"btnsItem"},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"buttons",{model:a.value,formRef:x.value},()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(K.value,(e,A)=>(l.openBlock(),l.createElementBlock("div",{key:A},[e.isShow?(l.openBlock(),l.createBlock(M,{key:0,size:15,width:e.size,btnCode:e.btnCode,onHandleClick:o=>{P(o,x.value,e.isRule,e.emitName)},style:l.normalizeStyle(e.style)},{default:l.withCtx(()=>[l.createTextVNode(l.toDisplayString(e.name),1)]),_:2},1032,["width","btnCode","onHandleClick","style"])):l.createCommentVNode("",!0)]))),128))],!0)]),_:3})]),_:3},16,["model","label-position"])]),_:3})}}}),X="",N=((f,B)=>{const w=f.__vccOpts||f;for(const[h,a]of B)w[h]=a;return w})(H,[["__scopeId","data-v-d7d194c5"]]);function g(f,B={}){g.installed||(g.installed=!0,f.component("common-el-form",N))}return N.install=g,N});
|
|
1
|
+
(function(l,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue")):typeof define=="function"&&define.amd?define(["vue"],k):(l=typeof globalThis<"u"?globalThis:l||self,l.Form=k(l.Vue))})(this,function(l){"use strict";const k="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAA+dJREFUWEftl1+IG1UUxr9zJ+6ubWkyM0oF6cIktRQsLUUUWiiWPllw8UFZEGtc9UERbBLXIhTEWR/KUtpNZgWrPli7FqUoKogKUrQ++GIptWsrVZoMtFpEyJ100do/yT0Sa2P+TJNJdrLtg/OYnHvO737nm3vPEG7Sh25SLvwP1m1nFlSxTTZHfvVKG5SABeZlTHRJMCRr9GN+T+xoPXzfwZiZ7kqXRirEDwN4EMzGNQAi/AxQ7lbSDp7MRuWCgVkvyjV0BXsZvKGpleeEoInlUf3twzaV/drcF8WqKiXS3k4GtgOsNShBOLR4SBv9YTLmtfNd6GC2zWLGk28x8HRzYQK9Pqzrqeup1LdWVqH2l7x9YE62QmFfwTGfCvp2hqqYlSk6UNjWAkU4NBwztgRRqvZiBN1BpzgrIzdC4RuAmzZL3sDg4Oqfdi0+1ylH6K3cZPPQmZI8zoyVzcWFEGP5rL6/G6hqbCitjKeLNjNe8TH7iaSur7VtUgsOtmKaB1XeO8vg232Kj7qO+UG3UKEoFk/Lx5j5gI/hfx+OGXd2Y/hQPRZPyW99TnYQialCTh/vRa15KxZ/SUb5EiSYRYvpNbE5P6V/fUPAEpniA0rhC5/iFxbphn7Spss3BMxKF18F42WfU/5IwTHv6xVq/q1My8+ZeUsLANGMmzOeWBCwFZniqALF64ux4hSAO3zADhPwZUNsBJ+5u43ZoLCBD9iV43O3lSvlj5h5Y9DktXuPMJHPGhNExEHXBgarJrzb5oG/PPkGA08GLHBRAGN5xzwYML4W1hXYtVWJlNyuCJN+x0QdwG8QkYfcbPS7bqFazG+li++AKXl1QiBPkHgkn4t95ZfYysgRUvweA0t8PPa9NjA0cnrXol+uB5VIlzYrVh8CrAPEIJ5xc+ZYrf31C62UVA1ji8C0mzWrBvd9/p3pP2Xw8H9+ok+WRPSts7vpz3ZKtc5uxK5j1A7qhlZaqWKjOYlec3NGy+DXsJkdfyzDhcsfg3k9gSbzOX1HEJNbaTkN5ufrc7mOWeOZN1g1cXXCgHv+/tPZWMMR0Vax+YAR0d5CzniuF/N2WhNPyepn3bM9KUag2aSur+tl0GsHdvVLyjvG4DU9gf3z2hK9r7HmKIFiJxWC/C8UzApVUsz8aHN8G4/JAsBWkALhx5DrOkbtymswfzwl32Xw1vCLds5IoAMFx3jc9xxLvFBczhWcYGBp51ThRRAwRxpW56fMs75g1R/j4+fv5XJ5BsCq8Eq3zXSKIpFkYU/0SH2U7115z5t8izw1t06o8lqQGOoLIKuLSkSOG6uWHjv6DF1prtHTJd4X0KakfwOtY3o2ZXuVHAAAAABJRU5ErkJggg==",S=f=>(l.pushScopeId("data-v-757bd5d1"),f=f(),l.popScopeId(),f),E={class:"header-title"},F=S(()=>l.createElementVNode("span",{class:"title-left"},null,-1)),L={class:"title-content"},m=S(()=>l.createElementVNode("img",{src:k,style:{width:"19px","margin-right":"10px"},alt:""},null,-1)),z={class:"item-address"},I={key:0,class:"item-address"},G={key:1,class:"item-address"},R=["src"],H=l.defineComponent({__name:"Index",props:{fieldList:{},model:{},options:{}},emits:["submit","reset","cancel"],setup(f,{expose:B,emit:w}){const h=f,a=l.ref({}),x=l.ref(),K=l.computed(()=>Object.assign([],h==null?void 0:h.options));B({formRef:x}),(()=>{h.fieldList.map(s=>{const b=s.type==="checkbox"?[]:"";if(console.log("itttttttt",s.field,s.field!=null),s.field&&typeof s.field=="object")for(let r of Object.keys(s.field))h.model?a.value=h.model:a.value[s.field[r]]=s.value||b;h.model?a.value=h.model:a.value[s.field]=s.value||b})})();const P=(s,b,r,C)=>{console.log("modecodecodecodecode",s),b&&(r?b.validate(_=>{if(_)w(C,a.value);else return!1}):C==="reset"?b.resetFields():w(C,a.value))},y=s=>{s&&P("",x.value,!0,"submit")};return(s,b)=>{const r=l.resolveComponent("el-form-item"),C=l.resolveComponent("el-button"),_=l.resolveComponent("el-radio"),U=l.resolveComponent("el-radio-group"),u=l.resolveComponent("el-option"),V=l.resolveComponent("el-select"),c=l.resolveComponent("el-input"),T=l.resolveComponent("el-checkbox"),W=l.resolveComponent("el-checkbox-group"),Y=l.resolveComponent("el-date-picker"),M=l.resolveComponent("sinosoft-common-button"),Z=l.resolveComponent("el-form"),O=l.resolveComponent("el-card");return l.openBlock(),l.createBlock(O,{class:"mb-5"},{default:l.withCtx(()=>[l.createVNode(Z,l.mergeProps({onSubmit:b[0]||(b[0]=l.withModifiers(()=>{},["prevent"])),model:a.value},K.value,{"label-position":K.value.labelPosition,ref_key:"formRef",ref:x}),{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(s.fieldList,(e,A)=>(l.openBlock(),l.createElementBlock("div",{key:A,class:l.normalizeClass(e.type==="title"||e.type==="address"||e.type==="name"?"form-item-title":"form-item"),style:l.normalizeStyle(e.style)},[e.type==="title"?(l.openBlock(),l.createBlock(r,{key:0},{default:l.withCtx(()=>[l.createElementVNode("div",E,[F,l.createElementVNode("span",L,l.toDisplayString(e.title),1)])]),_:2},1024)):e.type==="address"?(l.openBlock(),l.createBlock(r,{key:1,rules:e.rules,prop:[e.field],class:"container-address"},{default:l.withCtx(()=>[l.createVNode(C,{style:{"margin-bottom":"20px","margin-right":"60px"},onClick:s.downLoad},{default:l.withCtx(()=>[m,l.createTextVNode(" 載入已有地址 ")]),_:1},8,["onClick"]),l.createVNode(U,{style:{"margin-bottom":"20px"},modelValue:a.value[e.field.addressLang],"onUpdate:modelValue":o=>a.value[e.field.addressLang]=o,disabled:e.disabled},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.optionsLang)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(_,{label:d[((t=e.optionsLang)==null?void 0:t.valueKey)||"code"],size:"large",key:d[((n=e.optionsLang)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>{var p;return[l.createTextVNode(l.toDisplayString(d[((p=e.optionsLang)==null?void 0:p.labelkey)||"name"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"]),l.createElementVNode("div",z,[l.createVNode(r,{rules:e.rules.addressNation,prop:[e.field.addressNation],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressNation],"onUpdate:modelValue":d=>a.value[e.field.addressNation]=d,placeholder:((o=e.optionsSelectNation)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectNation)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectNation)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectNation)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectNation)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressCity,prop:[e.field.addressCity],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressCity],"onUpdate:modelValue":d=>a.value[e.field.addressCity]=d,placeholder:((o=e.optionsSelectCity)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectCity)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectCity)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectCity)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectCity)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressArea,prop:[e.field.addressArea],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressArea],"onUpdate:modelValue":d=>a.value[e.field.addressArea]=d,placeholder:((o=e.optionsSelectArea)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectArea)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectArea)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectArea)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectArea)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressAreaC,prop:[e.field.addressAreaC],style:{display:"inline-block!important","margin-right":"40px",width:"20%"}},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.addressAreaC],"onUpdate:modelValue":d=>a.value[e.field.addressAreaC]=d,placeholder:((o=e.optionsSelectAreaC)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.optionsSelectAreaC)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.optionsSelectAreaC)==null?void 0:n.valueKey)||"code"],label:t[((p=e.optionsSelectAreaC)==null?void 0:p.labelkey)||"name"],value:t[((i=e.optionsSelectAreaC)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["rules","prop"])]),l.createVNode(r,{rules:e.rules.addressStreet,prop:[e.field.addressStreet],class:"item-address"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.addressStreet],"onUpdate:modelValue":o=>a.value[e.field.addressStreet]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderAddressStreet,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressHouse,prop:[e.field.addressHouse],class:"item-address"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.addressHouse],"onUpdate:modelValue":o=>a.value[e.field.addressHouse]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderAddressHouse,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.addressMansion,prop:[e.field.addressMansion],class:"item-address"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.addressMansion],"onUpdate:modelValue":o=>a.value[e.field.addressMansion]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderAddressMansion,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),a.value.addressLang=="1"?(l.openBlock(),l.createElementBlock("div",I,[l.createVNode(r,{rules:e.rules.block,prop:[e.field.block],style:{display:"inline-block!important",width:"24%"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.block],"onUpdate:modelValue":o=>a.value[e.field.block]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderBlock,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" 座 "),l.createVNode(r,{rules:e.rules.floor,prop:[e.field.floor],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.floor],"onUpdate:modelValue":o=>a.value[e.field.floor]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderFloor,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" 樓 "),l.createVNode(r,{rules:e.rules.flat,prop:[e.field.flat],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.flat],"onUpdate:modelValue":o=>a.value[e.field.flat]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderFlat,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" 室 ")])):l.createCommentVNode("",!0),a.value.addressLang=="2"?(l.openBlock(),l.createElementBlock("div",G,[l.createVNode(r,{rules:e.rules.block,prop:[e.field.block],style:{display:"inline-block!important",width:"24%"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.block],"onUpdate:modelValue":o=>a.value[e.field.block]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.field.placeholderBlock,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" Block "),l.createVNode(r,{rules:e.rules.floor,prop:[e.field.floor],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.floor],"onUpdate:modelValue":o=>a.value[e.field.floor]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.rules.placeholderFloor,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" Floor "),l.createVNode(r,{rules:e.rules.flat,prop:[e.field.flat],style:{display:"inline-block!important",width:"24%","margin-left":"60px"}},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.flat],"onUpdate:modelValue":o=>a.value[e.field.flat]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.rules.placeholderFlat,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["rules","prop"]),l.createTextVNode(" Flat ")])):l.createCommentVNode("",!0),l.renderSlot(s.$slots,"address",{},void 0,!0)]),_:2},1032,["rules","prop"])):e.type==="name"?(l.openBlock(),l.createBlock(r,{key:2,label:e.label,class:"container",rules:e.rules.nameEnFamily},{default:l.withCtx(()=>[l.createVNode(r,{rules:e.rules.nameEnFamily,prop:[e.field.nameEnFamily],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameEnFamily],"onUpdate:modelValue":o=>a.value[e.field.nameEnFamily]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameEnFamily,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.nameChFamily,prop:[e.field.nameChFamily],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameChFamily],"onUpdate:modelValue":o=>a.value[e.field.nameChFamily]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameChFamily,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.nameEn,prop:[e.field.nameEn],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameEn],"onUpdate:modelValue":o=>a.value[e.field.nameEn]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameEn,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"]),l.createVNode(r,{rules:e.rules.nameCh,prop:[e.field.nameCh],class:"item-name"},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.nameCh],"onUpdate:modelValue":o=>a.value[e.field.nameCh]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholderNameCh,disabled:e.disabled,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])]),_:2},1032,["label","rules"])):e.type==="gender"?(l.openBlock(),l.createBlock(r,{key:3,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(U,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,disabled:e.disabled},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.options)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(_,{label:d[((t=e.options)==null?void 0:t.valueKey)||"code"],size:"large",key:d[((n=e.options)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>[l.createElementVNode("img",{src:d.code==="M"?"http://192.168.5.200:9000/test/sex_img_M.png":"http://192.168.5.200:9000/test/sex_img_F.png",style:{width:"44px",height:"44px","margin-bottom":"-15px","margin-left":"4px"},alt:""},null,8,R)]),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):e.type==="radio"?(l.openBlock(),l.createBlock(r,{key:4,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(U,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,disabled:e.disabled},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.options)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(_,{size:"large",label:d[((t=e.options)==null?void 0:t.valueKey)||"code"],key:d[((n=e.options)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>{var p;return[l.createTextVNode(l.toDisplayString(d[((p=e.options)==null?void 0:p.labelkey)||"name"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):e.type==="checkbox"?(l.openBlock(),l.createBlock(r,{key:5,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(W,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,disabled:e.disabled,style:l.normalizeStyle(e.ways==="row"?"display: flex; align-items: flex-start;flex-flow: row nowrap; ":"display: flex; align-items: flex-start;flex-flow: column nowrap; ")},{default:l.withCtx(()=>{var o;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((o=e.options)==null?void 0:o.data,d=>{var t,n;return l.openBlock(),l.createBlock(T,{key:d[((t=e.options)==null?void 0:t.valueKey)||"code"],label:d[((n=e.options)==null?void 0:n.valueKey)||"code"]},{default:l.withCtx(()=>{var p;return[l.createTextVNode(l.toDisplayString(d[((p=e.options)==null?void 0:p.labelkey)||"name"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","style"])]),_:2},1032,["label","rules","prop"])):e.type==="select"?(l.openBlock(),l.createBlock(r,{key:6,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field],"onUpdate:modelValue":d=>a.value[e.field]=d,placeholder:((o=e.options)==null?void 0:o.placeholder)||"请选择",clearable:e.clearable},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.options)==null?void 0:d.data,t=>{var n,p,i;return l.openBlock(),l.createBlock(u,{key:t[((n=e.options)==null?void 0:n.valueKey)||"code"],label:t[((p=e.options)==null?void 0:p.labelkey)||"name"],value:t[((i=e.options)==null?void 0:i.valueKey)||"code"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["label","rules","prop"])):e.type==="datetime"?(l.openBlock(),l.createBlock(r,{key:7,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(Y,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,readonly:e.readonly,type:"datetime",placeholder:e.placeholder||e.label,"default-time":s.defaultTime,"value-format":e.format||"YYYY-MM-DD HH:mm:ss"},null,8,["modelValue","onUpdate:modelValue","readonly","placeholder","default-time","value-format"])]),_:2},1032,["label","rules","prop"])):e.type==="slotItem1"?(l.openBlock(),l.createBlock(r,{key:8},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem1",{},void 0,!0)]),_:3})):e.type==="slotItem2"?(l.openBlock(),l.createBlock(r,{key:9},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem2",{},void 0,!0)]),_:3})):e.type==="slotItem3"?(l.openBlock(),l.createBlock(r,{key:10},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem3",{},void 0,!0)]),_:3})):e.type==="slotItem4"?(l.openBlock(),l.createBlock(r,{key:11},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem4",{},void 0,!0)]),_:3})):e.type==="slotItem5"?(l.openBlock(),l.createBlock(r,{key:12},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"slotItem5",{},void 0,!0)]),_:3})):e.type==="phone"?(l.openBlock(),l.createBlock(r,{key:13,label:e.label,rules:e.rules.phoneNumber,prop:[e.field.phoneNumber]},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field.phoneNumber],"onUpdate:modelValue":o=>a.value[e.field.phoneNumber]=o,placeholder:e.placeholder||"请选择",clearable:e.clearable},{prepend:l.withCtx(()=>{var o;return[l.createVNode(V,{modelValue:a.value[e.field.areaCode],"onUpdate:modelValue":d=>a.value[e.field.areaCode]=d,placeholder:((o=e.options)==null?void 0:o.placeholder)||"请选择",style:{width:"115px"}},{default:l.withCtx(()=>{var d;return[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList((d=e.options)==null?void 0:d.data,(t,n)=>(l.openBlock(),l.createBlock(u,{label:t.name,value:t.code,key:n},null,8,["label","value"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]),_:2},1032,["label","rules","prop"])):(l.openBlock(),l.createBlock(r,{key:14,label:e.label,rules:e.rules,prop:[e.field]},{default:l.withCtx(()=>[l.createVNode(c,{modelValue:a.value[e.field],"onUpdate:modelValue":o=>a.value[e.field]=o,readonly:e.readonly,type:e.type?e.type:"text",placeholder:e.placeholder||e.label,disabled:e.disabled,showPassword:e.showPassword,clearable:e.clearable,onKeyup:l.withKeys(o=>y(e.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["label","rules","prop"]))],6))),128)),l.createVNode(r,{class:"btnsItem"},{default:l.withCtx(()=>[l.renderSlot(s.$slots,"buttons",{model:a.value,formRef:x.value},()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(K.value.btnConfig,(e,A)=>(l.openBlock(),l.createElementBlock("div",{key:A},[e.isShow?(l.openBlock(),l.createBlock(M,{key:0,size:15,width:e.size,btnCode:e.btnCode,onHandleClick:o=>{P(o,x.value,e.isRule,e.emitName)},style:l.normalizeStyle(e.style)},{default:l.withCtx(()=>[l.createTextVNode(l.toDisplayString(e.name),1)]),_:2},1032,["width","btnCode","onHandleClick","style"])):l.createCommentVNode("",!0)]))),128))],!0)]),_:3})]),_:3},16,["model","label-position"])]),_:3})}}}),X="",N=((f,B)=>{const w=f.__vccOpts||f;for(const[h,a]of B)w[h]=a;return w})(H,[["__scopeId","data-v-757bd5d1"]]);function g(f,B={}){g.installed||(g.installed=!0,f.component("common-el-form",N))}return N.install=g,N});
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.form-item[data-v-
|
|
1
|
+
@charset "UTF-8";.form-item[data-v-757bd5d1]{width:50%;display:inline-block;padding-right:100px;box-sizing:border-box}.form-item-title[data-v-757bd5d1]{width:100%}.container[data-v-757bd5d1]{padding:10px}.item-name[data-v-757bd5d1]{width:49%;padding-right:120px;padding-bottom:20px;box-sizing:border-box}.container-address[data-v-757bd5d1]{display:flex;padding:10px}.btnsItem[data-v-757bd5d1]{width:500px;margin:0 auto;justify-content:center}.btnsItem[data-v-757bd5d1] .el-form-item__content{justify-content:center}.item-address[data-v-757bd5d1]{width:100%;padding-right:10px;padding-bottom:20px;box-sizing:border-box}label[data-v-757bd5d1]{display:block}.title-left[data-v-757bd5d1]{border:2px solid #216FED;border-radius:2px;width:0px;height:18px;margin-right:8px}.title-content[data-v-757bd5d1]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#2c3c4d;line-height:22px}[data-v-757bd5d1] .el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper{background-color:#fff;width:80px}[data-v-757bd5d1] .el-input-group__prepend .el-select{width:90px!important}
|