From 0a39ee23a6e69f2b343b404f4038be49574464fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BC=82=E6=B3=8A?= <1913856125@qq.com>
Date: Sun, 20 Jul 2025 14:07:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A3=80=E7=96=AB=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/biosafety/quarantine/index.vue | 806 ++++++++++-------------
 1 file changed, 362 insertions(+), 444 deletions(-)

diff --git a/src/views/biosafety/quarantine/index.vue b/src/views/biosafety/quarantine/index.vue
index 9de243f..b0ad772 100644
--- a/src/views/biosafety/quarantine/index.vue
+++ b/src/views/biosafety/quarantine/index.vue
@@ -1,49 +1,42 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+    <!-- 查询表单 -->
+    <el-form :model="queryParams" ref="queryRef" inline v-show="showSearch" label-width="68px">
       <el-form-item label="羊只" prop="sheepId">
-        <el-input v-model="queryParams.sheepId" placeholder="请输入羊只" clearable @keyup.enter="handleQuery" />
+        <el-input v-model="queryParams.sheepId" placeholder="请输入羊只耳号" clearable @keyup.enter="getList" />
       </el-form-item>
-      <el-form-item label="检疫日期" style="width: 308px">
-        <el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
-          start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+      <el-form-item label="检疫日期">
+        <el-date-picker v-model="daterangeDatetime" type="daterange" range-separator="-" start-placeholder="开始日期"
+          end-placeholder="结束日期" value-format="YYYY-MM-DD" />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Search" @click="getList">搜索</el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
+    <!-- 按钮行 -->
     <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Plus" @click="handleAdd"
-          v-hasPermi="['bisosafety:quarantine:add']">新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
-          v-hasPermi="['bisosafety:quarantine:edit']">修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
-          v-hasPermi="['bisosafety:quarantine:remove']">删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="warning" plain icon="Download" @click="handleExport"
-          v-hasPermi="['bisosafety:quarantine:export']">导出</el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+      <el-button type="primary" plain icon="Plus" @click="handleAdd"
+        v-hasPermi="['bisosafety:quarantine:add']">新增</el-button>
+      <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
+        v-hasPermi="['bisosafety:quarantine:edit']">修改</el-button>
+      <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+        v-hasPermi="['bisosafety:quarantine:remove']">删除</el-button>
+      <el-button type="warning" plain icon="Download" @click="handleExport"
+        v-hasPermi="['bisosafety:quarantine:export']">导出</el-button>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
     </el-row>
 
+    <!-- 表格 -->
     <el-table v-loading="loading" :data="quarantineList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="羊只" align="center" prop="sheepNo" />
-      <el-table-column label="检疫日期" align="center" prop="datetime" width="180">
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
-        </template>
+      <el-table-column label="羊只耳号" align="center" prop="sheepNo" />
+      <el-table-column label="检疫日期" align="center" prop="datetime" width="180"
+        :formatter="(_, __, v) => parseTime(v, '{y}-{m}-{d}')" />
+      <el-table-column label="羊只性别" align="center" prop="gender" >
+         <template #default="scope"><dict-tag :options="sheep_gender" :value="scope.row.gender" /></template>
       </el-table-column>
-      <el-table-column label="羊只性别" align="center" prop="gender" />
-
       <el-table-column label="羊只类别" align="center" prop="sheepType" />
       <el-table-column label="月龄" align="center" prop="monthAge" />
       <el-table-column label="繁育状态" align="center" prop="breed" />
@@ -52,20 +45,19 @@
       <el-table-column label="采样员" align="center" prop="sampler" />
       <el-table-column label="检疫员" align="center" prop="quarOfficer" />
       <el-table-column label="检疫结果" align="center" prop="result">
-        <template #default="scope">
-          <dict-tag :options="quar_result" :value="scope.row.result" />
-        </template>
+        <template #default="scope"><dict-tag :options="quar_result" :value="scope.row.result" /></template>
       </el-table-column>
       <el-table-column label="状态" align="center" prop="status">
