Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui

src/views/sheep_death/death/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
+<<<<<<< HEAD
       
       <el-form-item label="管理耳号" prop="manageTagsList">
         <el-select
@@ -24,6 +25,103 @@
               :value="item"
           />
         </el-select>
+=======
+      <el-form-item label="耳号" prop="allEarNumbers">
+        <div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
+          <!-- 主选择器：不显示已选标签 -->
+          <el-select
+              v-model="queryParams.allEarNumbers"
+              multiple
+              filterable
+              remote
+              reserve-keyword
+              placeholder="输入耳号搜索"
+              :remote-method="searchEarNumber"
+              :loading="earNumberLoading"
+              allow-create
+              default-first-option
+              collapse-tags
+              :max-collapse-tags="0"
+              style="width: 300px"
+              @change="handleEarNumberChange"
+          >
+            <el-option
+                v-for="item in earNumberOptions"
+                :key="item"
+                :label="item"
+                :value="item"
+            />
+          </el-select>
+
+          <!-- 辅助粘贴输入框 -->
+          <el-input
+              v-model="pasteInput"
+              placeholder="或粘贴多个耳号(空格/换行/逗号分隔)"
+              style="width: 300px"
+              @paste="handlePaste"
+              @keyup.enter="handlePasteSubmit"
+              clearable
+          >
+            <template #append>
+              <el-button @click="handlePasteSubmit" :icon="Plus">添加</el-button>
+            </template>
+          </el-input>
+
+          <!-- 耳号计数显示 -->
+          <el-tag
+              v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
+              type="info"
+              effect="plain"
+              size="large"
+          >
+            已选: {{ queryParams.allEarNumbers.length }} 个
+          </el-tag>
+
+          <!-- 清空按钮 -->
+          <el-button
+              type="danger"
+              plain
+              @click="clearAllEarNumbers"
+              v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
+              :icon="Delete"
+          >
+            清空全部
+          </el-button>
+        </div>
+
+        <!-- 已选耳号展示区域（默认显示2个，可展开） -->
+        <div
+            v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
+            class="selected-ear-numbers-display"
+            style="margin-top: 10px;"
+        >
+          <!-- 显示前2个或全部耳号 -->
+          <el-tag
+              v-for="(tag, index) in displayedEarNumbers"
+              :key="tag"
+              closable
+              @close="handleRemoveEarNumber(tag)"
+              style="margin: 4px;"
+              type="success"
+          >
+            {{ tag }}
+          </el-tag>
+
+          <!-- 展开/收起按钮 -->
+          <el-button
+              v-if="queryParams.allEarNumbers.length > defaultShowCount"
+              type="primary"
+              link
+              @click="toggleExpand"
+              style="margin-left: 8px;"
+          >
+            {{ isExpanded ? '收起' : `展开剩余 ${queryParams.allEarNumbers.length - defaultShowCount} 个` }}
+            <el-icon class="el-icon--right">
+              <component :is="isExpanded ? ArrowUp : ArrowDown" />
+            </el-icon>
+          </el-button>
+        </div>
+>>>>>>> 685ce2654e63aa48459b87ee43e319a6e547a8a4
       </el-form-item>
 
       <el-form-item label="死亡日期" prop="deathDateRange">
@@ -243,6 +341,7 @@
         :total="total"
         v-model:page="queryParams.pageNum"
         v-model:limit="queryParams.pageSize"
+        :page-sizes="[20,50,100,200, 500, 1000, 2000]"
         @pagination="getList"
     />
 
