Compare commits

..

2 Commits

Author SHA1 Message Date
2ff57d9798 Merge branch 'main' of http://e19510c831.iok.la/admin/zhyc-sheep-ui 2025-07-18 18:16:15 +08:00
586252bbcb 检疫 2025-07-18 18:13:18 +08:00
12 changed files with 464 additions and 143 deletions

View File

@ -72,36 +72,135 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
@pagination="getList" /> v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改检疫记录对话框 --> <!-- 新增检疫记录对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body> <el-dialog :title="'新增检疫记录'" v-model="addOpen" width="700px" append-to-body>
<el-form ref="quarantineRef" :model="form" :rules="rules" label-width="80px"> <el-form ref="addQuarantineRef" :model="addForm" :rules="addRules" label-width="100px">
<el-form-item label="羊只" prop="sheepId"> <el-row :gutter="20">
<el-input v-model="form.sheepId" placeholder="请输入羊只" /> <el-col :span="24">
</el-form-item> <el-form-item label="羊只耳号" prop="sheepIds" required>
<el-form-item label="检疫日期" prop="datetime"> <div>
<el-date-picker clearable v-model="form.datetime" type="date" value-format="YYYY-MM-DD" placeholder="请选择检疫日期"> <el-input v-model="addForm.sheepIdInput" placeholder="请输入羊只耳号,按回车验证" @keyup.enter="validateSheepId"
</el-date-picker> :disabled="isInputDisabled" />
</el-form-item> <div v-if="invalidSheepId" style="color: red; margin-top: 5px;">
<el-form-item label="检疫结果" prop="result"> 该羊只耳号不存在
<el-select v-model="form.result" placeholder="请选择检疫结果"> </div>
<el-option v-for="dict in quar_result" :key="dict.value" :label="dict.label" <div v-if="validSheepId" style="color: green; margin-top: 5px;">
:value="parseInt(dict.value)"></el-option> 该羊只耳号已存在
</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>
</div>
</el-form-item>
</el-col>
</el-row>
<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-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-select>
</el-form-item>
</el-col>
<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>
</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>
</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-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-select>
</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>
</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-select>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="检疫类型" prop="quarantineType">
<el-radio-group v-model="form.status"> <el-select v-model="editForm.quarantineType" placeholder="请选择检疫类型">
<el-radio v-for="dict in quar_status" :key="dict.value" <el-option label="常规检疫" value="常规检疫"></el-option>
:label="parseInt(dict.value)">{{ dict.label }}</el-radio> <el-option label="疫病检疫" value="疫病检疫"></el-option>
</el-radio-group> <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-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitEditForm"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancelEdit"> </el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@ -109,29 +208,110 @@
</template> </template>
<script setup name="Quarantine"> <script setup name="Quarantine">
import { listQuarantine, getQuarantine, delQuarantine, addQuarantine, updateQuarantine } from "@/api/biosafety/quarantine" import { listQuarantine, getQuarantine, delQuarantine, addQuarantine, updateQuarantine } from "@/api/biosafety/quarantine";
import { listItems } from "@/api/biosafety/items" import { listItems } from "@/api/biosafety/items";
import { listSample } from "@/api/biosafety/sample" import { listSample } from "@/api/biosafety/sample";
import { useRoute, useRouter } from "vue-router" import request from '@/utils/request'
const route = useRoute()
const router = useRouter()
const { proxy } = getCurrentInstance() import { useRoute, useRouter } from "vue-router";
const { quar_result, quar_status } = proxy.useDict('quar_result', 'quar_status') const route = useRoute();
const router = useRouter();
const quarantineList = ref([]) const { proxy } = getCurrentInstance();
const open = ref(false) const { quar_result, quar_status } = proxy.useDict('quar_result', 'quar_status');
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 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 quarantineItems = ref([]);
function getItems() {
listItems().then(response => {
console.log("检疫项目列表获取成功", quarantineItems.value);
quarantineItems.value = response.rows.map(item => ({
label: item.name,
value: item.id
}));
});
}
//
const sampleTypes = ref([]);
function getSample() {
listSample().then(response => {
sampleTypes.value = response.rows.map(item => ({
label: item.name,
value: item.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
}));
});
}
//
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({ const data = reactive({
form: {},
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
@ -143,144 +323,246 @@ const data = reactive({
quarOfficer: null, quarOfficer: null,
result: null, result: null,
status: null, status: null,
},
rules: {
sheepId: [
{ required: true, message: "羊只不能为空", trigger: "blur" }
],
quarItem: [
{ required: true, message: "检疫项目不能为空", trigger: "change" }
],
sampleType: [
{ required: true, message: "样品类型不能为空", trigger: "change" }
],
} }
}) });
const { queryParams, form, rules } = toRefs(data) const { queryParams } = toRefs(data);
/** 查询检疫记录列表 */ /** 查询检疫记录列表 */
function getList() { function getList() {
loading.value = true loading.value = true;
queryParams.value.params = {} queryParams.value.params = {};
if (null != daterangeDatetime && '' != daterangeDatetime) { if (null != daterangeDatetime.value && daterangeDatetime.value.length === 2) {
queryParams.value.params["beginDatetime"] = daterangeDatetime.value[0] queryParams.value.params["beginDatetime"] = daterangeDatetime.value[0];
queryParams.value.params["endDatetime"] = daterangeDatetime.value[1] queryParams.value.params["endDatetime"] = daterangeDatetime.value[1];
} }
listQuarantine(queryParams.value).then(response => { listQuarantine(queryParams.value).then(response => {
quarantineList.value = response.rows quarantineList.value = response.rows;
total.value = response.total total.value = response.total;
loading.value = false loading.value = false;
}) });
} }
// //
function cancel() { function cancel() {
open.value = false open.value = false;
reset()
} }
// //
function reset() { function reset() {
form.value = { addForm.value = {
id: null, sheepIds: [],
sheepId: null, sheepIdInput: '',
datetime: null, datetime: new Date().toISOString().slice(0, 10), //
quarItem: null, quarantineType: '',
sampleType: null, quarItems: "",
sampler: null, sampleType: '',
quarOfficer: null, sampler: '',
result: null, quarantineOfficer: '',
status: null, barnIds: []
updateBy: null, };
updateTime: null, invalidSheepId.value = false;
createBy: null, validSheepId.value = false;
createTime: null proxy.resetForm("addQuarantineRef");
}
proxy.resetForm("quarantineRef")
} }
/** 搜索按钮操作 */ /** 搜索功能 */
function handleQuery() { function handleQuery() {
queryParams.value.pageNum = 1 queryParams.value.pageNum = 1;
getList() getList();
} }
/** 重置按钮操作 */ /** 重置按钮操作 */
function resetQuery() { function resetQuery() {
daterangeDatetime.value = [] daterangeDatetime.value = [];
proxy.resetForm("queryRef") proxy.resetForm("queryRef");
handleQuery() handleQuery();
} }
// //
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id) ids.value = selection.map(item => item.id);
single.value = selection.length != 1 single.value = selection.length != 1;
multiple.value = !selection.length multiple.value = !selection.length;
} }
/** 新增按钮操作 */ /** 新增按钮操作 */
function handleAdd() { function handleAdd() {
reset() reset();
open.value = true addOpen.value = true;
title.value = "添加检疫记录" }
//
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;
} }
/** 修改按钮操作 */ /** 修改按钮操作 */
function handleUpdate(row) { function handleUpdate(row) {
reset() resetEditForm();
const _id = row.id || ids.value const _id = row.id || ids.value;
getQuarantine(_id).then(response => { getQuarantine(_id).then(response => {
form.value = response.data editForm.value = {
open.value = true ...response.data,
title.value = "修改检疫记录" status: response.data.status,
}) quarantineType: response.data.quarantineType,
result: response.data.result,
remark: response.data.remark
};
editOpen.value = true;
});
} }
/** 提交按钮 */ /** 重置修改表单 */
function submitForm() { function resetEditForm() {
proxy.$refs["quarantineRef"].validate(valid => { editForm.value = {
id: null,
status: '',
quarantineType: '',
result: '',
remark: ''
};
proxy.resetForm("editQuarantineRef");
}
/** 提交修改表单 */
function submitEditForm() {
editQuarantineRef.value.validate(valid => {
if (valid) { if (valid) {
if (form.value.id != null) { updateQuarantine(editForm.value).then(response => {
updateQuarantine(form.value).then(response => { proxy.$modal.msgSuccess("修改成功");
proxy.$modal.msgSuccess("修改成功") editOpen.value = false;
open.value = false getList();
getList() });
})
} else {
addQuarantine(form.value).then(response => {
proxy.$modal.msgSuccess("新增成功")
open.value = false
getList()
})
}
} }
}) });
}
/** 取消修改 */
function cancelEdit() {
editOpen.value = false;
} }
/** 删除按钮操作 */ /** 删除按钮操作 */
function handleDelete(row) { function handleDelete(row) {
const _ids = row.id || ids.value const _ids = row.id || ids.value;
proxy.$modal.confirm('是否确认删除检疫记录编号为"' + _ids + '"的数据项?').then(function () { proxy.$modal.confirm('是否确认删除检疫记录编号为"' + _ids + '"的数据项?').then(function () {
return delQuarantine(_ids) return delQuarantine(_ids);
}).then(() => { }).then(() => {
getList() getList();
proxy.$modal.msgSuccess("删除成功") proxy.$modal.msgSuccess("删除成功");
}).catch(() => { }) }).catch(() => { });
} }
/** 导出按钮操作 */ /** 导出按钮操作 */
function handleExport() { function handleExport() {
proxy.download('bisosafety/quarantine/export', { proxy.download('bisosafety/quarantine/export', {
...queryParams.value ...queryParams.value
}, `quarantine_${new Date().getTime()}.xlsx`) }, `quarantine_${new Date().getTime()}.xlsx`);
} }
function gotoTreatment(row) { 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();
getList() getItems(); //
getSample(); //
getBarns(); //
</script> </script>

View File

@ -121,7 +121,7 @@
<script setup> <script setup>
import { ref, onMounted, getCurrentInstance } from 'vue' import { ref, onMounted, getCurrentInstance } from 'vue'
import request from '@/utils/request' import request from '@/utils/request'
import { addSheep, exportSheepForm } from '@/api/produce/manage_sheep/add_sheep/add_sheep' import { addSheep, exportSheepForm } from '@/api/produce/manage_sheep/add_sheep'
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management' import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management'
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
@ -259,10 +259,10 @@ function handleImportError(err) {
/* -------------------- 初始化 -------------------- */ /* -------------------- 初始化 -------------------- */
onMounted(() => {
getSheepfoldOptions() getSheepfoldOptions()
getVarietyOptions() getVarietyOptions()
})
</script> </script>
<style scoped> <style scoped>

View File

@ -369,9 +369,8 @@ function getVarietyOptions() {
} }
/* -------------------- 初始化 -------------------- */ /* -------------------- 初始化 -------------------- */
onMounted(() => {
loadSheepfold() loadSheepfold()
getVarietyOptions() getVarietyOptions()
getList() getList()
})
</script> </script>

View File

@ -351,9 +351,47 @@ function getVarietyOptions() {
}).then(res => { varietyOptions.value = res.rows || [] }) }).then(res => { varietyOptions.value = res.rows || [] })
} }
/* -------------------- 入口 -------------------- */ /** 导出按钮操作 */
onMounted(() => { function handleExport() {
getVarietyOptions() proxy.download('/produce/manage_sheep/transition_info/export', {
getList() ...queryParams.value
}) }, `transition_info_${new Date().getTime()}.xlsx`)
}
//
const approveDialog = ref(false);
const approveForm = ref({});
//
function handleApprove(row) {
//
approveForm.value = { ...row };
approveDialog.value = true;
}
//
function handleApproveAgree() {
approveForm.value.status = 1; //
updateTransition_info(approveForm.value).then(() => {
approveDialog.value = false;
proxy.$modal.msgSuccess("审批成功,状态已更新为同意");
getList();
}).catch((error) => {
proxy.$modal.msgError(`审批失败:${error}`);
});
}
//
function handleApproveReject() {
approveForm.value.status = 2; //
updateTransition_info(approveForm.value).then(() => {
approveDialog.value = false;
proxy.$modal.msgSuccess("审批成功,状态已更新为驳回");
getList();
}).catch((error) => {
proxy.$modal.msgError(`审批失败:${error}`);
});
}
getList()
</script> </script>