-        <template #default="scope">
-          <dict-tag :options="quar_status" :value="scope.row.status" />
-        </template>
+        <template #default="scope"><dict-tag :options="quar_status" :value="scope.row.status" /></template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200px">
+      <el-table-column label="备注" align="center" prop="comment" />
+      <el-table-column label="操作" align="center" width="200">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
             v-hasPermi="['bisosafety:quarantine:edit']">检疫</el-button>
-          <el-button link type="success" @click="gotoTreatment(scope.row)" v-if="scope.row.result == 1">治疗</el-button>
+          <el-button v-if="String(scope.row.result) === '1'" link type="success" @click="gotoTreatment(scope.row)">
+            治疗
+          </el-button>
           <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
             v-hasPermi="['bisosafety:quarantine:remove']">删除</el-button>
         </template>
@@ -75,494 +67,420 @@
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
       v-model:limit="queryParams.pageSize" @pagination="getList" />
 
-    <!-- 新增检疫记录对话框 -->
-    <el-dialog :title="'新增检疫记录'" v-model="addOpen" width="700px" append-to-body>
+    <!-- 新增弹窗 -->
+    <el-dialog title="新增检疫记录" v-model="addOpen" width="700px" append-to-body>
       <el-form ref="addQuarantineRef" :model="addForm" :rules="addRules" label-width="100px">
-        <el-row :gutter="20">
-          <el-col :span="24">
-            <el-form-item label="羊只耳号" prop="sheepIds" required>
-              <div>
-                <el-input v-model="addForm.sheepIdInput" placeholder="请输入羊只耳号，按回车验证" @keyup.enter="validateSheepId"
-                  :disabled="isInputDisabled" />
-                <div v-if="invalidSheepId" style="color: red; margin-top: 5px;">
-                  该羊只耳号不存在
-                </div>
-                <div v-if="validSheepId" style="color: green; margin-top: 5px;">
-                  该羊只耳号已存在
-                </div>
-                <div style="margin-top: 10px;">
-                  <el-tag v-for="(id, index) in addForm.sheepIds" :key="index" closable @close="removeSheepId(index)"
-                    style="margin-right: 10px; margin-bottom: 10px;">
-                    {{ id }}
-                  </el-tag>
-                </div>
+        <el-form-item label="羊只耳号" prop="sheepIds" required>
+          <el-input v-model="addForm.sheepIdInput" placeholder="输入耳号后回车验证" @keyup.enter="validateSheepId">
+            <template #suffix>
+              <div style="display: flex; align-items: center; height: 100%; margin-left: 8px;">
+                <span v-if="invalidSheepId" style="color: red; font-size: 12px;">耳号不存在</span>
+                <span v-else-if="validSheepId" style="color: green; font-size: 12px;">已添加</span>
+                <span v-else-if="alreadySelected" style="color: orange; font-size: 12px;">该羊只已选择</span>
               </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
+            </template>
+          </el-input>
+
+          <el-tag v-for="(id, i) in addForm.sheepIds" :key="i" closable @close="addForm.sheepIds.splice(i, 1)"
+            style="margin: 5px 5px 0 0">
+            {{ id }}
+          </el-tag>
+        </el-form-item>
+
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="检疫日期" prop="datetime">
-              <el-date-picker clearable v-model="addForm.datetime" type="date" value-format="YYYY-MM-DD"
-                placeholder="请选择检疫日期" :default-value="new Date()"></el-date-picker>
+              <el-date-picker v-model="addForm.datetime" type="date" value-format="YYYY-MM-DD" />
             </el-form-item>
           </el-col>
