tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ cURD表单input支持number修饰

Browse Source
This commit is contained in:
cshaptx4869
2024-04-30 15:30:12 +08:00
parent de6610ef19
commit 6786465f0b
2 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/PageModal/index.vue
View File

@@ -16,7 +16,15 @@
<el-form-item :label="item.label" :prop="item.prop"> <el-form-item :label="item.label" :prop="item.prop">
<!-- Input 输入框 --> <!-- Input 输入框 -->
<template v-if="item.type === 'input'"> <template v-if="item.type === 'input'">
<el-input v-model="formData[item.prop]" v-bind="item.attrs" /> <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>
</template> </template>
<!-- Select 选择器 --> <!-- Select 选择器 -->
<template v-else-if="item.type === 'select'"> <template v-else-if="item.type === 'select'">
@@ -59,7 +67,15 @@
</template> </template>
<!-- Input 输入框 --> <!-- Input 输入框 -->
<template v-else> <template v-else>
<el-input v-model="formData[item.prop]" v-bind="item.attrs" /> <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>
</template> </template>
</el-form-item> </el-form-item>
</template> </template>

38
src/components/PageSearch/index.vue
View File

@@ -5,11 +5,20 @@
<el-form-item :label="item.label" :prop="item.prop"> <el-form-item :label="item.label" :prop="item.prop">
<!-- Input 输入框 --> <!-- Input 输入框 -->
<template v-if="item.type === 'input'"> <template v-if="item.type === 'input'">
<el-input <template v-if="item.attrs?.type === 'number'">
v-model="queryParams[item.prop]" <el-input
v-bind="item.attrs" v-model.number="queryParams[item.prop]"
@keyup.enter="handleQuery" v-bind="item.attrs"
/> @keyup.enter="handleQuery"
/>
</template>
<template v-else>
<el-input
v-model="queryParams[item.prop]"
v-bind="item.attrs"
@keyup.enter="handleQuery"
/>
</template>
</template> </template>
<!-- Select 选择器 --> <!-- Select 选择器 -->
<template v-else-if="item.type === 'select'"> <template v-else-if="item.type === 'select'">
@@ -35,11 +44,20 @@
</template> </template>
<!-- Input 输入框 --> <!-- Input 输入框 -->
<template v-else> <template v-else>
<el-input <template v-if="item.attrs?.type === 'number'">
v-model="queryParams[item.prop]" <el-input
v-bind="item.attrs" v-model.number="queryParams[item.prop]"
@keyup.enter="handleQuery" v-bind="item.attrs"
/> @keyup.enter="handleQuery"
/>
</template>
<template v-else>
<el-input
v-model="queryParams[item.prop]"
v-bind="item.attrs"
@keyup.enter="handleQuery"
/>
</template>
</template> </template>
</el-form-item> </el-form-item>
</template> </template>