refactor(xumu): 优化体重录入对话框样式和功能
- 调整对话框宽度为 50vw,提高可读性和美观性 - 为日期选择器添加 value-format 属性,确保日期格式一致性 - 将普通输入框替换为自定义的 ai-input 组件,提升用户体验
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user