-
-        </el-row>
-        <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="检疫项目" prop="quarantineItems">
-              <el-select v-model="addForm.quarItems" placeholder="请选择检疫项目">
-                <el-option v-for="item in quarantineItems" :key="item.value" :label="item.label"
-                  :value="item.value"></el-option>
+            <el-form-item label="检疫项目" prop="quarItem">
+              <el-select v-model="addForm.quarItem" placeholder="请选择" filterable clearable>
+                <el-option v-for="i in quarantineItems" :key="i.value" :label="i.label" :value="i.value" />
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="样品类型" prop="sampleType">
-              <el-select v-model="addForm.sampleType" placeholder="请选择样品类型">
-                <el-option v-for="item in sampleTypes" :key="item.value" :label="item.label"
-                  :value="item.value"></el-option>
+              <el-select v-model="addForm.sampleType" placeholder="请选择" filterable clearable>
+                <el-option v-for="i in sampleTypes" :key="i.value" :label="i.label" :value="i.value" />
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="采样员" prop="sampler">
-              <el-input v-model="addForm.sampler" placeholder="请输入采样员姓名"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="检疫员" prop="quarantineOfficer">
-              <el-input v-model="addForm.quarantineOfficer" placeholder="请输入检疫员姓名"></el-input>
+            <el-form-item label="羊舍" prop="barnIds">
+              <el-select v-model="addForm.barnIds" multiple collapse-tags placeholder="可多选" @change="handleBarnChange">
+                <el-option v-for="b in barns" :key="b.value" :label="b.label" :value="b.value" />
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
 
         <el-row :gutter="20">
           <el-col :span="12">
-          <el-form-item label="检疫结果" prop="result">
-            <el-select v-model="editForm.result" placeholder="请选择检疫结果" style="width: 200px;">
-              <el-option v-for="items in quar_result" :key="items.id" :label="items.label"
-                :value="items.value"></el-option>
-            </el-select>
-          </el-form-item>
+            <el-form-item label="采样员" prop="sampler"><el-input v-model="addForm.sampler" /></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检疫员" prop="quarOfficer"><el-input v-model="addForm.quarOfficer" /></el-form-item>
           </el-col>
         </el-row>
-
         <el-row :gutter="20">
-          <el-col :span="24">
-            <el-form-item label="选择羊舍" prop="barnIds">
-              <el-select v-model="addForm.barnIds" multiple filterable placeholder="请选择羊舍" @change="handleBarnChange">
-                <el-option v-for="barn in barns" :key="barn.id" :label="barn.label" :value="barn.value"></el-option>
+          <el-col :span="12">
+            <el-form-item label="检疫结果" prop="result">
+              <el-select v-model="editForm.result" placeholder="检疫结果">
+                <el-option v-for="i in quar_result" :key="i.value" :label="i.label" :value="i.value" />
               </el-select>
             </el-form-item>
           </el-col>
+
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="22">
+            <el-form-item label="备注" prop="comment">
+              <el-input type="textarea" :rows="3" resize="vertical" v-model="addForm.comment" placeholder="请输入备注信息"
+                maxlength="500" show-word-limit />
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
+
       <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitAddForm">确 定</el-button>
-          <el-button @click="cancelAdd">取 消</el-button>
-        </div>
+        <el-button type="primary" @click="submitAddForm">确 定</el-button>
+        <el-button @click="addOpen = false">取 消</el-button>
       </template>
     </el-dialog>
 
