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> <template>
<ai-page :title="pageTitle" class="weightAdd" showBack content-string="blank"> <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="基础信息"> <ai-card title="基础信息">
<div class="grid c-4"> <div class="grid c-4">
<el-form-item label="生物芯片耳标号"> <el-form-item label="生物芯片耳标号">
@@ -108,22 +108,22 @@ export default {
<el-table-column slot="options" label="操作" fixed="right" align="center"> <el-table-column slot="options" label="操作" fixed="right" align="center">
<template slot-scope="{row,$index}"> <template slot-scope="{row,$index}">
<div class="table-options"> <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> <el-button type="text" class="deleteBtn" @click="handleDelete($index)">删除</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</ai-table> </ai-table>
</ai-card> </ai-card>
<ai-dialog v-model="dialog" title="体重录入" @closed="form={}"> <ai-dialog v-model="dialog" title="体重录入" @closed="form={}" @confirm="submit">
<div 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"/>
</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="请输入" /> <el-input v-model.number="form.weight" clearable placeholder="请输入"/>
</el-form-item> </el-form-item>
</div> </el-form>
</ai-dialog> </ai-dialog>
</el-form> </el-form>
<div slot="footer"> <div slot="footer">