Skip to content

Commit 6cd674b

Browse files
SmallRuralDogSmallRuralDog
committed
表单添加Tab分栏显示
ToolButton添加气泡提示和确认操作提示
1 parent e7341d2 commit 6cd674b

File tree

22 files changed

+183835
-302
lines changed

22 files changed

+183835
-302
lines changed

‎docs/assets/image-20200509104115665.png

26.7 KB
Loading

‎docs/assets/image-20200509104203063.png

26.7 KB
Loading

‎public/0.js

Lines changed: 59691 additions & 1 deletion
Large diffs are not rendered by default.

‎public/1.js

Lines changed: 138 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -104,6 +104,12 @@ __webpack_require__.r(__webpack_exports__);
104104
//
105105
//
106106
//
107+
//
108+
//
109+
//
110+
//
111+
//
112+
//
107113

108114

109115
/* harmony default export */ __webpack_exports__["default"] = ({
@@ -251,123 +257,143 @@ var render = function() {
251257
}
252258
},
253259
[
254-
_vm._l(_vm.attrs.formItems, function(item, index) {
255-
return [
260+
_c(
261+
"el-tabs",
262+
[
256263
_c(
257-
"ItemIf",
258-
{
259-
key: index,
260-
attrs: {
261-
form_item: item,
262-
form_items: _vm.attrs.formItems,
263-
form_data: _vm.formData
264-
}
265-
},
264+
"el-tab-pane",
265+
{ attrs: { label: "基本信息" } },
266266
[
267-
item.topComponent
268-
? _c(item.topComponent.componentName, {
269-
tag: "component",
270-
attrs: { attrs: item.topComponent }
271-
})
272-
: _vm._e(),
273-
_vm._v(" "),
274-
_c(
275-
"el-form-item",
276-
{
277-
attrs: {
278-
label: item.label,
279-
prop: item.prop,
280-
"label-width": item.labelWidth,
281-
required: item.required,
282-
rules: item.rules,
283-
error: item.error,
284-
"show-message": item.showMessage,
285-
"inline-message": item.inlineMessage,
286-
size: item.size
287-
}
288-
},
289-
[
290-
[
291-
_c(
292-
"el-row",
293-
[
294-
_c(
295-
"el-col",
296-
{ attrs: { span: item.inputWidth } },
267+
_vm._l(_vm.attrs.formItems, function(item, index) {
268+
return [
269+
_c(
270+
"ItemIf",
271+
{
272+
key: index,
273+
attrs: {
274+
form_item: item,
275+
form_items: _vm.attrs.formItems,
276+
form_data: _vm.formData
277+
}
278+
},
279+
[
280+
item.topComponent
281+
? _c(item.topComponent.componentName, {
282+
tag: "component",
283+
attrs: { attrs: item.topComponent }
284+
})
285+
: _vm._e(),
286+
_vm._v(" "),
287+
_c(
288+
"el-form-item",
289+
{
290+
attrs: {
291+
label: item.label,
292+
prop: item.prop,
293+
"label-width": item.labelWidth,
294+
required: item.required,
295+
rules: item.rules,
296+
error: item.error,
297+
"show-message": item.showMessage,
298+
"inline-message": item.inlineMessage,
299+
size: item.size
300+
}
301+
},
302+
[
297303
[
298-
item.relationName
299-
? [
300-
_c("ItemDiaplsy", {
301-
attrs: {
302-
form_item: item,
303-
form_items: _vm.attrs.formItems,
304-
form_data: _vm.formData
305-
},
306-
model: {
307-
value:
308-
_vm.formData[item.relationName][
309-
item.relationValueKey
304+
_c(
305+
"el-row",
306+
[
307+
_c(
308+
"el-col",
309+
{ attrs: { span: item.inputWidth } },
310+
[
311+
item.relationName
312+
? [
313+
_c("ItemDiaplsy", {
314+
attrs: {
315+
form_item: item,
316+
form_items:
317+
_vm.attrs.formItems,
318+
form_data: _vm.formData
319+
},
320+
model: {
321+
value:
322+
_vm.formData[
323+
item.relationName
324+
][item.relationValueKey],
325+
callback: function($$v) {
326+
_vm.$set(
327+
_vm.formData[
328+
item.relationName
329+
],
330+
item.relationValueKey,
331+
$$v
332+
)
333+
},
334+
expression:
335+
"\n formData[item.relationName][item.relationValueKey]\n "
336+
}
337+
})
338+
]
339+
: [
340+
_c("ItemDiaplsy", {
341+
attrs: {
342+
form_item: item,
343+
form_data: _vm.formData
344+
},
345+
model: {
346+
value:
347+
_vm.formData[item.prop],
348+
callback: function($$v) {
349+
_vm.$set(
350+
_vm.formData,
351+
item.prop,
352+
$$v
353+
)
354+
},
355+
expression:
356+
"formData[item.prop]"
357+
}
358+
})
310359
],
311-
callback: function($$v) {
312-
_vm.$set(
313-
_vm.formData[item.relationName],
314-
item.relationValueKey,
315-
$$v
316-
)
317-
},
318-
expression:
319-
"formData[item.relationName][item.relationValueKey]"
320-
}
321-
})
322-
]
323-
: [
324-
_c("ItemDiaplsy", {
325-
attrs: {
326-
form_item: item,
327-
form_data: _vm.formData
328-
},
329-
model: {
330-
value: _vm.formData[item.prop],
331-
callback: function($$v) {
332-
_vm.$set(
333-
_vm.formData,
334-
item.prop,
335-
$$v
336-
)
337-
},
338-
expression: "formData[item.prop]"
339-
}
340-
})
341-
],
342-
_vm._v(" "),
343-
item.help
344-
? _c("div", {
345-
staticClass: "form-item-help",
346-
domProps: { innerHTML: _vm._s(item.help) }
347-
})
348-
: _vm._e()
349-
],
350-
2
351-
)
352-
],
353-
1
354-
)
355-
]
356-
],
357-
2
358-
),
359-
_vm._v(" "),
360-
item.footerComponent
361-
? _c(item.footerComponent.componentName, {
362-
tag: "component",
363-
attrs: { attrs: item.footerComponent }
364-
})
365-
: _vm._e()
360+
_vm._v(" "),
361+
item.help
362+
? _c("div", {
363+
staticClass: "form-item-help",
364+
domProps: {
365+
innerHTML: _vm._s(item.help)
366+
}
367+
})
368+
: _vm._e()
369+
],
370+
2
371+
)
372+
],
373+
1
374+
)
375+
]
376+
],
377+
2
378+
),
379+
_vm._v(" "),
380+
item.footerComponent
381+
? _c(item.footerComponent.componentName, {
382+
tag: "component",
383+
attrs: { attrs: item.footerComponent }
384+
})
385+
: _vm._e()
386+
],
387+
1
388+
)
389+
]
390+
})
366391
],
367-
1
392+
2
368393
)
369-
]
370-
}),
394+
],
395+
1
396+
),
371397
_vm._v(" "),
372398
_c("div", { staticClass: "form-bottom-actions" }, [
373399
_c("div"),
@@ -393,7 +419,7 @@ var render = function() {
393419
)
394420
])
395421
],
396-
2
422+
1
397423
)
398424
: _vm._e()
399425
}

0 commit comments

Comments
 (0)