feat(PageModal): ✨ 表单项增加文本类型支持
This commit is contained in:
@@ -26,15 +26,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<!-- Input 输入框 -->
|
<!-- Input 输入框 -->
|
||||||
<template v-if="item.type === 'input' || item.type === undefined">
|
<template v-if="item.type === 'input' || item.type === undefined">
|
||||||
<template v-if="item.attrs?.type === 'number'">
|
<el-input v-model="formData[item.prop]" v-bind="item.attrs" />
|
||||||
<el-input
|
|
||||||
v-model.number="formData[item.prop]"
|
|
||||||
v-bind="item.attrs"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<el-input v-model="formData[item.prop]" v-bind="item.attrs" />
|
|
||||||
</template>
|
|
||||||
</template>
|
</template>
|
||||||
<!-- Select 选择器 -->
|
<!-- Select 选择器 -->
|
||||||
<template v-else-if="item.type === 'select'">
|
<template v-else-if="item.type === 'select'">
|
||||||
@@ -72,6 +64,10 @@
|
|||||||
<template v-else-if="item.type === 'date-picker'">
|
<template v-else-if="item.type === 'date-picker'">
|
||||||
<el-date-picker v-model="formData[item.prop]" v-bind="item.attrs" />
|
<el-date-picker v-model="formData[item.prop]" v-bind="item.attrs" />
|
||||||
</template>
|
</template>
|
||||||
|
<!-- Text 文本 -->
|
||||||
|
<template v-else-if="item.type === 'text'">
|
||||||
|
<el-text v-bind="item.attrs">{{ formData[item.prop] }}</el-text>
|
||||||
|
</template>
|
||||||
<!-- 自定义 -->
|
<!-- 自定义 -->
|
||||||
<template v-else-if="item.type === 'custom'">
|
<template v-else-if="item.type === 'custom'">
|
||||||
<slot
|
<slot
|
||||||
|
|||||||
@@ -28,6 +28,7 @@ export type IFormItems<T = any> = Array<{
|
|||||||
| "tree-select"
|
| "tree-select"
|
||||||
| "date-picker"
|
| "date-picker"
|
||||||
| "input-number"
|
| "input-number"
|
||||||
|
| "text"
|
||||||
| "custom";
|
| "custom";
|
||||||
// 组件属性
|
// 组件属性
|
||||||
attrs?: IObject;
|
attrs?: IObject;
|
||||||
|
|||||||
Reference in New Issue
Block a user