投入品使用监管(种子和肥料)增删改开发完成,农药使用监管待原型确认

This commit is contained in:
郭永超 2025-06-27 16:46:39 +08:00
parent 421b8db946
commit f1e5031f20
15 changed files with 507 additions and 197 deletions

View File

@ -16,6 +16,6 @@ VITE_APP_UPLOAD_API = '/uploadApis'
# VITE_APP_BASE_URL = 'http://47.109.205.240:8080' # VITE_APP_BASE_URL = 'http://47.109.205.240:8080'
# VITE_APP_UPLOAD_URL = 'http://47.109.205.240:9300' # VITE_APP_UPLOAD_URL = 'http://47.109.205.240:9300'
# 内网接口地址 # 内网接口地址
VITE_APP_BASE_URL = 'http://192.168.18.99:8080' VITE_APP_BASE_URL = 'http://192.168.18.88:8080'
VITE_APP_UPLOAD_URL = 'http://192.168.18.99:8080' VITE_APP_UPLOAD_URL = 'http://192.168.18.88:8080'
# VITE_APP_VIST_URL = 'http://192.168.18.99' # VITE_APP_VIST_URL = 'http://192.168.18.99'

View File

@ -13,9 +13,9 @@ VITE_APP_UPLOAD_API = '/uploadApis'
# VITE_APP_UPLOAD_URL = 'http://47.109.205.240:9204' # VITE_APP_UPLOAD_URL = 'http://47.109.205.240:9204'
# 内网测试库接口地址 # 内网测试库接口地址
VITE_APP_BASE_URL = 'http://192.168.18.99:8080' VITE_APP_BASE_URL = 'http://192.168.18.88:8080'
VITE_APP_UPLOAD_URL = 'http://192.168.18.99:8080' VITE_APP_UPLOAD_URL = 'http://192.168.18.88:8080'
# 本地开发接口地址 # 本地开发接口地址
VITE_APP_BASE_URL = 'http://192.168.18.99:8080' # VITE_APP_BASE_URL = 'http://192.168.18.99:8080'
VITE_APP_UPLOAD_URL = 'http://192.168.18.99:8080' # VITE_APP_UPLOAD_URL = 'http://192.168.18.99:8080'

View File

