refactor(xumu): 重构耳标选择器组件

- 新增计算属性 api，用于生成请求 URL
- 将 watch 目标从 action 改为 api
- 优化 getEartag 方法，使用计算属性 api 替代手动构建 URL

project/xumu/AppEarTag/etAdd.vue

@@ -55,6 +55,10 @@ export default {
     },
     submit() {
       this.$refs.detail.validate().then(() => {
+        if (this.isEdit) {
+          const {biochipEarNumber, electronicEarNumber, originalEarNumber, picture, variety, category, age, weight} = this.detail
+          this.detail.detailList = [{biochipEarNumber, electronicEarNumber, originalEarNumber, picture, variety, category, age, weight}]
+        }
         this.instance.post("/api/breed/earTag/addOrEdit", this.detail).then(res => {
           if (res?.code == 0) {
             this.$confirm("是否要返回列表？", "提交成功").then(() => this.back())
@@ -130,11 +134,11 @@ export default {
           </el-form-item>
           <el-form-item label="品种" prop="variety">
             <ai-select v-if="isEdit" v-model="detail.variety" dict="variety"/>
-            <b v-else v-text="detail.variety"/>
+            <b v-else v-text="dict.getLabel('variety',detail.variety)"/>
           </el-form-item>
           <el-form-item label="类别" prop="category">
             <ai-select v-if="isEdit" v-model="detail.category" dict="category"/>
-            <b v-else v-text="detail.category"/>
+            <b v-else v-text="dict.getLabel('category',detail.category)"/>
           </el-form-item>
           <el-form-item label="日龄/天">
             <el-input v-if="isEdit" v-model.number="detail.age" placeholder="请输入" clearable/>

project/xumu/AppWeightManage/add.vue

@@ -122,13 +122,13 @@ export default {
           </el-table-column>
         </ai-table>
       </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-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 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>
       </ai-dialog>

project/xumu/components/AiEartagPicker.vue

@@ -18,8 +18,17 @@ export default {
       selected: []
     }
   },
+  computed: {
+    api: v => {
+      let url = v.action
+      if (v.penId) {
+        url += `?penId=${v.penId}`
+      }
+      return url
+    }
+  },
   watch: {
-    action: {
+    api: {
       immediate: true,
       handler() {
         this.getEartag()
@@ -28,11 +37,7 @@ export default {
   },
   methods: {
     getEartag() {
-      let url = this.action
-      if (this.penId) {
-        url += `?penId=${this.penId}`
-      }
-      !/undefined/.test(url) && this.instance.post(url).then(res => {
+      !/undefined/.test(this.api) && this.instance.post(this.api).then(res => {
         if (res?.data) {
           this.list = res.data
         }