Compare commits

..

No commits in common. "82d69aeea283d4d1ddd2cc97c51ba9bbc023a8d1" and "7d55d5b6280ec06c4a9d358efe369509dfa8c376" have entirely different histories.

6 changed files with 407 additions and 469 deletions

View File

@ -36,17 +36,17 @@ export function updateTrans_group(data) {
} }
// 删除转群记录 // 删除转群记录
export function delTrans_group(ids) { export function delTrans_group(id) {
const idStr = Array.isArray(ids) ? ids.join(',') : String(ids)
return request({ return request({
url: `/produce/manage_sheep/trans_group/${idStr}`, url: '/produce/manage_sheep/trans_group/' + id,
method: 'delete' method: 'delete'
}) })
} }
// 获取羊舍列表 // 获取羊舍列表
export function listSheepfold() { export function listSheepfold() {
return request({ return request({
url: '/sheepfold_management/sheepfold_management/list', url: '/produce/sheepfold/list',
method: 'get', method: 'get',
}); });
} }

View File

@ -33,9 +33,8 @@ export function updateFixHoof(data) {
} }
// 删除修蹄 // 删除修蹄
export function delFixHoof(ids) { export function delFixHoof(ids) {
const idStr = Array.isArray(ids) ? ids.join(',') : String(ids)
return request({ return request({
url: `/produce/other/fixHoof/${idStr}`, url: `/produce/other/fixHoof/${ids.join(',')}`,
method: 'delete' method: 'delete'
}) })
} }

View File