-    <!-- 修改检疫记录对话框 -->
-    <el-dialog :title="'修改检疫记录'" v-model="editOpen" width="500px" append-to-body>
-      <el-form ref="editQuarantineRef" :model="editForm" :rules="editRules" label-width="100px">
-        <el-form-item label="检疫状态" prop="status">
-          <el-select v-model="editForm.status" placeholder="请选择检疫状态">
-            <el-option label="未检疫" value="未检疫"></el-option>
-            <el-option label="检疫中" value="检疫中"></el-option>
-            <el-option label="检疫完成" value="检疫完成"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="检疫类型" prop="quarantineType">
-          <el-select v-model="editForm.quarantineType" placeholder="请选择检疫类型">
-            <el-option label="常规检疫" value="常规检疫"></el-option>
-            <el-option label="疫病检疫" value="疫病检疫"></el-option>
-            <el-option label="进出口检疫" value="进出口检疫"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="检疫结果" prop="result">
-          <el-select v-model="editForm.result" placeholder="请选择检疫结果">
-            <el-option label="阴性" value="阴性"></el-option>
-            <el-option label="阳性" value="阳性"></el-option>
-            <el-option label="待定" value="待定"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="editForm.remark" type="textarea" placeholder="请输入备注"></el-input>
-        </el-form-item>
+    <el-dialog title="修改检疫记录" v-model="editOpen" width="560px" append-to-body :lock-scroll="false">
+
+      <!-- 2. 表单主体 -->
+      <el-form ref="editQuarantineRef" :model="editForm" :rules="editRules" label-width="72px" size="default">
+        <!-- 1. 羊只基本信息（只读） -->
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="羊只耳号">
+              <span>{{ editForm.sheepNo }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="羊只性别">
+              <dict-tag :options="sheep_gender" :value="editForm.gender" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="羊只类别">
+              <span>{{ editForm.sheepType }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="月龄">
+              <span>{{ editForm.monthAge }} </span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="繁育状态">
+              <span>{{ editForm.breed }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="检疫日期">
+              <el-input :value="parseTime(editForm.datetime, '{y}-{m}-{d}')" readonly />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检疫项目">
+              <el-select v-model="editForm.quarItem" placeholder="请选择" filterable clearable>
+                <el-option v-for="i in quarantineItems" :key="i.value" :label="i.label" :value="i.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="样品类型">
+              <el-select v-model="editForm.sampleType" placeholder="请选择" filterable clearable>
+                <el-option v-for="i in sampleTypes" :key="i.value" :label="i.label" :value="i.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="采样员">
+              <el-input v-model="editForm.sampler" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="检疫员">
+              <el-input v-model="editForm.quarOfficer" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="检疫结果" prop="result">
+              <el-select v-model="editForm.result" placeholder="请选择" clearable style="width: 100%">
+                <el-option v-for="i in quar_result" :key="i.value" :label="i.label" :value="i.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input type="textarea" v-model="editForm.remark" :rows="3" maxlength="200" show-word-limit />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
+
       <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitEditForm">确 定</el-button>
-          <el-button @click="cancelEdit">取 消</el-button>
-        </div>
+        <el-button @click="editOpen = false">取 消</el-button>
+        <el-button type="primary" @click="submitEditForm">确 定</el-button>
       </template>
     </el-dialog>
   </div>
 </template>
 
 <script setup name="Quarantine">
-import { listQuarantine, getQuarantine, delQuarantine, addQuarantine, updateQuarantine } from "@/api/biosafety/quarantine";
-import { listItems } from "@/api/biosafety/items";
-import { listSample } from "@/api/biosafety/sample";
+import { listQuarantine, getQuarantine, delQuarantine, addQuarantine, updateQuarantine } from '@/api/biosafety/quarantine'
+import { listItems } from '@/api/biosafety/items'
+import { listSample } from '@/api/biosafety/sample'
 import request from '@/utils/request'
+import { parseTime } from '@/utils/ruoyi'
+import { useRouter } from 'vue-router'
 
-import { useRoute, useRouter } from "vue-router";
-const route = useRoute();
-const router = useRouter();
+const { proxy } = getCurrentInstance()
+const { quar_result, quar_status,sheep_gender} = proxy.useDict('quar_result', 'quar_status',"sheep_gender")
+const router = useRouter()
 
-const { proxy } = getCurrentInstance();
-const { quar_result, quar_status } = proxy.useDict('quar_result', 'quar_status');
+/* 基础数据 */
+const loading = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const quarantineList = ref([])
+const daterangeDatetime = ref([])
 
-const quarantineList = ref([]);
-const open = ref(false);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref([]);
-const single = ref(true);
-const multiple = ref(true);
-const total = ref(0);
-const title = ref("");
-const daterangeDatetime = ref([]);
+/* 查询参数 */
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  sheepId: null
+})
 
-// 检疫项目
-const quarantineItems = ref([]);
+/* 多选 */
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+function handleSelectionChange(sel) {
+  ids.value = sel.map(s => s.id)
+  single.value = sel.length !== 1
+  multiple.value = !sel.length
+}
+
+/* 下拉数据 */
+const quarantineItems = ref([])
+const sampleTypes = ref([])
+const barns = ref([])
+
+/* 获取基础下拉 */
 function getItems() {
-  listItems().then(response => { 
-    
-    console.log("检疫项目列表获取成功", quarantineItems.value);
-    quarantineItems.value = response.rows.map(item => ({
-      label: item.name,
-      value: item.id
-    }));
- 
-  });
+  listItems().then(res => quarantineItems.value = res.rows.map(i => ({ label: i.name, value: i.id })))
 }
-
-// 样品类型
-const sampleTypes = ref([]);
-
 function getSample() {
-  listSample().then(response => {
-    sampleTypes.value = response.rows.map(item => ({
-      label: item.name,
-      value: item.id
-    }));
-  });
+  listSample().then(res => sampleTypes.value = res.rows.map(i => ({ label: i.name, value: i.id })))
 }
-
-// 羊舍列表
-const barns = ref([]);
-/** 获取羊舍列表 */
 function getBarns() {
-  request.get("/sheepfold_management/sheepfold_management/list").then(response => {
-    barns.value = response.rows.map(item => ({
-      label: item.sheepfoldName,
-      value: item.id
-    }));
-    
-  });
+  request.get('/sheepfold_management/sheepfold_management/list').then(res =>
+    barns.value = res.rows.map(b => ({ label: b.sheepfoldName, value: b.id }))
+  )
 }
 
-// 新增相关
-const addOpen = ref(false);
-const addForm = ref({
-  sheepIds: [], // 存储已验证的羊只耳号列表
-  sheepIdInput: '', // 单行输入框绑定的值
-  datetime: new Date().toISOString().slice(0, 10), // 设置默认日期为今天
-  quarantineType: '',
-  quarItems: "",
-  sampleType: '',
-  sampler: '',
-  quarantineOfficer: '',
-  barnIds: ""
-});
-
-const addRules = {
-  sheepIds: [{ required: true, message: "请至少添加一个有效的羊只耳号", trigger: "blur" }],
-  datetime: [{ required: true, message: "请选择检疫日期", trigger: "change" }],
-  quarItem: [{ required: true, message: "请选择检疫类型", trigger: "change" }],
-  sampleType: [{ required: true, message: "请选择样品类型", trigger: "change" }]
-};
-const addQuarantineRef = ref(null);
-const invalidSheepId = ref(false); // 当前输入的耳号是否无效
-const validSheepId = ref(false); // 当前输入的耳号是否已存在
-const isInputDisabled = ref(false); // 输入框是否禁用
-
-// 修改相关
-const editOpen = ref(false);
-const editForm = ref({
-  id: null,
-  status: '',
-  quarantineType: '',
-  result: '',
-  remark: ''
-});
-const editRules = {
-  status: [{ required: true, message: "请选择检疫状态", trigger: "change" }],
-  quarantineType: [{ required: true, message: "请选择检疫类型", trigger: "change" }]
-};
-const editQuarantineRef = ref(null);
-
-// 查询相关
-const data = reactive({
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    sheepId: null,
-    datetime: null,
-    quarItem: null,
-    sampleType: null,
-    sampler: null,
-    quarOfficer: null,
-    result: null,
-    status: null,
-  }
-});
-
-const { queryParams } = toRefs(data);
-
-/** 查询检疫记录列表 */
+/* 列表查询 */
 function getList() {
-  loading.value = true;
-  queryParams.value.params = {};
-  if (null != daterangeDatetime.value && daterangeDatetime.value.length === 2) {
-    queryParams.value.params["beginDatetime"] = daterangeDatetime.value[0];
-    queryParams.value.params["endDatetime"] = daterangeDatetime.value[1];
+  loading.value = true
+  queryParams.params = {}
+  if (daterangeDatetime.value.length === 2) {
+    queryParams.params.beginDatetime = daterangeDatetime.value[0]
+    queryParams.params.endDatetime = daterangeDatetime.value[1]
   }
-  listQuarantine(queryParams.value).then(response => {
-    quarantineList.value = response.rows;
-    total.value = response.total;
-    loading.value = false;
-  });
+  listQuarantine(queryParams).then(res => {
+    quarantineList.value = res.rows
+    total.value = res.total
+    loading.value = false
+  })
+}
+function resetQuery() {
+  daterangeDatetime.value = []
+  proxy.resetForm('queryRef')
+  getList()
 }
 
-// 取消按钮
-function cancel() {
-  open.value = false;
+/* 新增相关 */
+const addOpen = ref(false)
+const addForm = ref({})
+const addRules = {
+  sheepIds: [{ required: true, message: '请至少添加一个耳号', trigger: 'blur' }],
+  datetime: [{ required: true, message: '请选择日期', trigger: 'change' }],
+  quarItem: [{ required: true, message: '请选择项目', trigger: 'change' }],
+  sampleType: [{ required: true, message: '请选择样品类型', trigger: 'change' }]
 }
 
-// 表单重置
-function reset() {
-  addForm.value = {
+const invalidSheepId = ref(false)
+const validSheepId = ref(false)
+const alreadySelected = ref(false)
+
+const barnSheepMap = reactive({})
+
+function handleBarnChange(selectedBarnIds) {
+  const oldBarnIds = Object.keys(barnSheepMap).map(Number)
+  const newBarnIds = selectedBarnIds || []
+
+  // 移除旧羊舍的耳号和ID
+  oldBarnIds.forEach(barnId => {
+    if (!newBarnIds.includes(barnId)) {
+      const { tags = [], ids = [] } = barnSheepMap[barnId] || {}
+      tags.forEach(tag => {
+        const index = addForm.value.sheepIds.indexOf(tag)
+        if (index !== -1) addForm.value.sheepIds.splice(index, 1)
+      })
+      ids.forEach(id => {
+        const index = addForm.value.ids.indexOf(id)
+        if (index !== -1) addForm.value.ids.splice(index, 1)
+      })
+      delete barnSheepMap[barnId]
+    }
+  })
+
+  // 添加新羊舍的耳号和ID
+  newBarnIds.forEach(barnId => {
+    if (!barnSheepMap[barnId]) {
+      request.get('/sheepfold_management/sheepfold_management/getSheepById', { params: { id: barnId } })
+        .then(res => {
+          const sheepList = res.data || []
+          const tags = sheepList.map(s => s.manageTags)
+          const ids = sheepList.map(s => s.id)
+
+          barnSheepMap[barnId] = { tags, ids }
+
+          tags.forEach(tag => {
+            if (tag && !addForm.value.sheepIds.includes(tag)) {
+              addForm.value.sheepIds.push(tag)
+            }
+          })
+
+          ids.forEach(id => {
+            if (id && !addForm.value.ids.includes(id)) {
+              addForm.value.ids.push(id)
+            }
+          })
+        })
+    }
+  })
+}
+
+function validateSheepId() {
+  const id = addForm.value.sheepIdInput.trim()
+  if (!id) return
+
+  invalidSheepId.value = false
+  validSheepId.value = false
+  alreadySelected.value = false
+
+  if (addForm.value.sheepIds.includes(id)) {
+    alreadySelected.value = true
+    addForm.value.sheepIdInput = ''
+    return
+  }
+
+  request.get(`/sheep/sheep/byManageTags/${id}`).then(res => {
+    if (res.data) {
+      addForm.value.sheepIds.push(id)
+      validSheepId.value = true
+    } else {
+      invalidSheepId.value = true
+    }
+    addForm.value.sheepIdInput = ''
+  })
+}
+
+function submitAddForm() {
+
+    addQuarantine(addForm.value).then(() => {
+      proxy.$modal.msgSuccess('新增成功')
+      addOpen.value = false
+      getList()
+    })
+
+}
+
+function handleAdd() {
+  Object.assign(addForm.value, {
     sheepIds: [],
+    ids:[],
     sheepIdInput: '',
-    datetime: new Date().toISOString().slice(0, 10), // 重置时也设置默认日期
-    quarantineType: '',
-    quarItems: "",
+    datetime: new Date().toISOString().slice(0, 10),
+    quarItems: '',
     sampleType: '',
     sampler: '',
-    quarantineOfficer: '',
-    barnIds: []
-  };
-  invalidSheepId.value = false;
-  validSheepId.value = false;
-  proxy.resetForm("addQuarantineRef");
+    quarOfficer: '',
+    result: '',}
+  )
+  Object.keys(barnSheepMap).forEach(k => delete barnSheepMap[k])
+  invalidSheepId.value = false
+  validSheepId.value = false
+  alreadySelected.value = false
+  addOpen.value = true
 }
 
-/** 搜索功能 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
+/* 修改相关 */
+const editOpen = ref(false)
+const editForm = ref({})
+const editRules = {
+  status: [{ required: true, message: '请选择状态', trigger: 'change' }],
+  quarantineType: [{ required: true, message: '请选择类型', trigger: 'change' }]
 }
-
-/** 重置按钮操作 */
-function resetQuery() {
-  daterangeDatetime.value = [];
-  proxy.resetForm("queryRef");
-  handleQuery();
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.id);
-  single.value = selection.length != 1;
-  multiple.value = !selection.length;
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset();
-  addOpen.value = true;
-}
-
-// 校验单个羊只耳号
-function validateSheepId() {
-  if (!addForm.value.sheepIdInput.trim()) return;
-
-  invalidSheepId.value = false;
-  validSheepId.value = false;
-
-  // 禁用输入框，防止重复提交
-  isInputDisabled.value = true;
-
-  request.get(`/sheep/sheep/${addForm.value.sheepIdInput.trim()}`).then(response => {
-    if (response.exists) {
-      // 耳号存在，添加到列表
-      if (!addForm.value.sheepIds.includes(addForm.value.sheepIdInput.trim())) {
-        addForm.value.sheepIds.push(addForm.value.sheepIdInput.trim());
-        validSheepId.value = true;
-      } else {
-        proxy.$modal.msgWarning("该羊只耳号已添加");
-      }
-    } else {
-      // 耳号不存在
-      invalidSheepId.value = true;
-    }
-  }).finally(() => {
-    // 清空输入框并启用
-    addForm.value.sheepIdInput = '';
-    isInputDisabled.value = false;
-  });
-}
-
-// 移除羊只耳号
-function removeSheepId(index) {
-  addForm.value.sheepIds.splice(index, 1);
-}
-
-// 处理羊舍变更
-function handleBarnChange(barnIds) {
-  if (!barnIds || barnIds.length === 0) return;
-
-  // 这里需要调用接口获取选中羊舍中的所有羊只耳号
-  // 并将它们添加到输入框中
-  // 示例代码，实际接口可能不同
-  let allSheepIds = addForm.value.sheepIds;
-
-  barnIds.forEach(barnId => {
-    // 模拟从羊舍获取耳号，实际应替换为真实接口
-    const barnSheepIds = getSheepIdsFromBarn(barnId);
-    barnSheepIds.forEach(sheepId => {
-      if (!allSheepIds.includes(sheepId)) {
-        // 验证耳号有效性
-        request.get(`/sheep/sheep/${sheepId}`).then(response => {
-          if (response.exists && !allSheepIds.includes(sheepId)) {
-            allSheepIds.push(sheepId);
-            addForm.value.sheepIds = [...allSheepIds];
-          }
-        });
-      }
-    });
-  });
-}
-
-/** 模拟从羊舍获取耳号（实际应替换为接口调用） */
-function getSheepIdsFromBarn(barnId) {
-  // 模拟数据，实际应从接口获取
-  const barnSheepMap = {
-    1: ['E001', 'E002', 'E003'],
-    2: ['E004', 'E005'],
-    3: ['E006']
-  };
-  return barnSheepMap[barnId] || [];
-}
-
-/** 提交新增表单 */
-function submitAddForm() {
-  addQuarantineRef.value.validate(valid => {
-    if (valid) {
-      if (addForm.value.sheepIds.length === 0) {
-        proxy.$modal.msgError("请至少添加一个有效的羊只耳号");
-        return;
-      }
-
-      const data = {
-        ...addForm.value,
-        sheepIds: addForm.value.sheepIds,
-        quarItems: addForm.value.quarItems.join(','),
-      };
-
-      addQuarantine(data).then(response => {
-        proxy.$modal.msgSuccess("新增成功");
-        addOpen.value = false;
-        getList();
-      });
-    }
-  });
-}
-
-/** 取消新增 */
-function cancelAdd() {
-  addOpen.value = false;
-}
-
-/** 修改按钮操作 */
+const editQuarantineRef = ref(null)
 function handleUpdate(row) {
-  resetEditForm();
-  const _id = row.id || ids.value;
-  getQuarantine(_id).then(response => {
-    editForm.value = {
-      ...response.data,
-      status: response.data.status,
-      quarantineType: response.data.quarantineType,
-      result: response.data.result,
-      remark: response.data.remark
-    };
-    editOpen.value = true;
-  });
+  Object.assign(editForm.value, row)  
+  editOpen.value = true
 }
 
-/** 重置修改表单 */
-function resetEditForm() {
-  editForm.value = {
-    id: null,
-    status: '',
-    quarantineType: '',
-    result: '',
-    remark: ''
-  };
-  proxy.resetForm("editQuarantineRef");
-}
-
-/** 提交修改表单 */
 function submitEditForm() {
   editQuarantineRef.value.validate(valid => {
-    if (valid) {
-      updateQuarantine(editForm.value).then(response => {
-        proxy.$modal.msgSuccess("修改成功");
-        editOpen.value = false;
-        getList();
-      });
-    }
-  });
+    if (!valid) return
+    updateQuarantine(editForm.value).then(() => {
+      proxy.$modal.msgSuccess('修改成功')
+      editOpen.value = false
+      getList()
+    })
+  })
 }
 
