Browse Source

fix: 修改动物防治模块

sy-water-data-board-ui
panyuyi 1 year ago
parent
commit
5542ef8d4e
  1. 9
      src/api/dike/index.js
  2. 158
      src/views/dike/runManage/pestAnimalControl/governanceRecords/index.vue
  3. 7
      src/views/dike/runManage/pestAnimalControl/planManagement/index.vue

9
src/api/dike/index.js

@ -63,6 +63,15 @@ export function getDikeAnimalProList(data) {
}) })
} }
// 害堤动物防治--记录列表
export function getDikeAnimalRecordsList(data) {
return request({
url: `/run/df/animal/record/list`,
method: 'post',
data
})
}
// 害堤动物防治--获取海堤上报记录详情 // 害堤动物防治--获取海堤上报记录详情
export function getDikeAnimalRecordDetails(id) { export function getDikeAnimalRecordDetails(id) {
return request({ return request({

158
src/views/dike/runManage/pestAnimalControl/governanceRecords/index.vue

@ -4,12 +4,14 @@ import {
putDFMaintenancePlan, putDFMaintenancePlan,
deleteDFMaintenancePlan, deleteDFMaintenancePlan,
postDFMaintenancePlan, postDFMaintenancePlan,
postDFMaintenancePlanList,
getDFMaintenancePlan, getDFMaintenancePlan,
listUser, listUser,
getDFPreventionControlPlan, getDFPreventionControlPlan,
postDFPreventionControlPlanList, postDFPreventionControlPlanList,
} from "@/api/management"; } from "@/api/management";
import { getDikeAnimalRecordsList } from "@/api/dike";
export default { export default {
name: "InspectionItems", name: "InspectionItems",
data() { data() {
@ -25,6 +27,7 @@ export default {
planList: [], // planList: [], //
personnelList: [], // personnelList: [], //
controlType: [], controlType: [],
patrolType: [],
statusList: [ statusList: [
{ {
dictLabel: "已确认", dictLabel: "已确认",
@ -35,24 +38,10 @@ export default {
dictValue: "0", dictValue: "0",
}, },
], ],
monthsList: [], //
tableData: [], // tableData: [], //
workTable: [ workTable: [], //
{ drugTable: [],
id: 1,
content:
"对堤坝进行巡查,对发现的红火蚁巢穴、鼠洞及时处理并对鼠洞进行回填。",
date: "11月1日-11月30日",
weekday: "1",
},
], //
drugTable: [
{
id: 1,
name: "杀虫剂",
concentration: "80%",
dose: "1瓶",
},
],
pageData: { pageData: {
pageNum: 1, // pageNum: 1, //
pageSize: 10, // pageSize: 10, //
@ -66,9 +55,9 @@ export default {
type: "", type: "",
name: "", name: "",
instruction: "", instruction: "",
workMonth: "1月", month: "",
reminderCycle: "", reminderCycle: "",
selectDate: 1, cycleType: null,
selectUser: [], selectUser: [],
messageReminder: false, messageReminder: false,
week: 1, week: 1,
@ -83,22 +72,12 @@ export default {
notes: "", notes: "",
}, },
planRules: { planRules: {
planId: [{ required: true, message: "请选择计划", trigger: "blur" }],
dikeCode: [ dikeCode: [
{ required: true, message: "请选择堤防名称", trigger: "blur" }, { required: true, message: "请选择堤防名称", trigger: "blur" },
], ],
name: [ type: [{ required: true, message: "请选择计划", trigger: "change" }],
{ required: true, message: "请输入维养计划名称", trigger: "blur" }, month: [{ required: true, message: "请选择月份", trigger: "change" }],
{ max: 100, message: "名称最长为100个字符", trigger: "blur" },
],
planTime: [
{ required: true, message: "请选择计划名称", trigger: "change" },
],
instruction: [
{ required: true, message: "请输入资金", trigger: "change" },
],
workMonth: [
{ required: true, message: "请输入资金", trigger: "change" },
],
reminderCycle: [ reminderCycle: [
{ required: true, message: "请选择提醒日期", trigger: "change" }, { required: true, message: "请选择提醒日期", trigger: "change" },
], ],
@ -169,7 +148,7 @@ export default {
getDFMaintenancePlan(row.id).then((res) => { getDFMaintenancePlan(row.id).then((res) => {
console.log("🚀res🚀", res); console.log("🚀res🚀", res);
this.planForm = res.data; this.planForm = res.data;
this.planForm.reminderCycle = res.data.instruction + res.data.workMonth; // this.planForm.reminderCycle = res.data.instruction + res.data.month; // ??????
this.dialogVisible = true; this.dialogVisible = true;
}); });
}, },
@ -226,9 +205,8 @@ export default {
name: "", name: "",
planTime: "", planTime: "",
instruction: "", instruction: "",
workMonth: 0, month: 0,
location: "", location: "",
reminderCycle: 0,
content: "", content: "",
}; };
}, },
@ -243,7 +221,7 @@ export default {
}, },
// //
getTableData() { getTableData() {
postDFMaintenancePlanList({ getDikeAnimalRecordsList({
data: { data: {
timeView: { timeView: {
timeField: "create_time", timeField: "create_time",
@ -292,12 +270,17 @@ export default {
if (planId) { if (planId) {
getDFPreventionControlPlan(planId).then((res) => { getDFPreventionControlPlan(planId).then((res) => {
console.log("res >>>>> ", res); console.log("res >>>>> ", res);
if (res) { if (res?.data) {
this.planForm.dikeCode = res.dikeCode; const { data } = res;
this.planForm.dikeName = res.dikeName || res.dikeCode; this.planForm.dikeCode = data.dikeCode;
this.planForm.dikeName = data.dikeName || data.dikeCode;
this.planForm.planId = planId; this.planForm.planId = planId;
this.planForm.planName = res.name; this.planForm.planName = data.name;
this.planForm.instruction = res.instruction; this.planForm.type = data.type;
this.planForm.instruction = data.instruction;
this.planForm.details = data.details;
this.planForm.frequency = data.frequency;
this.planForm.cycleType = data.cycleType;
} }
}); });
} }
@ -307,6 +290,12 @@ export default {
this.getDicts("dh_jh_type").then((res) => { this.getDicts("dh_jh_type").then((res) => {
this.controlType = res.data; this.controlType = res.data;
}); });
this.getDicts("xc_w_month").then((res) => {
this.monthsList = res.data;
});
this.getDicts("xs_cycle_type").then((res) => {
this.patrolType = res.data;
});
// //
this.getTableData(); this.getTableData();
}, },
@ -338,15 +327,16 @@ export default {
>搜索</el-button >搜索</el-button
> >
<el-button @click="resetSearch()">重置</el-button> <el-button @click="resetSearch()">重置</el-button>
<el-button
class="search-btn"
style="margin-right: 16px; margin-bottom: 8px; float: right"
type="success"
@click="dialogVisible = true"
>添加</el-button
>
</div> </div>
<el-button <el-table class="table" height="640" :data="tableData" border>
class="search-btn"
style="margin-right: 16px; margin-bottom: 8px; float: right"
type="success"
@click="dialogVisible = true"
>添加</el-button
>
<el-table class="table" height="590" :data="tableData" border>
<el-table-column type="index" align="center" label="序号" width="100" /> <el-table-column type="index" align="center" label="序号" width="100" />
<el-table-column prop="name" align="center" label="防治计划名称" /> <el-table-column prop="name" align="center" label="防治计划名称" />
<el-table-column prop="" align="center" label="防治堤防" /> <el-table-column prop="" align="center" label="防治堤防" />
@ -419,7 +409,7 @@ export default {
title="新增/编辑防治记录" title="新增/编辑防治记录"
@close="closeDialog" @close="closeDialog"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="50%" width="720"
> >
<div style="display: flex; margin-bottom: 16px"> <div style="display: flex; margin-bottom: 16px">
<div <div
@ -436,7 +426,7 @@ export default {
:model="planForm" :model="planForm"
:rules="planRules" :rules="planRules"
ref="planForm" ref="planForm"
label-width="100px" label-width="80px"
> >
<el-form-item label-width="120px" label="防治计划名称" prop="planId"> <el-form-item label-width="120px" label="防治计划名称" prop="planId">
<el-select <el-select
@ -463,7 +453,7 @@ export default {
> >
</el-form-item> </el-form-item>
<div style="display: flex"> <div style="display: flex">
<el-form-item label-width="120px" label="防治堤防" prop="dikeName"> <el-form-item label-width="120px" label="防治堤防" prop="dikeCode">
<el-input <el-input
style="width: 202px" style="width: 202px"
v-model="planForm.dikeName" v-model="planForm.dikeName"
@ -471,7 +461,7 @@ export default {
disabled disabled
/> />
</el-form-item> </el-form-item>
<el-form-item label-width="120px" label="防治类型" prop="planTime"> <el-form-item label-width="120px" label="防治类型" prop="type">
<el-select v-model="planForm.type" placeholder="请输入" disabled> <el-select v-model="planForm.type" placeholder="请输入" disabled>
<el-option <el-option
v-for="item in controlType" v-for="item in controlType"
@ -502,20 +492,20 @@ export default {
></div> ></div>
<span style="font-weight: 600">工作内容</span> <span style="font-weight: 600">工作内容</span>
</div> </div>
<el-form-item label-width="120px" label="工作月份" prop="workMonth"> <el-form-item label-width="120px" label="工作月份" prop="month">
<el-select v-model="planForm.workMonth" placeholder="请输入" disabled> <el-select v-model="planForm.month" placeholder="请输入" disabled>
<el-option <el-option
v-for="(item, index) in 12" v-for="(item, index) in monthsList"
:label="index + 1 + '月'" :label="item.dictLabel"
:value="item" :value="item.dictValue"
:key="item" :key="index"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-table <el-table
style="margin-bottom: 22px" style="margin-bottom: 22px"
max-height="330" max-height="330"
:data="workTable" :data="planForm.details"
border border
> >
<el-table-column <el-table-column
@ -524,33 +514,37 @@ export default {
label="序号" label="序号"
width="50" width="50"
/> />
<el-table-column prop="content" align="center" label="工作内容"> <el-table-column prop="jobContent" align="center" label="工作内容">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input
v-model="scope.row.content" v-model="scope.row.jobContent"
placeholder="请输入工作内容" placeholder="请输入工作内容"
disabled disabled
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="date" align="center" label="施工日期"> <el-table-column
prop="constructionDate"
align="center"
label="施工日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input
v-model="scope.row.date" v-model="scope.row.constructionDate"
placeholder="请输入施工日期" placeholder="请输入施工日期"
disabled disabled
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="weekday" prop="planDays"
align="center" align="center"
label="计划工日" label="计划工日"
width="80" width="80"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input
v-model="scope.row.weekday" v-model="scope.row.planDays"
placeholder="请输入计划工日" placeholder="请输入计划工日"
disabled disabled
/> />
@ -588,26 +582,25 @@ export default {
</el-table-column> </el-table-column>
</el-table> </el-table>
<div style="display: flex"> <div style="display: flex">
<el-form-item <el-form-item label-width="120px" label="提醒周期" prop="frequency">
label-width="120px"
label="提醒周期"
prop="reminderCycle"
>
<el-input <el-input
style="width: 80px" style="width: 80px"
v-model="planForm.reminderCycle" v-model="planForm.frequency"
disabled disabled
/> />
/ /
<el-select <el-select
style="width: 80px" style="width: 80px"
v-model="planForm.selectDate" v-model="planForm.cycleType"
placeholder="请选择日期" placeholder="请选择日期"
disabled disabled
> >
<el-option label="天" :value="0" /> <el-option
<el-option label="周" :value="1" /> v-for="item in patrolType"
<el-option label="月" :value="2" /> :label="item.dictLabel"
:value="item.dictValue"
:key="item.dictValue"
/>
</el-select> </el-select>
/ /
</el-form-item> </el-form-item>
@ -654,7 +647,7 @@ export default {
prop="reminderTime" prop="reminderTime"
> >
<el-radio-group <el-radio-group
v-if="planForm.selectDate == 1" v-if="planForm.cycleType == 1"
style="margin-bottom: 16px" style="margin-bottom: 16px"
v-model="planForm.week" v-model="planForm.week"
disabled disabled
@ -667,7 +660,7 @@ export default {
<el-radio :label="6">星期六</el-radio> <el-radio :label="6">星期六</el-radio>
<el-radio :label="7">星期日</el-radio> <el-radio :label="7">星期日</el-radio>
</el-radio-group> </el-radio-group>
<div v-if="planForm.selectDate == 2" style="margin-bottom: 16px"> <div v-if="planForm.cycleType == 2" style="margin-bottom: 16px">
每月<el-input style="width: 202px" v-model="planForm.date" /> 每月<el-input style="width: 202px" v-model="planForm.date" />
</div> </div>
<el-time-picker <el-time-picker
@ -826,7 +819,7 @@ export default {
<el-form-item label-width="120px" label="备注" prop="notes"> <el-form-item label-width="120px" label="备注" prop="notes">
<el-input <el-input
type="textarea" type="textarea"
:rows="2" :rows="3"
placeholder="请输入" placeholder="请输入"
v-model="recordForm.notes" v-model="recordForm.notes"
> >
@ -871,11 +864,6 @@ export default {
background-color: white; background-color: white;
.top-search { .top-search {
display: flex;
flex-wrap: wrap;
align-content: space-between;
height: 85px;
width: 75%;
margin-bottom: 8px; margin-bottom: 8px;
.search-input { .search-input {

7
src/views/dike/runManage/pestAnimalControl/planManagement/index.vue

@ -205,7 +205,6 @@ export default {
if (valid) { if (valid) {
this.ruleForm.cycleType = parseFloat(this.ruleForm.cycleType); this.ruleForm.cycleType = parseFloat(this.ruleForm.cycleType);
this.ruleForm.frequency = parseFloat(this.ruleForm.frequency); this.ruleForm.frequency = parseFloat(this.ruleForm.frequency);
this.ruleForm.month = parseFloat(this.ruleForm.month);
if (this.ruleForm.id) { if (this.ruleForm.id) {
putDFPreventionControlPlan(this.ruleForm).then(() => { putDFPreventionControlPlan(this.ruleForm).then(() => {
this.getTableData(); this.getTableData();
@ -343,6 +342,12 @@ export default {
this.getDicts("embankment_type").then((response) => { this.getDicts("embankment_type").then((response) => {
this.dikeTypeList = response.data; this.dikeTypeList = response.data;
}); });
this.getDicts("xs_cycle_type").then((res) => {
this.patrolType = res.data;
});
this.getDicts("xc_w_month").then((res) => {
this.workMonth = res.data;
});
}, },
mounted() { mounted() {
// //

Loading…
Cancel
Save