@ -1,16 +1,13 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 顶部按钮 -->
<el-button type="warning" icon="Upload" @click="handleExportForm">导出</el-button> <el-button type="warning" icon="Upload" @click="handleExportForm">导出</el-button>
<el-button type="primary" plain icon="Plus" @click="handleImport" <el-button type="primary" plain icon="Plus" @click="handleImport"
v-hasPermi="['produce:add_sheep:import']">导入</el-button> v-hasPermi="['produce:add_sheep:import']">导入</el-button>
<!-- 新增/编辑表单 -->
<el-form :model="form" ref="formRef" label-position="left" label-width="100px" style="margin-top:15px"> <el-form :model="form" ref="formRef" label-position="left" label-width="100px" style="margin-top:15px">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="耳号" prop="earNumber"> <el-form-item label="耳号" prop="earNumber">
<el-input v-model="form.earNumber" placeholder="请输入耳号" /> <el-input v-model="form.earNumber" placeholder="请输入羊只id" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
@ -21,7 +18,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="父号" prop="father"> <el-form-item label="父号" prop="father">
@ -34,10 +30,9 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="出生体重(kg)" prop="bornWeight"> <el-form-item label="出生体重" prop="bornWeight">
<el-input v-model="form.bornWeight" placeholder="请输入出生体重" /> <el-input v-model="form.bornWeight" placeholder="请输入出生体重" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -47,15 +42,14 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="性别" prop="gender"> <el-form-item label="性别" prop="gender">
<el-select v-model="form.gender" placeholder="请选择性别"> <el-select v-model="form.gender" placeholder="请选择性别">
<el-option label="公" :value="1" /> <el-option label="公" value="1" />
<el-option label="母" :value="0" /> <el-option label="母" value="0" />
<el-option label="阉羊" :value="2" /> <el-option label="阉羊" value="2" />
<el-option label="兼性" :value="3" /> <el-option label="兼性" value="3" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -65,18 +59,10 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="品种" prop="varietyId"> <el-form-item label="品种" prop="varietyId">
<el-select v-model="form.varietyId" placeholder="请选择品种" clearable> <el-input v-model="form.varietyId" placeholder="请输入品种" />
<el-option
v-for="item in varietyOptions"
:key="item.id"
:label="item.variety"
:value="Number(item.id)"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
@ -85,7 +71,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="技术员" prop="technician"> <el-form-item label="技术员" prop="technician">
@ -93,7 +78,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="16"> <el-col :span="16">
<el-form-item label="备注" prop="comment"> <el-form-item label="备注" prop="comment">
@ -109,20 +93,10 @@
</el-form> </el-form>
</div> </div>
<!-- 导入弹窗 -->
<el-dialog title="导入羊只信息" v-model="importOpen" width="400px" append-to-body> <el-dialog title="导入羊只信息" v-model="importOpen" width="400px" append-to-body>
<el-upload <el-upload ref="uploadRef" :limit="1" accept=".xlsx,.xls" :action="importUrl" :headers="headers"
ref="uploadRef" :auto-upload="false" :on-success="handleImportSuccess" :on-error="handleImportError" drag>
:limit="1" <i class="el-icon-upload"></i>
accept=".xlsx,.xls"
:action="importUrl"
:headers="headers"
:auto-upload="false"
:on-success="handleImportSuccess"
:on-error="handleImportError"
drag
>
<i class="el-icon-upload" />
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> <div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
</el-upload> </el-upload>
<template #footer> <template #footer>
@ -133,15 +107,10 @@
</template> </template>
<script setup> <script setup>
import { ref, onMounted } from 'vue' import { ref } from 'vue';
import request from '@/utils/request' import { addSheep } from '@/api/produce/manage_sheep/add_sheep/add_sheep';
import { addSheep, exportSheepForm } from '@/api/produce/manage_sheep/add_sheep/add_sheep' import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management';
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management'
import { getToken } from '@/utils/auth'
import { getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance()
/* -------------------- 表单 -------------------- */
const form = ref({ const form = ref({
earNumber: '', earNumber: '',
sheepfold: '', sheepfold: '',
@ -154,57 +123,50 @@ const form = ref({
varietyId: '', varietyId: '',
joinDate: '', joinDate: '',
comment: '', comment: '',
technician: '' technician: '',
}) });
const formRef = ref(null)
const formRef = ref(null);
const rules = { const rules = {
earNumber: [{ required: true, message: '请输入耳号', trigger: 'blur' }], earNumber: [{ required: true, message: '请输入耳号', trigger: 'blur' }],
sheepfold: [{ required: true, message: '请选择羊舍', trigger: 'change' }], sheepfold: [{ required: true, message: '请输入羊舍', trigger: 'change' }],
father: [{ message: '请输入父号', trigger: 'blur' }],
mother: [{ message: '请输入母号', trigger: 'blur' }],
bornWeight: [{ required: true, message: '请输入出生体重', trigger: 'blur' }], bornWeight: [{ required: true, message: '请输入出生体重', trigger: 'blur' }],
birthday: [{ required: true, message: '请选择出生日期', trigger: 'change' }], birthday: [{ required: true, message: '请选择出生日期', trigger: 'change' }],
gender: [{ required: true, message: '请选择性别', trigger: 'change' }], gender: [{ required: true, message: '请选择性别', trigger: 'change' }],
varietyId: [{ required: true, message: '请选择品种', trigger: 'change' }] parity: [{ message: '请输入胎次', trigger: 'blur' }],
} varietyId: [{ required: true, message: '请输入品种', trigger: 'blur' }],
joinDate: [{ message: '请选择入群日期', trigger: 'change' }],
technician: [{ message: '请输入技术员', trigger: 'blur' }],
};
/* -------------------- 下拉数据 -------------------- */
const sheepfoldOptions = ref([])
const varietyOptions = ref([])
function getSheepfoldOptions() { //
listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => { const submitForm = () => {
sheepfoldOptions.value = res.rows || [] formRef.value.validate((valid) => {
}) if (valid) {
} addSheep(form.value) // API addSheep @/api/sheep/sheep.js
.then(response => {
function getVarietyOptions() { if (response.code === 200) {
request({ alert('新增成功');
url: '/base/variety/list', resetForm();
method: 'get', // list
params: { pageNum: 1, pageSize: 9999 } } else {
}).then(res => { alert(response.msg || '新增失败');
varietyOptions.value = res.rows || [] }
}) })
} .catch(error => {
console.error('新增失败:', error);
/* -------------------- 功能方法 -------------------- */ alert('新增失败,请稍后重试');
function submitForm() { });
formRef.value.validate(valid => { } else {
if (!valid) return alert('请填写所有必填字段');
addSheep(form.value).then(res => { }
if (res.code === 200) { });
proxy.$modal.msgSuccess('新增成功') };
resetForm() const resetForm = () => {
} else {
proxy.$modal.msgError(res.msg || '新增失败') //
}
}).catch(() => {
proxy.$modal.msgError('请求异常,请稍后重试')
})
})
}
function resetForm() {
form.value = { form.value = {
earNumber: '', earNumber: '',
sheepfold: '', sheepfold: '',
@ -217,66 +179,63 @@ function resetForm() {
varietyId: '', varietyId: '',
joinDate: '', joinDate: '',
comment: '', comment: '',
technician: '' technician: '',
} };
} };
//
import { exportSheepForm } from '@/api/produce/manage_sheep/add_sheep/add_sheep';
function handleExportForm() { function handleExportForm() {
//
exportSheepForm(form.value).then(res => { exportSheepForm(form.value).then(res => {
const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }) // 使 Ruoyi
const link = document.createElement('a') const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
link.href = URL.createObjectURL(blob) const fileName = `羊只信息_${new Date().getTime()}.xlsx`;
link.download = `羊只信息_${Date.now()}.xlsx` const link = document.createElement('a');
link.click() link.href = URL.createObjectURL(blob);
}) link.download = fileName;
link.click();
});
} }
/* -------------------- 导入 -------------------- */
const uploadRef = ref(null)
const importOpen = ref(false)
const importUrl = ref(import.meta.env.VITE_APP_BASE_API + '/produce/manage_sheep/add_sheep/importData')
const headers = ref({ Authorization: 'Bearer ' + getToken() })
function handleImport() { //
importOpen.value = true import { getToken } from '@/utils/auth';
}
const uploadRef = ref();
const importOpen = ref(false);
const importUrl = ref(import.meta.env.VITE_APP_BASE_API + '/produce/manage_sheep/add_sheep/importData');
const headers = ref({ Authorization: 'Bearer ' + getToken() });
function handleImport() { importOpen.value = true; }
function downloadTemplate() { function downloadTemplate() {
request({ url: '/produce/manage_sheep/add_sheep/importTemplate', method: 'get', responseType: 'blob' }).then(res => { proxy.download('/produce/manage_sheep/add_sheep/importTemplate', {}, `羊只模板_${Date.now()}.xlsx`);
const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
const link = document.createElement('a')
link.href = URL.createObjectURL(blob)
link.download = `羊只模板_${Date.now()}.xlsx`
link.click()
})
} }
function submitUpload() { function submitUpload() { uploadRef.value?.submit(); }
uploadRef.value?.submit()
}
//
function handleImportSuccess(res) { function handleImportSuccess(res) {
if (res.code === 200) { proxy.$modal.msgSuccess(res.msg || '导入成功');
proxy.$modal.msgSuccess(res.msg || '导入成功') importOpen.value = false;
importOpen.value = false uploadRef.value?.clearFiles();
uploadRef.value?.clearFiles()
} else {
//
proxy.$modal.msgError('导入失败:' + (res.msg || '未知原因'))
}
} }
// /
function handleImportError(err) { function handleImportError(err) {
const msg = JSON.parse(err.message || '{}')?.msg || '网络异常' proxy.$modal.msgError(JSON.parse(err.message)?.msg || '导入失败');
proxy.$modal.msgError('导入失败:' + msg)
} }
/* -------------------- 初始化 -------------------- */ /**获取羊舍数据 */
const sheepfoldOptions = ref([]);
function getSheepfoldOptions() {
listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => {
sheepfoldOptions.value = res.rows;
});
}
onMounted(() => { onMounted(() => {
getSheepfoldOptions() getSheepfoldOptions();
getVarietyOptions() });
})
</script> </script>
<style scoped> <style scoped>