@ -57,7 +57,7 @@ export function GetDictType(dictId) {
}); });
} }
/** /**
* @Title: 类型信息 * @Title: 类型信息 sys_use_supervise_number 获取投入品用量单位
*/ */
export function GetDictTypeInfo(dictId) { export function GetDictTypeInfo(dictId) {
return request(`/system/dict/data/type/${dictId}`, { return request(`/system/dict/data/type/${dictId}`, {

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="land-select-container" :style="{ width: typeof width === 'number' ? `${width}px` : width }"> <div class="land-select-container">
<el-form v-if="enableValidation" ref="formRef" :model="form" :rules="rules" :validate-on-rule-change="false"> <el-form v-if="enableValidation" ref="formRef" :model="form" :rules="rules" :validate-on-rule-change="false">
<el-form-item :label="label" :prop="enableValidation ? 'selectedValue' : null"> <el-form-item :label="label" :prop="enableValidation ? 'selectedValue' : null">
<el-select <el-select
@ -12,6 +12,7 @@
:disabled="disabled" :disabled="disabled"
clearable clearable
style="flex: 1" style="flex: 1"
:style="{ width: typeof width === 'number' ? `${width}px` : width }"
@change="handleChange" @change="handleChange"
@clear="handleClear" @clear="handleClear"
> >
@ -32,7 +33,9 @@
:disabled="disabled" :disabled="disabled"
clearable clearable
style="flex: 1" style="flex: 1"
:style="{ width: typeof width === 'number' ? `${width}px` : width }"
@change="handleChange" @change="handleChange"
@clear="handleClear"
> >
<el-option v-for="item in filteredOptions" :key="item[valueKey]" :label="item[labelKey]" :value="item[valueKey]" /> <el-option v-for="item in filteredOptions" :key="item[valueKey]" :label="item[labelKey]" :value="item[valueKey]" />
</el-select> </el-select>

View File

@ -62,7 +62,7 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form <el-form
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"
@ -136,6 +136,7 @@ import {
} from '@/apis/inputSuppliesApi/demandManage'; } from '@/apis/inputSuppliesApi/demandManage';
import { useApp } from '@/hooks'; import { useApp } from '@/hooks';
const app = useApp(); const app = useApp();
import Mock from 'mockjs';
// //
const formInline = reactive({ const formInline = reactive({
@ -179,17 +180,27 @@ const handlePaginationChange = ({ page, pageSize }) => {
}; };
let landNums = ref(0); let landNums = ref(0);
let totalArea = computed(() => { let totalArea = computed(() => {
return selectedRows.value.reduce((sum, item) => sum + item.extent, 0); const sum = selectedRows.value.reduce((sum, item) => {
return sum + Math.round(item.extent * 100);
}, 0);
const result = sum / 100;
return parseFloat(result.toFixed(2));
}); });
let totalSeed = computed(() => { let totalSeed = computed(() => {
return selectedRows.value.reduce((sum, item) => sum + item.useNumber, 0); const sum = selectedRows.value.reduce((sum, item) => {
return sum + Math.round(item.useNumber * 100);
}, 0);
const result = sum / 100;
return parseFloat(result.toFixed(2));
}); });
const handleSelectionChange = (selection, keys) => { const handleSelectionChange = (selection, keys) => {
// console.log(selection, keys); // console.log(selection, keys);
selectedRows.value = selection; selectedRows.value = selection;
landNums.value = selection.length; landNums.value = selection.length;
}; };
const extentArr = Mock.mock({
'list|10': [{ extent: () => Mock.Random.float(100, 200, 2, 2) }],
}).list;
const loadData = async () => { const loadData = async () => {
tableLoading.value = true; tableLoading.value = true;
try { try {
@ -198,6 +209,11 @@ const loadData = async () => {
if (response.code == 200) { if (response.code == 200) {
tableData.value = response.data.records; tableData.value = response.data.records;
tableTotal.value = response.data.total; tableTotal.value = response.data.total;
//
tableData.value.forEach((el, index) => {
el.extent = extentArr[index].extent;
});
} }
} catch (error) { } catch (error) {
tableLoading.value = false; tableLoading.value = false;

View File

@ -62,7 +62,7 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form <el-form
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"
@ -136,6 +136,7 @@ import {
} from '@/apis/inputSuppliesApi/demandManage'; } from '@/apis/inputSuppliesApi/demandManage';
import { useApp } from '@/hooks'; import { useApp } from '@/hooks';
const app = useApp(); const app = useApp();
import Mock from 'mockjs';
// //
const formInline = reactive({ const formInline = reactive({
@ -179,16 +180,27 @@ const handlePaginationChange = ({ page, pageSize }) => {
}; };
let landNums = ref(0); let landNums = ref(0);
let totalArea = computed(() => { let totalArea = computed(() => {
return selectedRows.value.reduce((sum, item) => sum + item.extent, 0); const sum = selectedRows.value.reduce((sum, item) => {
return sum + Math.round(item.extent * 100);
}, 0);
const result = sum / 100;
return parseFloat(result.toFixed(2));
}); });
let totalSeed = computed(() => { let totalSeed = computed(() => {
return selectedRows.value.reduce((sum, item) => sum + item.useNumber, 0); const sum = selectedRows.value.reduce((sum, item) => {
return sum + Math.round(item.useNumber * 100);
}, 0);
const result = sum / 100;
return parseFloat(result.toFixed(2));
}); });
const handleSelectionChange = (selection, keys) => { const handleSelectionChange = (selection, keys) => {
// console.log(selection, keys); // console.log(selection, keys);
selectedRows.value = selection; selectedRows.value = selection;
landNums.value = selection.length; landNums.value = selection.length;
}; };
const extentArr = Mock.mock({
'list|10': [{ extent: () => Mock.Random.float(100, 200, 2, 2) }],
}).list;
const loadData = async () => { const loadData = async () => {
tableLoading.value = true; tableLoading.value = true;
try { try {
@ -197,6 +209,11 @@ const loadData = async () => {
if (response.code == 200) { if (response.code == 200) {
tableData.value = response.data.records; tableData.value = response.data.records;
tableTotal.value = response.data.total; tableTotal.value = response.data.total;
//
tableData.value.forEach((el, index) => {
el.extent = extentArr[index].extent;
});
} }
} catch (error) { } catch (error) {
tableLoading.value = false; tableLoading.value = false;

View File

@ -15,9 +15,9 @@
:width="500" :width="500"
/> />
</el-form-item> </el-form-item>
<el-form-item label="种子名称" prop="seedTypeId"> <el-form-item label="种子名称" prop="seedId">
<el-select v-model="formInline.seedTypeId" placeholder="请选择" clearable @change="seedTypeChange"> <el-select v-model="formInline.seedId" placeholder="请选择" clearable @change="seedTypeChange">
<el-option v-for="item in seedTypeList" :key="item.id" :value="item.id" :label="item.seedName" /> <el-option v-for="item in seedTypeList" :key="item.id" :value="item.id" :label="item.dataName" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
@ -65,7 +65,7 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form :inline="true" :label-width="'auto'"> <el-form :inline="true" :label-width="'auto'">
<el-form-item label="地块编号" prop="seedName"> <el-form-item label="地块编号" prop="seedName">
<el-input v-model="dialogForm.id" placeholder="请输入地块编号" clearable /> <el-input v-model="dialogForm.id" placeholder="请输入地块编号" clearable />
@ -100,7 +100,7 @@
<el-input v-model="dialogForm.phone" clearable placeholder="请输入联系方式" /> <el-input v-model="dialogForm.phone" clearable placeholder="请输入联系方式" />
</el-form-item> </el-form-item>
<el-form-item label="使用量" required prop="useNumber" class="dialog-form-item"> <el-form-item label="使用量" required prop="useNumber" class="dialog-form-item">
<el-input-number v-model="dialogForm.useNumber" :min="1" :controls="false" placeholder="请输入用药量" style="width: 150px" /> <el-input-number v-model="dialogForm.useNumber" :min="1" controls-position="right" placeholder="请输入用药量" style="width: 150px" />
<el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px"> <el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px">
<el-option v-for="el in unitList" :key="el.unit" :value="el.unit" :label="el.unit" /> <el-option v-for="el in unitList" :key="el.unit" :value="el.unit" :label="el.unit" />
</el-select> </el-select>
@ -137,7 +137,7 @@ const formInline = reactive({
regionName: '', regionName: '',
gridId: '', gridId: '',
gridName: '', gridName: '',
seedTypeId: '', seedId: '',
current: 1, current: 1,
size: 10, size: 10,
}); });
@ -181,10 +181,18 @@ const handlePaginationChange = ({ page, pageSize }) => {
}; };
let landNums = ref(0); let landNums = ref(0);
let totalArea = computed(() => { let totalArea = computed(() => {
return selectedRows.value.reduce((sum, item) => sum + item.extent, 0); const sum = selectedRows.value.reduce((sum, item) => {
return sum + Math.round(item.extent * 100);
}, 0);
const result = sum / 100;
return parseFloat(result.toFixed(2));
}); });
let totalSeed = computed(() => { let totalSeed = computed(() => {
return selectedRows.value.reduce((sum, item) => sum + item.useNumber, 0); const sum = selectedRows.value.reduce((sum, item) => {
return sum + Math.round(item.useNumber * 100);
}, 0);
const result = sum / 100;
return parseFloat(result.toFixed(2));
}); });
const handleSelectionChange = (selection, keys) => { const handleSelectionChange = (selection, keys) => {
// console.log(selection, keys); // console.log(selection, keys);
@ -192,7 +200,7 @@ const handleSelectionChange = (selection, keys) => {
landNums.value = selection.length; landNums.value = selection.length;
}; };
const extentArr = Mock.mock({ const extentArr = Mock.mock({
'list|1-10': [{ extent: () => Mock.Random.float(100, 200, 2, 2) }], 'list|10': [{ extent: () => Mock.Random.float(100, 200, 2, 2) }],
}).list; }).list;
const loadData = async () => { const loadData = async () => {
tableLoading.value = true; tableLoading.value = true;
@ -233,7 +241,7 @@ const extractThirdLevelChildren = (dataArray) => {
return result; return result;
}; };
const seedTypeChange = () => { const seedTypeChange = () => {
console.log(formInline.seedTypeId); console.log(formInline.seedId);
// //
}; };
@ -397,9 +405,9 @@ const restDialogForm = () => {
}; };
const seedTypeList = ref([ const seedTypeList = ref([
{ id: '1', seedName: '番茄' }, { id: '1', dataName: '番茄' },
{ id: '2', seedName: '白菜' }, { id: '2', dataName: '白菜' },
{ id: '3', seedName: '辣椒' }, { id: '3', dataName: '辣椒' },
]); ]);
const seedTypeDialogList = ref([]); const seedTypeDialogList = ref([]);
const getSeedTypeList = async () => { const getSeedTypeList = async () => {
@ -458,7 +466,7 @@ const unitList = ref([
onMounted(() => { onMounted(() => {
onSubmit(); onSubmit();
// getSeedTypeList(); getSeedTypeList();
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -44,7 +44,7 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="700" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="700" :close-on-click-modal="false" align-center>
<el-form <el-form
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"
@ -121,7 +121,7 @@
:rules="dialogFormRules.pesticideSuperviseDetailVO.defaultField.useNumber" :rules="dialogFormRules.pesticideSuperviseDetailVO.defaultField.useNumber"
class="dialog-form-item" class="dialog-form-item"
> >
<el-input-number v-model="item.useNumber" :min="1" :controls="false" placeholder="请输入用药量" style="width: 120px" /> <el-input-number v-model="item.useNumber" :min="1" controls-position="right" placeholder="请输入用药量" style="width: 120px" />
<el-select v-model="item.useUnit" placeholder="请选择" style="width: 80px"> <el-select v-model="item.useUnit" placeholder="请选择" style="width: 80px">
<el-option v-for="el in unitList" :key="el.unit" :value="el.unit" :label="el.unit" /> <el-option v-for="el in unitList" :key="el.unit" :value="el.unit" :label="el.unit" />
</el-select> </el-select>

View File

@ -46,7 +46,7 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form <el-form
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"

View File

@ -30,7 +30,7 @@
<el-tab-pane label="待审核" :name="3" :value="3"></el-tab-pane> <el-tab-pane label="待审核" :name="3" :value="3"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<div class="table-cont"> <div class="table-cont" style="padding-top: 0">
<tableComponent <tableComponent
:table-data="tableData" :table-data="tableData"
:columns="columns" :columns="columns"

View File

@ -30,7 +30,7 @@
<el-tab-pane label="待审核" :name="3" :value="3"></el-tab-pane> <el-tab-pane label="待审核" :name="3" :value="3"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<div class="table-cont"> <div class="table-cont" style="padding-top: 0">
<tableComponent <tableComponent
:table-data="tableData" :table-data="tableData"
:columns="columns" :columns="columns"

View File

@ -30,7 +30,7 @@
<el-tab-pane label="待审核" :name="3" :value="3"></el-tab-pane> <el-tab-pane label="待审核" :name="3" :value="3"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<div class="table-cont"> <div class="table-cont" style="padding-top: 0">
<tableComponent <tableComponent
:table-data="tableData" :table-data="tableData"
:columns="columns" :columns="columns"
@ -86,7 +86,7 @@
<el-input v-model="dialogForm.phone" clearable placeholder="请输入联系方式" /> <el-input v-model="dialogForm.phone" clearable placeholder="请输入联系方式" />
</el-form-item> </el-form-item>
<el-form-item label="使用量" required prop="useNumber" class="dialog-form-item"> <el-form-item label="使用量" required prop="useNumber" class="dialog-form-item">
<el-input-number v-model="dialogForm.useNumber" :min="1" :controls="false" placeholder="请输入用药量" style="width: 150px" /> <el-input-number v-model="dialogForm.useNumber" :min="1" controls-position="right" placeholder="请输入用药量" style="width: 150px" />
<el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px"> <el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px">
<el-option v-for="el in unitList" :key="el.unit" :value="el.unit" :label="el.unit" /> <el-option v-for="el in unitList" :key="el.unit" :value="el.unit" :label="el.unit" />
</el-select> </el-select>

View File

@ -46,24 +46,17 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form :inline="true" :label-width="'auto'"> <el-form :inline="true" :label-width="'auto'">
<LandSelect <LandSelect ref="landSelectRef" v-model="dialogForm.landId" :options="landSelectList" :disabled="formDisabled" @change="handleLandChange" />
ref="landSelectRef"
v-model="dialogForm.landId"
:options="landSelectList"
:disabled="formDisabled"
:width="500"
@change="handleLandChange"
/>
</el-form> </el-form>
<el-descriptions title="地块信息" border class="mb-20 custom-descriptions" :column="2"> <el-descriptions title="地块信息" border class="mb-20 custom-descriptions" :column="2">
<el-descriptions-item label="行政区域编码">{{ dialogForm.regionCode }}</el-descriptions-item> <el-descriptions-item label="行政区域编码">{{ dialogForm.regionCode }}</el-descriptions-item>
<el-descriptions-item label="行政区域名称">{{ dialogForm.regionName }}</el-descriptions-item> <el-descriptions-item label="行政区域名称">{{ dialogForm.regionName }}</el-descriptions-item>
<el-descriptions-item label="网格编码">{{ dialogForm.gridId }}</el-descriptions-item> <el-descriptions-item label="网格编码">{{ dialogForm.gridId }}</el-descriptions-item>
<el-descriptions-item label="网格名称">{{ dialogForm.gridName }}</el-descriptions-item> <el-descriptions-item label="网格名称">{{ dialogForm.gridName }}</el-descriptions-item>
<el-descriptions-item label="地块编码">{{ dialogForm.landName }}</el-descriptions-item> <el-descriptions-item label="地块编码">{{ dialogForm.landId }}</el-descriptions-item>
<el-descriptions-item label="地块名称">{{ dialogForm.landId }}</el-descriptions-item> <el-descriptions-item label="地块名称">{{ dialogForm.landName }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-descriptions title="经营主体信息" border class="mb-20 custom-descriptions" :column="2"> <el-descriptions title="经营主体信息" border class="mb-20 custom-descriptions" :column="2">
<el-descriptions-item label="经营主体编码">{{ dialogForm.businessEntityCode }}</el-descriptions-item> <el-descriptions-item label="经营主体编码">{{ dialogForm.businessEntityCode }}</el-descriptions-item>
@ -73,12 +66,12 @@
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"
:inline="true" :inline="true"
:label-width="'80'" :label-width="'100'"
:rules="dialogFormRules" :rules="dialogFormRules"
:disabled="formDisabled" :disabled="formDisabled"
class="dialog-form-container" class="dialog-form-container"
> >
<div class="dialog-form-title">农药用药详情</div> <div class="el-descriptions__title" style="margin-bottom: 16px">农药用药详情</div>
<el-form-item label="肥料编号" prop="fertilizeId" class="dialog-form-item"> <el-form-item label="肥料编号" prop="fertilizeId" class="dialog-form-item">
<el-input v-model="dialogForm.fertilizeId" clearable placeholder="请输入肥料编号" /> <el-input v-model="dialogForm.fertilizeId" clearable placeholder="请输入肥料编号" />
</el-form-item> </el-form-item>
@ -86,14 +79,42 @@
<el-input v-model="dialogForm.fertilizeName" clearable placeholder="请输入肥料名称" /> <el-input v-model="dialogForm.fertilizeName" clearable placeholder="请输入肥料名称" />
</el-form-item> </el-form-item>
<el-form-item label="使用量" required prop="useNumber" class="dialog-form-item"> <el-form-item label="使用量" required prop="useNumber" class="dialog-form-item">
<el-input-number v-model="dialogForm.useNumber" :min="1" :controls="false" placeholder="请输入使用量" style="width: 150px" /> <el-input-number v-model="dialogForm.useNumber" :min="1" controls-position="right" placeholder="请输入使用量" style="width: 150px" />
<el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px"> <el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px">
<el-option v-for="el in unitList" :key="el.dictValue" :value="el.dictValue" :label="el.dictValue" /> <el-option v-for="el in unitList" :key="el.dictValue" :value="el.dictValue" :label="el.dictValue" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="使用时间" prop="detectionTime" class="dialog-form-item"> <el-form-item label="使用时间" prop="useTime" class="dialog-form-item">
<el-date-picker v-model="dialogForm.detectionTime" :clearable="false" type="date" value-format="YYYY-MM-DD" placeholder="请选择使用时间" /> <el-date-picker v-model="dialogForm.useTime" :clearable="false" type="date" value-format="YYYY-MM-DD" placeholder="请选择使用时间" />
</el-form-item> </el-form-item>
<div class="el-descriptions__title" style="margin-bottom: 16px">检测信息</div>
<div style="display: flex">
<div style="width: 48%; display: inline-block">
<el-form-item label="检测时间" prop="detectionTime" class="dialog-form-item" :label-width="'100'">
<el-date-picker
v-model="dialogForm.detectionTime"
:clearable="false"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择检测时间"
/>
</el-form-item>
<el-form-item label="检测结果" prop="detectionResult" class="dialog-form-item" :label-width="'100'">
<el-select v-model="dialogForm.detectionResult" placeholder="请选择">
<el-option value="合格" label="合格" />
<el-option value="不合格" label="不合格" />
</el-select>
</el-form-item>
<el-form-item label="检测单位" prop="detectionUnit" class="dialog-form-item" :label-width="'100'">
<el-input v-model="dialogForm.detectionUnit" clearable placeholder="请输入检测单位" />
</el-form-item>
</div>
<div style="width: 50%; display: inline-block">
<el-form-item label="检测报告" prop="detectionReport" class="dialog-form-item" :label-width="'80'">
<FileUploader v-model="dialogForm.detectionReport" :limit="1" />
</el-form-item>
</div>
</div>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
@ -156,6 +177,8 @@ const columns = ref([
{ prop: 'phone', label: '联系方式' }, { prop: 'phone', label: '联系方式' },
{ prop: 'fertilizeId', label: '肥料编号' }, { prop: 'fertilizeId', label: '肥料编号' },
{ prop: 'fertilizeName', label: '肥料名称' }, { prop: 'fertilizeName', label: '肥料名称' },
{ prop: 'businessEntityCode', label: '生产经营主体编码' },
{ prop: 'businessEntityName', label: '生产经营主体名称' },
{ prop: 'action', label: '操作', slotName: 'action', width: 230, fixed: 'right' }, { prop: 'action', label: '操作', slotName: 'action', width: 230, fixed: 'right' },
]); ]);
const handlePaginationChange = ({ page, pageSize }) => { const handlePaginationChange = ({ page, pageSize }) => {
@ -206,6 +229,7 @@ const dialogRef = ref(null);
const dialogTitle = ref('新增'); const dialogTitle = ref('新增');
const formDisabled = ref(false); const formDisabled = ref(false);
const landSelectRef = ref(null); const landSelectRef = ref(null);
const nowSelectRow = ref({});
const dialogForm = reactive({ const dialogForm = reactive({
regionCode: '', // regionCode: '', //
regionName: '', // regionName: '', //
@ -219,47 +243,56 @@ const dialogForm = reactive({
fertilizeName: '', // fertilizeName: '', //
useNumber: 1, //使 useNumber: 1, //使
useUnit: 'g', //使 useUnit: 'g', //使
detectionTime: '', //使 useTime: '', //使
businessEntityCode: '', // businessEntityCode: '', //
businessEntityName: '', // businessEntityName: '', //
detectionTime: '', //
detectionResult: '', //'
detectionUnit: '', //
detectionReport: '', //
}); });
const dialogFormRules = ref({ const dialogFormRules = ref({
fertilizeId: [{ required: true, message: '请输入肥料编号', trigger: 'blur' }], fertilizeId: [{ required: true, message: '请输入肥料编号', trigger: 'blur' }],
fertilizeName: [{ required: true, message: '请输入肥料名称', trigger: 'blur' }], fertilizeName: [{ required: true, message: '请输入肥料名称', trigger: 'blur' }],
useNumber: [{ required: true, message: '请输入使用量', trigger: ['change', 'blur'] }], useNumber: [{ required: true, message: '请输入使用量', trigger: ['change', 'blur'] }],
detectionTime: [{ required: true, message: '请选择使用时间', trigger: 'blur' }], useTime: [{ required: true, message: '请选择使用时间', trigger: 'blur' }],
detectionTime: [{ required: true, message: '请选择检测时间', trigger: ['change', 'blur'] }],
detectionResult: [
{
required: true,
message: '请选择检测结果',
trigger: 'blur',
},
],
detectionUnit: [{ required: true, message: '请输入检测单位', trigger: 'blur' }],
}); });
const addItem = async () => { const addItem = async () => {
restDialogForm(); ElMessage.success('点击新增!');
dialogTitle.value = '新增'; // restDialogForm();
formDisabled.value = false; // dialogTitle.value = '';
dialogFormVisible.value = true; // formDisabled.value = false;
// dialogFormVisible.value = true;
}; };
const seeDetails = async (row) => { const seeDetails = async (row) => {
dialogTitle.value = '详情'; ElMessage.success('查看详情!');
formDisabled.value = true; // dialogTitle.value = '';
dialogForm.landId = row.landId; // formDisabled.value = true;
getDetails(); // dialogForm.landId = row.landId;
dialogForm.fertilizeId = row.fertilizeId; // getDetails();
dialogForm.fertilizeName = row.fertilizeName; // setDialogForm2();
dialogForm.useNumber = row.useNumber; // dialogFormVisible.value = true;
dialogForm.useUnit = row.useUnit;
dialogForm.detectionTime = row.useTime;
dialogFormVisible.value = true;
}; };
const handleEdit = (row) => { const handleEdit = (row) => {
ElMessage.success('点击编辑!');
console.log('要编辑的行: ', row); console.log('要编辑的行: ', row);
dialogTitle.value = '编辑'; // nowSelectRow.value = row;
formDisabled.value = false; // dialogTitle.value = '';
dialogForm.landId = row.landId; // formDisabled.value = false;
getDetails(); // dialogForm.landId = row.landId;
dialogForm.fertilizeId = row.fertilizeId; // getDetails();
dialogForm.fertilizeName = row.fertilizeName; // setDialogForm2();
dialogForm.useNumber = row.useNumber; // dialogFormVisible.value = true;
dialogForm.useUnit = row.useUnit;
dialogForm.detectionTime = row.useTime;
dialogFormVisible.value = true;
}; };
const setDialogForm = (row) => { const setDialogForm = (row) => {
dialogForm.regionCode = row.gridAreaCode; dialogForm.regionCode = row.gridAreaCode;
@ -273,6 +306,17 @@ const setDialogForm = (row) => {
dialogForm.businessEntityCode = row.businessEntityCode ?? ''; dialogForm.businessEntityCode = row.businessEntityCode ?? '';
dialogForm.businessEntityName = row.businessEntityName ?? ''; dialogForm.businessEntityName = row.businessEntityName ?? '';
}; };
const setDialogForm2 = (row) => {
dialogForm.fertilizeId = row.fertilizeId;
dialogForm.fertilizeName = row.fertilizeName;
dialogForm.useNumber = row.useNumber;
dialogForm.useUnit = row.useUnit;
dialogForm.useTime = row.useTime;
dialogForm.detectionTime = row.detectionTime;
dialogForm.detectionResult = row.detectionResult;
dialogForm.detectionUnit = row.detectionUnit;
dialogForm.detectionReport = row.detectionReport ?? '';
};
// //
const getDetails = async () => { const getDetails = async () => {
let response = await request({ let response = await request({
@ -333,9 +377,10 @@ const onSaveCategory = () => {
if (dialogTitle.value == '新增') { if (dialogTitle.value == '新增') {
response = await fertilizeUseRegulatorySave(param); response = await fertilizeUseRegulatorySave(param);
} else { } else {
param.id = nowSelectRow.value.id;
response = await editFertilizeUseRegulatory(param); response = await editFertilizeUseRegulatory(param);
} }
if (response.code == 200) { if (response?.code == 200) {
cancelDialog(); cancelDialog();
onSubmit(); onSubmit();
if (dialogTitle.value == '新增') { if (dialogTitle.value == '新增') {
@ -373,7 +418,12 @@ const restDialogForm = () => {
useTime: '', //使 useTime: '', //使
businessEntityCode: '', // businessEntityCode: '', //
businessEntityName: '', // businessEntityName: '', //
detectionTime: '', //
detectionResult: '', //'
detectionUnit: '', //
detectionReport: '', //
}); });
nowSelectRow.value = ref({});
}; };
const seedTypeList = ref([]); const seedTypeList = ref([]);

View File

@ -46,50 +46,111 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form :inline="true" :label-width="'auto'">
<LandSelect ref="landSelectRef" v-model="dialogForm.landId" :options="landSelectList" :disabled="formDisabled" @change="handleLandChange" />
</el-form>
<el-descriptions title="地块信息" border class="mb-20 custom-descriptions" :column="2">
<el-descriptions-item label="行政区域编码">{{ dialogForm.regionCode }}</el-descriptions-item>
<el-descriptions-item label="行政区域名称">{{ dialogForm.regionName }}</el-descriptions-item>
<el-descriptions-item label="网格编码">{{ dialogForm.gridId }}</el-descriptions-item>
<el-descriptions-item label="网格名称">{{ dialogForm.gridName }}</el-descriptions-item>
<el-descriptions-item label="地块编码">{{ dialogForm.landId }}</el-descriptions-item>
<el-descriptions-item label="地块名称">{{ dialogForm.landName }}</el-descriptions-item>
</el-descriptions>
<el-descriptions title="经营主体信息" border class="mb-20 custom-descriptions" :column="2">
<el-descriptions-item label="经营主体编码">{{ dialogForm.businessEntityCode }}</el-descriptions-item>
<el-descriptions-item label="经营主体名称">{{ dialogForm.businessEntityName }}</el-descriptions-item>
</el-descriptions>
<el-form <el-form
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"
:inline="true" :inline="true"
:label-width="'120'" :label-width="'100'"
:rules="dialogFormRules" :rules="dialogFormRules"
:disabled="formDisabled" :disabled="formDisabled"
class="dialog-form-container" class="dialog-form-container"
> >
<el-form-item label="种子种苗名称" prop="seedName" class="dialog-form-item"> <div class="el-descriptions__title" style="margin-bottom: 16px">
<el-input v-model="dialogForm.seedName" clearable placeholder="请输入种子种苗名称" /> 农药用药信息
<el-button v-if="!formDisabled" type="primary" icon="plus" size="small" style="margin-left: 10px" @click="addMedicationInfo()"
>添加用药信息</el-button
>
</div>
<div v-for="(item, index) in dialogForm.pesticideSuperviseDetailVO" :key="index" class="dialog-form-many">
<el-form-item
label="农药名称"
required
:prop="`pesticideSuperviseDetailVO.${index}.pesticideId`"
:rules="dialogFormRules.pesticideSuperviseDetailVO.defaultField.pesticideId"
class="dialog-form-item"
>
<el-select v-model="item.pesticideId" placeholder="请选择" @change="handlePesticideChange(item, index)">
<el-option v-for="el in pesticideList" :key="el.id" :value="el.id" :label="el.pesticideName" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="品种名称" prop="varietyName" class="dialog-form-item"> <el-form-item
<el-input v-model="dialogForm.varietyName" clearable placeholder="请输入品种名称" /> label="用药量"
required
:prop="`pesticideSuperviseDetailVO.${index}.useNumber`"
:rules="dialogFormRules.pesticideSuperviseDetailVO.defaultField.useNumber"
class="dialog-form-item"
>
<el-input-number v-model="item.useNumber" :min="1" controls-position="right" placeholder="请输入用药量" style="width: 120px" />
<el-select v-model="item.useUnit" placeholder="请选择" style="width: 80px">
<el-option v-for="el in unitList" :key="el.dictValue" :value="el.dictValue" :label="el.dictValue" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="品牌" prop="brand" class="dialog-form-item"> <el-form-item
<el-input v-model="dialogForm.brand" clearable placeholder="请输入品牌" /> label="使用时间"
required
:prop="`pesticideSuperviseDetailVO.${index}.useTime`"
:rules="dialogFormRules.pesticideSuperviseDetailVO.defaultField.useTime"
class="dialog-form-item"
>
<el-date-picker v-model="item.useTime" :clearable="false" type="date" value-format="YYYY-MM-DD" placeholder="请选择使用时间" />
</el-form-item> </el-form-item>
<el-form-item label="生产厂家" prop="manufacturer" class="dialog-form-item"> <el-form-item
<el-input v-model="dialogForm.manufacturer" clearable placeholder="请输入生产厂家" /> label="检测结果"
required
:prop="`pesticideSuperviseDetailVO.${index}.detailDetectionResult`"
:rules="dialogFormRules.pesticideSuperviseDetailVO.defaultField.detailDetectionResult"
class="dialog-form-item"
>
<el-select v-model="item.detailDetectionResult" placeholder="请选择" style="width: 200px">
<el-option value="合格" label="合格" />
<el-option value="不合格" label="不合格" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="蔬菜种苗" prop="classifyId" class="dialog-form-item"> <div v-if="!formDisabled" class="dialog-form-many-delete">
<el-cascader <el-button v-if="index !== 0" type="danger" plain size="small" @click="deleteMedicationInfo(index)">删除</el-button>
v-model="dialogForm.classifyId" </div>
:options="seedTypeDialogList" </div>
:props="cascaderProps" <div class="el-descriptions__title" style="margin-bottom: 16px">检测信息</div>
placeholder="请选择" <div style="display: flex">
@change="handleCascaderChange" <div style="width: 48%; display: inline-block">
<el-form-item label="检测时间" prop="detectionTime" class="dialog-form-item" :label-width="'100'">
<el-date-picker
v-model="dialogForm.detectionTime"
:clearable="false"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择检测时间"
/> />
</el-form-item> </el-form-item>
<el-form-item label="产品规格" prop="productUnit" class="dialog-form-item"> <el-form-item label="检测结果" prop="detectionResult" class="dialog-form-item" :label-width="'100'">
<el-input v-model="dialogForm.productUnit" clearable placeholder="请输入产品规格" /> <el-select v-model="dialogForm.detectionResult" placeholder="请选择">
<el-option value="合格" label="合格" />
<el-option value="不合格" label="不合格" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="检测单位" prop="detectionUnit" class="dialog-form-item" :label-width="'100'">
<div style="display: flex"> <el-input v-model="dialogForm.detectionUnit" clearable placeholder="请输入检测单位" />
<div style="width: 50%; display: inline-block">
<el-form-item label="种子种苗主图" prop="photoUrl" class="dialog-form-item" style="width: 100%">
<FileUploader v-model="dialogForm.photoUrl" :limit="1" />
</el-form-item> </el-form-item>
</div> </div>
<div style="width: 50%; display: inline-block"> <div style="width: 50%; display: inline-block">
<el-form-item label="种子种苗详情图" prop="photoUrlDetail" class="dialog-form-item" style="width: 100%"> <el-form-item label="检测报告" prop="detectionReport" class="dialog-form-item" :label-width="'80'">
<FileUploader v-model="dialogForm.photoUrlDetail" :limit="1" /> <FileUploader v-model="dialogForm.detectionReport" :limit="1" />
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
@ -110,14 +171,16 @@ import { ref, reactive, computed, onMounted, onBeforeUnmount, nextTick } from 'v
import tableComponent from '@/components/tableComponent.vue'; import tableComponent from '@/components/tableComponent.vue';
import { ElMessage } from 'element-plus'; import { ElMessage } from 'element-plus';
import inputSuppliesApi from '@/apis/inputSuppliesApi'; import inputSuppliesApi from '@/apis/inputSuppliesApi';
const { getMaterailTypes } = inputSuppliesApi; const { getMaterailTypes, getPesticideSelectList } = inputSuppliesApi;
import { import {
getPesticideUseRegulatoryRecords, getPesticideUseRegulatoryRecords,
pesticideUseRegulatorySave, pesticideUseRegulatorySave,
editPesticideUseRegulatory, editPesticideUseRegulatory,
delPesticideUseRegulatory, delPesticideUseRegulatory,
getRowDetails, getLandList,
} from '@/apis/inputSuppliesApi/supervisionOfInputs'; } from '@/apis/inputSuppliesApi/supervisionOfInputs';
import request from '@/utils/axios';
import { GetDictTypeInfo } from '@/apis/system/dictType';
import { useApp } from '@/hooks'; import { useApp } from '@/hooks';
const app = useApp(); const app = useApp();
@ -143,14 +206,18 @@ const selectedIds = ref([]);
const tableLoading = ref(false); const tableLoading = ref(false);
const tableTotal = ref(0); const tableTotal = ref(0);
const columns = ref([ const columns = ref([
{ prop: 'name', label: '姓名' }, { prop: 'regionCode', label: '行政区域编码' },
{ prop: 'phone', label: '联系方式' }, { prop: 'regionName', label: '行政区域名称' },
{ prop: 'landName', label: '用药地块' }, { prop: 'gridId', label: '网格编码' },
{ prop: 'gridName', label: '网格名称' },
{ prop: 'landId', label: '地块编码' }, { prop: 'landId', label: '地块编码' },
{ prop: 'landName', label: '地块名称' },
{ prop: 'detectionTime', label: '检测时间' }, { prop: 'detectionTime', label: '检测时间' },
{ prop: 'detectionResult', label: '检测结果' }, { prop: 'detectionResult', label: '检测结果' },
{ prop: 'detectionUnit', label: '检测单位' }, { prop: 'detectionUnit', label: '检测单位' },
{ prop: 'isUpload', label: '检测报告(是否上传)' }, { prop: 'isUpload', label: '检测报告(是否上传)' },
{ prop: 'businessEntityCode', label: '生产经营主体编码' },
{ prop: 'businessEntityName', label: '生产经营主体名称' },
{ prop: 'action', label: '操作', slotName: 'action', width: 230, fixed: 'right' }, { prop: 'action', label: '操作', slotName: 'action', width: 230, fixed: 'right' },
]); ]);
const handlePaginationChange = ({ page, pageSize }) => { const handlePaginationChange = ({ page, pageSize }) => {
@ -196,38 +263,104 @@ const seedTypeChange = () => {
// //
}; };
const pesticideList = ref([]);
const getPesticidesList = async () => {
try {
let response = await getPesticideSelectList();
if (response.code == 200) {
pesticideList.value = response.data;
}
} catch (error) {
console.error(error);
}
};
const unitList = ref([
{ dictCode: '52', dictValue: 'g' },
{ dictCode: '53', dictValue: 'kg' },
{ dictCode: '54', dictValue: 'ml' },
{ dictCode: '55', dictValue: 'L' },
]);
const landSelectList = ref([]);
const getLandsList = async () => {
let res = await getLandList();
if (res.code == 200) {
landSelectList.value = res.data;
}
};
const handleLandChange = (val) => {
console.log(val);
if (val) {
getDetails();
} else {
restDialogForm();
}
};
const dialogFormVisible = ref(false); const dialogFormVisible = ref(false);
const dialogRef = ref(null); const dialogRef = ref(null);
const dialogTitle = ref('新增'); const dialogTitle = ref('新增');
const formDisabled = ref(false); const formDisabled = ref(false);
const landSelectRef = ref(null);
const nowSelectRow = ref({});
const dialogForm = reactive({ const dialogForm = reactive({
id: '', regionCode: '', //
seedName: '', // regionName: '', //
varietyName: '', // gridId: '', //
brand: '', // gridName: '', //
manufacturer: '', // landId: '', //id
classifyId: '', //id landName: '', //
classifyName: '', // name: '', //
productSpecification: '', //number phone: '', //
productUnit: '', // businessEntityCode: '', //
productAttributes: '', // businessEntityName: '', //
photoUrl: '', // detectionTime: '', //
photoUrlDetail: '', // detectionResult: '', //'
detectionUnit: '', //
detectionReport: '', //
pesticideSuperviseDetailVO: [{ pesticideId: '', pesticideName: '', useNumber: 1, useTime: '', useUnit: 'ml', detailDetectionResult: '' }],
}); });
const dialogFormRules = ref({ const dialogFormRules = ref({
seedName: [{ required: true, message: '请输入种子种苗名称', trigger: 'blur' }], detectionTime: [{ required: true, message: '请选择检测时间', trigger: ['change', 'blur'] }],
varietyName: [{ required: true, message: '请输入品种名称', trigger: 'blur' }], detectionResult: [
brand: [{ required: true, message: '请输入品牌', trigger: 'blur' }],
manufacturer: [{ required: true, message: '请输入品牌', trigger: 'blur' }],
classifyId: [
{ {
required: true, required: true,
message: '请选择蔬菜种苗', message: '请选择检测结果',
trigger: ['change', 'blur'], trigger: ['change', 'blur'],
}, },
], ],
productUnit: [{ required: true, message: '请输入产品规格', trigger: 'blur' }], detectionUnit: [{ required: true, message: '请输入检测单位', trigger: 'blur' }],
pesticideSuperviseDetailVO: {
type: 'array',
defaultField: {
pesticideId: [{ required: true, message: '请选择农药名称', trigger: 'change' }],
useNumber: [
{ required: true, message: '请输入用药量', trigger: 'blur' },
{ type: 'number', min: 1, message: '用药量必须大于0', trigger: 'blur' },
],
useUnit: [{ required: true, message: '请选择单位', trigger: 'change' }],
useTime: [{ required: true, message: '请选择使用时间', trigger: 'change' }],
detailDetectionResult: [{ required: true, message: '请选择检测结果', trigger: 'change' }],
},
},
}); });
const addMedicationInfo = () => {
dialogForm.pesticideSuperviseDetailVO.push({
pesticideSuperviseId: '',
detailId: '',
pesticideId: '',
pesticideName: '',
useNumber: 1,
useTime: '',
useUnit: 'ml',
});
};
const handlePesticideChange = (item, index) => {
dialogForm.pesticideSuperviseDetailVO[index].pesticideName = pesticideList.value[index].pesticideName;
console.log(dialogForm.pesticideSuperviseDetailVO);
};
const deleteMedicationInfo = (index) => {
dialogForm.pesticideSuperviseDetailVO.splice(index, 1);
};
const addItem = async () => { const addItem = async () => {
ElMessage.success('点击新增!'); ElMessage.success('点击新增!');
@ -237,33 +370,65 @@ const addItem = async () => {
// dialogFormVisible.value = true; // dialogFormVisible.value = true;
}; };
const seeDetails = async (row) => { const seeDetails = async (row) => {
ElMessage.success('点击查看详情!'); ElMessage.success('查看详情!');
dialogTitle.value = '详情'; console.log('查看详情的行: ', row);
setDialogForm(row); // dialogTitle.value = '';
formDisabled.value = true; // formDisabled.value = true;
dialogFormVisible.value = true; // getDetails();
// setDialogForm2(row);
// dialogFormVisible.value = true;
}; };
const handleEdit = (row) => { const handleEdit = (row) => {
ElMessage.success('点击编辑!'); ElMessage.success('点击编辑!');
console.log('要编辑的行: ', row); console.log('要编辑的行: ', row);
// nowSelectRow.value = row;
// dialogTitle.value = ''; // dialogTitle.value = '';
// setDialogForm(row);
// formDisabled.value = false; // formDisabled.value = false;
// dialogForm.landId = row.landId;
// getDetails();
// setDialogForm2(row);
// dialogFormVisible.value = true; // dialogFormVisible.value = true;
}; };
const setDialogForm = (row) => { const setDialogForm = (row) => {
dialogForm.id = row.id; dialogForm.regionCode = row.gridAreaCode;
dialogForm.seedName = row.seedName; dialogForm.regionName = row.fullRegionName;
dialogForm.varietyName = row.varietyName; dialogForm.gridId = row.gridId;
dialogForm.brand = row.brand; dialogForm.gridName = row.gridName;
dialogForm.manufacturer = row.manufacturer; dialogForm.landId = row.id;
dialogForm.classifyId = row.classifyId; dialogForm.landName = row.landName;
dialogForm.classifyName = row.classifyName; dialogForm.name = row.propertyName;
dialogForm.productSpecification = row.productSpecification; dialogForm.phone = row.propertyPhone;
dialogForm.productUnit = row.productUnit; dialogForm.businessEntityCode = row.businessEntityCode ?? '';
dialogForm.productAttributes = row.productAttributes; dialogForm.businessEntityName = row.businessEntityName ?? '';
dialogForm.photoUrl = row.photoUrl; };
dialogForm.photoUrlDetail = row.photoUrlDetail; const setDialogForm2 = (row) => {
dialogForm.detectionTime = row.detectionTime;
dialogForm.detectionResult = row.detectionResult;
dialogForm.detectionUnit = row.detectionUnit;
dialogForm.detectionReport = row.detectionReport ?? '';
if (row.pesticideSuperviseDetailVO.length > 0) {
dialogForm.pesticideSuperviseDetailVO = row.pesticideSuperviseDetailVO.map((el) => {
el.useNumber = Number(el.useNumber);
el.pesticideId = Number(el.pesticideId);
return el;
});
}
};
//
const getDetails = async () => {
let response = await request({
url: `/land-resource/landManage/getLandInfo?landId=${dialogForm.landId}`,
});
console.log(response);
if (response.code == 200) {
if (response.data) {
setDialogForm(response.data);
} else {
ElMessage.error('未查询到数据');
}
} else {
ElMessage.error(response.message);
}
}; };
const handleDelete = (row) => { const handleDelete = (row) => {
app app
@ -296,17 +461,20 @@ const deleteGoods = async (ids) => {
}; };
const onSaveCategory = () => { const onSaveCategory = () => {
console.log(dialogForm); console.log(dialogForm);
if (dialogForm.landId == '') {
landSelectRef.value.handleChange();
return;
}
dialogRef.value.validate(async (valid, fields) => { dialogRef.value.validate(async (valid, fields) => {
if (valid) { if (valid) {
try { try {
let param = { ...dialogForm }; let param = { ...dialogForm };
param.classifyId = dialogForm.classifyId.join(',');
param.classifyName = dialogForm.classifyName.join(',');
console.log(param); console.log(param);
let response; let response;
if (dialogTitle.value == '新增') { if (dialogTitle.value == '新增') {
response = await pesticideUseRegulatorySave(param); response = await pesticideUseRegulatorySave(param);
} else { } else {
param.id = nowSelectRow.value.id;
response = await editPesticideUseRegulatory(param); response = await editPesticideUseRegulatory(param);
} }
if (response.code == 200) { if (response.code == 200) {
@ -332,19 +500,23 @@ const cancelDialog = async () => {
}; };
const restDialogForm = () => { const restDialogForm = () => {
Object.assign(dialogForm, { Object.assign(dialogForm, {
id: '', regionCode: '', //
seedName: '', // regionName: '', //
varietyName: '', // gridId: '', //
brand: '', // gridName: '', //
manufacturer: '', // landId: '', //id
classifyId: '', //id landName: '', //
classifyName: '', // name: '', //
productSpecification: '', //number phone: '', //
productUnit: '', // businessEntityCode: '', //
productAttributes: '', // businessEntityName: '', //
photoUrl: '', // detectionTime: '',
photoUrlDetail: '', // detectionResult: '',
detectionUnit: '',
detectionReport: '',
pesticideSuperviseDetailVO: [{ pesticideId: '', pesticideName: '', useNumber: 1, useTime: '', useUnit: 'ml' }],
}); });
nowSelectRow.value = ref({});
}; };
const seedTypeList = ref([]); const seedTypeList = ref([]);
@ -396,9 +568,32 @@ const getSelectedNames = (ids) => {
return names; return names;
}; };
const getEntityOptions = async () => {
let res = await GetDictTypeInfo('sys_use_supervise_number');
console.log(res);
if (res.code == 200) {
unitList.value = res.data;
let arr = [
{ dictCode: '54', dictValue: 'ml' },
{ dictCode: '55', dictValue: 'L' },
];
unitList.value = [...arr, ...res.data];
} else {
unitList.value = [
{ dictCode: '52', dictValue: 'g' },
{ dictCode: '53', dictValue: 'kg' },
{ dictCode: '54', dictValue: 'ml' },
{ dictCode: '55', dictValue: 'L' },
];
}
};
onMounted(() => { onMounted(() => {
onSubmit(); onSubmit();
getSeedTypeList(); getSeedTypeList();
getPesticidesList();
getLandsList();
getEntityOptions();
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -418,4 +613,23 @@ onMounted(() => {
height: 100px; height: 100px;
} }
} }
/* 必须使用深度选择器 + 精确DOM层级 */
.custom-descriptions :deep(.el-descriptions__body) table.el-descriptions__table {
table-layout: fixed; /* 关键属性1强制等宽 */
width: 100%;
}
.custom-descriptions :deep(.el-descriptions__label) {
width: 130px !important; /* 关键属性2固定宽度 */
min-width: 130px !important;
max-width: 130px !important;
background: #f5f7fa;
font-weight: bold;
text-align: left;
padding-right: 20px;
}
.custom-descriptions :deep(.el-descriptions__content) {
width: calc(100% - 130px) !important; /* 自动填充剩余空间 */
word-break: break-word;
}
</style> </style>

View File

@ -46,44 +46,40 @@
</tableComponent> </tableComponent>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false"> <el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false" align-center>
<el-form :inline="true" :label-width="'auto'"> <el-form :inline="true" :label-width="'auto'">
<LandSelect <LandSelect ref="landSelectRef" v-model="dialogForm.landId" :options="landSelectList" :disabled="formDisabled" @change="handleLandChange" />
ref="landSelectRef"
v-model="dialogForm.landId"
:options="landSelectList"
:disabled="formDisabled"
:width="500"
@change="handleLandChange"
/>
</el-form> </el-form>
<el-descriptions title="地块信息" border class="mb-20 custom-descriptions" :column="2"> <el-descriptions title="地块信息" border class="mb-20 custom-descriptions" :column="2">
<el-descriptions-item label="地块">{{ dialogForm.landName }}</el-descriptions-item> <el-descriptions-item label="行政区域编码">{{ dialogForm.regionCode }}</el-descriptions-item>
<el-descriptions-item label="所属行政区">{{ dialogForm.regionName }}</el-descriptions-item> <el-descriptions-item label="行政区域名称">{{ dialogForm.regionName }}</el-descriptions-item>
<el-descriptions-item label="所属网格">{{ dialogForm.gridName }}</el-descriptions-item> <el-descriptions-item label="网格编码">{{ dialogForm.gridId }}</el-descriptions-item>
<el-descriptions-item label="网格名称">{{ dialogForm.gridName }}</el-descriptions-item>
<el-descriptions-item label="地块编码">{{ dialogForm.landId }}</el-descriptions-item>
<el-descriptions-item label="地块名称">{{ dialogForm.landName }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-descriptions title="经营主体信息" border class="mb-20 custom-descriptions" :column="2"> <el-descriptions title="经营主体信息" border class="mb-20 custom-descriptions" :column="2">
<el-descriptions-item label="姓名">{{ dialogForm.name }}</el-descriptions-item> <el-descriptions-item label="经营主体编码">{{ dialogForm.businessEntityCode }}</el-descriptions-item>
<el-descriptions-item label="联系方式">{{ dialogForm.phone }}</el-descriptions-item> <el-descriptions-item label="经营主体名称">{{ dialogForm.businessEntityName }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-form <el-form
ref="dialogRef" ref="dialogRef"
:model="dialogForm" :model="dialogForm"
:inline="true" :inline="true"
:label-width="'80'" :label-width="'120'"
:rules="dialogFormRules" :rules="dialogFormRules"
:disabled="formDisabled" :disabled="formDisabled"
class="dialog-form-container" class="dialog-form-container"
> >
<div class="dialog-form-title">农药用药详情</div> <div class="el-descriptions__title" style="margin-bottom: 16px">使用信息</div>
<el-form-item label="种子编号" prop="provenanceId" class="dialog-form-item"> <el-form-item label="种子种苗编号" prop="provenanceId" class="dialog-form-item">
<el-input v-model="dialogForm.provenanceId" clearable placeholder="请输入种子编号" /> <el-input v-model="dialogForm.provenanceId" clearable placeholder="请输入种子种苗编号" />
</el-form-item> </el-form-item>
<el-form-item label="种子名称" prop="provenanceName" class="dialog-form-item"> <el-form-item label="种子种苗名称" prop="provenanceName" class="dialog-form-item">
<el-input v-model="dialogForm.provenanceName" clearable placeholder="请输入种子名称" /> <el-input v-model="dialogForm.provenanceName" clearable placeholder="请输入种子种苗名称" />
</el-form-item> </el-form-item>
<el-form-item label="使用量" required prop="useNumber" class="dialog-form-item"> <el-form-item label="使用量" required prop="useNumber" class="dialog-form-item">
<el-input-number v-model="dialogForm.useNumber" :min="1" :controls="false" placeholder="请输入使用量" style="width: 150px" /> <el-input-number v-model="dialogForm.useNumber" :min="1" controls-position="right" placeholder="请输入使用量" style="width: 150px" />
<el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px"> <el-select v-model="dialogForm.useUnit" placeholder="请选择" style="width: 80px">
<el-option v-for="el in unitList" :key="el.dictValue" :value="el.dictValue" :label="el.dictValue" /> <el-option v-for="el in unitList" :key="el.dictValue" :value="el.dictValue" :label="el.dictValue" />
</el-select> </el-select>
@ -150,8 +146,8 @@ const columns = ref([
{ prop: 'gridName', label: '网格名称' }, { prop: 'gridName', label: '网格名称' },
{ prop: 'landId', label: '地块编码' }, { prop: 'landId', label: '地块编码' },
{ prop: 'landName', label: '地块名称' }, { prop: 'landName', label: '地块名称' },
{ prop: 'provenanceId', label: '种子编号' }, { prop: 'provenanceId', label: '种子种苗编号' },
{ prop: 'provenanceName', label: '种子名称' }, { prop: 'provenanceName', label: '种子种苗名称' },
{ prop: 'useNumber', label: '使用量' }, { prop: 'useNumber', label: '使用量' },
{ prop: 'useUnit', label: '使用单位' }, { prop: 'useUnit', label: '使用单位' },
{ prop: 'useTime', label: '使用时间' }, { prop: 'useTime', label: '使用时间' },
@ -207,6 +203,7 @@ const dialogRef = ref(null);
const dialogTitle = ref('新增'); const dialogTitle = ref('新增');
const formDisabled = ref(false); const formDisabled = ref(false);
const landSelectRef = ref(null); const landSelectRef = ref(null);
const nowSelectRow = ref({});
const dialogForm = reactive({ const dialogForm = reactive({
regionCode: '', // regionCode: '', //
regionName: '', // regionName: '', //
@ -216,8 +213,8 @@ const dialogForm = reactive({
landName: '', // landName: '', //
name: '', // name: '', //
phone: '', // phone: '', //
provenanceId: '', //id provenanceId: '', //id
provenanceName: '', // provenanceName: '', //
useNumber: 1, //使 useNumber: 1, //使
useUnit: 'g', //使 useUnit: 'g', //使
detectionTime: '', //使 detectionTime: '', //使
@ -225,18 +222,20 @@ const dialogForm = reactive({
businessEntityName: '', // businessEntityName: '', //
}); });
const dialogFormRules = ref({ const dialogFormRules = ref({
provenanceId: [{ required: true, message: '请输入种子编号', trigger: 'blur' }], provenanceId: [{ required: true, message: '请输入种子种苗编号', trigger: 'blur' }],
provenanceName: [{ required: true, message: '请输入种子名称', trigger: 'blur' }], provenanceName: [{ required: true, message: '请输入种子种苗名称', trigger: 'blur' }],
useNumber: [{ required: true, message: '请输入使用量', trigger: ['change', 'blur'] }], useNumber: [{ required: true, message: '请输入使用量', trigger: ['change', 'blur'] }],
detectionTime: [{ required: true, message: '请选择使用时间', trigger: 'blur' }], detectionTime: [{ required: true, message: '请选择使用时间', trigger: 'blur' }],
}); });
const addItem = async () => { const addItem = async () => {
// ElMessage.success('!');
restDialogForm(); restDialogForm();
dialogTitle.value = '新增'; dialogTitle.value = '新增';
formDisabled.value = false; formDisabled.value = false;
dialogFormVisible.value = true; dialogFormVisible.value = true;
}; };
const seeDetails = async (row) => { const seeDetails = async (row) => {
// ElMessage.success('!');
dialogTitle.value = '详情'; dialogTitle.value = '详情';
console.log(row); console.log(row);
formDisabled.value = true; formDisabled.value = true;
@ -250,6 +249,8 @@ const seeDetails = async (row) => {
dialogFormVisible.value = true; dialogFormVisible.value = true;
}; };
const handleEdit = (row) => { const handleEdit = (row) => {
// ElMessage.success('!');
nowSelectRow.value = row;
dialogTitle.value = '编辑'; dialogTitle.value = '编辑';
console.log(row); console.log(row);
formDisabled.value = false; formDisabled.value = false;
@ -338,7 +339,7 @@ const onSaveCategory = () => {
if (dialogTitle.value == '新增') { if (dialogTitle.value == '新增') {
response = await seedUseRegulatorySave(param); response = await seedUseRegulatorySave(param);
} else { } else {
param.id = dialogForm.id; param.id = nowSelectRow.value.id;
response = await editSeedUseRegulatory(param); response = await editSeedUseRegulatory(param);
} }
if (response.code == 200) { if (response.code == 200) {
@ -372,14 +373,15 @@ const restDialogForm = () => {
landName: '', // landName: '', //
name: '', // name: '', //
phone: '', // phone: '', //
provenanceId: '', //id provenanceId: '', //id
provenanceName: '', // provenanceName: '', //
useNumber: 1, //使 useNumber: 1, //使
useUnit: 'g', //使 useUnit: 'g', //使
useTime: '', //使 useTime: '', //使
businessEntityCode: '', // businessEntityCode: '', //
businessEntityName: '', // businessEntityName: '', //
}); });
nowSelectRow.value = ref({});
}; };
const seedTypeList = ref([]); const seedTypeList = ref([]);