部门更改,生物安全模块的人员更换为下拉框

This commit is contained in:
2026-01-30 15:55:07 +08:00
parent 1d821764fd
commit 39f9bf1b67
10 changed files with 492 additions and 171 deletions

View File

@@ -2,7 +2,7 @@
<div class="app-container">
<!-- 1. 搜索 -->
<el-form :model="queryParams" ref="queryRef" inline v-show="showSearch" label-width="68px">
<el-form-item label="羊耳号" prop="allEarNumbers">
<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="输入耳号搜索"
@@ -71,8 +71,13 @@
start-placeholder="开始日期" end-placeholder="结束日期" />
</el-form-item>
<el-form-item label="技术员" prop="technical">
<el-input v-model="queryParams.technical" placeholder="请输入技术员" clearable />
</el-form-item>
<el-select v-model="queryParams.technical" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -165,10 +170,15 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="技术员">
<el-input v-model="addForm.technical" placeholder="请输入技术员姓名" />
</el-form-item>
<el-col :span="12">
<el-form-item label="技术员">
<el-select v-model="addForm.technical" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div style="margin: 8px 5px;">
@@ -269,10 +279,15 @@
<el-date-picker v-model="editForm.datetime" type="date" style="width: 100%" readonly />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="技术员">
<el-input v-model="editForm.technical" placeholder="请输入技术员姓名" />
</el-form-item>
<el-col :span="12">
<el-form-item label="技术员">
<el-select v-model="editForm.technical" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div style="margin: 10px 10px;">
@@ -345,6 +360,7 @@
import { searchEarNumbers } from '@/api/common/sheep'
import request from '@/utils/request'
import { parseTime } from '@/utils/ruoyi'
import { getUserByPost } from '@/api/common/user'
const { proxy } = getCurrentInstance()
const { sheep_gender } = proxy.useDict('sheep_gender')
@@ -355,6 +371,8 @@
const total = ref(0)
const dewormList = ref([])
const daterangeDatetime = ref([])
const technicalOptions = ref([])
const queryParams = reactive({
pageNum: 1,
@@ -729,6 +747,27 @@
function handleAddDetail() {
usageDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null,manufacturer:null,batchNumber:null })
}
// 获取技术员列表
const fetchTechnicalList = () => {
getUserByPost({ postCode: "techs" })
.then(res => {
if (res.code === 200 && Array.isArray(res.data)) {
technicalOptions.value = res.data.map(item => ({
// value: item.userId,
value: item.nickName,
label: item.nickName,
// postName: item.postName, // 保留用于下拉显示
// postCode: item.postCode // 保留用于逻辑判断
}))
console.log(technicalOptions.value);
} else {
technicalOptions.value = []
ElMessage.warning(res.msg || '获取技术员列表失败')
}
})
}
/* ------------------ 初始化 ------------------ */
onMounted(() => {
@@ -747,6 +786,8 @@
listMedicine().then(res => {
medicines.value = res.rows.map(item => ({ value: item.id, label: item.name }))
})
fetchTechnicalList()
})
</script>
<style scoped>