View File

@ -14,11 +14,6 @@
<el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" /> <el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种" prop="varietyId">
<el-select v-model="queryParams.varietyId" placeholder="请选择品种" style="min-width:150px" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" style="width: 150px;" placeholder="请选择状态" clearable> <el-select v-model="queryParams.status" style="width: 150px;" placeholder="请选择状态" clearable>
<el-option v-for="dict in status" :key="dict.value" :label="dict.label" :value="dict.value" /> <el-option v-for="dict in status" :key="dict.value" :label="dict.label" :value="dict.value" />
@ -60,10 +55,17 @@
<el-table-column label="羊只id" align="center" prop="sheepId" /> <el-table-column label="羊只id" align="center" prop="sheepId" />
<el-table-column label="转出羊舍" align="center" prop="foldFromName" /> <el-table-column label="转出羊舍" align="center" prop="foldFromName" />
<el-table-column label="转入羊舍" align="center" prop="foldToName" /> <el-table-column label="转入羊舍" align="center" prop="foldToName" />
<el-table-column label="品种" align="center" prop="varietyName" /> <el-table-column label="转群原因" align="center" prop="reason" min-width="160">
<el-table-column label="转群原因" align="center" prop="reasonText" /> <template #default="scope">
<dict-tag :options="trans_group_reason" :value="scope.row.reason" />
</template>
</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="statusText" /> <el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<dict-tag :options="status" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" /> <el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="创建人" align="center" prop="createBy" /> <el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime"> <el-table-column label="创建时间" align="center" prop="createTime">
@ -104,15 +106,9 @@
<el-option v-for="fold in sheepfoldOptions" :key="fold.id" :label="fold.sheepfoldName" :value="fold.id" /> <el-option v-for="fold in sheepfoldOptions" :key="fold.id" :label="fold.sheepfoldName" :value="fold.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种" prop="varietyId">
<el-select v-model="form.varietyId" placeholder="请选择品种" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="Number(item.id)" />
</el-select>
</el-form-item>
<el-form-item label="转群原因" prop="reason"> <el-form-item label="转群原因" prop="reason">
<el-select v-model="form.reason" placeholder="请选择转群原因" clearable> <el-select v-model="form.reason" placeholder="请选择转群原因" clearable>
<el-option v-for="dict in trans_group_reason" :key="dict.value" :label="dict.label" <el-option v-for="dict in trans_group_reason" :key="dict.value" :label="dict.label" :value="dict.value" />
:value="Number(dict.value)" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="技术员" prop="technician"> <el-form-item label="技术员" prop="technician">
@ -143,14 +139,11 @@
<el-form-item label="转入羊舍"> <el-form-item label="转入羊舍">
<el-input :value="sheepfoldNameMap[approveForm.foldTo] || approveForm.foldTo" disabled /> <el-input :value="sheepfoldNameMap[approveForm.foldTo] || approveForm.foldTo" disabled />
</el-form-item> </el-form-item>
<el-form-item label="品种">
<el-input :value="approveForm.varietyName" disabled />
</el-form-item>
<el-form-item label="转群原因"> <el-form-item label="转群原因">
<el-input :value="approveForm.reasonText" disabled /> <el-select v-model="approveForm.reason" disabled>
</el-form-item> <el-option :label="trans_group_reason.find(d => d.value == approveForm.reason)?.label || ''"
<el-form-item label="状态"> :value="approveForm.reason" />
<el-input :value="approveForm.statusText" disabled /> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="技术员"> <el-form-item label="技术员">
<el-input v-model="approveForm.technician" disabled /> <el-input v-model="approveForm.technician" disabled />
@ -169,20 +162,13 @@
</template> </template>
<script setup name="Trans_group"> <script setup name="Trans_group">
import { import { listTrans_group, getTrans_group, delTrans_group, addTrans_group, updateTrans_group } from "@/api/produce/manage_sheep/trans_group/trans_group"
listTrans_group, import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management';
getTrans_group,
delTrans_group,
addTrans_group,
updateTrans_group
} from '@/api/produce/manage_sheep/trans_group/trans_group'
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management'
import request from '@/utils/request'
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const { trans_group_reason, status } = proxy.useDict('trans_group_reason', 'status') const { trans_group_reason, status } = proxy.useDict('trans_group_reason', 'status')
/* -------------------- 响应式变量 -------------------- */
const trans_groupList = ref([]) const trans_groupList = ref([])
const open = ref(false) const open = ref(false)
const loading = ref(true) const loading = ref(true)
@ -191,17 +177,9 @@ 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 daterangeCreateTime = ref([]) const daterangeCreateTime = ref([])
const approveDialog = ref(false)
const approveForm = ref({})
const sheepfoldOptions = ref([])
const sheepfoldNameMap = ref({})
const varietyOptions = ref([])
/* -------------------- 表单 & 查询 -------------------- */
const data = reactive({ const data = reactive({
form: {}, form: {},
queryParams: { queryParams: {
@ -210,43 +188,61 @@ const data = reactive({
sheepId: null, sheepId: null,
foldTo: null, foldTo: null,
foldFrom: null, foldFrom: null,
varietyId: null, //
status: null, status: null,
createTime: null createTime: null
}, },
rules: { rules: {
sheepId: [{ required: true, message: '羊只id不能为空', trigger: 'blur' }], id: [
foldFrom: [{ required: true, message: '转出羊舍不能为空', trigger: 'change' }], { required: true, message: "$comment不能为空", trigger: "blur" }
foldTo: [{ required: true, message: '转入羊舍不能为空', trigger: 'change' }], ],
varietyId: [{ required: true, message: '品种不能为空', trigger: 'change' }], sheepId: [
reason: [{ required: true, message: '转群原因不能为空', trigger: 'change' }], { required: true, message: "羊只id不能为空", trigger: "blur" }
technician: [{ required: true, message: '技术员不能为空', trigger: 'blur' }] ],
foldTo: [
{ required: true, message: "转入羊舍不能为空", trigger: "blur" }
],
foldFrom: [
{ required: true, message: "转出羊舍不能为空", trigger: "blur" }
],
reason: [
{ required: true, message: "转群原因不能为空", trigger: "change" }
],
technician: [
{ required: true, message: "技术员不能为空", trigger: "blur" }
],
} }
}) })
const { queryParams, form, rules } = toRefs(data) const { queryParams, form, rules } = toRefs(data)
/* -------------------- 业务函数 -------------------- */ /** 查询转群记录列表 */
function getList() { function getList() {
loading.value = true loading.value = true
queryParams.value.params = {} queryParams.value.params = {}
if (daterangeCreateTime.value?.length) { if (null != daterangeCreateTime && '' != daterangeCreateTime) {
queryParams.value.params.beginCreateTime = daterangeCreateTime.value[0] queryParams.value.params["beginCreateTime"] = daterangeCreateTime.value[0]
queryParams.value.params.endCreateTime = daterangeCreateTime.value[1] queryParams.value.params["endCreateTime"] = daterangeCreateTime.value[1]
} }
listTrans_group(queryParams.value).then(res => { listTrans_group(queryParams.value).then(response => {
trans_groupList.value = res.rows trans_groupList.value = response.rows
total.value = res.total total.value = response.total
loading.value = false loading.value = false
}) })
} }
//
function cancel() {
open.value = false
reset()
}
//
function reset() { function reset() {
form.value = { form.value = {
id: null, id: null,
sheepId: null, sheepId: null,
foldFrom: null,
foldTo: null, foldTo: null,
varietyId: null, // foldFrom: null,
reason: null, reason: null,
technician: null, technician: null,
status: null, status: null,
@ -254,130 +250,160 @@ function reset() {
createBy: null, createBy: null,
createTime: null createTime: null
} }
proxy.resetForm('trans_groupRef') proxy.resetForm("trans_groupRef")
}
function cancel() {
open.value = false
reset()
} }
/** 搜索按钮操作 */
function handleQuery() { function handleQuery() {
queryParams.value.pageNum = 1 queryParams.value.pageNum = 1
getList() getList()
} }
/** 重置按钮操作 */
function resetQuery() { function resetQuery() {
daterangeCreateTime.value = [] daterangeCreateTime.value = []
proxy.resetForm('queryRef') proxy.resetForm("queryRef")
handleQuery() handleQuery()
} }
//
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single.value = selection.length !== 1 single.value = selection.length != 1
multiple.value = !selection.length multiple.value = !selection.length
} }
/** 新增按钮操作 */
function handleAdd() { function handleAdd() {
reset() reset()
open.value = true open.value = true
title.value = '添加转群记录' title.value = "添加转群记录"
} }
/** 修改按钮操作 */
function handleUpdate(row) { function handleUpdate(row) {
reset() reset()
const _id = row.id || ids.value const _id = row.id || ids.value
getTrans_group(_id).then(res => { getTrans_group(_id).then(response => {
const d = res.data const data = response.data
// Number undefined data.foldFrom = Number(data.foldFrom)
d.foldFrom = Number(d.foldFrom ?? 0) data.foldTo = Number(data.foldTo)
d.foldTo = Number(d.foldTo ?? 0) data.reason = String(data.reason)
d.reason = Number(d.reason ?? 0) form.value = data
d.status = Number(d.status ?? 0)
d.varietyId = Number(d.varietyId ?? 0)
form.value = d
open.value = true open.value = true
title.value = '修改转群记录'
}) })
} }
/** 提交按钮 */
function submitForm() { function submitForm() {
proxy.$refs.trans_groupRef.validate(valid => { proxy.$refs["trans_groupRef"].validate(valid => {
if (!valid) return if (valid) {
const api = form.value.id ? updateTrans_group : addTrans_group if (form.value.id != null) {
api(form.value).then(() => { updateTrans_group(form.value).then(response => {
proxy.$modal.msgSuccess(form.value.id ? '修改成功' : '新增成功') proxy.$modal.msgSuccess("修改成功")
open.value = false open.value = false
getList() getList()
}) })
} else {
addTrans_group(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}”的数据项?`) proxy.$modal.confirm('是否确认删除转群记录编号为"' + _ids + '"的数据项?').then(function () {
.then(() => delTrans_group(_ids)) return delTrans_group(_ids)
.then(() => { }).then(() => {
getList() getList()
proxy.$modal.msgSuccess('删除成功') proxy.$modal.msgSuccess("删除成功")
}) }).catch(() => { })
} }
/** 导出按钮操作 */
function handleExport() { function handleExport() {
proxy.download( proxy.download('/produce/manage_sheep/trans_group/export', {
'/produce/manage_sheep/trans_group/export', ...queryParams.value
{ ...queryParams.value }, }, `trans_group_${new Date().getTime()}.xlsx`);
`trans_group_${Date.now()}.xlsx`
)
} }
/* -------------------- 审批 -------------------- */
//
const approveDialog = ref(false);
const approveForm = ref({});
//
function handleApprove(row) { function handleApprove(row) {
approveForm.value = { ...row } approveForm.value = { ...row };
approveDialog.value = true approveDialog.value = true;
}
function handleApproveAgree() {
approveForm.value.status = 1
updateTrans_group(approveForm.value).then(() => {
approveDialog.value = false
proxy.$modal.msgSuccess('审批成功,状态已更新为同意')
getList()
})
}
function handleApproveReject() {
approveForm.value.status = 2
updateTrans_group(approveForm.value).then(() => {
approveDialog.value = false
proxy.$modal.msgSuccess('审批成功,状态已更新为驳回')
getList()
})
} }
/* -------------------- 下拉数据 -------------------- */ //
function loadSheepfold() { function handleApproveAgree() {
approveForm.value.status = 1; //
updateTrans_group(approveForm.value).then(() => {
approveDialog.value = false;
proxy.$modal.msgSuccess("审批成功,状态已更新为同意");
getList();
}).catch((error) => {
proxy.$modal.msgError(`审批失败:${error}`);
});
}
//
function handleApproveReject() {
approveForm.value.status = 2; //
updateTrans_group(approveForm.value).then(() => {
approveDialog.value = false;
proxy.$modal.msgSuccess("审批成功,状态已更新为驳回");
getList();
}).catch((error) => {
proxy.$modal.msgError(`审批失败:${error}`);
});
}
//
const sheepfoldOptions = ref([]);
function getSheepfoldOptions() {
listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => {
sheepfoldOptions.value = res.rows; // [{id, sheepfoldName}, ...]
});
}
onMounted(() => {
getSheepfoldOptions();
});
const sheepfoldNameMap = ref({})
function loadSheepfoldMap() {
listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => { listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => {
sheepfoldOptions.value = res.rows
sheepfoldNameMap.value = res.rows.reduce((acc, item) => { sheepfoldNameMap.value = res.rows.reduce((acc, item) => {
acc[item.id] = item.sheepfoldName acc[item.id] = item.sheepfoldName
return acc return acc
}, {}) }, {})
}) })
} }
function getVarietyOptions() {
request({
url: '/base/variety/list',
method: 'get',
params: { pageNum: 1, pageSize: 9999 }
}).then(res => {
varietyOptions.value = res.rows || []
})
}
/* -------------------- 初始化 -------------------- */
onMounted(() => { onMounted(() => {
loadSheepfold() nextTick(() => {
getVarietyOptions() if (trans_group_reason.value && trans_group_reason.value.length) {
getList() trans_group_reason.value.forEach(item => {
item.value = Number(item.value)
})
}
loadSheepfoldMap()
})
}) })
getList()
</script> </script>

View File

@ -1,35 +1,24 @@
<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="羊只id" prop="sheepId"> <el-form-item label="羊只id" prop="sheepId">
<el-input v-model="queryParams.sheepId" placeholder="请输入羊只id" clearable @keyup.enter="handleQuery" /> <el-input v-model="queryParams.sheepId" placeholder="请输入羊只id" clearable @keyup.enter="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="羊舍" prop="sheepfold"> <el-form-item label="羊舍" prop="sheepfold">
<el-select v-model="queryParams.sheepfold" placeholder="请选择羊舍" style="min-width:150px" clearable> <el-select v-model="queryParams.sheepfold" placeholder="请选择羊舍" style="min-width:150px" clearable>
<el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" /> <el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种" prop="varietyId">
<el-select v-model="queryParams.varietyId" placeholder="请选择品种" style="min-width:150px" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="创建时间" style="width: 308px"> <el-form-item label="创建时间" style="width: 308px">
<el-date-picker v-model="daterangeCreateTime" value-format="YYYY-MM-DD" type="daterange" range-separator="-" <el-date-picker v-model="daterangeCreateTime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
start-placeholder="开始日期" end-placeholder="结束日期" /> start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</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 type="primary" plain icon="Plus" @click="handleAdd" <el-button type="primary" plain icon="Plus" @click="handleAdd"
@ -47,15 +36,14 @@
<el-button type="warning" plain icon="Download" @click="handleExport" <el-button type="warning" plain icon="Download" @click="handleExport"
v-hasPermi="['produce:castrate:export']">导出</el-button> v-hasPermi="['produce:castrate:export']">导出</el-button>
</el-col> </el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" /> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<!-- 列表表格 -->
<el-table v-loading="loading" :data="castrateList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="castrateList" @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="羊只id" align="center" prop="sheepId" /> <el-table-column label="羊只id" align="center" prop="sheepId" />
<el-table-column label="羊舍名称" align="center" prop="sheepfoldName" /> <el-table-column label="羊舍名称" align="center" prop="sheepfoldName" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="备注" align="center" prop="comment" /> <el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="技术员" align="center" prop="technician" /> <el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> <el-table-column label="创建时间" align="center" prop="createTime" width="180">
@ -76,7 +64,7 @@
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" /> v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 新增/修改弹窗 --> <!-- 添加或修改去势对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body> <el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="castrateRef" :model="form" :rules="rules" label-width="80px"> <el-form ref="castrateRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="羊只id" prop="sheepId"> <el-form-item label="羊只id" prop="sheepId">
@ -87,11 +75,6 @@
<el-option v-for="fold in sheepfoldOptions" :key="fold.id" :label="fold.sheepfoldName" :value="fold.id" /> <el-option v-for="fold in sheepfoldOptions" :key="fold.id" :label="fold.sheepfoldName" :value="fold.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种" prop="varietyId">
<el-select v-model="form.varietyId" placeholder="请选择品种" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="技术员" prop="technician"> <el-form-item label="技术员" prop="technician">
<el-input v-model="form.technician" placeholder="请输入技术员" /> <el-input v-model="form.technician" placeholder="请输入技术员" />
</el-form-item> </el-form-item>
@ -110,9 +93,8 @@
</template> </template>
<script setup name="castrate"> <script setup name="castrate">
import { listCastrate, getCastrate, delCastrate, addCastrate, updateCastrate } from '@/api/produce/other/castrate/castrate' import { listCastrate, getCastrate, delCastrate, addCastrate, updateCastrate } from "@/api/produce/other/castrate/castrate"
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management' import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management';
import request from '@/utils/request'
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
@ -124,7 +106,7 @@ 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 daterangeCreateTime = ref([]) const daterangeCreateTime = ref([])
const data = reactive({ const data = reactive({
@ -134,151 +116,149 @@ const data = reactive({
pageSize: 10, pageSize: 10,
sheepId: null, sheepId: null,
sheepfold: null, sheepfold: null,
varietyId: null,
technician: null, technician: null,
createTime: null createTime: null
}, },
rules: { rules: {
id: [
{ required: true, message: "$comment不能为空", trigger: "blur" }
],
sheepId: [ sheepId: [
{ required: true, message: '羊只id不能为空', trigger: 'blur' } { required: true, message: "羊只id不能为空", trigger: "blur" }
], ],
sheepfold: [ sheepfold: [
{ required: true, message: '羊舍不能为空', trigger: 'change' } { required: true, message: "羊舍不能为空", trigger: "change" }
],
varietyId: [
{ required: true, message: '品种不能为空', trigger: 'change' }
], ],
technician: [ technician: [
{ required: true, message: '技术员不能为空', trigger: 'blur' } { required: true, message: "技术员不能为空", trigger: "blur" }
] ],
} }
}) })
const { queryParams, form, rules } = toRefs(data) const { queryParams, form, rules } = toRefs(data)
/** 查询列表 */ /** 查询去势列表 */
function getList() { function getList() {
loading.value = true loading.value = true
queryParams.value.params = {} queryParams.value.params = {}
if (daterangeCreateTime.value && daterangeCreateTime.value.length === 2) { if (null != daterangeCreateTime && '' != daterangeCreateTime) {
queryParams.value.params.beginCreateTime = daterangeCreateTime.value[0] queryParams.value.params["beginCreateTime"] = daterangeCreateTime.value[0]
queryParams.value.params.endCreateTime = daterangeCreateTime.value[1] queryParams.value.params["endCreateTime"] = daterangeCreateTime.value[1]
} }
listCastrate(queryParams.value).then(res => { listCastrate(queryParams.value).then(response => {
castrateList.value = res.rows castrateList.value = response.rows
total.value = res.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,
sheepId: null, sheepId: null,
sheepfold: null, sheepfold: null,
varietyId: null,
comment: null, comment: null,
technician: null, technician: null,
createBy: null, createBy: null,
createTime: null createTime: null
} }
proxy.resetForm('castrateRef') proxy.resetForm("castrateRef")
} }
/** 搜索按钮操作 */
function handleQuery() { function handleQuery() {
queryParams.value.pageNum = 1 queryParams.value.pageNum = 1
getList() getList()
} }
/** 重置按钮操作 */
function resetQuery() { function resetQuery() {
daterangeCreateTime.value = [] daterangeCreateTime.value = []
proxy.resetForm('queryRef') proxy.resetForm("queryRef")
handleQuery() handleQuery()
} }
//
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single.value = selection.length !== 1 single.value = selection.length != 1
multiple.value = !selection.length multiple.value = !selection.length
} }
/** 新增按钮操作 */
function handleAdd() { function handleAdd() {
reset() reset()
open.value = true open.value = true
title.value = '添加去势' title.value = "添加去势"
} }
/** 修改按钮操作 */
function handleUpdate(row) { function handleUpdate(row) {
reset() reset()
const _id = row.id || ids.value const _id = row.id || ids.value
getCastrate(_id).then(res => { getCastrate(_id).then(response => {
form.value = res.data form.value = response.data
open.value = true open.value = true
title.value = '修改去势' title.value = "修改去势"
}) })
} }
/** 提交按钮 */
function submitForm() { function submitForm() {
proxy.$refs.castrateRef.validate(valid => { proxy.$refs["castrateRef"].validate(valid => {
if (!valid) return if (valid) {
if (form.value.id) { if (form.value.id != null) {
updateCastrate(form.value).then(() => { updateCastrate(form.value).then(response => {
proxy.$modal.msgSuccess('修改成功') proxy.$modal.msgSuccess("修改成功")
open.value = false open.value = false
getList() getList()
}) })
} else { } else {
addCastrate(form.value).then(() => { addCastrate(form.value).then(response => {
proxy.$modal.msgSuccess('新增成功') proxy.$modal.msgSuccess("新增成功")
open.value = false open.value = false
getList() getList()
}) })
}
} }
}) })
} }
/** 删除按钮操作 */
function handleDelete(row) { function handleDelete(row) {
const _ids = row.id || ids.value const _ids = row.id || ids.value
proxy.$modal.confirm(`是否确认删除去势编号为"${_ids}"的数据项?`).then(() => { proxy.$modal.confirm('是否确认删除去势编号为"' + _ids + '"的数据项?').then(function () {
return delCastrate(_ids) return delCastrate(_ids)
}).then(() => { }).then(() => {
getList() getList()
proxy.$modal.msgSuccess('删除成功') proxy.$modal.msgSuccess("删除成功")
}) }).catch(() => { })
} }
/** 导出按钮操作 */
function handleExport() { function handleExport() {
proxy.download('/produce/other/castrate/export', { ...queryParams.value }, `castrate_${new Date().getTime()}.xlsx`) proxy.download('/produce/other/castrate/export', {
...queryParams.value
}, `castrate_${new Date().getTime()}.xlsx`)
} }
const sheepfoldOptions = ref([]) /** 加载所有羊舍 */
const sheepfoldOptions = ref([]);
function getSheepfoldOptions() { function getSheepfoldOptions() {
listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => { listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => {
sheepfoldOptions.value = res.rows sheepfoldOptions.value = res.rows; // [{id, sheepfoldName}, ...]
}) });
} }
const varietyOptions = ref([])
function getVarietyOptions() {
request({
url: '/base/variety/list',
method: 'get',
params: { pageNum: 1, pageSize: 9999 }
}).then(res => {
varietyOptions.value = res.rows || []
console.log(varietyOptions.value);
})
}
onMounted(() => { onMounted(() => {
getList() getList();
getSheepfoldOptions() getSheepfoldOptions();
getVarietyOptions() });
}) getList()
</script> </script>

View File

@ -1,65 +1,48 @@
<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="羊只id" prop="sheepId"> <el-form-item label="羊只id" prop="sheepId">
<el-input v-model="queryParams.sheepId" placeholder="请输入羊只id" clearable @keyup.enter="handleQuery" /> <el-input v-model="queryParams.sheepId" placeholder="请输入羊只id" clearable @keyup.enter="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="羊舍" prop="sheepfold"> <el-form-item label="羊舍" prop="sheepfold">
<el-select v-model="queryParams.sheepfold" placeholder="请选择羊舍" style="min-width:150px" clearable> <el-select v-model="queryParams.sheepfold" placeholder="请选择羊舍" style="min-width: 150px;" clearable>
<el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" /> <el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种" prop="varietyId">
<el-select v-model="queryParams.varietyId" placeholder="请选择品种" style="min-width:150px" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="创建时间" style="width: 308px"> <el-form-item label="创建时间" style="width: 308px">
<el-date-picker v-model="daterangeCreateTime" <el-date-picker v-model="daterangeCreateTime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
value-format="YYYY-MM-DD" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期" />
</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 type="primary" plain icon="Plus" @click="handleAdd" <el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['fixHoof:fixHoof:add']">新增</el-button> v-hasPermi="['fixHoof:fixHoof:add']">新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
v-hasPermi="['fixHoof:fixHoof:edit']">修改</el-button> v-hasPermi="['fixHoof:fixHoof:edit']">修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
v-hasPermi="['fixHoof:fixHoof:remove']">删除</el-button> v-hasPermi="['fixHoof:fixHoof:remove']">删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" <el-button type="warning" plain icon="Download" @click="handleExport"
v-hasPermi="['fixHoof:fixHoof:export']">导出</el-button> v-hasPermi="['fixHoof:fixHoof:export']">导出</el-button>
</el-col> </el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" /> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="fixHoofList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="fixHoofList" @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="羊只id" align="center" prop="sheepId" /> <el-table-column label="羊只id" align="center" prop="sheepId" />
<el-table-column label="羊舍名称" align="center" prop="sheepfoldName" /> <el-table-column label="羊舍名称" align="center" prop="sheepfoldName" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="备注" align="center" prop="comment" /> <el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="技术员" align="center" prop="technician" /> <el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" /> <el-table-column label="创建人" align="center" prop="createBy" />
@ -71,20 +54,17 @@
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope"> <template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['fixHoof:fixHoof:edit']">修改</el-button> v-hasPermi="['fixHoof:fixHoof:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['fixHoof:fixHoof:remove']">删除</el-button> v-hasPermi="['fixHoof:fixHoof: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="500px" append-to-body> <el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="fixHoofRef" :model="form" :rules="rules" label-width="80px"> <el-form ref="fixHoofRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="羊只id" prop="sheepId"> <el-form-item label="羊只id" prop="sheepId">
@ -95,11 +75,6 @@
<el-option v-for="fold in sheepfoldOptions" :key="fold.id" :label="fold.sheepfoldName" :value="fold.id" /> <el-option v-for="fold in sheepfoldOptions" :key="fold.id" :label="fold.sheepfoldName" :value="fold.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种" prop="varietyId">
<el-select v-model="form.varietyId" placeholder="请选择品种" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注" prop="comment"> <el-form-item label="备注" prop="comment">
<el-input v-model="form.comment" placeholder="请输入备注" /> <el-input v-model="form.comment" placeholder="请输入备注" />
</el-form-item> </el-form-item>
@ -118,9 +93,8 @@
</template> </template>
<script setup name="FixHoof"> <script setup name="FixHoof">
import { listFixHoof, getFixHoof, delFixHoof, addFixHoof, updateFixHoof } from '@/api/produce/other/fixHoof/fixHoof' import { listFixHoof, getFixHoof, delFixHoof, addFixHoof, updateFixHoof } from "@/api/produce/other/fixHoof/fixHoof"
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management' import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management';
import request from '@/utils/request'
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
@ -132,7 +106,7 @@ 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 daterangeCreateTime = ref([]) const daterangeCreateTime = ref([])
const data = reactive({ const data = reactive({
@ -142,31 +116,31 @@ const data = reactive({
pageSize: 10, pageSize: 10,
sheepId: null, sheepId: null,
sheepfold: null, sheepfold: null,
varietyId: null,
technician: null, technician: null,
createTime: null createTime: null
}, },
rules: { rules: {
id: [
{ required: true, message: "$comment不能为空", trigger: "blur" }
],
sheepId: [ sheepId: [
{ required: true, message: '羊只id不能为空', trigger: 'blur' } { required: true, message: "羊只id不能为空", trigger: "blur" }
], ],
sheepfold: [ sheepfold: [
{ required: true, message: '羊舍id不能为空', trigger: 'change' } { required: true, message: "羊舍id不能为空", trigger: "change" }
],
varietyId: [
{ required: true, message: '品种不能为空', trigger: 'change' }
], ],
technician: [ technician: [
{ required: true, message: '技术员不能为空', trigger: 'blur' } { required: true, message: "技术员不能为空", trigger: "blur" }
] ],
} }
}) })
const { queryParams, form, rules } = toRefs(data) const { queryParams, form, rules } = toRefs(data)
/* 列表 */ /** 查询修蹄列表 */
function getList () { function getList() {
loading.value = true loading.value = true
// null
const q = { ...queryParams.value } const q = { ...queryParams.value }
if (q.sheepId === '') q.sheepId = null if (q.sheepId === '') q.sheepId = null
if (q.sheepfold === '') q.sheepfold = null if (q.sheepfold === '') q.sheepfold = null
@ -182,114 +156,114 @@ function getList () {
}) })
} }
function cancel () { //
function cancel() {
open.value = false open.value = false
reset() reset()
} }
function reset () { //
function reset() {
form.value = { form.value = {
id: null, id: null,
sheepId: null, sheepId: null,
sheepfold: null, sheepfold: null,
varietyId: null,
comment: null, comment: null,
technician: null, technician: null,
createBy: null, createBy: null,
createTime: null createTime: null
} }
proxy.resetForm('fixHoofRef') proxy.resetForm("fixHoofRef")
} }
function handleQuery () { /** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1 queryParams.value.pageNum = 1
getList() getList()
} }
function resetQuery () { /** 重置按钮操作 */
function resetQuery() {
daterangeCreateTime.value = [] daterangeCreateTime.value = []
proxy.resetForm('queryRef') proxy.resetForm("queryRef")
handleQuery() handleQuery()
} }
function handleSelectionChange (selection) { //
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id) ids.value = selection.map(item => item.id)
single.value = selection.length !== 1 single.value = selection.length != 1
multiple.value = !selection.length multiple.value = !selection.length
} }
function handleAdd () { /** 新增按钮操作 */
function handleAdd() {
reset() reset()
open.value = true open.value = true
title.value = '添加修蹄' title.value = "添加修蹄"
} }
function handleUpdate (row) { /** 修改按钮操作 */
function handleUpdate(row) {
reset() reset()
const _id = row.id || ids.value const _id = row.id || ids.value
getFixHoof(_id).then(res => { getFixHoof(_id).then(response => {
form.value = res.data form.value = response.data
open.value = true open.value = true
title.value = '修改修蹄' title.value = "修改修蹄"
}) })
} }
function submitForm () { /** 提交按钮 */
proxy.$refs.fixHoofRef.validate(valid => { function submitForm() {
if (!valid) return proxy.$refs["fixHoofRef"].validate(valid => {
if (form.value.id) { if (valid) {
updateFixHoof(form.value).then(() => { if (form.value.id != null) {
proxy.$modal.msgSuccess('修改成功') updateFixHoof(form.value).then(response => {
open.value = false proxy.$modal.msgSuccess("修改成功")
getList() open.value = false
}) getList()
} else { })
addFixHoof(form.value).then(() => { } else {
proxy.$modal.msgSuccess('新增成功') addFixHoof(form.value).then(response => {
open.value = false proxy.$modal.msgSuccess("新增成功")
getList() 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(() => { proxy.$modal.confirm('是否确认删除修蹄编号为"' + _ids + '"的数据项?').then(function () {
return delFixHoof(_ids) return delFixHoof(_ids)
}).then(() => { }).then(() => {
getList() getList()
proxy.$modal.msgSuccess('删除成功') proxy.$modal.msgSuccess("删除成功")
}) }).catch(() => { })
} }
function handleExport () { /** 导出按钮操作 */
proxy.download('/produce/other/fixHoof/export', { ...queryParams.value }, `fixHoof_${new Date().getTime()}.xlsx`) function handleExport() {
proxy.download('/produce/other/fixHoof/export', {
...queryParams.value
}, `fixHoof_${new Date().getTime()}.xlsx`)
} }
/* 下拉数据 */ /**加载所有羊舍*/
const sheepfoldOptions = ref([]) const sheepfoldOptions = ref([]);
function getSheepfoldOptions () { function getSheepfoldOptions() {
listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => { listSheepfold({ pageNum: 1, pageSize: 9999 }).then(res => {
sheepfoldOptions.value = res.rows sheepfoldOptions.value = res.rows;
}) });
} }
const varietyOptions = ref([])
function getVarietyOptions () {
request({
url: '/base/variety/list',
method: 'get',
params: { pageNum: 1, pageSize: 9999 }
}).then(res => {
varietyOptions.value = res.rows || []
})
}
/* 只保留一个 onMounted */
onMounted(() => { onMounted(() => {
getList() getList();
getSheepfoldOptions() getSheepfoldOptions();
getVarietyOptions() });
})
getList()
</script> </script>