Web/daimp-front
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' of http://192.168.18.88:8077/sznyb/daimp-front into dev

Browse Source
This commit is contained in:
lzc 2025-03-19 14:47:15 +08:00
commit b485af550d
8 changed files with 713 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sub-government-affairs-service/src/router/modules/inputSupplies/index.js
View File

@ -6,7 +6,7 @@ const inputSuppliesRoutes = [
path: '/sub-government-affairs-service/inputSuppliesManage',
name: 'inputSuppliesManage',
component: Layout,
redirect: '/sub-government-affairs-service/material',
redirect: '/sub-government-affairs-service/materialManage',
meta: { title: '投入品监管平台', icon: 'Document' },
children: [
// {
@ -15,6 +15,12 @@ const inputSuppliesRoutes = [
// component: () => import('@/views/inputSuppliesManage/inputDataView/index.vue'),
// meta: { title: '投入品资源一张图', icon: 'Document' },
// },
{
path: '/sub-government-affairs-service/materialManage',
name: 'materialManage',
component: () => import('@/views/inputSuppliesManage/materialManage/index.vue'),
meta: { title: '物资管理融合', icon: 'Document' },
},
{
path: '/sub-government-affairs-service/material',
name: 'material',

6
sub-government-affairs-service/src/router/modules/plantingAndBreeding.js
View File

@ -27,6 +27,12 @@ export default [
component: () => import('@/views/plantingAndBreeding/pest/index.vue'),
meta: { title: '病虫害监测信息', icon: 'Document' },
},
{
path: '/sub-government-affairs-service/epidemic-disease-monitor',
name: 'epidemic-disease-monitor',
component: () => import('@/views/plantingAndBreeding/epidemicDisease/index.vue'),
meta: { title: '疫病监测信息', icon: 'Document' },
},
// {
// path: '/sub-government-affairs-service/breeding-base-information',
// name: 'breeding-base-information',

2
sub-government-affairs-service/src/router/modules/resource.js
View File

@ -19,8 +19,8 @@ export default [
meta: { title: '网格化管理', icon: 'Document' },
},
...annualplanRouters,
...statisticsRoutes,
...landsRoutes,
...statisticsRoutes,
...dictRoutes,
],
},

9
sub-government-affairs-service/src/views/inputSuppliesManage/hooks/useBasicInfo.js
View File

@ -19,14 +19,15 @@ export function useBasicInfo() {
label: '化学成分',
value: '2',
children: [
{ label: '无机农药', value: '2-1' },
{ label: '生物农药', value: '2-2' },
{ label: '无机农药', pid: '2', value: '2-1' },
{ label: '生物农药', pid: '2', value: '2-2' },
{
label: '有机农药',
pid: '2',
value: '2-3',
children: [
{ label: '天然有机农药', value: '2-3-1' },
{ label: '人工合成农药', value: '2-3-2' },
{ label: '天然有机农药', pid: '2-3', value: '2-3-1' },
{ label: '人工合成农药', pid: '2-3', value: '2-3-2' },
],
},
],

21
sub-government-affairs-service/src/views/inputSuppliesManage/materialManage/index.vue Normal file
View File

@ -0,0 +1,21 @@
<template>
<section>
<custom-rich-editor />
</section>
</template>
<script setup>
import { ref } from 'vue';
/* --------------- data --------------- */
// #region
// #endregion
/* --------------- methods --------------- */
// #region
// #endregion
</script>
<style lang="scss" scoped></style>

12
sub-government-affairs-service/src/views/inputSuppliesManage/materialManage/useMaterialHook.js Normal file
View File

@ -0,0 +1,12 @@
import { ref } from 'vue';
export const useMaterialHook = () => {
const pageData = ref({
currentPage: 1,
pageSize: 10,
total: 0,
});
const data = ref([]);
return { pageData, data };
};

567
sub-government-affairs-service/src/views/plantingAndBreeding/epidemicDisease/index.vue Normal file
View File

@ -0,0 +1,567 @@
<template>
<div class="custom-page">
<el-row :gutter="20">
<el-col :span="4">
<custom-table-tree title="疫病分类" :data="landTypeData" @node-click="onNodeClick" />
</el-col>
<el-col :span="20">
<avue-crud
ref="crudRef"
v-model="state.form"
v-model:search="state.query"
v-model:page="state.pageData"
:table-loading="state.loading"
:data="state.data"
:option="state.options"
@refresh-change="refreshChange"
@search-reset="searchChange"
@search-change="searchChange"
@selection-change="selectionChange"
@current-change="currentChange"
@size-change="sizeChange"
@row-del="rowDel"
@row-save="rowSave"
@row-update="rowUpdate"
>
<template #menu-left>
<el-button type="primary" icon="plus" @click="rowAdd">添加</el-button>
<el-button type="danger" icon="delete" @click="onDel(state.selection)">批量删除</el-button>
</template>
<template #reportUrl-form="{ column, value }">
<el-upload
v-model:file-list="state.fileList"
action="#"
:show-file-list="true"
list-type="picture-card"
accept="image/*"
:http-request="rowUploadPicture"
>
<el-icon><Plus /></el-icon>
</el-upload>
</template>
<template #reportLink-form="{ column, value }">
<el-button type="primary" text @click="downloadFile(value, `${state.currentRow?.name}-检测报告.png`, 'image')"> 下载 </el-button>
</template>
<template #result-form="{ column, value }">
<el-button type="primary" style="margin-bottom: 16px" @click="addInfo(value)">新增</el-button>
<el-table :data="value" style="width: 100%" border>
<el-table-column prop="c1" label="检测项目" align="center">
<template #default="scope">
<el-input v-model="scope.row.c1" :disabled="scope.row.disabled" />
</template>
</el-table-column>
<el-table-column prop="c2" label="检测方法" align="center">
<template #default="scope">
<el-input v-model="scope.row.c2" :disabled="scope.row.disabled" />
</template>
</el-table-column>
<el-table-column prop="c3" label="主要试剂" align="center">
<template #default="scope">
<el-input v-model="scope.row.c3" :disabled="scope.row.disabled" />
</template>
</el-table-column>
<el-table-column prop="c4" label="检测结果" align="center">
<template #default="scope">
<el-input v-model="scope.row.c4" :disabled="scope.row.disabled" />
</template>
</el-table-column>
<el-table-column prop="c5" label="备注" align="center">
<template #default="scope">
<el-input v-model="scope.row.c5" type="textarea" rows="2" :disabled="scope.row.disabled" />
</template>
</el-table-column>
<el-table-column label="操作" width="130" align="center">
<template #default="scope">
<el-button type="primary" icon="edit" text @click="editInfo(scope.row)"></el-button>
<el-button type="danger" icon="delete" text @click="delInfo(value, scope.row, scope.$index)"></el-button>
</template>
</el-table-column>
</el-table>
</template>
<template #customInfo-form="{ column }">
<custom-info :row="state.currentRow" />
</template>
<template #menu="scope">
<custom-table-operate :actions="state.options.actions" :data="scope" />
</template>
</avue-crud>
</el-col>
</el-row>
</div>
</template>
<script setup>
import { ref, reactive } from 'vue';
import { useRouter } from 'vue-router';
import { useApp } from '@/hooks';
import { useUserStore } from '@/store/modules/user';
import { CRUD_OPTIONS } from '@/config';
import { isEmpty, mockData, sleep, downloadFile } from '@/utils';
import CustomInfo from './info.vue';
const { VITE_APP_BASE_API, VITE_APP_NAME } = import.meta.env;
const app = useApp();
const UserStore = useUserStore();
const router = useRouter();
const crudRef = ref(null);
const landTypeData = ref([
{
label: '疫病分类',
id: '0',
children: [
{ label: '家禽类', id: '01', children: [], pId: '0' },
{ label: '家畜类', id: '02', children: [], pId: '0' },
{ label: '水产类', id: '03', children: [], pId: '0' },
{ label: '特种养殖类', id: '04', children: [], pId: '0' },
],
},
]);
const state = reactive({
loading: false,
query: {
current: 1,
size: 10,
},
form: {},
// selection: [],
options: {
...CRUD_OPTIONS,
addBtn: false,
selection: true,
column: [
{
label: '疫病名称',
prop: 'p1',
search: true,
width: 200,
hide: true,
display: false,
},
{
label: '数据来源',
prop: 'p2',
width: 200,
overHidden: true,
type: 'select',
dicData: [
{
label: '动物疾病预防中心',
value: '1',
},
{
label: '动物疾病监测站',
value: '2',
},
{
label: '动植物检测检疫公司',
value: '3',
},
],
// hide: true,
// addDisplay: true,
// editDisplay: true,
// viewDisplay: false,
// props: {
// label: 'areaName',
// value: 'areaCode',
// children: 'areaChildVOS',
// },
// dicUrl: `${VITE_APP_BASE_API}/system/area/region?areaCode=530000`,
// dicHeaders: {
// authorization: UserStore.token,
// },
// dicFormatter: (res) => res.data ?? [],
rules: {
required: true,
message: '请选择',
trigger: 'blur',
},
},
{
label: '报告编号',
prop: 'p3',
width: 150,
addDisplay: false,
editDisplay: false,
viewDisplay: true,
},
{
label: '送检单位',
prop: 'p4',
width: 200,
overHidden: true,
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '送检人',
prop: 'p5',
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '联系电话',
prop: 'p51',
width: 150,
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '送检日期',
prop: 'p6',
type: 'date',
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
width: 200,
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '样品名称',
prop: 'p7',
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '样品数量',
prop: 'p71',
width: 150,
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '样品状态',
prop: 'p72',
type: 'select',
dicData: [
{
label: '良好',
value: '1',
},
{
label: '一般',
value: '2',
},
{
label: '异常',
value: '3',
},
],
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
},
{
label: '检测报告',
prop: 'reportUrl',
hide: true,
formslot: true,
span: 24,
rules: {
required: true,
message: '请输入',
trigger: 'blur',
},
addDisplay: true,
editDisplay: true,
viewDisplay: false,
},
{
label: '检测报告',
prop: 'reportLink',
hide: false,
addDisplay: false,
editDisplay: false,
viewDisplay: true,
},
{
label: '检测项目',
prop: 'p8',
width: 200,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '检测结果',
prop: 'p9',
span: 24,
rows: 4,
width: 200,
overHidden: true,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '创建时间',
prop: 'createTime',
width: 200,
search: true,
display: false,
},
{
label: '更新时间',
prop: 'updateTime',
width: 200,
display: false,
},
{
label: '检测信息',
prop: 'result',
addDisplay: true,
editDisplay: true,
viewDisplay: false,
span: 24,
},
{
label: '',
labelWidth: 0,
prop: 'customInfo',
addDisplay: false,
editDisplay: false,
viewDisplay: true,
span: 24,
},
],
actions: [
{
name: '查看',
icon: 'view',
event: ({ row }) => rowView(row),
},
{
name: '编辑',
icon: 'edit',
event: ({ row }) => rowEdit(row),
},
{
type: 'danger',
name: '删除',
icon: 'delete',
event: ({ row }) => rowDel(row),
},
],
},
pageData: {
total: 0,
currentPage: 1,
pageSize: 10,
},
data: [],
fileList: [],
currentRow: {},
});
const loadData = async () => {
//state.loading = true;
// GetEntityList(state.query)
// .then((res) => {
// if (res.code === 200) {
// const { current, size, total, records } = res.data;
// state.data = records;
// state.pageData = {
// currentPage: current || 1,
// pageSize: size || 10,
// total: total,
// };
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// state.data = [];
// })
// .finally(() => {
// state.loading = false;
// });
state.loading = true;
await sleep(500);
state.data = mockData(
{
p2: '动物疾病监测中心',
p3: 'h1234567',
p4: '畜牧养殖基地',
p5: '张三',
p51: '13837498523',
p6: '2025-01-20',
p7: '全血',
p71: '3份',
p72: '良好',
p8: '猪瘟',
p9: '检测样品4分，阴性4份，阳性0份',
createTime: '2025-01-20',
updateTime: '2025-01-25',
},
10
);
state.loading = false;
};
loadData();
const onNodeClick = (data) => {
console.log('onNodeClick', data);
};
// 页数
const currentChange = (current) => {
state.query.current = current;
loadData();
};
// 条数
const sizeChange = (size) => {
state.query.size = size;
loadData();
};
// 搜索
const searchChange = (params, done) => {
if (done) done();
state.query = params;
state.query.current = 1;
loadData();
};
// 刷新
const refreshChange = () => {
loadData();
app.$message.success('刷新成功');
};
// 选择
const selectionChange = (rows) => {
state.selection = rows;
};
// 查看
const rowView = (row) => {
state.currentRow = { ...row, reportViewUrl: row.reportUrl };
crudRef.value.rowView(state.currentRow);
};
// 新增
const rowAdd = () => {
state.form = {
result: [],
};
crudRef.value.rowAdd(state.form);
};
const rowSave = (row, done, loading) => {
// AddEntity(row)
// .then((res) => {
// if (res.code === 200) {
// app.$message.success('添加成功！');
// done();
// loadData();
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// })
// .finally(() => {
// loading();
// });
};
// 编辑
const rowEdit = (row) => {
if (!isEmpty(row.result)) {
row.result.forEach((item) => {
item.disabled = true;
});
}
crudRef.value.rowEdit(row);
};
const rowUpdate = (row, index, done, loading) => {
// UpdateEntity(row)
// .then((res) => {
// if (res.code === 200) {
// app.$message.success('更新成功！');
// done();
// loadData();
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// })
// .finally(() => {
// loading();
// });
};
// 删除
const onDel = (rows = []) => {
if (isEmpty(rows)) return;
const ids = rows.map((item) => item.id);
app
.$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
// DeleteEntity({ ids: ids.join(',') })
// .then((res) => {
// if (res.code === 200) {
// app.$message.success('删除成功！');
// loadData();
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// });
})
.catch(() => {});
};
const rowDel = (row, index, done) => {
onDel([row]);
};
// 条件
const addInfo = (list = []) => {
list.push({
c1: '',
c2: '',
c3: '',
c4: '',
c5: '',
disabled: false,
});
};
const editInfo = (row) => {
row.disabled = false;
};
const delInfo = (list, row, index) => {
list.splice(index, 1);
};
</script>

94
sub-government-affairs-service/src/views/plantingAndBreeding/epidemicDisease/info.vue Normal file
View File

@ -0,0 +1,94 @@
<template>
<div class="custom-info">
<avue-crud ref="crudRef" :table-loading="state.loading" :data="state.list" :option="state.options">
<template #header>
<h5 class="custom-form__title">检测信息</h5>
</template>
</avue-crud>
</div>
</template>
<script setup>
import { reactive, ref, watch } from 'vue';
import { useApp } from '@/hooks';
import { CRUD_VIEW_OPTIONS } from '@/config';
// import { GetEntity } from '@/apis/coding';
const props = defineProps({
row: {
type: Object,
default: () => {},
},
});
const app = useApp();
const crudRef = ref(null);
const state = reactive({
loading: false,
options: {
...CRUD_VIEW_OPTIONS,
index: false,
column: [
{
label: '检测项目',
prop: 'c1',
width: 200,
},
{
label: '检测方法',
prop: 'c2',
width: 200,
},
{
label: '主要试剂',
prop: 'c3',
},
{
label: '检测结果',
prop: 'c4',
},
{
label: '备注',
prop: 'c5',
overHidden: true,
},
],
},
data: {},
list: [],
});
const loadData = () => {
// state.loading = true;
// GetEntity({ id: props.row.id })
// .then((res) => {
// if (res.code === 200) {
// state.data = res.data;
// state.list = res.data?.productInfo ?? [];
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// })
// .finally(() => {
// state.loading = false;
// });
};
watch(
() => props.row,
(val) => {
val?.id && loadData();
},
{
deep: true,
immediate: true,
}
);
</script>
<style lang="scss" scoped>
.custom-info {
:deep(.avue-crud__header) {
display: none !important;
}
}
</style>