refactor(xumu): 优化基础信息输入逻辑

- 将耳标号输入框的 v-model绑定到新的 filter 属性- 在输入框中添加 @keyup.enter.native 事件,调用 getDetail(filter) 方法
- 优化了数据结构和事件处理方式,提高了用户体验
This commit is contained in:
aixianling
2025-01-08 15:23:26 +08:00
parent 2e93f1465f
commit 99b507657f

View File

@@ -17,6 +17,7 @@ export default {
data() { data() {
return { return {
formImages, formImages,
filter: "",
detail: {}, detail: {},
form: {} form: {}
} }
@@ -85,7 +86,7 @@ export default {
<el-form size="small" label-width="120px" :model="detail" ref="detail"> <el-form size="small" label-width="120px" :model="detail" ref="detail">
<ai-card title="基础信息"> <ai-card title="基础信息">
<div class="grid c-4"> <div class="grid c-4">
<ai-input class="row" v-model="detail.biochipEarNumber" placeholder="请输入耳标号按回车查询,或扫描耳标号" @input="getDetail"/> <ai-input class="row" v-model="filter" placeholder="请输入耳标号按回车查询,或扫描耳标号" @keyup.enter.native="getDetail(filter)"/>
<el-form-item label="生物芯片耳标号"> <el-form-item label="生物芯片耳标号">
<b v-text="detail.biochipEarNumber"/> <b v-text="detail.biochipEarNumber"/>
</el-form-item> </el-form-item>