@@ -351,6 +450,7 @@
 
 <script setup name="Death">
 import {
+<<<<<<< HEAD
   listDeath, 
   getDeath, 
   delDeath, 
@@ -362,7 +462,40 @@ import {
   searchTechnician,
   searchHandler
 } from "@/api/sheep_death/death"
+=======
+  listDeath,
+  getDeath,
+  delDeath,
+  addDeath,
+  updateDeath,
+  getSheepInfo,
+  getDiseaseTree,
+  searchEarNumbers
+} from "@/api/sheep_death/death"
+import { ref, computed, nextTick } from 'vue'
+import { ArrowUp, ArrowDown, Plus, Delete } from '@element-plus/icons-vue'
+>>>>>>> 685ce2654e63aa48459b87ee43e319a6e547a8a4
 
+// 响应式数据
+const pasteInput = ref('')           // 批量粘贴输入框
+const earNumberOptions = ref([])     // 耳号下拉选项
+const earNumberLoading = ref(false)  // 耳号加载状态
+const isExpanded = ref(false)        // 控制耳号展开/折叠状态
+const defaultShowCount = 2           // 默认显示的耳号数量
+
+// 计算属性：控制显示的耳号列表
+const displayedEarNumbers = computed(() => {
+  if (!queryParams.value.allEarNumbers || queryParams.value.allEarNumbers.length === 0) {
+    return []
+  }
+
+  // 如果展开或总数<=2，显示全部；否则只显示前2个
+  if (isExpanded.value || queryParams.value.allEarNumbers.length <= defaultShowCount) {
+    return queryParams.value.allEarNumbers
+  } else {
+    return queryParams.value.allEarNumbers.slice(0, defaultShowCount)
+  }
+})
 const {proxy} = getCurrentInstance()
 // 获取字典数据
 const { sys_sheep_type } = proxy.useDict("sys_sheep_type");
@@ -413,7 +546,125 @@ const data = reactive({
 })
 
 const {queryParams, form, rules} = toRefs(data)
+/** 处理粘贴事件 */
+function handlePaste(event) {
+  nextTick(() => {
+    handlePasteSubmit()
+  })
+}
 
