Merge branch 'main' of http://e19510c831.iok.la/admin/zhyc-sheep-ui
This commit is contained in:
commit
035b675506
@ -42,3 +42,14 @@ export function delPregnancy_Test(id) {
|
|||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 根据耳号查询羊只信息
|
||||||
|
export function getSheepByManageTags(manageTags) {
|
||||||
|
return request({
|
||||||
|
url: '/Pregnancy_Test/Pregnancy_Test/getSheepByManageTags',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
manageTags: manageTags
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -1,45 +1,43 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<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="true" v-show="showSearch" label-width="68px">
|
||||||
|
<el-form-item label="耳号" prop="manageTags">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.manageTags"
|
||||||
|
placeholder="请输入耳号，多个耳号用逗号分隔"
|
||||||
|
clearable
|
||||||
|
@keyup.enter="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="孕检日期" prop="datetime">
|
<el-form-item label="孕检日期" prop="datetime">
|
||||||
<el-date-picker clearable
|
<el-date-picker clearable
|
||||||
v-model="queryParams.datetime"
|
v-model="queryParams.datetime"
|
||||||
type="date"
|
type="date"
|
||||||
value-format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
placeholder="请选择孕检日期">
|
placeholder="请选择孕检日期">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="孕检结果" prop="result">
|
<el-form-item label="孕检结果" prop="result">
|
||||||
<el-input
|
<el-select v-model="queryParams.result" placeholder="请选择孕检结果" clearable>
|
||||||
v-model="queryParams.result"
|
<el-option label="怀孕" value="怀孕" />
|
||||||
placeholder="请输入孕检结果"
|
<el-option label="未孕" value="未孕" />
|
||||||
clearable
|
<el-option label="流产" value="流产" />
|
||||||
@keyup.enter="handleQuery"
|
</el-select>
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="${comment}" prop="number">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.number"
|
|
||||||
placeholder="请输入${comment}"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="技术员" prop="technician">
|
<el-form-item label="技术员" prop="technician">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.technician"
|
v-model="queryParams.technician"
|
||||||
placeholder="请输入技术员"
|
placeholder="请输入技术员"
|
||||||
clearable
|
clearable
|
||||||
@keyup.enter="handleQuery"
|
@keyup.enter="handleQuery"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="${comment}" prop="way">
|
<el-form-item label="孕检方式" prop="way">
|
||||||
<el-input
|
<el-select v-model="queryParams.way" placeholder="请选择孕检方式" clearable>
|
||||||
v-model="queryParams.way"
|
<el-option label="B超" value="B超" />
|
||||||
placeholder="请输入${comment}"
|
<el-option label="试纸" value="试纸" />
|
||||||
clearable
|
<el-option label="血检" value="血检" />
|
||||||
@keyup.enter="handleQuery"
|
</el-select>
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
@ -50,40 +48,40 @@
|
|||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
icon="Plus"
|
icon="Plus"
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:add']"
|
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:add']"
|
||||||
>新增</el-button>
|
>新增</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="success"
|
type="success"
|
||||||
plain
|
plain
|
||||||
icon="Edit"
|
icon="Edit"
|
||||||
:disabled="single"
|
:disabled="single"
|
||||||
@click="handleUpdate"
|
@click="handleUpdate"
|
||||||
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:edit']"
|
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:edit']"
|
||||||
>修改</el-button>
|
>修改</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="danger"
|
type="danger"
|
||||||
plain
|
plain
|
||||||
icon="Delete"
|
icon="Delete"
|
||||||
:disabled="multiple"
|
:disabled="multiple"
|
||||||
@click="handleDelete"
|
@click="handleDelete"
|
||||||
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:remove']"
|
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:remove']"
|
||||||
>删除</el-button>
|
>删除</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="warning"
|
type="warning"
|
||||||
plain
|
plain
|
||||||
icon="Download"
|
icon="Download"
|
||||||
@click="handleExport"
|
@click="handleExport"
|
||||||
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:export']"
|
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:export']"
|
||||||
>导出</el-button>
|
>导出</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
@ -91,17 +89,55 @@
|
|||||||
|
|
||||||
<el-table v-loading="loading" :data="Pregnancy_TestList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="Pregnancy_TestList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="${comment}" align="center" prop="id" />
|
<el-table-column label="耳号" align="center" prop="manageTags" width="120" />
|
||||||
<el-table-column label="孕检日期" align="center" prop="datetime" width="180">
|
<el-table-column label="品种" align="center" prop="variety" width="100" />
|
||||||
|
<el-table-column label="事件类型" align="center" width="80">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>孕检</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="孕检日期" align="center" prop="datetime" width="120">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="孕检结果" align="center" prop="result" />
|
<el-table-column label="孕检结果" align="center" prop="result" width="80" />
|
||||||
<el-table-column label="${comment}" align="center" prop="number" />
|
<el-table-column label="配种公羊" align="center" prop="fatherManageTags" width="100" />
|
||||||
<el-table-column label="技术员" align="center" prop="technician" />
|
<el-table-column label="配种公羊品种" align="center" prop="fatherVariety" width="120" />
|
||||||
<el-table-column label="${comment}" align="center" prop="way" />
|
<el-table-column label="配种类型" align="center" prop="matingTypeName" width="80" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="配种日期" align="center" prop="matingDate" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{ parseTime(scope.row.matingDate, '{y}-{m}-{d}') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="胎儿数量" align="center" prop="fetusCount" width="80" />
|
||||||
|
<el-table-column label="月龄" align="center" prop="monthAge" width="60" />
|
||||||
|
<el-table-column label="孕检时羊只类别" align="center" prop="breedStatus" width="120" />
|
||||||
|
<el-table-column label="胎次" align="center" prop="parity" width="60" />
|
||||||
|
<el-table-column label="配次" align="center" prop="matingCounts" width="60" />
|
||||||
|
<el-table-column label="当前羊舍" align="center" prop="sheepfoldName" width="100" />
|
||||||
|
<el-table-column label="技术员" align="center" prop="technician" width="80" />
|
||||||
|
<el-table-column label="繁育状态" align="center" prop="breedStatus" width="80" />
|
||||||
|
<el-table-column label="预产日期" align="center" prop="expectedDate" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{ parseTime(scope.row.expectedDate, '{y}-{m}-{d}') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="上次事件日期" align="center" prop="lastEventDate" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{ parseTime(scope.row.lastEventDate, '{y}-{m}-{d}') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="孕检方式" align="center" prop="way" width="80" />
|
||||||
|
<el-table-column label="创建人" align="center" prop="createBy" width="80" />
|
||||||
|
<el-table-column label="创建日期" align="center" prop="createTime" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="所在牧场" align="center" prop="ranchName" width="100" />
|
||||||
|
<el-table-column label="备注" align="center" prop="remark" width="120" />
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150" fixed="right">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['Pregnancy_Test:Pregnancy_Test:edit']">修改</el-button>
|
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['Pregnancy_Test:Pregnancy_Test:edit']">修改</el-button>
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['Pregnancy_Test:Pregnancy_Test:remove']">删除</el-button>
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['Pregnancy_Test:Pregnancy_Test:remove']">删除</el-button>
|
||||||
@ -110,36 +146,109 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<pagination
|
||||||
v-show="total>0"
|
v-show="total>0"
|
||||||
:total="total"
|
:total="total"
|
||||||
v-model:page="queryParams.pageNum"
|
v-model:page="queryParams.pageNum"
|
||||||
v-model:limit="queryParams.pageSize"
|
v-model:limit="queryParams.pageSize"
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- 添加或修改孕检记录对话框 -->
|
<!-- 添加或修改孕检记录对话框 -->
|
||||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
<el-dialog :title="title" v-model="open" width="800px" append-to-body>
|
||||||
<el-form ref="Pregnancy_TestRef" :model="form" :rules="rules" label-width="80px">
|
<el-form ref="Pregnancy_TestRef" :model="form" :rules="rules" label-width="120px">
|
||||||
<el-form-item label="孕检日期" prop="datetime">
|
<el-row :gutter="20">
|
||||||
<el-date-picker clearable
|
<el-col :span="12">
|
||||||
v-model="form.datetime"
|
<el-form-item label="耳号" prop="manageTags">
|
||||||
type="date"
|
<el-input v-model="form.manageTags" placeholder="请输入耳号" @blur="getSheepInfo" />
|
||||||
value-format="YYYY-MM-DD"
|
</el-form-item>
|
||||||
placeholder="请选择孕检日期">
|
</el-col>
|
||||||
</el-date-picker>
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="孕检日期" prop="datetime">
|
||||||
<el-form-item label="孕检结果" prop="result">
|
<el-date-picker clearable
|
||||||
<el-input v-model="form.result" placeholder="请输入孕检结果" />
|
v-model="form.datetime"
|
||||||
</el-form-item>
|
type="date"
|
||||||
<el-form-item label="${comment}" prop="number">
|
value-format="YYYY-MM-DD"
|
||||||
<el-input v-model="form.number" placeholder="请输入${comment}" />
|
placeholder="请选择孕检日期">
|
||||||
</el-form-item>
|
</el-date-picker>
|
||||||
<el-form-item label="技术员" prop="technician">
|
</el-form-item>
|
||||||
<el-input v-model="form.technician" placeholder="请输入技术员" />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
<el-form-item label="${comment}" prop="way">
|
<el-row :gutter="20">
|
||||||
<el-input v-model="form.way" placeholder="请输入${comment}" />
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="孕检结果" prop="result">
|
||||||
|
<el-select v-model="form.result" placeholder="请选择孕检结果">
|
||||||
|
<el-option label="怀孕" value="怀孕" />
|
||||||
|
<el-option label="未孕" value="未孕" />
|
||||||
|
<el-option label="流产" value="流产" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="胎儿数量" prop="fetusCount">
|
||||||
|
<el-input-number v-model="form.fetusCount" :min="0" :max="10" placeholder="请输入胎儿数量" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="技术员" prop="technician">
|
||||||
|
<el-input v-model="form.technician" placeholder="请输入技术员" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="孕检方式" prop="way">
|
||||||
|
<el-select v-model="form.way" placeholder="请选择孕检方式">
|
||||||
|
<el-option label="B超" value="B超" />
|
||||||
|
<el-option label="试纸" value="试纸" />
|
||||||
|
<el-option label="血检" value="血检" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 羊只信息显示 -->
|
||||||
|
<el-divider content-position="left">羊只信息</el-divider>
|
||||||
|
<el-row :gutter="20" v-if="sheepInfo.id">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="品种">
|
||||||
|
<el-input v-model="sheepInfo.variety" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="月龄">
|
||||||
|
<el-input v-model="sheepInfo.monthAge" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="胎次">
|
||||||
|
<el-input v-model="sheepInfo.parity" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20" v-if="sheepInfo.id">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="配次">
|
||||||
|
<el-input v-model="sheepInfo.matingCounts" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="当前羊舍">
|
||||||
|
<el-input v-model="sheepInfo.sheepfoldName" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="繁育状态">
|
||||||
|
<el-input v-model="sheepInfo.breedStatus" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
@ -152,7 +261,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="Pregnancy_Test">
|
<script setup name="Pregnancy_Test">
|
||||||
import { listPregnancy_Test, getPregnancy_Test, delPregnancy_Test, addPregnancy_Test, updatePregnancy_Test } from "@/api/Pregnancy_Test/Pregnancy_Test"
|
import { listPregnancy_Test, getPregnancy_Test, delPregnancy_Test, addPregnancy_Test, updatePregnancy_Test, getSheepByManageTags } from "@/api/Pregnancy_Test/Pregnancy_Test"
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
|
||||||
@ -165,19 +274,35 @@ const single = ref(true)
|
|||||||
const multiple = ref(true)
|
const multiple = ref(true)
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
const title = ref("")
|
const title = ref("")
|
||||||
|
const sheepInfo = ref({})
|
||||||
|
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
form: {},
|
form: {},
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
manageTags: null,
|
||||||
datetime: null,
|
datetime: null,
|
||||||
result: null,
|
result: null,
|
||||||
number: null,
|
|
||||||
technician: null,
|
technician: null,
|
||||||
way: null,
|
way: null,
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
|
manageTags: [
|
||||||
|
{ required: true, message: "耳号不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
datetime: [
|
||||||
|
{ required: true, message: "孕检日期不能为空", trigger: "change" }
|
||||||
|
],
|
||||||
|
result: [
|
||||||
|
{ required: true, message: "孕检结果不能为空", trigger: "change" }
|
||||||
|
],
|
||||||
|
technician: [
|
||||||
|
{ required: true, message: "技术员不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
way: [
|
||||||
|
{ required: true, message: "孕检方式不能为空", trigger: "change" }
|
||||||
|
]
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -193,6 +318,22 @@ function getList() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 根据耳号获取羊只信息 */
|
||||||
|
function getSheepInfo() {
|
||||||
|
if (form.value.manageTags) {
|
||||||
|
getSheepByManageTags(form.value.manageTags).then(response => {
|
||||||
|
if (response.data) {
|
||||||
|
sheepInfo.value = response.data
|
||||||
|
form.value.sheepId = response.data.id
|
||||||
|
} else {
|
||||||
|
proxy.$modal.msgError("未找到该耳号的羊只信息")
|
||||||
|
sheepInfo.value = {}
|
||||||
|
form.value.sheepId = null
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 取消按钮
|
// 取消按钮
|
||||||
function cancel() {
|
function cancel() {
|
||||||
open.value = false
|
open.value = false
|
||||||
@ -203,14 +344,18 @@ function cancel() {
|
|||||||
function reset() {
|
function reset() {
|
||||||
form.value = {
|
form.value = {
|
||||||
id: null,
|
id: null,
|
||||||
|
sheepId: null,
|
||||||
|
manageTags: null,
|
||||||
datetime: null,
|
datetime: null,
|
||||||
result: null,
|
result: null,
|
||||||
number: null,
|
fetusCount: null,
|
||||||
technician: null,
|
technician: null,
|
||||||
way: null,
|
way: null,
|
||||||
|
remark: null,
|
||||||
createBy: null,
|
createBy: null,
|
||||||
createTime: null
|
createTime: null
|
||||||
}
|
}
|
||||||
|
sheepInfo.value = {}
|
||||||
proxy.resetForm("Pregnancy_TestRef")
|
proxy.resetForm("Pregnancy_TestRef")
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -246,6 +391,11 @@ function handleUpdate(row) {
|
|||||||
const _id = row.id || ids.value
|
const _id = row.id || ids.value
|
||||||
getPregnancy_Test(_id).then(response => {
|
getPregnancy_Test(_id).then(response => {
|
||||||
form.value = response.data
|
form.value = response.data
|
||||||
|
form.value.manageTags = response.data.manageTags
|
||||||
|
// 获取羊只信息用于显示
|
||||||
|
if (response.data.manageTags) {
|
||||||
|
getSheepInfo()
|
||||||
|
}
|
||||||
open.value = true
|
open.value = true
|
||||||
title.value = "修改孕检记录"
|
title.value = "修改孕检记录"
|
||||||
})
|
})
|
||||||
@ -292,3 +442,12 @@ function handleExport() {
|
|||||||
|
|
||||||
getList()
|
getList()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.el-table {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.el-table .cell {
|
||||||
|
padding: 0 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,31 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
<!-- 1. 搜索 -->
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
<el-form :model="queryParams" ref="queryRef" inline v-show="showSearch" label-width="68px">
|
||||||
<el-input
|
<el-form-item label="羊只耳号" prop="sheepNo">
|
||||||
v-model="queryParams.sheepId"
|
<el-input v-model="queryParams.sheepNo" placeholder="请输入羊只耳号" clearable @keyup.enter="getList" />
|
||||||
placeholder="请输入羊只id"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="驱虫日期" style="width: 308px">
|
<el-form-item label="驱虫日期">
|
||||||
<el-date-picker
|
<el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||||
v-model="daterangeDatetime"
|
start-placeholder="开始日期" end-placeholder="结束日期" />
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
type="daterange"
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="技术员" prop="technical">
|
<el-form-item label="技术员" prop="technical">
|
||||||
<el-input
|
<el-input v-model="queryParams.technical" placeholder="请输入技术员" clearable />
|
||||||
v-model="queryParams.technical"
|
|
||||||
placeholder="请输入技术员"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
@ -33,277 +18,518 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 2. 按钮 -->
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
|
||||||
<el-button
|
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
|
||||||
type="primary"
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
|
||||||
plain
|
<el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
|
||||||
icon="Plus"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['biosafety:deworm:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="Edit"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
v-hasPermi="['biosafety:deworm:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="Delete"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
v-hasPermi="['biosafety:deworm:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="Download"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['biosafety:deworm:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 3. 列表 -->
|
||||||
<el-table v-loading="loading" :data="dewormList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="dewormList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="${comment}" align="center" prop="id" />
|
<el-table-column label="羊只耳号" align="center" prop="sheepNo" />
|
||||||
<el-table-column label="羊只id" align="center" prop="sheepId" />
|
|
||||||
<el-table-column label="药品使用记录" align="center" prop="usageId" />
|
|
||||||
<el-table-column label="品种" align="center" prop="variety" />
|
<el-table-column label="品种" align="center" prop="variety" />
|
||||||
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
||||||
<el-table-column label="性别" align="center" prop="gender" />
|
<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="monthAge" />
|
<el-table-column label="月龄" align="center" prop="monthAge" />
|
||||||
<el-table-column label="胎次" align="center" prop="parity" />
|
<el-table-column label="胎次" align="center" prop="parity" />
|
||||||
|
<el-table-column label="繁殖状态" align="center" prop="breed" />
|
||||||
<el-table-column label="驱虫日期" align="center" prop="datetime" width="180">
|
<el-table-column label="驱虫日期" align="center" prop="datetime" width="180">
|
||||||
<template #default="scope">
|
<template #default="scope">{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</template>
|
||||||
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="技术员" align="center" prop="technical" />
|
<el-table-column label="技术员" align="center" prop="technical" />
|
||||||
<el-table-column label="备注" align="center" prop="comment" />
|
<el-table-column label="备注" align="center" prop="comment" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['biosafety:deworm:edit']">修改</el-button>
|
<el-button link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['biosafety:deworm:remove']">删除</el-button>
|
<el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||||
v-show="total>0"
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
:total="total"
|
|
||||||
v-model:page="queryParams.pageNum"
|
|
||||||
v-model:limit="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改驱虫对话框 -->
|
<!-- 4. 新增弹窗（羊舍多选 + 无卡片 + 自动剔除） -->
|
||||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
<el-dialog title="新增驱虫记录" v-model="addOpen" width="60%" top="5vh" append-to-body>
|
||||||
<el-form ref="dewormRef" :model="form" :rules="rules" label-width="80px">
|
<el-form ref="addFormRef" :model="addForm" :rules="addRules" label-width="100px">
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
|
||||||
<el-input v-model="form.sheepId" placeholder="请输入羊只id" />
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- 耳号追加 -->
|
||||||
|
<el-form-item label="耳号">
|
||||||
|
<el-input v-model="sheepInput" placeholder="输入耳号回车添加" style="width: 220px" @keyup.enter="validateSheep" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- 羊舍多选 -->
|
||||||
|
<el-form-item label="羊舍" prop="barnIds">
|
||||||
|
<el-select v-model="selectedBarnIds" multiple collapse-tags placeholder="请选择羊舍" style="width: 100%"
|
||||||
|
@change="handleBarnChange">
|
||||||
|
<el-option v-for="b in barns" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 已选耳号 -->
|
||||||
|
<el-form-item label="已选耳号">
|
||||||
|
<el-tag v-for="(tag, idx) in selectedSheepList" :key="tag.sheepId" closable @close="removeSheep(idx)"
|
||||||
|
style="margin-right: 6px">
|
||||||
|
{{ tag.sheepNo }}
|
||||||
|
</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="药品使用记录" prop="usageId">
|
|
||||||
<el-input v-model="form.usageId" placeholder="请输入药品使用记录" />
|
<!-- 驱虫信息 -->
|
||||||
</el-form-item>
|
<el-row :gutter="20">
|
||||||
<el-form-item label="品种" prop="variety">
|
<el-col :span="12">
|
||||||
<el-input v-model="form.variety" placeholder="请输入品种" />
|
<el-form-item label="驱虫日期" prop="datetime">
|
||||||
</el-form-item>
|
<el-date-picker v-model="addForm.datetime" type="date" style="width: 100%" />
|
||||||
<el-form-item label="性别" prop="gender">
|
</el-form-item>
|
||||||
<el-input v-model="form.gender" placeholder="请输入性别" />
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span="12">
|
||||||
<el-form-item label="月龄" prop="monthAge">
|
<el-form-item label="处方">
|
||||||
<el-input v-model="form.monthAge" placeholder="请输入月龄" />
|
<el-select v-model="addForm.prescriptionId" filterable clearable placeholder="请选择处方" style="width: 100%"
|
||||||
</el-form-item>
|
@change="handleSelectPrescription">
|
||||||
<el-form-item label="胎次" prop="parity">
|
<el-option v-for="p in presOptions" :key="p.id" :label="p.label" :value="p.id" />
|
||||||
<el-input v-model="form.parity" placeholder="请输入胎次" />
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="驱虫日期" prop="datetime">
|
</el-col>
|
||||||
<el-date-picker clearable
|
<el-col :span="12">
|
||||||
v-model="form.datetime"
|
<el-form-item label="技术员">
|
||||||
type="date"
|
<el-input v-model="addForm.technical" placeholder="请输入技术员姓名" />
|
||||||
value-format="YYYY-MM-DD"
|
</el-form-item>
|
||||||
placeholder="请选择驱虫日期">
|
</el-col>
|
||||||
</el-date-picker>
|
</el-row>
|
||||||
</el-form-item>
|
<div style="margin: 8px 5px;">
|
||||||
<el-form-item label="技术员" prop="technical">
|
<!-- 药品明细 -->
|
||||||
<el-input v-model="form.technical" placeholder="请输入技术员" />
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
</el-form-item>
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
<el-form-item label="备注" prop="comment">
|
<el-table-column label="药品">
|
||||||
<el-input v-model="form.comment" placeholder="请输入备注" />
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="addForm.comment" placeholder="请输入备注" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<el-button @click="addOpen = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button type="primary" @click="submitAddForm">确 定</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 5. 修改弹窗（羊舍只读下拉） -->
|
||||||
|
<el-dialog title="修改驱虫记录" v-model="editOpen" width="60%" top="5vh" append-to-body>
|
||||||
|
<el-form ref="editFormRef" :model="editForm" :rules="editRules" label-width="100px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="羊只耳号">
|
||||||
|
<span>{{ editForm.sheepNo }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="品种">
|
||||||
|
<span>{{ editForm.variety }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="羊只类别">
|
||||||
|
<span>{{ editForm.sheepType }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="性别">
|
||||||
|
<span> <dict-tag :options="sheep_gender" :value="editForm.gender" /></span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="繁殖状态">
|
||||||
|
<span>{{ editForm.breed }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="驱虫日期" prop="datetime">
|
||||||
|
<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>
|
||||||
|
</el-row>
|
||||||
|
<div style="margin: 10px 10px;">
|
||||||
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
|
<el-table-column label="药品">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" style="width: 120px;"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value+''" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value+''" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="editForm.comment" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="editOpen = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitEditForm">确 定</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="Deworm">
|
<script setup name="Deworm">
|
||||||
import { listDeworm, getDeworm, delDeworm, addDeworm, updateDeworm } from "@/api/biosafety/deworm"
|
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
|
||||||
|
import { listDeworm, getDeworm, delDeworm, addDeworm, updateDeworm } from '@/api/biosafety/deworm'
|
||||||
|
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
|
||||||
|
import { listUnit } from '@/api/biosafety/unit'
|
||||||
|
import { listUsage } from '@/api/biosafety/usage'
|
||||||
|
import { listMedicine } from '@/api/biosafety/medicine'
|
||||||
|
import request from '@/utils/request'
|
||||||
|
import { parseTime } from '@/utils/ruoyi'
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
const { sheep_gender } = proxy.useDict('sheep_gender')
|
||||||
|
|
||||||
const dewormList = ref([])
|
/* ------------------ 列表 ------------------ */
|
||||||
const open = ref(false)
|
const loading = ref(true)
|
||||||
const loading = ref(true)
|
const showSearch = ref(true)
|
||||||
const showSearch = ref(true)
|
const total = ref(0)
|
||||||
const ids = ref([])
|
const dewormList = ref([])
|
||||||
const single = ref(true)
|
const daterangeDatetime = ref([])
|
||||||
const multiple = ref(true)
|
|
||||||
const total = ref(0)
|
|
||||||
const title = ref("")
|
|
||||||
const daterangeDatetime = ref([])
|
|
||||||
|
|
||||||
const data = reactive({
|
const queryParams = reactive({
|
||||||
form: {},
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
sheepId: null,
|
sheepNo: null,
|
||||||
datetime: null,
|
technical: null
|
||||||
technical: null,
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data)
|
|
||||||
|
|
||||||
/** 查询驱虫列表 */
|
|
||||||
function getList() {
|
|
||||||
loading.value = true
|
|
||||||
queryParams.value.params = {}
|
|
||||||
if (null != daterangeDatetime && '' != daterangeDatetime) {
|
|
||||||
queryParams.value.params["beginDatetime"] = daterangeDatetime.value[0]
|
|
||||||
queryParams.value.params["endDatetime"] = daterangeDatetime.value[1]
|
|
||||||
}
|
|
||||||
listDeworm(queryParams.value).then(response => {
|
|
||||||
dewormList.value = response.rows
|
|
||||||
total.value = response.total
|
|
||||||
loading.value = false
|
|
||||||
})
|
})
|
||||||
}
|
|
||||||
|
|
||||||
// 取消按钮
|
const ids = ref([])
|
||||||
function cancel() {
|
const single = ref(true)
|
||||||
open.value = false
|
const multiple = ref(true)
|
||||||
reset()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 表单重置
|
function getList() {
|
||||||
function reset() {
|
loading.value = true
|
||||||
form.value = {
|
const qp = { ...queryParams }
|
||||||
id: null,
|
qp.params = {}
|
||||||
sheepId: null,
|
if (daterangeDatetime.value?.length) {
|
||||||
usageId: null,
|
qp.params.beginDatetime = daterangeDatetime.value[0]
|
||||||
variety: null,
|
qp.params.endDatetime = daterangeDatetime.value[1]
|
||||||
sheepType: null,
|
}
|
||||||
gender: null,
|
listDeworm(qp).then(res => {
|
||||||
monthAge: null,
|
dewormList.value = res.rows
|
||||||
parity: null,
|
total.value = res.total
|
||||||
datetime: null,
|
loading.value = false
|
||||||
technical: null,
|
})
|
||||||
comment: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null
|
|
||||||
}
|
}
|
||||||
proxy.resetForm("dewormRef")
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 搜索按钮操作 */
|
function handleSelectionChange(selection) {
|
||||||
function handleQuery() {
|
ids.value = selection.map(item => item.id)
|
||||||
queryParams.value.pageNum = 1
|
single.value = selection.length !== 1
|
||||||
getList()
|
multiple.value = !selection.length
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 重置按钮操作 */
|
function handleQuery() {
|
||||||
function resetQuery() {
|
queryParams.pageNum = 1
|
||||||
daterangeDatetime.value = []
|
getList()
|
||||||
proxy.resetForm("queryRef")
|
}
|
||||||
handleQuery()
|
function resetQuery() {
|
||||||
}
|
daterangeDatetime.value = []
|
||||||
|
proxy.resetForm('queryRef')
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
// 多选框选中数据
|
/* ------------------ 新增 ------------------ */
|
||||||
function handleSelectionChange(selection) {
|
const addOpen = ref(false)
|
||||||
ids.value = selection.map(item => item.id)
|
const addForm = reactive({
|
||||||
single.value = selection.length != 1
|
datetime: new Date(),
|
||||||
multiple.value = !selection.length
|
technical: '',
|
||||||
}
|
comment: '',
|
||||||
|
prescriptionId: null
|
||||||
/** 新增按钮操作 */
|
|
||||||
function handleAdd() {
|
|
||||||
reset()
|
|
||||||
open.value = true
|
|
||||||
title.value = "添加驱虫"
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
function handleUpdate(row) {
|
|
||||||
reset()
|
|
||||||
const _id = row.id || ids.value
|
|
||||||
getDeworm(_id).then(response => {
|
|
||||||
form.value = response.data
|
|
||||||
open.value = true
|
|
||||||
title.value = "修改驱虫"
|
|
||||||
})
|
})
|
||||||
}
|
const addRules = {
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
const selectedBarnIds = ref([])
|
||||||
|
const selectedSheepList = ref([])
|
||||||
|
const barns = ref([])
|
||||||
|
const sheepInput = ref('')
|
||||||
|
|
||||||
/** 提交按钮 */
|
function getBarns() {
|
||||||
function submitForm() {
|
request({ url: '/sheepfold_management/sheepfold_management/list', method: 'get' })
|
||||||
proxy.$refs["dewormRef"].validate(valid => {
|
.then(res => (barns.value = res.rows))
|
||||||
if (valid) {
|
}
|
||||||
if (form.value.id != null) {
|
function handleBarnChange(barnIds) {
|
||||||
updateDeworm(form.value).then(response => {
|
// 1. 当前所有已选羊舍的 id 集合
|
||||||
proxy.$modal.msgSuccess("修改成功")
|
const currentIds = new Set(barnIds || [])
|
||||||
open.value = false
|
|
||||||
getList()
|
// 2. 把已选羊只中不属于当前羊舍的过滤掉
|
||||||
})
|
selectedSheepList.value = selectedSheepList.value.filter(
|
||||||
|
s => currentIds.has(s.barnId)
|
||||||
|
)
|
||||||
|
|
||||||
|
// 3. 追加新增羊舍的羊只（已去重）
|
||||||
|
const taskArr = [...currentIds].filter(id =>
|
||||||
|
!selectedSheepList.value.some(s => s.barnId === id)
|
||||||
|
)
|
||||||
|
if (!taskArr.length) return
|
||||||
|
|
||||||
|
Promise.all(
|
||||||
|
taskArr.map(id =>
|
||||||
|
request({ url: `/sheepfold_management/sheepfold_management/getSheepById`, params: { id } })
|
||||||
|
)
|
||||||
|
).then(resArr => {
|
||||||
|
const list = resArr.flatMap(r => (r.data || []).map(s => ({
|
||||||
|
sheepNo: s.manageTags,
|
||||||
|
sheepId: s.id,
|
||||||
|
barnId: s.barnId
|
||||||
|
})))
|
||||||
|
const map = new Map(selectedSheepList.value.map(s => [s.sheepId, s]))
|
||||||
|
list.forEach(item => map.set(item.sheepId, item))
|
||||||
|
selectedSheepList.value = [...map.values()]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function validateSheep() {
|
||||||
|
const no = sheepInput.value.trim()
|
||||||
|
if (!no) return
|
||||||
|
if (selectedSheepList.value.some(s => s.sheepNo === no)) {
|
||||||
|
proxy.$modal.msgWarning('该耳号已存在')
|
||||||
|
sheepInput.value = ''
|
||||||
|
return
|
||||||
|
}
|
||||||
|
request.get(`/sheep_file/sheep_file/byNo/${no}`).then(res => {
|
||||||
|
if (!res.data) {
|
||||||
|
proxy.$modal.msgError('羊只耳号不存在')
|
||||||
} else {
|
} else {
|
||||||
addDeworm(form.value).then(response => {
|
selectedSheepList.value.push({
|
||||||
proxy.$modal.msgSuccess("新增成功")
|
sheepNo: res.data.sheepNo || res.data.bsManageTags,
|
||||||
open.value = false
|
sheepId: res.data.id
|
||||||
getList()
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
sheepInput.value = ''
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 删除按钮操作 */
|
function removeSheep(index) {
|
||||||
function handleDelete(row) {
|
selectedSheepList.value.splice(index, 1)
|
||||||
const _ids = row.id || ids.value
|
}
|
||||||
proxy.$modal.confirm('是否确认删除驱虫编号为"' + _ids + '"的数据项？').then(function() {
|
|
||||||
return delDeworm(_ids)
|
function handleAdd() {
|
||||||
}).then(() => {
|
Object.assign(addForm, {
|
||||||
|
datetime: new Date(),
|
||||||
|
technical: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null
|
||||||
|
})
|
||||||
|
selectedBarnIds.value = []
|
||||||
|
selectedSheepList.value = []
|
||||||
|
usageDetails.value = [{ mediId: null, dosage: 0, unit: null, usageId: null,manufacturer:null,batchNumber:null }]
|
||||||
|
getBarns()
|
||||||
|
addOpen.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitAddForm() {
|
||||||
|
proxy.$refs.addFormRef.validate(valid => {
|
||||||
|
if (!valid || !selectedSheepList.value.length) {
|
||||||
|
proxy.$modal.msgError('请完善表单并至少选择一只羊')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
addDeworm({
|
||||||
|
...addForm,
|
||||||
|
datetime: new Date(addForm.datetime).getTime(),
|
||||||
|
sheepIds: selectedSheepList.value.map(s => s.sheepId),
|
||||||
|
usageDetails: usageDetails.value
|
||||||
|
}).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('新增成功')
|
||||||
|
addOpen.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 修改 ------------------ */
|
||||||
|
const editOpen = ref(false)
|
||||||
|
const editForm = reactive({})
|
||||||
|
const editRules = {
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleUpdate(row) {
|
||||||
|
getDeworm(row.id).then(res => {
|
||||||
|
Object.assign(editForm, res.data)
|
||||||
|
selectedSheepList.value = [{ sheepNo: res.data.sheepNo, sheepId: res.data.sheepId }]
|
||||||
|
usageDetails.value = res.data.usageDetails || []
|
||||||
|
editOpen.value = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitEditForm() {
|
||||||
|
proxy.$refs.editFormRef.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
updateDeworm({
|
||||||
|
...editForm,
|
||||||
|
datetime: new Date(editForm.datetime).getTime(),
|
||||||
|
usageDetails: usageDetails.value
|
||||||
|
}).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('修改成功')
|
||||||
|
editOpen.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 功能函数 ------------------ */
|
||||||
|
function handleDelete(row) {
|
||||||
|
const id = row.id || ids.value
|
||||||
|
proxy.$modal.confirm('确认删除？')
|
||||||
|
.then(() => delDeworm(id))
|
||||||
|
.then(() => {
|
||||||
|
getList()
|
||||||
|
proxy.$modal.msgSuccess('删除成功')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleExport() {
|
||||||
|
proxy.download('biosafety/deworm/export', { ...queryParams }, `deworm_${Date.now()}.xlsx`)
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 药品/处方/下拉 ------------------ */
|
||||||
|
const usageDetails = ref([])
|
||||||
|
const presOptions = ref([])
|
||||||
|
const units = ref([])
|
||||||
|
const usages = ref([])
|
||||||
|
const medicines = ref([])
|
||||||
|
|
||||||
|
function handleSelectPrescription(id) {
|
||||||
|
if (!id) return
|
||||||
|
getPrescription(id).then(res => {
|
||||||
|
usageDetails.value = res.data?.swPresDetailList?.map(i => ({
|
||||||
|
mediId: i.mediId,
|
||||||
|
dosage: i.dosage,
|
||||||
|
unit: i.unitId,
|
||||||
|
usageId: i.usageId
|
||||||
|
})) || []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleAddDetail() {
|
||||||
|
usageDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null,manufacturer:null,batchNumber:null })
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 初始化 ------------------ */
|
||||||
|
onMounted(() => {
|
||||||
getList()
|
getList()
|
||||||
proxy.$modal.msgSuccess("删除成功")
|
getBarns()
|
||||||
}).catch(() => {})
|
listPrescription({ status: 1, persType: 1 }).then(res => {
|
||||||
}
|
presOptions.value = res.rows.map(item => ({ id: item.id, label: item.name }))
|
||||||
|
})
|
||||||
/** 导出按钮操作 */
|
listUnit().then(res => {
|
||||||
function handleExport() {
|
units.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
proxy.download('biosafety/deworm/export', {
|
})
|
||||||
...queryParams.value
|
listUsage().then(res => {
|
||||||
}, `deworm_${new Date().getTime()}.xlsx`)
|
usages.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
}
|
})
|
||||||
|
listMedicine().then(res => {
|
||||||
getList()
|
medicines.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
@ -1,112 +1,70 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
<!-- 查询区域 -->
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
|
||||||
<el-input
|
<el-form-item label="羊只" prop="sheepId">
|
||||||
v-model="queryParams.sheepId"
|
<el-input v-model="queryParams.sheepNo" placeholder="请输入羊只耳号" clearable />
|
||||||
placeholder="请输入羊只id"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="时间日期" style="width: 308px">
|
<el-form-item label="时间日期" style="width: 308px">
|
||||||
<el-date-picker
|
<el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||||
v-model="daterangeDatetime"
|
start-placeholder="开始日期" end-placeholder="结束日期" />
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
type="daterange"
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="疾病类型" prop="diseasePid">
|
<el-form-item label="疾病类型" prop="diseasePid">
|
||||||
<el-input
|
<el-select v-model="queryParams.diseasePid" clearable placeholder="请选择疾病类型" style="width: 120px;" filterable
|
||||||
v-model="queryParams.diseasePid"
|
@change="handleDiseaseTypeChange">
|
||||||
placeholder="请输入疾病类型"
|
<el-option v-for="d in pDiseaseOptions" :key="d.id" :label="d.name" :value="d.id" />
|
||||||
clearable
|
</el-select>
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="子疾病" prop="diseaseId">
|
<el-form-item label="子疾病" prop="diseaseId">
|
||||||
<el-input
|
<el-select v-model="queryParams.diseaseId" :disabled="!queryParams.diseasePid" clearable placeholder="请选择疾病类型"
|
||||||
v-model="queryParams.diseaseId"
|
style="width: 120px;" filterable>
|
||||||
placeholder="请输入子疾病"
|
<el-option v-for="d in cDiseaseOptions" :key="d.id" :label="d.name" :value="d.id" />
|
||||||
clearable
|
</el-select>
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="诊疗结果" prop="result">
|
<el-form-item label="诊疗结果" prop="result">
|
||||||
<el-input
|
<el-select v-model="queryParams.result" clearable placeholder="请选择诊疗结果" style="width: 120px;">
|
||||||
v-model="queryParams.result"
|
<el-option v-for="r in diag_result" :key="r.value" :label="r.label" :value="r.value" />
|
||||||
placeholder="请输入诊疗结果"
|
</el-select>
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="治疗天数" prop="treatDay">
|
<el-form-item label="治疗天数" prop="treatDay">
|
||||||
<el-input
|
<el-input v-model="queryParams.treatDay" placeholder="请输入治疗天数" clearable />
|
||||||
v-model="queryParams.treatDay"
|
|
||||||
placeholder="请输入治疗天数"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="羊舍id" prop="sheepfoldId">
|
|
||||||
<el-input
|
<el-form-item label="羊舍" prop="sheepfoldId">
|
||||||
v-model="queryParams.sheepfoldId"
|
<el-select v-model="queryParams.sheepfoldId" clearable placeholder="请选择羊舍" style="width: 120px;" filterable>
|
||||||
placeholder="请输入羊舍id"
|
<el-option v-for="s in sheepfoldOptions" :key="s.value" :label="s.label" :value="s.value" />
|
||||||
clearable
|
</el-select>
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 按钮区域 -->
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
|
||||||
type="primary"
|
v-hasPermi="['diagnosis:diagnosis:edit']">修改</el-button>
|
||||||
plain
|
|
||||||
icon="Plus"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['diagnosis:diagnosis:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
|
||||||
type="success"
|
v-hasPermi="['diagnosis:diagnosis:remove']">删除</el-button>
|
||||||
plain
|
|
||||||
icon="Edit"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
v-hasPermi="['diagnosis:diagnosis:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button type="warning" plain icon="Download" @click="handleExport"
|
||||||
type="danger"
|
v-hasPermi="['diagnosis:diagnosis:export']">导出</el-button>
|
||||||
plain
|
|
||||||
icon="Delete"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
v-hasPermi="['diagnosis:diagnosis:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="Download"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['diagnosis:diagnosis:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 列表 -->
|
||||||
<el-table v-loading="loading" :data="diagnosisList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="diagnosisList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="耳号" align="center" prop="sheepNo" />
|
<el-table-column label="耳号" align="center" prop="sheepNo" />
|
||||||
@ -116,107 +74,144 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
||||||
<el-table-column label="性别" align="center" prop="gender" />
|
<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="parity" />
|
<el-table-column label="胎次" align="center" prop="parity" />
|
||||||
<el-table-column label="疾病类型" align="center" prop="diseasePid" />
|
<el-table-column label="疾病类型" align="center" prop="diseasePName" />
|
||||||
<el-table-column label="子疾病" align="center" prop="diseaseId" />
|
<el-table-column label="子疾病" align="center" prop="diseaseName" />
|
||||||
<el-table-column label="诊疗结果" align="center" prop="result" />
|
<el-table-column label="诊疗结果" align="center" prop="result">
|
||||||
<el-table-column label="开始时间" align="center" prop="begindate" width="180">
|
<template #default="scope"><dict-tag :options="diag_result" :value="scope.row.result" /></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="开始时间" align="center" prop="begindate">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ parseTime(scope.row.begindate, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.begindate, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="结束时间" align="center" prop="enddate" width="180">
|
<el-table-column label="结束时间" align="center" prop="enddate">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ parseTime(scope.row.enddate, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.enddate, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="治疗天数" align="center" prop="treatDay" />
|
<el-table-column label="治疗天数" align="center" prop="treatDay" />
|
||||||
<el-table-column label="羊舍id" align="center" prop="sheepfoldId" />
|
<el-table-column label="羊舍" align="center" prop="sheepfold" width="100px" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100px">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['diagnosis:diagnosis:edit']">修改</el-button>
|
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||||
|
v-hasPermi="['diagnosis:diagnosis:edit']">修改</el-button>
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['diagnosis:diagnosis:remove']">删除</el-button>
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['diagnosis:diagnosis:remove']">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<!-- 分页 -->
|
||||||
v-show="total>0"
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||||
:total="total"
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
v-model:page="queryParams.pageNum"
|
|
||||||
v-model:limit="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改诊疗结果对话框 -->
|
<el-dialog :title="title" v-model="open" width="45%" append-to-body>
|
||||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
<el-form ref="diagnosisRef" :model="form" :rules="rules" label-width="90px">
|
||||||
<el-form ref="diagnosisRef" :model="form" :rules="rules" label-width="80px">
|
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
<!-- 只读信息 -->
|
||||||
<el-input v-model="form.sheepId" placeholder="请输入羊只id" />
|
<el-row :gutter="20" class="info-block">
|
||||||
</el-form-item>
|
<el-col :span="12">
|
||||||
<el-form-item label="时间日期" prop="datetime">
|
<el-form-item label="羊只耳号">
|
||||||
<el-date-picker clearable
|
<span class="readonly-text">{{ form.sheepNo }}</span>
|
||||||
v-model="form.datetime"
|
</el-form-item>
|
||||||
type="date"
|
</el-col>
|
||||||
value-format="YYYY-MM-DD"
|
<el-col :span="12">
|
||||||
placeholder="请选择时间日期">
|
<el-form-item label="时间日期">
|
||||||
</el-date-picker>
|
<span class="readonly-text">{{ form.datetime }}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="性别" prop="gender">
|
</el-col>
|
||||||
<el-input v-model="form.gender" placeholder="请输入性别" />
|
|
||||||
</el-form-item>
|
<el-col :span="8">
|
||||||
<el-form-item label="胎次" prop="parity">
|
<el-form-item label="性别">
|
||||||
<el-input v-model="form.parity" placeholder="请输入胎次" />
|
<span class="readonly-text"> <dict-tag :options="sheep_gender"
|
||||||
</el-form-item>
|
:value="form.gender" /></span>
|
||||||
<el-form-item label="疾病类型" prop="diseasePid">
|
</el-form-item>
|
||||||
<el-input v-model="form.diseasePid" placeholder="请输入疾病类型" />
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span="8">
|
||||||
<el-form-item label="子疾病" prop="diseaseId">
|
<el-form-item label="胎次">
|
||||||
<el-input v-model="form.diseaseId" placeholder="请输入子疾病" />
|
<span class="readonly-text">{{ form.parity }}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="诊疗结果" prop="result">
|
</el-col>
|
||||||
<el-input v-model="form.result" placeholder="请输入诊疗结果" />
|
<el-col :span="8">
|
||||||
</el-form-item>
|
<el-form-item label="月龄">
|
||||||
<el-form-item label="开始时间" prop="begindate">
|
<span class="readonly-text">{{ form.monthAge }}</span>
|
||||||
<el-date-picker clearable
|
</el-form-item>
|
||||||
v-model="form.begindate"
|
</el-col>
|
||||||
type="date"
|
|
||||||
value-format="YYYY-MM-DD"
|
<el-col :span="12">
|
||||||
placeholder="请选择开始时间">
|
<el-form-item label="疾病类型">
|
||||||
</el-date-picker>
|
<span class="readonly-text">{{ form.diseasePName }}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="结束时间" prop="enddate">
|
</el-col>
|
||||||
<el-date-picker clearable
|
<el-col :span="12">
|
||||||
v-model="form.enddate"
|
<el-form-item label="子疾病">
|
||||||
type="date"
|
<span class="readonly-text">{{ form.diseaseName }}</span>
|
||||||
value-format="YYYY-MM-DD"
|
</el-form-item>
|
||||||
placeholder="请选择结束时间">
|
</el-col>
|
||||||
</el-date-picker>
|
</el-row>
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="治疗天数" prop="treatDay">
|
<el-row :gutter="20">
|
||||||
<el-input v-model="form.treatDay" placeholder="请输入治疗天数" />
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="开始时间">
|
||||||
<el-form-item label="羊舍id" prop="sheepfoldId">
|
<span class="readonly-text">{{ form.begindate }}</span>
|
||||||
<el-input v-model="form.sheepfoldId" placeholder="请输入羊舍id" />
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="结束时间" prop="enddate">
|
||||||
|
<el-date-picker v-model="form.enddate" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="治疗天数">
|
||||||
|
<span class="readonly-text">{{ form.treatDay }} 天</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="诊疗结果">
|
||||||
|
<el-select v-model="form.result" clearable placeholder="请选择诊疗结果">
|
||||||
|
<el-option v-for="r in diag_result" :key="r.value" :label="r.label" :value="r.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="羊舍">
|
||||||
|
<el-select v-model="form.sheepfoldId" clearable placeholder="请选择羊舍" filterable>
|
||||||
|
<el-option v-for="s in sheepfoldOptions" :key="s.value" :label="s.label" :value="s.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="form.remark" type="textarea" :rows="3" placeholder="请输入备注信息" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</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 @click="cancel">取 消</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="Diagnosis">
|
<script setup name="Diagnosis">
|
||||||
import { listDiagnosis, getDiagnosis, delDiagnosis, addDiagnosis, updateDiagnosis } from "@/api/biosafety/diagnosis"
|
import { listDiagnosis, getDiagnosis, delDiagnosis, updateDiagnosis } from '@/api/biosafety/diagnosis'
|
||||||
|
import { listSheepfold_management } from "@/api/fileManagement/sheepfold_management"
|
||||||
|
import { getCurrentInstance, onMounted, reactive, ref, toRefs, watch } from 'vue'
|
||||||
|
import { listDisease } from '@/api/biosafety/disease'
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
const { sheep_gender, diag_result } = proxy.useDict("sheep_gender", "diag_result")
|
||||||
|
|
||||||
|
/* 列表数据 */
|
||||||
const diagnosisList = ref([])
|
const diagnosisList = ref([])
|
||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
const loading = ref(true)
|
const loading = ref(true)
|
||||||
@ -225,50 +220,86 @@ const ids = ref([])
|
|||||||
const single = ref(true)
|
const single = ref(true)
|
||||||
const multiple = ref(true)
|
const multiple = ref(true)
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
const title = ref("")
|
const title = ref('')
|
||||||
const daterangeDatetime = ref([])
|
const daterangeDatetime = ref([])
|
||||||
|
|
||||||
|
/* 下拉数据源 */
|
||||||
|
const sheepfoldOptions = ref([])
|
||||||
|
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
form: {},
|
form: {},
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
sheepId: null,
|
sheepNo: null,
|
||||||
datetime: null,
|
datetime: null,
|
||||||
diseasePid: null,
|
diseasePid: null,
|
||||||
diseaseId: null,
|
diseaseId: null,
|
||||||
result: null,
|
result: null,
|
||||||
treatDay: null,
|
treatDay: null,
|
||||||
sheepfoldId: null,
|
sheepfoldId: null
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
|
enddate: [
|
||||||
|
{
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
if (!value) {
|
||||||
|
callback(new Error('请选择结束时间'))
|
||||||
|
} else if (new Date(value) < new Date(form.value.begindate)) {
|
||||||
|
callback(new Error('结束时间不能早于开始时间'))
|
||||||
|
} else {
|
||||||
|
callback()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
trigger: 'change'
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data)
|
const { queryParams, form, rules } = toRefs(data)
|
||||||
|
|
||||||
/** 查询诊疗结果列表 */
|
const pDiseaseOptions = ref([])
|
||||||
|
const cDiseaseOptions = ref([])
|
||||||
|
|
||||||
|
/* 疾病下拉 */
|
||||||
|
function getDiseases() {
|
||||||
|
listDisease().then(response => {
|
||||||
|
const diseases = proxy.handleTree(response.data, "id", "pid")
|
||||||
|
pDiseaseOptions.value = diseases.filter(item => item.pid === 0)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDiseaseTypeChange(parentId) {
|
||||||
|
if (!parentId) {
|
||||||
|
cDiseaseOptions.value = []
|
||||||
|
return
|
||||||
|
}
|
||||||
|
listDisease({ pid: parentId }).then(response => {
|
||||||
|
cDiseaseOptions.value = response.data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 查询列表 */
|
||||||
function getList() {
|
function getList() {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
queryParams.value.params = {}
|
queryParams.value.params = {}
|
||||||
if (null != daterangeDatetime && '' != daterangeDatetime) {
|
if (daterangeDatetime.value && daterangeDatetime.value.length) {
|
||||||
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]
|
||||||
}
|
}
|
||||||
listDiagnosis(queryParams.value).then(response => {
|
listDiagnosis(queryParams.value).then((response) => {
|
||||||
diagnosisList.value = response.rows
|
diagnosisList.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()
|
reset()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 表单重置
|
|
||||||
function reset() {
|
function reset() {
|
||||||
form.value = {
|
form.value = {
|
||||||
id: null,
|
id: null,
|
||||||
@ -280,93 +311,108 @@ function reset() {
|
|||||||
parity: null,
|
parity: null,
|
||||||
diseasePid: null,
|
diseasePid: null,
|
||||||
diseaseId: null,
|
diseaseId: null,
|
||||||
result: null,
|
result: '',
|
||||||
begindate: null,
|
begindate: null,
|
||||||
enddate: null,
|
enddate: null,
|
||||||
treatDay: null,
|
treatDay: null,
|
||||||
sheepfoldId: null,
|
sheepfoldId: null
|
||||||
createBy: null,
|
|
||||||
createTime: null
|
|
||||||
}
|
}
|
||||||
proxy.resetForm("diagnosisRef")
|
proxy.resetForm('diagnosisRef')
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 搜索按钮操作 */
|
/* 搜索 / 重置 */
|
||||||
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() {
|
|
||||||
reset()
|
|
||||||
open.value = true
|
|
||||||
title.value = "添加诊疗结果"
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
function handleUpdate(row) {
|
function handleUpdate(row) {
|
||||||
reset()
|
reset()
|
||||||
const _id = row.id || ids.value
|
const _id = row.id || ids.value
|
||||||
getDiagnosis(_id).then(response => {
|
getDiagnosis(_id).then((response) => {
|
||||||
form.value = response.data
|
form.value = response.data
|
||||||
open.value = true
|
open.value = true
|
||||||
title.value = "修改诊疗结果"
|
title.value = '修改诊疗结果'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 提交按钮 */
|
/* 提交 */
|
||||||
function submitForm() {
|
function submitForm() {
|
||||||
proxy.$refs["diagnosisRef"].validate(valid => {
|
proxy.$refs.diagnosisRef.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (form.value.id != null) {
|
updateDiagnosis(form.value).then(() => {
|
||||||
updateDiagnosis(form.value).then(response => {
|
proxy.$modal.msgSuccess('修改成功')
|
||||||
proxy.$modal.msgSuccess("修改成功")
|
open.value = false
|
||||||
open.value = false
|
getList()
|
||||||
getList()
|
})
|
||||||
})
|
|
||||||
} else {
|
|
||||||
addDiagnosis(form.value).then(response => {
|
|
||||||
proxy.$modal.msgSuccess("新增成功")
|
|
||||||
open.value = false
|
|
||||||
getList()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 删除按钮操作 */
|
/* 删除 */
|
||||||
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
|
||||||
return delDiagnosis(_ids)
|
.$modal.confirm('是否确认删除诊疗结果编号为"' + _ids + '"的数据项？')
|
||||||
}).then(() => {
|
.then(() => delDiagnosis(_ids))
|
||||||
getList()
|
.then(() => {
|
||||||
proxy.$modal.msgSuccess("删除成功")
|
getList()
|
||||||
}).catch(() => {})
|
proxy.$modal.msgSuccess('删除成功')
|
||||||
|
})
|
||||||
|
.catch(() => { })
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
/* 导出 */
|
||||||
function handleExport() {
|
function handleExport() {
|
||||||
proxy.download('diagnosis/diagnosis/export', {
|
proxy.download(
|
||||||
...queryParams.value
|
'diagnosis/diagnosis/export',
|
||||||
}, `diagnosis_${new Date().getTime()}.xlsx`)
|
{ ...queryParams.value },
|
||||||
|
`diagnosis_${new Date().getTime()}.xlsx`
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
getList()
|
/* 🔥 监听 enddate 变化，自动计算治疗天数 */
|
||||||
|
watch(() => form.value.enddate, (newVal) => {
|
||||||
|
if (newVal && form.value.begindate) {
|
||||||
|
const start = new Date(form.value.begindate)
|
||||||
|
const end = new Date(newVal)
|
||||||
|
const diffTime = Math.abs(end - start)
|
||||||
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
|
||||||
|
form.value.treatDay = diffDays
|
||||||
|
} else {
|
||||||
|
form.value.treatDay = 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
/* 🔥 可选：监听 begindate 变化，重新计算天数 */
|
||||||
|
watch(() => form.value.begindate, () => {
|
||||||
|
if (form.value.enddate) {
|
||||||
|
const start = new Date(form.value.begindate)
|
||||||
|
const end = new Date(form.value.enddate)
|
||||||
|
const diffTime = Math.abs(end - start)
|
||||||
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
|
||||||
|
form.value.treatDay = diffDays
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getList()
|
||||||
|
getDiseases()
|
||||||
|
listSheepfold_management().then(res => {
|
||||||
|
sheepfoldOptions.value = res.rows.map(item => ({ value: item.id, label: item.sheepfoldName }))
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
@ -1,324 +1,516 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
<!-- 搜索栏 -->
|
||||||
<el-form-item label="羊舍id" prop="sheepfoldId">
|
<el-form :model="queryParams" ref="queryRef" inline v-show="showSearch" label-width="80px">
|
||||||
<el-input
|
<el-form-item label="羊舍" prop="sheepfoldId">
|
||||||
v-model="queryParams.sheepfoldId"
|
<el-select v-model="queryParams.sheepfoldId" clearable placeholder="请选择羊舍" filterable style="width: 200px">
|
||||||
placeholder="请输入羊舍id"
|
<el-option v-for="b in barns" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
|
||||||
clearable
|
</el-select>
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="消毒日期" prop="datetime">
|
|
||||||
<el-date-picker clearable
|
<el-form-item label="消毒日期">
|
||||||
v-model="queryParams.datetime"
|
<el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||||
type="date"
|
start-placeholder="开始日期" end-placeholder="结束日期" />
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
placeholder="请选择消毒日期">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="技术员" prop="technician">
|
<el-form-item label="技术员" prop="technician">
|
||||||
<el-input
|
<el-input v-model="queryParams.technician" placeholder="请输入技术员" clearable />
|
||||||
v-model="queryParams.technician"
|
|
||||||
placeholder="请输入技术员"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="消毒方式" prop="way">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.way"
|
|
||||||
placeholder="请输入消毒方式"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="药品使用记录id" prop="usageId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.usageId"
|
|
||||||
placeholder="请输入药品使用记录id"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="比例" prop="ratio">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.ratio"
|
|
||||||
placeholder="请输入比例"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="comment">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.comment"
|
|
||||||
placeholder="请输入备注"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 操作按钮 -->
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
|
||||||
<el-button
|
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
|
||||||
type="primary"
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
|
||||||
plain
|
<el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
|
||||||
icon="Plus"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['biosafety:disinfect:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="Edit"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
v-hasPermi="['biosafety:disinfect:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="Delete"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
v-hasPermi="['biosafety:disinfect:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="Download"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['biosafety:disinfect:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 列表 -->
|
||||||
<el-table v-loading="loading" :data="disinfectList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="disinfectList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="id" align="center" prop="id" />
|
<el-table-column label="羊舍" align="center" prop="sheepfoldName"/>
|
||||||
<el-table-column label="羊舍id" align="center" prop="sheepfoldId" />
|
|
||||||
<el-table-column label="消毒日期" align="center" prop="datetime" width="180">
|
<el-table-column label="消毒日期" align="center" prop="datetime" width="180">
|
||||||
<template #default="scope">
|
<template #default="scope">{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</template>
|
||||||
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="技术员" align="center" prop="technician" />
|
<el-table-column label="技术员" align="center" prop="technician" />
|
||||||
<el-table-column label="消毒方式" align="center" prop="way" />
|
<el-table-column label="消毒方式" align="center" prop="way" />
|
||||||
<el-table-column label="药品使用记录id" align="center" prop="usageId" />
|
|
||||||
<el-table-column label="比例" align="center" prop="ratio" />
|
<el-table-column label="比例" align="center" prop="ratio" />
|
||||||
<el-table-column label="备注" align="center" prop="comment" />
|
<el-table-column label="备注" align="center" prop="comment" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['biosafety:disinfect:edit']">修改</el-button>
|
<el-button link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['biosafety:disinfect:remove']">删除</el-button>
|
<el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||||
v-show="total>0"
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
:total="total"
|
|
||||||
v-model:page="queryParams.pageNum"
|
|
||||||
v-model:limit="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改消毒记录对话框 -->
|
<!-- ==================== 新增弹窗 ==================== -->
|
||||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
<el-dialog :title="titleAdd" v-model="openAdd" width="60%" top="5vh" append-to-body>
|
||||||
<el-form ref="disinfectRef" :model="form" :rules="rules" label-width="80px">
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
|
||||||
<el-form-item label="羊舍id" prop="sheepfoldId">
|
<el-row :gutter="20">
|
||||||
<el-input v-model="form.sheepfoldId" placeholder="请输入羊舍id" />
|
<el-col :span="12">
|
||||||
|
<el-form-item label="羊舍" prop="sheepfoldIds">
|
||||||
|
<el-select v-model="form.sheepfoldIds" multiple collapse-tags placeholder="请选择羊舍" filterable
|
||||||
|
style="width: 100%">
|
||||||
|
<el-option v-for="b in barns" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="消毒日期" prop="datetime">
|
||||||
|
<el-date-picker v-model="form.datetime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="处方">
|
||||||
|
<el-select v-model="form.prescriptionId" filterable clearable placeholder="请选择处方"
|
||||||
|
@change="handleSelectPrescription">
|
||||||
|
<el-option v-for="p in presOptions" :key="p.id" :label="p.label" :value="p.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="技术员">
|
||||||
|
<el-input v-model="form.technician" placeholder="请输入技术员姓名" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="消毒方式">
|
||||||
|
<el-input v-model="form.way" placeholder="请输入消毒方式" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="比例">
|
||||||
|
<el-input v-model="form.ratio" placeholder="请输入比例" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-form-item label="药品明细">
|
||||||
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
|
<el-table-column label="药品">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="消毒日期" prop="datetime">
|
|
||||||
<el-date-picker clearable
|
<el-form-item label="备注">
|
||||||
v-model="form.datetime"
|
<el-input type="textarea" :rows="3" v-model="form.comment" placeholder="请输入备注" />
|
||||||
type="date"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
placeholder="请选择消毒日期">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="技术员" prop="technician">
|
|
||||||
<el-input v-model="form.technician" placeholder="请输入技术员" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="消毒方式" prop="way">
|
|
||||||
<el-input v-model="form.way" placeholder="请输入消毒方式" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="药品使用记录id" prop="usageId">
|
|
||||||
<el-input v-model="form.usageId" placeholder="请输入药品使用记录id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="比例" prop="ratio">
|
|
||||||
<el-input v-model="form.ratio" placeholder="请输入比例" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="comment">
|
|
||||||
<el-input v-model="form.comment" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<el-button @click="cancelAdd">取 消</el-button>
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button type="primary" @click="submitAdd">确 定</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
</template>
|
||||||
</div>
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- ==================== 修改弹窗 ==================== -->
|
||||||
|
<el-dialog :title="titleEdit" v-model="openEdit" width="60%" top="5vh" append-to-body>
|
||||||
|
<el-form ref="editFormRef" :model="editForm" :rules="rules" label-width="100px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="羊舍" >
|
||||||
|
<span>{{ editForm.sheepfoldName }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="消毒日期" prop="datetime">
|
||||||
|
<el-date-picker v-model="editForm.datetime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="技术员">
|
||||||
|
<el-input v-model="editForm.technician" placeholder="请输入技术员姓名" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="消毒方式">
|
||||||
|
<el-input v-model="editForm.way" placeholder="请输入消毒方式" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="比例">
|
||||||
|
<el-input v-model="editForm.ratio" placeholder="请输入比例" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-form-item label="药品明细">
|
||||||
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetailEdit">添加药品</el-button>
|
||||||
|
<el-table :data="editDetails" border stripe style="margin-top: 8px">
|
||||||
|
<el-table-column label="药品">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="editDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="editForm.comment" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="cancelEdit">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitEdit">确 定</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="Disinfect">
|
<script setup name="Disinfect">
|
||||||
import { listDisinfect, getDisinfect, delDisinfect, addDisinfect, updateDisinfect } from "@/api/biosafety/disinfect"
|
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
|
||||||
|
import { listDisinfect, getDisinfect, delDisinfect, addDisinfect, updateDisinfect } from '@/api/biosafety/disinfect'
|
||||||
|
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
|
||||||
|
import { listUnit } from '@/api/biosafety/unit'
|
||||||
|
import { listUsage } from '@/api/biosafety/usage'
|
||||||
|
import { listMedicine } from '@/api/biosafety/medicine'
|
||||||
|
import request from '@/utils/request'
|
||||||
|
import { parseTime } from '@/utils/ruoyi'
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
|
||||||
const disinfectList = ref([])
|
/* ------------------ 列表 ------------------ */
|
||||||
const open = ref(false)
|
|
||||||
const loading = ref(true)
|
const loading = ref(true)
|
||||||
const showSearch = ref(true)
|
const showSearch = ref(true)
|
||||||
|
const total = ref(0)
|
||||||
|
const disinfectList = ref([])
|
||||||
|
const daterangeDatetime = ref([])
|
||||||
|
|
||||||
|
const queryParams = reactive({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
sheepfoldId: null,
|
||||||
|
technician: null
|
||||||
|
})
|
||||||
|
|
||||||
const ids = ref([])
|
const ids = ref([])
|
||||||
const single = ref(true)
|
const single = ref(true)
|
||||||
const multiple = ref(true)
|
const multiple = ref(true)
|
||||||
const total = ref(0)
|
|
||||||
const title = ref("")
|
|
||||||
|
|
||||||
const data = reactive({
|
|
||||||
form: {},
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sheepfoldId: null,
|
|
||||||
datetime: null,
|
|
||||||
technician: null,
|
|
||||||
way: null,
|
|
||||||
usageId: null,
|
|
||||||
ratio: null,
|
|
||||||
comment: null,
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data)
|
|
||||||
|
|
||||||
/** 查询消毒记录列表 */
|
|
||||||
function getList() {
|
function getList() {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
listDisinfect(queryParams.value).then(response => {
|
const qp = { ...queryParams }
|
||||||
disinfectList.value = response.rows
|
qp.params = {}
|
||||||
total.value = response.total
|
if (daterangeDatetime.value?.length) {
|
||||||
|
qp.params.beginDatetime = daterangeDatetime.value[0]
|
||||||
|
qp.params.endDatetime = daterangeDatetime.value[1]
|
||||||
|
}
|
||||||
|
listDisinfect(qp).then(res => {
|
||||||
|
disinfectList.value = res.rows
|
||||||
|
total.value = res.total
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 取消按钮
|
|
||||||
function cancel() {
|
|
||||||
open.value = false
|
|
||||||
reset()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 表单重置
|
|
||||||
function reset() {
|
|
||||||
form.value = {
|
|
||||||
id: null,
|
|
||||||
sheepfoldId: null,
|
|
||||||
datetime: null,
|
|
||||||
technician: null,
|
|
||||||
way: null,
|
|
||||||
usageId: null,
|
|
||||||
ratio: null,
|
|
||||||
comment: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null
|
|
||||||
}
|
|
||||||
proxy.resetForm("disinfectRef")
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
function handleQuery() {
|
|
||||||
queryParams.value.pageNum = 1
|
|
||||||
getList()
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
function resetQuery() {
|
|
||||||
proxy.resetForm("queryRef")
|
|
||||||
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 handleQuery() {
|
||||||
|
queryParams.pageNum = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
function resetQuery() {
|
||||||
|
daterangeDatetime.value = []
|
||||||
|
proxy.resetForm('queryRef')
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 新增弹窗 ------------------ */
|
||||||
|
const openAdd = ref(false)
|
||||||
|
const titleAdd = ref('新增消毒记录')
|
||||||
|
const form = reactive({
|
||||||
|
id: null,
|
||||||
|
technician: '',
|
||||||
|
datetime: new Date().toISOString().split('T')[0],
|
||||||
|
way: '',
|
||||||
|
ratio: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null,
|
||||||
|
sheepfoldIds: []
|
||||||
|
})
|
||||||
|
const usageDetails = ref([])
|
||||||
|
|
||||||
|
function resetAdd() {
|
||||||
|
Object.assign(form, {
|
||||||
|
id: null,
|
||||||
|
technician: '',
|
||||||
|
datetime: new Date().toISOString().split('T')[0],
|
||||||
|
way: '',
|
||||||
|
ratio: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null,
|
||||||
|
sheepfoldIds: []
|
||||||
|
})
|
||||||
|
usageDetails.value = []
|
||||||
|
}
|
||||||
|
|
||||||
function handleAdd() {
|
function handleAdd() {
|
||||||
reset()
|
resetAdd()
|
||||||
open.value = true
|
openAdd.value = true
|
||||||
title.value = "添加消毒记录"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
function cancelAdd() {
|
||||||
function handleUpdate(row) {
|
openAdd.value = false
|
||||||
reset()
|
|
||||||
const _id = row.id || ids.value
|
|
||||||
getDisinfect(_id).then(response => {
|
|
||||||
form.value = response.data
|
|
||||||
open.value = true
|
|
||||||
title.value = "修改消毒记录"
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 提交按钮 */
|
function submitAdd() {
|
||||||
function submitForm() {
|
proxy.$refs.formRef.validate(valid => {
|
||||||
proxy.$refs["disinfectRef"].validate(valid => {
|
if (!valid) return
|
||||||
if (valid) {
|
const data = {
|
||||||
if (form.value.id != null) {
|
...form,
|
||||||
updateDisinfect(form.value).then(response => {
|
datetime: new Date(form.datetime).getTime(),
|
||||||
proxy.$modal.msgSuccess("修改成功")
|
usageDetails: usageDetails.value
|
||||||
open.value = false
|
|
||||||
getList()
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
addDisinfect(form.value).then(response => {
|
|
||||||
proxy.$modal.msgSuccess("新增成功")
|
|
||||||
open.value = false
|
|
||||||
getList()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
addDisinfect(data).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('新增成功')
|
||||||
|
openAdd.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 删除按钮操作 */
|
/* ------------------ 修改弹窗 ------------------ */
|
||||||
|
const openEdit = ref(false)
|
||||||
|
const titleEdit = ref('修改消毒记录')
|
||||||
|
const editForm = reactive({
|
||||||
|
id: null,
|
||||||
|
technician: '',
|
||||||
|
datetime: new Date().toISOString().split('T')[0],
|
||||||
|
way: '',
|
||||||
|
ratio: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null,
|
||||||
|
sheepfoldIds: []
|
||||||
|
})
|
||||||
|
const editDetails = ref([])
|
||||||
|
|
||||||
|
function resetEdit() {
|
||||||
|
Object.assign(editForm, {
|
||||||
|
id: null,
|
||||||
|
technician: '',
|
||||||
|
datetime: new Date().toISOString().split('T')[0],
|
||||||
|
way: '',
|
||||||
|
ratio: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null,
|
||||||
|
sheepfoldIds: []
|
||||||
|
})
|
||||||
|
editDetails.value = []
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleUpdate(row) {
|
||||||
|
resetEdit()
|
||||||
|
const id = row.id || ids.value[0]
|
||||||
|
getDisinfect(id).then(res => {
|
||||||
|
Object.assign(editForm, res.data)
|
||||||
|
editDetails.value = res.data.usageDetails || []
|
||||||
|
openEdit.value = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function cancelEdit() {
|
||||||
|
openEdit.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitEdit() {
|
||||||
|
proxy.$refs.editFormRef.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
const data = {
|
||||||
|
...editForm,
|
||||||
|
datetime: new Date(editForm.datetime).getTime(),
|
||||||
|
usageDetails: editDetails.value
|
||||||
|
}
|
||||||
|
updateDisinfect(data).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('修改成功')
|
||||||
|
openEdit.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 功能 ------------------ */
|
||||||
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('是否确认删除选中的数据？').then(() => delDisinfect(_ids)).then(() => {
|
||||||
return delDisinfect(_ids)
|
|
||||||
}).then(() => {
|
|
||||||
getList()
|
getList()
|
||||||
proxy.$modal.msgSuccess("删除成功")
|
proxy.$modal.msgSuccess('删除成功')
|
||||||
}).catch(() => {})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
function handleExport() {
|
function handleExport() {
|
||||||
proxy.download('biosafety/disinfect/export', {
|
proxy.download('biosafety/disinfect/export', { ...queryParams }, `disinfect_${Date.now()}.xlsx`)
|
||||||
...queryParams.value
|
|
||||||
}, `disinfect_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
getList()
|
/* ------------------ 下拉数据 ------------------ */
|
||||||
|
const barns = ref([])
|
||||||
|
const presOptions = ref([])
|
||||||
|
const units = ref([])
|
||||||
|
const usages = ref([])
|
||||||
|
const medicines = ref([])
|
||||||
|
|
||||||
|
/* 校验规则 */
|
||||||
|
const rules = {
|
||||||
|
sheepfoldIds: [{ required: true, message: '请选择羊舍', trigger: 'change' }],
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 处方选择事件 - 新增 */
|
||||||
|
function handleSelectPrescription(id) {
|
||||||
|
if (!id) return
|
||||||
|
getPrescription(id).then(res => {
|
||||||
|
usageDetails.value = res.data?.swPresDetailList?.map(i => ({
|
||||||
|
mediId: i.mediId,
|
||||||
|
dosage: i.dosage,
|
||||||
|
unit: i.unitId,
|
||||||
|
usageId: i.usageId
|
||||||
|
})) || []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 处方选择事件 - 修改 */
|
||||||
|
function handleSelectPrescriptionEdit(id) {
|
||||||
|
if (!id) return
|
||||||
|
getPrescription(id).then(res => {
|
||||||
|
editDetails.value = res.data?.swPresDetailList?.map(i => ({
|
||||||
|
mediId: i.mediId,
|
||||||
|
dosage: i.dosage,
|
||||||
|
unit: i.unitId,
|
||||||
|
usageId: i.usageId
|
||||||
|
})) || []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 明细添加行 - 新增 */
|
||||||
|
function handleAddDetail() {
|
||||||
|
usageDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null })
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 明细添加行 - 修改 */
|
||||||
|
function handleAddDetailEdit() {
|
||||||
|
editDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null })
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 初始加载 ------------------ */
|
||||||
|
onMounted(() => {
|
||||||
|
getList()
|
||||||
|
/* 加载本地羊舍 */
|
||||||
|
request({ url: '/sheepfold_management/sheepfold_management/list', method: 'get' }).then(res => {
|
||||||
|
barns.value = res.rows
|
||||||
|
})
|
||||||
|
listPrescription({ status: 1, persType: 1 }).then(res => {
|
||||||
|
presOptions.value = res.rows.map(item => ({ id: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listUnit().then(res => {
|
||||||
|
units.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listUsage().then(res => {
|
||||||
|
usages.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listMedicine().then(res => {
|
||||||
|
medicines.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
@ -1,21 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
<!-- 1. 搜索 -->
|
||||||
<el-form-item label="保健日期" prop="datetime">
|
<el-form :model="queryParams" ref="queryRef" inline v-show="showSearch" label-width="68px">
|
||||||
<el-date-picker clearable
|
<el-form-item label="羊只耳号" prop="sheepNo">
|
||||||
v-model="queryParams.datetime"
|
<el-input v-model="queryParams.sheepNo" placeholder="请输入羊只耳号" clearable @keyup.enter="getList" />
|
||||||
type="date"
|
</el-form-item>
|
||||||
value-format="YYYY-MM-DD"
|
<el-form-item label="保健日期">
|
||||||
placeholder="请选择保健日期">
|
<el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||||
</el-date-picker>
|
start-placeholder="开始日期" end-placeholder="结束日期" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="技术员" prop="technical">
|
<el-form-item label="技术员" prop="technical">
|
||||||
<el-input
|
<el-input v-model="queryParams.technical" placeholder="请输入技术员" clearable />
|
||||||
v-model="queryParams.technical"
|
|
||||||
placeholder="请输入技术员"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
@ -23,274 +18,518 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 2. 按钮 -->
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
|
||||||
<el-button
|
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
|
||||||
type="primary"
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
|
||||||
plain
|
<el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
|
||||||
icon="Plus"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['biosafety:health:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="Edit"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
v-hasPermi="['biosafety:health:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="Delete"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
v-hasPermi="['biosafety:health:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="Download"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['biosafety:health:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="healthList" @selection-change="handleSelectionChange">
|
<!-- 3. 列表 -->
|
||||||
|
<el-table v-loading="loading" :data="dewormList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="${comment}" align="center" prop="id" />
|
<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>
|
|
||||||
<el-table-column label="羊只id" align="center" prop="sheepId" />
|
|
||||||
<el-table-column label="用药记录" align="center" prop="usageId" />
|
|
||||||
<el-table-column label="品种" align="center" prop="variety" />
|
<el-table-column label="品种" align="center" prop="variety" />
|
||||||
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
||||||
<el-table-column label="性别" align="center" prop="gender" />
|
<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="monthAge" />
|
<el-table-column label="月龄" align="center" prop="monthAge" />
|
||||||
<el-table-column label="胎次" align="center" prop="parity" />
|
<el-table-column label="胎次" align="center" prop="parity" />
|
||||||
<el-table-column label="羊舍id" align="center" prop="sheepfoldId" />
|
<el-table-column label="繁殖状态" align="center" prop="breed" />
|
||||||
|
<el-table-column label="保健日期" align="center" prop="datetime" width="180">
|
||||||
|
<template #default="scope">{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="技术员" align="center" prop="technical" />
|
<el-table-column label="技术员" align="center" prop="technical" />
|
||||||
<el-table-column label="备注" align="center" prop="comment" />
|
<el-table-column label="备注" align="center" prop="comment" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['biosafety:health:edit']">修改</el-button>
|
<el-button link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['biosafety:health:remove']">删除</el-button>
|
<el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||||
v-show="total>0"
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
:total="total"
|
|
||||||
v-model:page="queryParams.pageNum"
|
|
||||||
v-model:limit="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改保健对话框 -->
|
<!-- 4. 新增弹窗（羊舍多选 + 无卡片 + 自动剔除） -->
|
||||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
<el-dialog title="新增保健记录" v-model="addOpen" width="60%" top="5vh" append-to-body>
|
||||||
<el-form ref="healthRef" :model="form" :rules="rules" label-width="80px">
|
<el-form ref="addFormRef" :model="addForm" :rules="addRules" label-width="100px">
|
||||||
<el-form-item label="保健日期" prop="datetime">
|
|
||||||
<el-date-picker clearable
|
<el-row :gutter="20">
|
||||||
v-model="form.datetime"
|
<el-col :span="12">
|
||||||
type="date"
|
<!-- 耳号追加 -->
|
||||||
value-format="YYYY-MM-DD"
|
<el-form-item label="耳号">
|
||||||
placeholder="请选择保健日期">
|
<el-input v-model="sheepInput" placeholder="输入耳号回车添加" style="width: 220px" @keyup.enter="validateSheep" />
|
||||||
</el-date-picker>
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- 羊舍多选 -->
|
||||||
|
<el-form-item label="羊舍" prop="barnIds">
|
||||||
|
<el-select v-model="selectedBarnIds" multiple collapse-tags placeholder="请选择羊舍" style="width: 100%"
|
||||||
|
@change="handleBarnChange">
|
||||||
|
<el-option v-for="b in barns" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 已选耳号 -->
|
||||||
|
<el-form-item label="已选耳号">
|
||||||
|
<el-tag v-for="(tag, idx) in selectedSheepList" :key="tag.sheepId" closable @close="removeSheep(idx)"
|
||||||
|
style="margin-right: 6px">
|
||||||
|
{{ tag.sheepNo }}
|
||||||
|
</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
|
||||||
<el-input v-model="form.sheepId" placeholder="请输入羊只id" />
|
<!-- 保健信息 -->
|
||||||
</el-form-item>
|
<el-row :gutter="20">
|
||||||
<el-form-item label="用药记录" prop="usageId">
|
<el-col :span="12">
|
||||||
<el-input v-model="form.usageId" placeholder="请输入用药记录" />
|
<el-form-item label="保健日期" prop="datetime">
|
||||||
</el-form-item>
|
<el-date-picker v-model="addForm.datetime" type="date" style="width: 100%" />
|
||||||
<el-form-item label="品种" prop="variety">
|
</el-form-item>
|
||||||
<el-input v-model="form.variety" placeholder="请输入品种" />
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span="12">
|
||||||
<el-form-item label="性别" prop="gender">
|
<el-form-item label="处方">
|
||||||
<el-input v-model="form.gender" placeholder="请输入性别" />
|
<el-select v-model="addForm.prescriptionId" filterable clearable placeholder="请选择处方" style="width: 100%"
|
||||||
</el-form-item>
|
@change="handleSelectPrescription">
|
||||||
<el-form-item label="月龄" prop="monthAge">
|
<el-option v-for="p in presOptions" :key="p.id" :label="p.label" :value="p.id" />
|
||||||
<el-input v-model="form.monthAge" placeholder="请输入月龄" />
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="胎次" prop="parity">
|
</el-col>
|
||||||
<el-input v-model="form.parity" placeholder="请输入胎次" />
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="技术员">
|
||||||
<el-form-item label="羊舍id" prop="sheepfoldId">
|
<el-input v-model="addForm.technical" placeholder="请输入技术员姓名" />
|
||||||
<el-input v-model="form.sheepfoldId" placeholder="请输入羊舍id" />
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
<el-form-item label="技术员" prop="technical">
|
</el-row>
|
||||||
<el-input v-model="form.technical" placeholder="请输入技术员" />
|
<div style="margin: 8px 5px;">
|
||||||
</el-form-item>
|
<!-- 药品明细 -->
|
||||||
<el-form-item label="备注" prop="comment">
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
<el-input v-model="form.comment" placeholder="请输入备注" />
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
|
<el-table-column label="药品">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="addForm.comment" placeholder="请输入备注" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<el-button @click="addOpen = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button type="primary" @click="submitAddForm">确 定</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 5. 修改弹窗（羊舍只读下拉） -->
|
||||||
|
<el-dialog title="修改保健记录" v-model="editOpen" width="60%" top="5vh" append-to-body>
|
||||||
|
<el-form ref="editFormRef" :model="editForm" :rules="editRules" label-width="100px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="羊只耳号">
|
||||||
|
<span>{{ editForm.sheepNo }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="品种">
|
||||||
|
<span>{{ editForm.variety }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="羊只类别">
|
||||||
|
<span>{{ editForm.sheepType }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="性别">
|
||||||
|
<span> <dict-tag :options="sheep_gender" :value="editForm.gender" /></span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="繁殖状态">
|
||||||
|
<span>{{ editForm.breed }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="保健日期" prop="datetime">
|
||||||
|
<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>
|
||||||
|
</el-row>
|
||||||
|
<div style="margin: 10px 10px;">
|
||||||
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
|
<el-table-column label="药品">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" style="width: 120px;" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value + ''" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value + ''" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="editForm.comment" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="editOpen = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitEditForm">确 定</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="Health">
|
<script setup name="Health">
|
||||||
import { listHealth, getHealth, delHealth, addHealth, updateHealth } from "@/api/biosafety/health"
|
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
|
||||||
|
import { listHealth, getHealth, delHealth, addHealth, updateHealth } from '@/api/biosafety/health'
|
||||||
|
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
|
||||||
|
import { listUnit } from '@/api/biosafety/unit'
|
||||||
|
import { listUsage } from '@/api/biosafety/usage'
|
||||||
|
import { listMedicine } from '@/api/biosafety/medicine'
|
||||||
|
import request from '@/utils/request'
|
||||||
|
import { parseTime } from '@/utils/ruoyi'
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
const { sheep_gender } = proxy.useDict('sheep_gender')
|
||||||
|
|
||||||
const healthList = ref([])
|
/* ------------------ 列表 ------------------ */
|
||||||
const open = ref(false)
|
|
||||||
const loading = ref(true)
|
const loading = ref(true)
|
||||||
const showSearch = ref(true)
|
const showSearch = ref(true)
|
||||||
|
const total = ref(0)
|
||||||
|
const dewormList = ref([])
|
||||||
|
const daterangeDatetime = ref([])
|
||||||
|
|
||||||
|
const queryParams = reactive({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
sheepNo: null,
|
||||||
|
technical: null
|
||||||
|
})
|
||||||
|
|
||||||
const ids = ref([])
|
const ids = ref([])
|
||||||
const single = ref(true)
|
const single = ref(true)
|
||||||
const multiple = ref(true)
|
const multiple = ref(true)
|
||||||
const total = ref(0)
|
|
||||||
const title = ref("")
|
|
||||||
|
|
||||||
const data = reactive({
|
|
||||||
form: {},
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
datetime: null,
|
|
||||||
technical: null,
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data)
|
|
||||||
|
|
||||||
/** 查询保健列表 */
|
|
||||||
function getList() {
|
function getList() {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
listHealth(queryParams.value).then(response => {
|
const qp = { ...queryParams }
|
||||||
healthList.value = response.rows
|
qp.params = {}
|
||||||
total.value = response.total
|
if (daterangeDatetime.value?.length) {
|
||||||
|
qp.params.beginDatetime = daterangeDatetime.value[0]
|
||||||
|
qp.params.endDatetime = daterangeDatetime.value[1]
|
||||||
|
}
|
||||||
|
listHealth(qp).then(res => {
|
||||||
|
dewormList.value = res.rows
|
||||||
|
total.value = res.total
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 取消按钮
|
|
||||||
function cancel() {
|
|
||||||
open.value = false
|
|
||||||
reset()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 表单重置
|
|
||||||
function reset() {
|
|
||||||
form.value = {
|
|
||||||
id: null,
|
|
||||||
datetime: null,
|
|
||||||
sheepId: null,
|
|
||||||
usageId: null,
|
|
||||||
variety: null,
|
|
||||||
sheepType: null,
|
|
||||||
gender: null,
|
|
||||||
monthAge: null,
|
|
||||||
parity: null,
|
|
||||||
sheepfoldId: null,
|
|
||||||
technical: null,
|
|
||||||
comment: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null
|
|
||||||
}
|
|
||||||
proxy.resetForm("healthRef")
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
function handleQuery() {
|
|
||||||
queryParams.value.pageNum = 1
|
|
||||||
getList()
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
function resetQuery() {
|
|
||||||
proxy.resetForm("queryRef")
|
|
||||||
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 handleQuery() {
|
||||||
function handleAdd() {
|
queryParams.pageNum = 1
|
||||||
reset()
|
getList()
|
||||||
open.value = true
|
}
|
||||||
title.value = "添加保健"
|
function resetQuery() {
|
||||||
|
daterangeDatetime.value = []
|
||||||
|
proxy.resetForm('queryRef')
|
||||||
|
handleQuery()
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
/* ------------------ 新增 ------------------ */
|
||||||
function handleUpdate(row) {
|
const addOpen = ref(false)
|
||||||
reset()
|
const addForm = reactive({
|
||||||
const _id = row.id || ids.value
|
datetime: new Date(),
|
||||||
getHealth(_id).then(response => {
|
technical: '',
|
||||||
form.value = response.data
|
comment: '',
|
||||||
open.value = true
|
prescriptionId: null
|
||||||
title.value = "修改保健"
|
})
|
||||||
|
const addRules = {
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
const selectedBarnIds = ref([])
|
||||||
|
const selectedSheepList = ref([])
|
||||||
|
const barns = ref([])
|
||||||
|
const sheepInput = ref('')
|
||||||
|
|
||||||
|
function getBarns() {
|
||||||
|
request({ url: '/sheepfold_management/sheepfold_management/list', method: 'get' })
|
||||||
|
.then(res => (barns.value = res.rows))
|
||||||
|
}
|
||||||
|
function handleBarnChange(barnIds) {
|
||||||
|
// 1. 当前所有已选羊舍的 id 集合
|
||||||
|
const currentIds = new Set(barnIds || [])
|
||||||
|
|
||||||
|
// 2. 把已选羊只中不属于当前羊舍的过滤掉
|
||||||
|
selectedSheepList.value = selectedSheepList.value.filter(
|
||||||
|
s => currentIds.has(s.barnId)
|
||||||
|
)
|
||||||
|
|
||||||
|
// 3. 追加新增羊舍的羊只（已去重）
|
||||||
|
const taskArr = [...currentIds].filter(id =>
|
||||||
|
!selectedSheepList.value.some(s => s.barnId === id)
|
||||||
|
)
|
||||||
|
if (!taskArr.length) return
|
||||||
|
|
||||||
|
Promise.all(
|
||||||
|
taskArr.map(id =>
|
||||||
|
request({ url: `/sheepfold_management/sheepfold_management/getSheepById`, params: { id } })
|
||||||
|
)
|
||||||
|
).then(resArr => {
|
||||||
|
const list = resArr.flatMap(r => (r.data || []).map(s => ({
|
||||||
|
sheepNo: s.manageTags,
|
||||||
|
sheepId: s.id,
|
||||||
|
barnId: s.barnId
|
||||||
|
})))
|
||||||
|
const map = new Map(selectedSheepList.value.map(s => [s.sheepId, s]))
|
||||||
|
list.forEach(item => map.set(item.sheepId, item))
|
||||||
|
selectedSheepList.value = [...map.values()]
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 提交按钮 */
|
function validateSheep() {
|
||||||
function submitForm() {
|
const no = sheepInput.value.trim()
|
||||||
proxy.$refs["healthRef"].validate(valid => {
|
if (!no) return
|
||||||
if (valid) {
|
if (selectedSheepList.value.some(s => s.sheepNo === no)) {
|
||||||
if (form.value.id != null) {
|
proxy.$modal.msgWarning('该耳号已存在')
|
||||||
updateHealth(form.value).then(response => {
|
sheepInput.value = ''
|
||||||
proxy.$modal.msgSuccess("修改成功")
|
return
|
||||||
open.value = false
|
}
|
||||||
getList()
|
request.get(`/sheep_file/sheep_file/byNo/${no}`).then(res => {
|
||||||
})
|
if (!res.data) {
|
||||||
} else {
|
proxy.$modal.msgError('羊只耳号不存在')
|
||||||
addHealth(form.value).then(response => {
|
} else {
|
||||||
proxy.$modal.msgSuccess("新增成功")
|
selectedSheepList.value.push({
|
||||||
open.value = false
|
sheepNo: res.data.sheepNo || res.data.bsManageTags,
|
||||||
getList()
|
sheepId: res.data.id
|
||||||
})
|
})
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
sheepInput.value = ''
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 删除按钮操作 */
|
function removeSheep(index) {
|
||||||
|
selectedSheepList.value.splice(index, 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleAdd() {
|
||||||
|
Object.assign(addForm, {
|
||||||
|
datetime: new Date(),
|
||||||
|
technical: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null
|
||||||
|
})
|
||||||
|
selectedBarnIds.value = []
|
||||||
|
selectedSheepList.value = []
|
||||||
|
usageDetails.value = [{ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null }]
|
||||||
|
getBarns()
|
||||||
|
addOpen.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitAddForm() {
|
||||||
|
proxy.$refs.addFormRef.validate(valid => {
|
||||||
|
if (!valid || !selectedSheepList.value.length) {
|
||||||
|
proxy.$modal.msgError('请完善表单并至少选择一只羊')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
addHealth({
|
||||||
|
...addForm,
|
||||||
|
datetime: new Date(addForm.datetime).getTime(),
|
||||||
|
sheepIds: selectedSheepList.value.map(s => s.sheepId),
|
||||||
|
usageDetails: usageDetails.value
|
||||||
|
}).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('新增成功')
|
||||||
|
addOpen.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 修改 ------------------ */
|
||||||
|
const editOpen = ref(false)
|
||||||
|
const editForm = reactive({})
|
||||||
|
const editRules = {
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleUpdate(row) {
|
||||||
|
getHealth(row.id).then(res => {
|
||||||
|
Object.assign(editForm, res.data)
|
||||||
|
selectedSheepList.value = [{ sheepNo: res.data.sheepNo, sheepId: res.data.sheepId }]
|
||||||
|
usageDetails.value = res.data.usageDetails || []
|
||||||
|
editOpen.value = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitEditForm() {
|
||||||
|
proxy.$refs.editFormRef.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
updateHealth({
|
||||||
|
...editForm,
|
||||||
|
datetime: new Date(editForm.datetime).getTime(),
|
||||||
|
usageDetails: usageDetails.value
|
||||||
|
}).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('修改成功')
|
||||||
|
editOpen.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 功能函数 ------------------ */
|
||||||
function handleDelete(row) {
|
function handleDelete(row) {
|
||||||
const _ids = row.id || ids.value
|
const id = row.id || ids.value
|
||||||
proxy.$modal.confirm('是否确认删除保健编号为"' + _ids + '"的数据项？').then(function() {
|
proxy.$modal.confirm('确认删除？')
|
||||||
return delHealth(_ids)
|
.then(() => delHealth(id))
|
||||||
}).then(() => {
|
.then(() => {
|
||||||
getList()
|
getList()
|
||||||
proxy.$modal.msgSuccess("删除成功")
|
proxy.$modal.msgSuccess('删除成功')
|
||||||
}).catch(() => {})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
function handleExport() {
|
function handleExport() {
|
||||||
proxy.download('biosafety/health/export', {
|
proxy.download('biosafety/deworm/export', { ...queryParams }, `deworm_${Date.now()}.xlsx`)
|
||||||
...queryParams.value
|
|
||||||
}, `health_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
getList()
|
/* ------------------ 药品/处方/下拉 ------------------ */
|
||||||
|
const usageDetails = ref([])
|
||||||
|
const presOptions = ref([])
|
||||||
|
const units = ref([])
|
||||||
|
const usages = ref([])
|
||||||
|
const medicines = ref([])
|
||||||
|
|
||||||
|
function handleSelectPrescription(id) {
|
||||||
|
if (!id) return
|
||||||
|
getPrescription(id).then(res => {
|
||||||
|
usageDetails.value = res.data?.swPresDetailList?.map(i => ({
|
||||||
|
mediId: i.mediId,
|
||||||
|
dosage: i.dosage,
|
||||||
|
unit: i.unitId,
|
||||||
|
usageId: i.usageId
|
||||||
|
})) || []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleAddDetail() {
|
||||||
|
usageDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null })
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 初始化 ------------------ */
|
||||||
|
onMounted(() => {
|
||||||
|
getList()
|
||||||
|
getBarns()
|
||||||
|
listPrescription({ status: 1, persType: 2 }).then(res => {
|
||||||
|
presOptions.value = res.rows.map(item => ({ id: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listUnit().then(res => {
|
||||||
|
units.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listUsage().then(res => {
|
||||||
|
usages.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listMedicine().then(res => {
|
||||||
|
medicines.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
@ -1,31 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
<!-- 1. 搜索 -->
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
<el-form :model="queryParams" ref="queryRef" inline v-show="showSearch" label-width="68px">
|
||||||
<el-input
|
<el-form-item label="羊只耳号" prop="sheepNo">
|
||||||
v-model="queryParams.sheepId"
|
<el-input v-model="queryParams.sheepNo" placeholder="请输入羊只耳号" clearable @keyup.enter="getList" />
|
||||||
placeholder="请输入羊只id"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="免疫日期" style="width: 308px">
|
<el-form-item label="免疫日期">
|
||||||
<el-date-picker
|
<el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||||
v-model="daterangeDatetime"
|
start-placeholder="开始日期" end-placeholder="结束日期" />
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
type="daterange"
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="技术员" prop="technical">
|
<el-form-item label="技术员" prop="technical">
|
||||||
<el-input
|
<el-input v-model="queryParams.technical" placeholder="请输入技术员" clearable />
|
||||||
v-model="queryParams.technical"
|
|
||||||
placeholder="请输入技术员"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
@ -33,280 +18,518 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 2. 按钮 -->
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
|
||||||
<el-button
|
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
|
||||||
type="primary"
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
|
||||||
plain
|
<el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
|
||||||
icon="Plus"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['biosafety:immunity:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="Edit"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
v-hasPermi="['biosafety:immunity:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="Delete"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
v-hasPermi="['biosafety:immunity:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="Download"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['biosafety:immunity:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="immunityList" @selection-change="handleSelectionChange">
|
<!-- 3. 列表 -->
|
||||||
|
<el-table v-loading="loading" :data="dewormList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="${comment}" align="center" prop="id" />
|
<el-table-column label="羊只耳号" align="center" prop="sheepNo" />
|
||||||
<el-table-column label="羊只id" align="center" prop="sheepId" />
|
|
||||||
<el-table-column label="使用记录" align="center" prop="usageId" />
|
|
||||||
<el-table-column label="品种" align="center" prop="variety" />
|
<el-table-column label="品种" align="center" prop="variety" />
|
||||||
<el-table-column label="羊只类型" align="center" prop="sheepType" />
|
<el-table-column label="羊只类别" align="center" prop="sheepType" />
|
||||||
<el-table-column label="羊只性别" align="center" prop="gender" />
|
<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="monthAge" />
|
<el-table-column label="月龄" align="center" prop="monthAge" />
|
||||||
<el-table-column label="胎次" align="center" prop="parity" />
|
<el-table-column label="胎次" align="center" prop="parity" />
|
||||||
<el-table-column label="羊舍id" align="center" prop="sheepfoldId" />
|
<el-table-column label="繁殖状态" align="center" prop="breed" />
|
||||||
<el-table-column label="免疫日期" align="center" prop="datetime" width="180">
|
<el-table-column label="免疫日期" align="center" prop="datetime" width="180">
|
||||||
<template #default="scope">
|
<template #default="scope">{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</template>
|
||||||
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="技术员" align="center" prop="technical" />
|
<el-table-column label="技术员" align="center" prop="technical" />
|
||||||
<el-table-column label="备注" align="center" prop="comment" />
|
<el-table-column label="备注" align="center" prop="comment" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['biosafety:immunity:edit']">修改</el-button>
|
<el-button link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['biosafety:immunity:remove']">删除</el-button>
|
<el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||||
v-show="total>0"
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
:total="total"
|
|
||||||
v-model:page="queryParams.pageNum"
|
|
||||||
v-model:limit="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改免疫对话框 -->
|
<!-- 4. 新增弹窗（羊舍多选 + 无卡片 + 自动剔除） -->
|
||||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
<el-dialog title="新增免疫记录" v-model="addOpen" width="60%" top="5vh" append-to-body>
|
||||||
<el-form ref="immunityRef" :model="form" :rules="rules" label-width="80px">
|
<el-form ref="addFormRef" :model="addForm" :rules="addRules" label-width="100px">
|
||||||
<el-form-item label="羊只id" prop="sheepId">
|
|
||||||
<el-input v-model="form.sheepId" placeholder="请输入羊只id" />
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- 耳号追加 -->
|
||||||
|
<el-form-item label="耳号">
|
||||||
|
<el-input v-model="sheepInput" placeholder="输入耳号回车添加" style="width: 220px" @keyup.enter="validateSheep" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- 羊舍多选 -->
|
||||||
|
<el-form-item label="羊舍" prop="barnIds">
|
||||||
|
<el-select v-model="selectedBarnIds" multiple collapse-tags placeholder="请选择羊舍" style="width: 100%"
|
||||||
|
@change="handleBarnChange">
|
||||||
|
<el-option v-for="b in barns" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 已选耳号 -->
|
||||||
|
<el-form-item label="已选耳号">
|
||||||
|
<el-tag v-for="(tag, idx) in selectedSheepList" :key="tag.sheepId" closable @close="removeSheep(idx)"
|
||||||
|
style="margin-right: 6px">
|
||||||
|
{{ tag.sheepNo }}
|
||||||
|
</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="品种" prop="variety">
|
|
||||||
<el-input v-model="form.variety" placeholder="请输入品种" />
|
<!-- 免疫信息 -->
|
||||||
</el-form-item>
|
<el-row :gutter="20">
|
||||||
<el-form-item label="羊只性别" prop="gender">
|
<el-col :span="12">
|
||||||
<el-input v-model="form.gender" placeholder="请输入羊只性别" />
|
<el-form-item label="免疫日期" prop="datetime">
|
||||||
</el-form-item>
|
<el-date-picker v-model="addForm.datetime" type="date" style="width: 100%" />
|
||||||
<el-form-item label="月龄" prop="monthAge">
|
</el-form-item>
|
||||||
<el-input v-model="form.monthAge" placeholder="请输入月龄" />
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span="12">
|
||||||
<el-form-item label="胎次" prop="parity">
|
<el-form-item label="处方">
|
||||||
<el-input v-model="form.parity" placeholder="请输入胎次" />
|
<el-select v-model="addForm.prescriptionId" filterable clearable placeholder="请选择处方" style="width: 100%"
|
||||||
</el-form-item>
|
@change="handleSelectPrescription">
|
||||||
<el-form-item label="羊舍id" prop="sheepfoldId">
|
<el-option v-for="p in presOptions" :key="p.id" :label="p.label" :value="p.id" />
|
||||||
<el-input v-model="form.sheepfoldId" placeholder="请输入羊舍id" />
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="免疫日期" prop="datetime">
|
</el-col>
|
||||||
<el-date-picker clearable
|
<el-col :span="12">
|
||||||
v-model="form.datetime"
|
<el-form-item label="技术员">
|
||||||
type="date"
|
<el-input v-model="addForm.technical" placeholder="请输入技术员姓名" />
|
||||||
value-format="YYYY-MM-DD"
|
</el-form-item>
|
||||||
placeholder="请选择免疫日期">
|
</el-col>
|
||||||
</el-date-picker>
|
</el-row>
|
||||||
</el-form-item>
|
<div style="margin: 8px 5px;">
|
||||||
<el-form-item label="技术员" prop="technical">
|
<!-- 药品明细 -->
|
||||||
<el-input v-model="form.technical" placeholder="请输入技术员" />
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
</el-form-item>
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
<el-form-item label="备注" prop="comment">
|
<el-table-column label="药品">
|
||||||
<el-input v-model="form.comment" placeholder="请输入备注" />
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="addForm.comment" placeholder="请输入备注" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<el-button @click="addOpen = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button type="primary" @click="submitAddForm">确 定</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 5. 修改弹窗（羊舍只读下拉） -->
|
||||||
|
<el-dialog title="修改免疫记录" v-model="editOpen" width="60%" top="5vh" append-to-body>
|
||||||
|
<el-form ref="editFormRef" :model="editForm" :rules="editRules" label-width="100px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="羊只耳号">
|
||||||
|
<span>{{ editForm.sheepNo }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="品种">
|
||||||
|
<span>{{ editForm.variety }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="羊只类别">
|
||||||
|
<span>{{ editForm.sheepType }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="性别">
|
||||||
|
<span> <dict-tag :options="sheep_gender" :value="editForm.gender" /></span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="繁殖状态">
|
||||||
|
<span>{{ editForm.breed }}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="免疫日期" prop="datetime">
|
||||||
|
<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>
|
||||||
|
</el-row>
|
||||||
|
<div style="margin: 10px 10px;">
|
||||||
|
<el-button type="primary" icon="Plus" size="small" @click="handleAddDetail">添加药品</el-button>
|
||||||
|
<el-table :data="usageDetails" border stripe style="margin-top: 8px">
|
||||||
|
<el-table-column label="药品">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.mediId" filterable placeholder="请选择药品">
|
||||||
|
<el-option v-for="m in medicines" :key="m.value" :label="m.label" :value="m.value" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用量" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number v-model="scope.row.dosage" :min="0" :precision="1" style="width: 120px;" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.unit" placeholder="单位">
|
||||||
|
<el-option v-for="u in units" :key="u.value" :label="u.label" :value="u.value + ''" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="用法" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-select v-model="scope.row.usageId" placeholder="用法">
|
||||||
|
<el-option v-for="u in usages" :key="u.value" :label="u.label" :value="u.value + ''" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产厂家">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.manufacturer" placeholder="生产厂家" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生产批号">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.batchNumber" placeholder="批号" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="60">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="danger" icon="Delete" @click="usageDetails.splice(scope.$index, 1)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input type="textarea" :rows="3" v-model="editForm.comment" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="editOpen = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitEditForm">确 定</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="Immunity">
|
<script setup name="Immunity">
|
||||||
import { listImmunity, getImmunity, delImmunity, addImmunity, updateImmunity } from "@/api/biosafety/immunity"
|
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
|
||||||
|
import { listImmunity, getImmunity, delImmunity, addImmunity, updateImmunity } from '@/api/biosafety/immunity'
|
||||||
|
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
|
||||||
|
import { listUnit } from '@/api/biosafety/unit'
|
||||||
|
import { listUsage } from '@/api/biosafety/usage'
|
||||||
|
import { listMedicine } from '@/api/biosafety/medicine'
|
||||||
|
import request from '@/utils/request'
|
||||||
|
import { parseTime } from '@/utils/ruoyi'
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
const { sheep_gender } = proxy.useDict('sheep_gender')
|
||||||
|
|
||||||
const immunityList = ref([])
|
/* ------------------ 列表 ------------------ */
|
||||||
const open = ref(false)
|
|
||||||
const loading = ref(true)
|
const loading = ref(true)
|
||||||
const showSearch = ref(true)
|
const showSearch = ref(true)
|
||||||
|
const total = ref(0)
|
||||||
|
const dewormList = ref([])
|
||||||
|
const daterangeDatetime = ref([])
|
||||||
|
|
||||||
|
const queryParams = reactive({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
sheepNo: null,
|
||||||
|
technical: null
|
||||||
|
})
|
||||||
|
|
||||||
const ids = ref([])
|
const ids = ref([])
|
||||||
const single = ref(true)
|
const single = ref(true)
|
||||||
const multiple = ref(true)
|
const multiple = ref(true)
|
||||||
const total = ref(0)
|
|
||||||
const title = ref("")
|
|
||||||
const daterangeDatetime = ref([])
|
|
||||||
|
|
||||||
const data = reactive({
|
|
||||||
form: {},
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sheepId: null,
|
|
||||||
sheepType: null,
|
|
||||||
datetime: null,
|
|
||||||
technical: null,
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data)
|
|
||||||
|
|
||||||
/** 查询免疫列表 */
|
|
||||||
function getList() {
|
function getList() {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
queryParams.value.params = {}
|
const qp = { ...queryParams }
|
||||||
if (null != daterangeDatetime && '' != daterangeDatetime) {
|
qp.params = {}
|
||||||
queryParams.value.params["beginDatetime"] = daterangeDatetime.value[0]
|
if (daterangeDatetime.value?.length) {
|
||||||
queryParams.value.params["endDatetime"] = daterangeDatetime.value[1]
|
qp.params.beginDatetime = daterangeDatetime.value[0]
|
||||||
|
qp.params.endDatetime = daterangeDatetime.value[1]
|
||||||
}
|
}
|
||||||
listImmunity(queryParams.value).then(response => {
|
listImmunity(qp).then(res => {
|
||||||
immunityList.value = response.rows
|
dewormList.value = res.rows
|
||||||
total.value = response.total
|
total.value = res.total
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 取消按钮
|
|
||||||
function cancel() {
|
|
||||||
open.value = false
|
|
||||||
reset()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 表单重置
|
|
||||||
function reset() {
|
|
||||||
form.value = {
|
|
||||||
id: null,
|
|
||||||
sheepId: null,
|
|
||||||
usageId: null,
|
|
||||||
variety: null,
|
|
||||||
sheepType: null,
|
|
||||||
gender: null,
|
|
||||||
monthAge: null,
|
|
||||||
parity: null,
|
|
||||||
sheepfoldId: null,
|
|
||||||
datetime: null,
|
|
||||||
technical: null,
|
|
||||||
comment: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null
|
|
||||||
}
|
|
||||||
proxy.resetForm("immunityRef")
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
function handleQuery() {
|
|
||||||
queryParams.value.pageNum = 1
|
|
||||||
getList()
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
function resetQuery() {
|
|
||||||
daterangeDatetime.value = []
|
|
||||||
proxy.resetForm("queryRef")
|
|
||||||
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 handleQuery() {
|
||||||
function handleAdd() {
|
queryParams.pageNum = 1
|
||||||
reset()
|
getList()
|
||||||
open.value = true
|
}
|
||||||
title.value = "添加免疫"
|
function resetQuery() {
|
||||||
|
daterangeDatetime.value = []
|
||||||
|
proxy.resetForm('queryRef')
|
||||||
|
handleQuery()
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
/* ------------------ 新增 ------------------ */
|
||||||
function handleUpdate(row) {
|
const addOpen = ref(false)
|
||||||
reset()
|
const addForm = reactive({
|
||||||
const _id = row.id || ids.value
|
datetime: new Date(),
|
||||||
getImmunity(_id).then(response => {
|
technical: '',
|
||||||
form.value = response.data
|
comment: '',
|
||||||
open.value = true
|
prescriptionId: null
|
||||||
title.value = "修改免疫"
|
})
|
||||||
|
const addRules = {
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
const selectedBarnIds = ref([])
|
||||||
|
const selectedSheepList = ref([])
|
||||||
|
const barns = ref([])
|
||||||
|
const sheepInput = ref('')
|
||||||
|
|
||||||
|
function getBarns() {
|
||||||
|
request({ url: '/sheepfold_management/sheepfold_management/list', method: 'get' })
|
||||||
|
.then(res => (barns.value = res.rows))
|
||||||
|
}
|
||||||
|
function handleBarnChange(barnIds) {
|
||||||
|
// 1. 当前所有已选羊舍的 id 集合
|
||||||
|
const currentIds = new Set(barnIds || [])
|
||||||
|
|
||||||
|
// 2. 把已选羊只中不属于当前羊舍的过滤掉
|
||||||
|
selectedSheepList.value = selectedSheepList.value.filter(
|
||||||
|
s => currentIds.has(s.barnId)
|
||||||
|
)
|
||||||
|
|
||||||
|
// 3. 追加新增羊舍的羊只（已去重）
|
||||||
|
const taskArr = [...currentIds].filter(id =>
|
||||||
|
!selectedSheepList.value.some(s => s.barnId === id)
|
||||||
|
)
|
||||||
|
if (!taskArr.length) return
|
||||||
|
|
||||||
|
Promise.all(
|
||||||
|
taskArr.map(id =>
|
||||||
|
request({ url: `/sheepfold_management/sheepfold_management/getSheepById`, params: { id } })
|
||||||
|
)
|
||||||
|
).then(resArr => {
|
||||||
|
const list = resArr.flatMap(r => (r.data || []).map(s => ({
|
||||||
|
sheepNo: s.manageTags,
|
||||||
|
sheepId: s.id,
|
||||||
|
barnId: s.barnId
|
||||||
|
})))
|
||||||
|
const map = new Map(selectedSheepList.value.map(s => [s.sheepId, s]))
|
||||||
|
list.forEach(item => map.set(item.sheepId, item))
|
||||||
|
selectedSheepList.value = [...map.values()]
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 提交按钮 */
|
function validateSheep() {
|
||||||
function submitForm() {
|
const no = sheepInput.value.trim()
|
||||||
proxy.$refs["immunityRef"].validate(valid => {
|
if (!no) return
|
||||||
if (valid) {
|
if (selectedSheepList.value.some(s => s.sheepNo === no)) {
|
||||||
if (form.value.id != null) {
|
proxy.$modal.msgWarning('该耳号已存在')
|
||||||
updateImmunity(form.value).then(response => {
|
sheepInput.value = ''
|
||||||
proxy.$modal.msgSuccess("修改成功")
|
return
|
||||||
open.value = false
|
}
|
||||||
getList()
|
request.get(`/sheep_file/sheep_file/byNo/${no}`).then(res => {
|
||||||
})
|
if (!res.data) {
|
||||||
} else {
|
proxy.$modal.msgError('羊只耳号不存在')
|
||||||
addImmunity(form.value).then(response => {
|
} else {
|
||||||
proxy.$modal.msgSuccess("新增成功")
|
selectedSheepList.value.push({
|
||||||
open.value = false
|
sheepNo: res.data.sheepNo || res.data.bsManageTags,
|
||||||
getList()
|
sheepId: res.data.id
|
||||||
})
|
})
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
sheepInput.value = ''
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 删除按钮操作 */
|
function removeSheep(index) {
|
||||||
|
selectedSheepList.value.splice(index, 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleAdd() {
|
||||||
|
Object.assign(addForm, {
|
||||||
|
datetime: new Date(),
|
||||||
|
technical: '',
|
||||||
|
comment: '',
|
||||||
|
prescriptionId: null
|
||||||
|
})
|
||||||
|
selectedBarnIds.value = []
|
||||||
|
selectedSheepList.value = []
|
||||||
|
usageDetails.value = [{ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null }]
|
||||||
|
getBarns()
|
||||||
|
addOpen.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitAddForm() {
|
||||||
|
proxy.$refs.addFormRef.validate(valid => {
|
||||||
|
if (!valid || !selectedSheepList.value.length) {
|
||||||
|
proxy.$modal.msgError('请完善表单并至少选择一只羊')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
addImmunity({
|
||||||
|
...addForm,
|
||||||
|
datetime: new Date(addForm.datetime).getTime(),
|
||||||
|
sheepIds: selectedSheepList.value.map(s => s.sheepId),
|
||||||
|
usageDetails: usageDetails.value
|
||||||
|
}).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('新增成功')
|
||||||
|
addOpen.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 修改 ------------------ */
|
||||||
|
const editOpen = ref(false)
|
||||||
|
const editForm = reactive({})
|
||||||
|
const editRules = {
|
||||||
|
datetime: [{ required: true, message: '请选择日期', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleUpdate(row) {
|
||||||
|
getImmunity(row.id).then(res => {
|
||||||
|
Object.assign(editForm, res.data)
|
||||||
|
selectedSheepList.value = [{ sheepNo: res.data.sheepNo, sheepId: res.data.sheepId }]
|
||||||
|
usageDetails.value = res.data.usageDetails || []
|
||||||
|
editOpen.value = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitEditForm() {
|
||||||
|
proxy.$refs.editFormRef.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
updateImmunity({
|
||||||
|
...editForm,
|
||||||
|
datetime: new Date(editForm.datetime).getTime(),
|
||||||
|
usageDetails: usageDetails.value
|
||||||
|
}).then(() => {
|
||||||
|
proxy.$modal.msgSuccess('修改成功')
|
||||||
|
editOpen.value = false
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 功能函数 ------------------ */
|
||||||
function handleDelete(row) {
|
function handleDelete(row) {
|
||||||
const _ids = row.id || ids.value
|
const id = row.id || ids.value
|
||||||
proxy.$modal.confirm('是否确认删除免疫编号为"' + _ids + '"的数据项？').then(function() {
|
proxy.$modal.confirm('确认删除？')
|
||||||
return delImmunity(_ids)
|
.then(() => delImmunity(id))
|
||||||
}).then(() => {
|
.then(() => {
|
||||||
getList()
|
getList()
|
||||||
proxy.$modal.msgSuccess("删除成功")
|
proxy.$modal.msgSuccess('删除成功')
|
||||||
}).catch(() => {})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
function handleExport() {
|
function handleExport() {
|
||||||
proxy.download('biosafety/immunity/export', {
|
proxy.download('biosafety/deworm/export', { ...queryParams }, `deworm_${Date.now()}.xlsx`)
|
||||||
...queryParams.value
|
|
||||||
}, `immunity_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
getList()
|
/* ------------------ 药品/处方/下拉 ------------------ */
|
||||||
|
const usageDetails = ref([])
|
||||||
|
const presOptions = ref([])
|
||||||
|
const units = ref([])
|
||||||
|
const usages = ref([])
|
||||||
|
const medicines = ref([])
|
||||||
|
|
||||||
|
function handleSelectPrescription(id) {
|
||||||
|
if (!id) return
|
||||||
|
getPrescription(id).then(res => {
|
||||||
|
usageDetails.value = res.data?.swPresDetailList?.map(i => ({
|
||||||
|
mediId: i.mediId,
|
||||||
|
dosage: i.dosage,
|
||||||
|
unit: i.unitId,
|
||||||
|
usageId: i.usageId
|
||||||
|
})) || []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleAddDetail() {
|
||||||
|
usageDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null })
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------------------ 初始化 ------------------ */
|
||||||
|
onMounted(() => {
|
||||||
|
getList()
|
||||||
|
getBarns()
|
||||||
|
listPrescription({ status: 1, persType: 0 }).then(res => {
|
||||||
|
presOptions.value = res.rows.map(item => ({ id: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listUnit().then(res => {
|
||||||
|
units.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listUsage().then(res => {
|
||||||
|
usages.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
listMedicine().then(res => {
|
||||||
|
medicines.value = res.rows.map(item => ({ value: item.id, label: item.name }))
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
Loading…
x
Reference in New Issue
Block a user