View File

@ -110,7 +110,7 @@
</template> </template>
<script setup name="castrate"> <script setup name="castrate">
import { listCastrate, getCastrate, delCastrate, addCastrate, updateCastrate } from '@/api/produce/other/castrate/castrate' import { listCastrate, getCastrate, delCastrate, addCastrate, updateCastrate } from '@/api/produce/other/castrate'
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management' import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management'
import request from '@/utils/request' import request from '@/utils/request'
@ -276,9 +276,9 @@ function getVarietyOptions() {
}) })
} }
onMounted(() => {
getList() getList()
getSheepfoldOptions() getSheepfoldOptions()
getVarietyOptions() getVarietyOptions()
})
</script> </script>

View File

@ -299,9 +299,10 @@ async function validateSheep() {
} }
} }
onMounted(() => { /* 只保留一个 onMounted */
getList()
getSheepfoldOptions() getSheepfoldOptions()
getVarietyOptions() getVarietyOptions()
getList()
})
</script> </script>

View File

@ -97,6 +97,7 @@
<script setup name="Variety"> <script setup name="Variety">
import { listVariety, getVariety, delVariety, addVariety, updateVariety } from "@/api/variety/variety" import { listVariety, getVariety, delVariety, addVariety, updateVariety } from "@/api/variety/variety"
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const varietyList = ref([]) const varietyList = ref([])