feat(PageModal): 表单项增加文本类型支持

This commit is contained in:
cshaptx4869
2024-05-15 08:21:49 +08:00
parent e17c1a50ae
commit c39b356c90
2 changed files with 6 additions and 9 deletions

View File

@@ -26,15 +26,7 @@
</template>
<!-- Input 输入框 -->
<template v-if="item.type === 'input' || item.type === undefined">
<template v-if="item.attrs?.type === 'number'">
<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>
<el-input v-model="formData[item.prop]" v-bind="item.attrs" />
</template>
<!-- Select 选择器 -->
<template v-else-if="item.type === 'select'">
@@ -72,6 +64,10 @@
<template v-else-if="item.type === 'date-picker'">
<el-date-picker v-model="formData[item.prop]" v-bind="item.attrs" />
</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'">
<slot

View File

@@ -28,6 +28,7 @@ export type IFormItems<T = any> = Array<{
| "tree-select"
| "date-picker"
| "input-number"
| "text"
| "custom";
// 组件属性
attrs?: IObject;