-/** 取消修改 */
-function cancelEdit() {
-  editOpen.value = false;
-}
-
-/** 删除按钮操作 */
+/* 删除 */
 function handleDelete(row) {
-  const _ids = row.id || ids.value;
-  proxy.$modal.confirm('是否确认删除检疫记录编号为"' + _ids + '"的数据项？').then(function () {
-    return delQuarantine(_ids);
-  }).then(() => {
-    getList();
-    proxy.$modal.msgSuccess("删除成功");
-  }).catch(() => { });
+  const _ids = row.id || ids.value
+  proxy.$modal.confirm(`是否确认删除记录编号为"${_ids}"的数据？`)
+    .then(() => delQuarantine(_ids))
+    .then(() => {
+      getList()
+      proxy.$modal.msgSuccess('删除成功')
+    })
 }
 
-/** 导出按钮操作 */
+/* 导出 */
 function handleExport() {
-  proxy.download('bisosafety/quarantine/export', {
-    ...queryParams.value
-  }, `quarantine_${new Date().getTime()}.xlsx`);
+  proxy.download('bisosafety/quarantine/export', queryParams, `quarantine_${Date.now()}.xlsx`)
 }
 
+/* 跳转治疗 */
 function gotoTreatment(row) {
-  router.push({ path: '/biosafety/treatment/add', query: { qId: row.id, sId: row.sheepId } });
+  router.push({ path: '/biosafety/treatment/add', query: { qId: row.id, sId: row.sheepId } })
 }
 
-getList();
-getItems(); // 获取检疫项目列表
-getSample(); // 获取样品类型列表
-getBarns(); // 获取羊舍列表
+/* 初始化 */
+getList()
+getItems()
+getSample()
+getBarns()
 </script>
\ No newline at end of file