refactor(xumu): 优化体重录入表单

- 移除冗余的 el-form 标签
- 调整编辑按钮样式
- 优化体重录入对话框布局
- 添加表单验证规则
This commit is contained in:
aixianling
2024-12-26 18:13:37 +08:00
parent 63a425cf77
commit 971742b392

View File

@@ -73,7 +73,7 @@ export default {
<template>
<ai-page :title="pageTitle" class="weightAdd" showBack content-string="blank">
<el-form size="small" label-width="120px" :model="form" ref="detail">
<el-form size="small" label-width="120px">
<ai-card title="基础信息">
<div class="grid c-4">
<el-form-item label="生物芯片耳标号">
@@ -108,22 +108,22 @@ export default {
<el-table-column slot="options" label="操作" fixed="right" align="center">
<template slot-scope="{row,$index}">
<div class="table-options">
<el-button type="text" class="deleteBtn" @click="dialog=true,form=row">编辑</el-button>
<el-button type="text" @click="dialog=true,form=row">编辑</el-button>
<el-button type="text" class="deleteBtn" @click="handleDelete($index)">删除</el-button>
</div>
</template>
</el-table-column>
</ai-table>
</ai-card>
<ai-dialog v-model="dialog" title="体重录入" @closed="form={}">
<div class="grid">
<ai-dialog v-model="dialog" title="体重录入" @closed="form={}" @confirm="submit">
<el-form size="small" label-width="120px" :model="form" ref="detail" class="grid">
<el-form-item label="办理时间" prop="createTime" :rules="[{required:true,message:'请选择办理时间'}]">
<el-date-picker v-model="form.createTime" :readonly="form.id"/>
</el-form-item>
<el-form-item label="体重(公斤)" prop="weight" :rules="[{required:true,message:'请输入体重(公斤)'}]">
<el-input v-model.number="form.weight" clearable placeholder="请输入" />
<el-input v-model.number="form.weight" clearable placeholder="请输入"/>
</el-form-item>
</div>
</el-form>
</ai-dialog>
</el-form>
<div slot="footer">