refactor(xumu): 优化体重录入对话框样式和功能

- 调整对话框宽度为 50vw,提高可读性和美观性
- 为日期选择器添加 value-format 属性,确保日期格式一致性
- 将普通输入框替换为自定义的 ai-input 组件,提升用户体验
This commit is contained in:
aixianling
2025-01-08 15:05:55 +08:00
parent 66a721c1eb
commit 07a4d0637f

View File

@@ -122,13 +122,13 @@ export default {
</el-table-column> </el-table-column>
</ai-table> </ai-table>
</ai-card> </ai-card>
<ai-dialog v-model="dialog" title="体重录入" @closed="form={}" @confirm="submit"> <ai-dialog v-model="dialog" title="体重录入" @closed="form={}" @confirm="submit" width="50vw">
<el-form size="small" label-width="120px" :model="form" ref="detail" class="grid"> <el-form size="small" label-width="120px" :model="form" ref="detail" class="grid">
<el-form-item label="办理时间" prop="createTime" :rules="[{required:true,message:'请选择办理时间'}]"> <el-form-item label="办理时间" prop="createTime" :rules="[{required:true,message:'请选择办理时间'}]">
<el-date-picker v-model="form.createTime" :readonly="form.id"/> <el-date-picker v-model="form.createTime" :readonly="form.id" value-format="yyyy-MM-dd HH:mm:ss"/>
</el-form-item> </el-form-item>
<el-form-item label="体重(公斤)" prop="weight" :rules="[{required:true,message:'请输入体重(公斤)'}]"> <el-form-item label="体重(公斤)" prop="weight" :rules="[{required:true,message:'请输入体重(公斤)'}]">
<el-input v-model.number="form.weight" clearable placeholder="请输入"/> <ai-input v-model.number="form.weight"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</ai-dialog> </ai-dialog>