+/** 处理粘贴内容提交 */
+function handlePasteSubmit() {
+  if (!pasteInput.value || pasteInput.value.trim() === '') {
+    return
+  }
+
+  // 支持多种分隔符: 空格、换行、逗号、制表符
+  const separators = /[\s,，\n\r\t]+/
+  const earNumbers = pasteInput.value
+      .trim()
+      .split(separators)
+      .filter(item => item.trim() !== '')
+      .map(item => item.trim())
+
+  if (earNumbers.length === 0) {
+    return
+  }
+
+  // 去重并添加到已选列表
+  const existingSet = new Set(queryParams.value.allEarNumbers || [])
+  const newEarNumbers = []
+  const duplicates = []
+
+  earNumbers.forEach(earNumber => {
+    if (!existingSet.has(earNumber)) {
+      newEarNumbers.push(earNumber)
+      existingSet.add(earNumber)
+    } else {
+      duplicates.push(earNumber)
+    }
+  })
+
+  // 添加新耳号
+  if (newEarNumbers.length > 0) {
+    queryParams.value.allEarNumbers = [
+      ...(queryParams.value.allEarNumbers || []),
+      ...newEarNumbers
+    ]
+
+    const message = `成功添加 ${newEarNumbers.length} 个耳号，当前共 ${queryParams.value.allEarNumbers.length} 个` +
+        (duplicates.length > 0 ? `，已忽略 ${duplicates.length} 个重复耳号` : '')
+
+    proxy.$modal.msgSuccess(message)
+  } else if (duplicates.length > 0) {
+    proxy.$modal.msgWarning(`所有耳号均已存在，当前共 ${queryParams.value.allEarNumbers.length} 个`)
+  }
+
+  // 清空输入框
+  pasteInput.value = ''
+}
+
+/** 远程搜索耳号 */
+function searchEarNumber(query) {
+  if (query !== '') {
+    earNumberLoading.value = true
+
+    const queries = query.trim().split(/[\s,，]+/).filter(q => q)
+
+    if (queries.length === 1) {
+      // 单个耳号模糊搜索
+      searchEarNumbers(query).then(response => {
+        earNumberOptions.value = response.data || []
+        earNumberLoading.value = false
+      }).catch(() => {
+        earNumberOptions.value = []
+        earNumberLoading.value = false
+      })
+    } else {
+      // 多个耳号直接作为选项
+      earNumberOptions.value = queries
+      earNumberLoading.value = false
+    }
+  } else {
+    earNumberOptions.value = []
+  }
+}
+
+/** 耳号选择变化处理 */
+function handleEarNumberChange(value) {
+  queryParams.value.allEarNumbers = [...new Set(value)]
+  console.log(`已选择 ${queryParams.value.allEarNumbers.length} 个耳号:`, queryParams.value.allEarNumbers)
+}
+
+/** 切换展开/收起状态 */
+function toggleExpand() {
+  isExpanded.value = !isExpanded.value
+}
+
+/** 移除单个耳号 */
+function handleRemoveEarNumber(tag) {
+  const index = queryParams.value.allEarNumbers.indexOf(tag)
+  if (index > -1) {
+    queryParams.value.allEarNumbers.splice(index, 1)
+    proxy.$modal.msgSuccess('已移除该耳号')
+  }
+
+  // 如果删除后剩余<=2个，自动收起
+  if (queryParams.value.allEarNumbers.length <= defaultShowCount) {
+    isExpanded.value = false
+  }
+}
+
+/** 清空所有耳号 */
+function clearAllEarNumbers() {
+  proxy.$modal.confirm('确定要清空所有已选择的耳号吗？').then(() => {
+    queryParams.value.allEarNumbers = []
+    pasteInput.value = ''
+    earNumberOptions.value = []
+    isExpanded.value = false  // 重置展开状态
+    proxy.$modal.msgSuccess('已清空所有耳号')
+  }).catch(() => {})
+}
 /** 查询羊只死淘记录列表 */
 function getList() {
   loading.value = true
@@ -525,6 +776,7 @@ function reset() {
     diseaseSubtypeId: null,
     disposalDirection: null,
     technician: null,
+    allEarNumbers: [],  // 🔥 必须添加
     handler: null,
     workGroup: null,
     comment: null,
@@ -546,6 +798,7 @@ function handleQuery() {
 
 /** 重置按钮操作 */
 function resetQuery() {
+<<<<<<< HEAD
   // 手动清空数组类型的查询条件
   queryParams.value.manageTagsList = []
   queryParams.value.sheepTypeList = []
@@ -554,6 +807,11 @@ function resetQuery() {
   queryParams.value.workGroupList = []
   queryParams.value.deathDateRange = []
   
+=======
+  queryParams.value.allEarNumbers = []  // ✅ 添加这一行
+  earNumberOptions.value = []            // ✅ 添加这一行
+  isExpanded.value = false               // ✅ 添加这一行
+>>>>>>> 685ce2654e63aa48459b87ee43e319a6e547a8a4
   proxy.resetForm("queryRef")
   handleQuery()
 }
@@ -640,4 +898,44 @@ getList()
 </script>
 
 <style scoped>
+/* 已选耳号展示区样式 */
+.selected-ear-numbers-display {
+  max-height: 150px;
+  overflow-y: auto;
+  padding: 8px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  border: 1px dashed #dcdfe6;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.selected-ear-numbers-display::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.selected-ear-numbers-display::-webkit-scrollbar-thumb {
+  background-color: #dcdfe6;
+  border-radius: 3px;
+}
+
+.selected-ear-numbers-display::-webkit-scrollbar-track {
+  background-color: #f5f7fa;
+}
+
+.selected-ear-numbers-display .el-tag {
+  margin: 4px;
+  cursor: pointer;
+}
+
+.selected-ear-numbers-display .el-tag:hover {
+  opacity: 0.8;
+}
+
+/* 隐藏 el-select 的下拉箭头（可选） */
+:deep(.el-select__caret) {
+  display: none;
+}
 </style>