fix: 动物防治改一半，需求有改动暂停

src/api/dike/index.js

@@ -17,3 +17,20 @@ export function getDikePatrolDetails(id) {
     method: 'get',
   })
 }
+
+// 巡查管理-绑定巡查项目
+export function postProjectChecking(data) {
+  return request({
+    url: `/run/df/project/rel-checking`,
+    method: 'post',
+    data
+  })
+}
+
+// 海堤动物防治--获取海堤上报记录详情
+export function getDikeAnimalRecordDetails(id) {
+  return request({
+    url: `/run/df/animal/record/${id}`,
+    method: 'get',
+  })
+}

src/views/dike/runManage/enginerring/inspectionItems/index.vue

@@ -1,14 +1,21 @@
 <!-- 巡查项目管理-堤防 -->
 <script>
-import { getDicts, postDFInspectionProjectList, postDFInspectionProject, putDFInspectionProject, deleteDFInspectionProject, getDFInspectionProject } from '@/api/management'
+import {
+  getDicts,
+  postDFInspectionProjectList,
+  postDFInspectionProject,
+  putDFInspectionProject,
+  deleteDFInspectionProject,
+  getDFInspectionProject,
+} from "@/api/management";
 export default {
-  name: 'InspectionItems',
+  name: "InspectionItems",
   data() {
     return {
-      searchInput: '',
+      searchInput: "",
       searchType: 3,
       dialogVisible: false,
-      ContentType: '',
+      ContentType: "",
       firstType: [], // 一级检查内容类型
       secondType: [], // 二级检查内容类型
       examType: [], // 检查类型
@@ -17,28 +24,27 @@ export default {
         pageNum: 1, // 当前页
         pageSize: 10, // 请求数量
         pageSizes: [10, 20, 50, 100],
-        total: 0 // 总数量
+        total: 0, // 总数量
       },
       ruleForm: {
-        name: '',
+        name: "",
-        type: '',
+        type: "",
-        checkContentType: '',
+        checkContentType: "",
-        items: [
+        items: [],
-        ],
       },
       rules: {
         name: [
-          { required: true, message: '请输入巡视检查名称', trigger: 'blur' },
+          { required: true, message: "请输入巡视检查名称", trigger: "blur" },
-          { max: 50, message: '名称最长为50个字符', trigger: 'blur' }
+          { max: 50, message: "名称最长为50个字符", trigger: "blur" },
         ],
         type: [
-          { required: true, message: '请选择巡查类型', trigger: 'change' }
+          { required: true, message: "请选择巡查类型", trigger: "change" },
         ],
         checkContentType: [
-          { required: true, message: '请选择巡视检查内容', trigger: 'change' }
+          { required: true, message: "请选择巡视检查内容", trigger: "change" },
-        ]
+        ],
-      }
+      },
-    }
+    };
   },
   methods: {
     // 表格筛选
@@ -46,96 +52,96 @@ export default {
       postDFInspectionProjectList({
         data: {
           timeView: {
-            timeField: "create_time"
+            timeField: "create_time",
           },
-          type: this.searchType == 3 ? '' : this.searchType
+          type: this.searchType == 3 ? "" : this.searchType,
         },
         cv: {
           name: "name",
           type: "like",
-          value: this.searchInput
+          value: this.searchInput,
         },
         pageSize: this.pageData.pageSize,
-        pageNum: this.pageData.pageNum
+        pageNum: this.pageData.pageNum,
       }).then((res) => {
         if (res) {
-          this.tableData = res.records
+          this.tableData = res.records;
-          this.pageData.total = res.total
+          this.pageData.total = res.total;
         }
-        console.log('🚀表格数据🚀', res)
+        console.log("🚀表格数据🚀", res);
-      })
+      });
     },
     // 重置搜索
     resetSearch() {
-      this.searchInput = ''
+      this.searchInput = "";
-      this.searchType = 3
+      this.searchType = 3;
-      this.searchTableList()
+      this.searchTableList();
     },
     // 编辑巡查项目
     editTableItem(row) {
       getDFInspectionProject(row.id).then((res) => {
-        console.log('🚀res🚀', res.data)
+        console.log("🚀res🚀", res.data);
-        this.ruleForm = res.data
+        this.ruleForm = res.data;
-        this.ruleForm.checkContentType = res.data.items[0].parts[0]
+        this.ruleForm.checkContentType = res.data.items[0].parts[0];
         getDicts(res.data.items[0].parts[0]).then((res) => {
-          this.secondType = res.data
+          this.secondType = res.data;
-          console.log('🚀一级🚀', res.data)
+          console.log("🚀一级🚀", res.data);
-        })
+        });
-        this.ruleForm.items.forEach(element => {
+        this.ruleForm.items.forEach((element) => {
           getDicts(element.parts[1]).then((res) => {
-            this.$set(element, 'third', res.data)
+            this.$set(element, "third", res.data);
-          })
+          });
+        });
+        this.dialogVisible = true;
+        console.log("🚀this.ruleForm🚀", this.ruleForm);
       });
-        this.dialogVisible = true
-        console.log('🚀this.ruleForm🚀', this.ruleForm)
-      })
     },
     // 删除对应巡查项目
     deleteTableItem(row) {
       deleteDFInspectionProject(row.id).then((res) => {
-        this.getTableData()
+        this.getTableData();
-        this.$message.success('删除成功');
+        this.$message.success("删除成功");
-      })
+      });
     },
     // 新增巡查内容
     addPatrolItem(checkContentType) {
-      console.log('🚀checkContentType🚀', checkContentType)
+      console.log("🚀checkContentType🚀", checkContentType);
-      this.ruleForm.items.push(
+      this.ruleForm.items.push({
-        {
+        content: "",
-          content: '',
+        parts: [checkContentType, "", ""],
-          parts: [checkContentType, '', '']
+      });
-        }
-      )
     },
     // 删除对应巡查内容
     deletePatrolItem(index) {
-      this.ruleForm.items.splice(index, 1)
+      this.ruleForm.items.splice(index, 1);
     },
     // 改变一级巡视检查内容
     changeContentType(dictValue) {
       getDicts(dictValue).then((res) => {
-        this.secondType = res.data
+        this.secondType = res.data;
-        console.log('🚀一级🚀', res.data)
+        console.log("🚀一级🚀", res.data);
-      })
+      });
       this.ruleForm.items = [
         {
-          content: '',
+          content: "",
-          parts: [this.ruleForm.checkContentType]
+          parts: [this.ruleForm.checkContentType],
-        }
+        },
-      ]
+      ];
     },
     // 改变二级巡视检查内容
     changeSecondType(row) {
       getDicts(row.parts[1]).then((res) => {
-        row.parts[2] = ''
+        row.parts[2] = "";
-        this.$set(row, 'third', res.data)
+        this.$set(row, "third", res.data);
-      })
+      });
     },
     // 改变三级巡视检查内容
     changeThirdType(row) {
-      let value = row.third.find(item => item.dictValue == row.parts[2]).remark
+      let value = row.third.find(
+        (item) => item.dictValue == row.parts[2]
+      ).remark;
       if (value) {
-        row.content = value
+        row.content = value;
       }
     },
     // 保存巡查项目
@@ -145,106 +151,120 @@ export default {
           console.log(this.ruleForm);
           if (this.ruleForm.id) {
             putDFInspectionProject(this.ruleForm).then(() => {
-              this.getTableData()
+              this.getTableData();
-              this.dialogVisible = false
+              this.dialogVisible = false;
-              this.$message.success('更新成功');
+              this.$message.success("更新成功");
-            })
+            });
           } else {
             postDFInspectionProject(this.ruleForm).then(() => {
-              this.getTableData()
+              this.getTableData();
-              this.dialogVisible = false
+              this.dialogVisible = false;
-              this.$message.success('添加成功');
+              this.$message.success("添加成功");
-            })
+            });
           }
         } else {
-          console.log('校验不通过');
+          console.log("校验不通过");
           return false;
         }
       });
     },
     // 关闭dialog
-    closeDialog(ruleForm = 'ruleForm') {
+    closeDialog(ruleForm = "ruleForm") {
-      console.log('触发关闭dialog', ruleForm);
+      console.log("触发关闭dialog", ruleForm);
       this.$refs[ruleForm].resetFields();
       this.ruleForm = {
-        name: '',
+        name: "",
-        type: '',
+        type: "",
-        checkContentType: '',
+        checkContentType: "",
         items: [
           {
-            content: '',
+            content: "",
-            parts: ['', '', '']
+            parts: ["", "", ""],
-          }
+          },
-        ]
+        ],
-      }
+      };
     },
     // 获取列表数据
     getTableData() {
-      this.searchInput = '',
+      (this.searchInput = ""),
-        this.searchType = 3,
+        (this.searchType = 3),
         postDFInspectionProjectList({
           data: {
             timeView: {
-              timeField: "create_time"
+              timeField: "create_time",
             },
           },
           cv: {
             name: "name",
-            type: "like"
+            type: "like",
           },
           pageSize: this.pageData.pageSize,
-          pageNum: this.pageData.pageNum
+          pageNum: this.pageData.pageNum,
         }).then((res) => {
           if (res) {
-            this.tableData = res.records
+            this.tableData = res.records;
-            this.pageData.total = res.total
+            this.pageData.total = res.total;
-          }
-          console.log('🚀表格数据🚀', res)
-        })
           }
+          console.log("🚀表格数据🚀", res);
+        });
+    },
   },
   mounted() {
     // 获取列表数据
-    this.getTableData()
+    this.getTableData();
     // 获取巡查类型
-    getDicts('xs_classfy').then((res) => {
+    getDicts("xs_classfy").then((res) => {
       if (res.data && Array.isArray(res.data)) {
-        res.data.forEach(element => {
+        res.data.forEach((element) => {
-          element.dictValue = Number(element.dictValue)
+          element.dictValue = Number(element.dictValue);
         });
-        console.log('🚀res.data🚀', res.data)
+        console.log("🚀res.data🚀", res.data);
-        this.examType = res.data
+        this.examType = res.data;
       }
-    })
+    });
     // 获取一级数据
-    getDicts('df_xs_c_classfy').then((res) => {
+    getDicts("df_xs_c_classfy").then((res) => {
       if (res.data && Array.isArray(res.data)) {
-        this.firstType = res.data
+        this.firstType = res.data;
       }
-    })
+    });
   },
-}
+};
 </script>
 
 <template>
   <div class="slider-right">
-    <div class="top-title">
+    <div class="top-title">基础信息管理</div>
-      基础信息管理
-    </div>
     <div class="table-box">
       <div class="top-search">
         <span>巡视检查名称：</span>
-        <el-input class="search-input" v-model="searchInput" placeholder="请输入巡视检查名称" />
+        <el-input
+          class="search-input"
+          v-model="searchInput"
+          placeholder="请输入巡视检查名称"
+        />
         <span>巡查类型：</span>
         <el-select v-model="searchType" placeholder="请选择">
-          <el-option v-for="item in examType" :label="item.dictLabel" :value="item.dictValue" :key="item.id"></el-option>
+          <el-option
+            v-for="item in examType"
+            :label="item.dictLabel"
+            :value="item.dictValue"
+            :key="item.id"
+          ></el-option>
           <el-option label="全部" :value="3"></el-option>
         </el-select>
-        <el-button class="search-btn" type="success" @click="searchTableList()">搜索</el-button>
+        <el-button class="search-btn" type="success" @click="searchTableList()"
+          >搜索</el-button
+        >
         <el-button @click="resetSearch()">重置</el-button>
       </div>
-      <el-button class="search-btn" style=" margin-right: 16px;margin-bottom: 8px; float: right;" type="success"
+      <el-button
-        @click="dialogVisible = true">添加</el-button>
+        class="search-btn"
+        style="margin-right: 16px; margin-bottom: 8px; float: right"
+        type="success"
+        @click="dialogVisible = true"
+        >添加</el-button
+      >
       <el-table height="625" :data="tableData" border>
         <el-table-column type="index" align="center" label="序号" width="100">
         </el-table-column>
@@ -252,97 +272,222 @@ export default {
         </el-table-column>
         <el-table-column align="center" label="巡查类型">
           <template slot-scope="scope">
-            <span v-if="examType.length > 0 && scope.row.type !== null">{{ examType.find(item => item.dictValue ==
+            <span v-if="examType.length > 0 && scope.row.type !== null">{{
-              scope.row.type).dictLabel ||
+              examType.find((item) => item.dictValue == scope.row.type)
-              ''
+                .dictLabel || ""
             }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="createTime" align="center" sortable label="创建时间">
+        <el-table-column
+          prop="createTime"
+          align="center"
+          sortable
+          label="创建时间"
+        >
         </el-table-column>
-        <el-table-column prop="updateTime" align="center" sortable label="更新时间">
+        <el-table-column
+          prop="updateTime"
+          align="center"
+          sortable
+          label="更新时间"
+        >
         </el-table-column>
         <el-table-column prop="address" align="center" label="操作">
           <template slot-scope="scope">
-            <el-button style=" margin-right: 16px;" @click="editTableItem(scope.row)" type="text"
+            <el-button
-              size="small">编辑</el-button>
+              style="margin-right: 16px"
-            <el-popconfirm confirm-button-text='确定' cancel-button-text='取消' icon="el-icon-info" icon-color="red"
+              @click="editTableItem(scope.row)"
-              title="确定删除吗？" @confirm="deleteTableItem(scope.row)">
+              type="text"
-              <el-button style="color: red;" type="text" size="small" slot="reference">删除</el-button>
+              size="small"
+              >编辑</el-button
+            >
+            <el-popconfirm
+              confirm-button-text="确定"
+              cancel-button-text="取消"
+              icon="el-icon-info"
+              icon-color="red"
+              title="确定删除吗？"
+              @confirm="deleteTableItem(scope.row)"
+            >
+              <el-button
+                style="color: red"
+                type="text"
+                size="small"
+                slot="reference"
+                >删除</el-button
+              >
             </el-popconfirm>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination background class="pagination" style="margin-top: 16px;margin-right: 16px;float: right;"
+      <el-pagination
-        :current-page="pageData.pageNum" :page-sizes="pageData.pageSizes" layout="total, prev, pager, next, sizes, jumper"
+        background
-        :total="pageData.total" @size-change="getTableData()">
+        class="pagination"
+        style="margin-top: 16px; margin-right: 16px; float: right"
+        :current-page="pageData.pageNum"
+        :page-sizes="pageData.pageSizes"
+        layout="total, prev, pager, next, sizes, jumper"
+        :total="pageData.total"
+        @size-change="getTableData()"
+      >
       </el-pagination>
     </div>
-    <el-dialog title="新增/编辑巡查项目" @close="closeDialog" :visible.sync="dialogVisible" width="50%">
+    <el-dialog
-      <div style="display: flex; margin-bottom: 16px;">
+      title="新增/编辑巡查项目"
-        <div style="width: 5px; height: 16px; background-color: #31a08e; margin-right: 8px;"></div><span
+      @close="closeDialog"
-          style="font-weight: 600;">基础信息</span>
+      :visible.sync="dialogVisible"
+      width="50%"
+    >
+      <div style="display: flex; margin-bottom: 16px">
+        <div
+          style="
+            width: 5px;
+            height: 16px;
+            background-color: #31a08e;
+            margin-right: 8px;
+          "
+        ></div>
+        <span style="font-weight: 600">基础信息</span>
       </div>
-      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="100px"
+      >
         <el-form-item label-width="120px" label="巡视检查名称" prop="name">
-          <el-input style="width: 202px;" v-model="ruleForm.name"></el-input>
+          <el-input style="width: 202px" v-model="ruleForm.name"></el-input>
         </el-form-item>
         <el-form-item label-width="120px" label="巡查类型" prop="type">
           <el-select v-model="ruleForm.type" placeholder="请选择巡查类型">
-            <el-option v-for="item in examType" :label="item.dictLabel" :value="item.dictValue"
+            <el-option
-              :key="item.id"></el-option>
+              v-for="item in examType"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+              :key="item.id"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label-width="120px" label="巡视检查内容" prop="checkContentType">
+        <el-form-item
-          <el-select v-model="ruleForm.checkContentType" @change="changeContentType(ruleForm.checkContentType)"
+          label-width="120px"
-            placeholder="请选择巡视检查内容">
+          label="巡视检查内容"
-            <el-option v-for="item in firstType" :label="item.dictLabel" :value="item.dictValue"
+          prop="checkContentType"
-              :key="item.id"></el-option>
+        >
+          <el-select
+            v-model="ruleForm.checkContentType"
+            @change="changeContentType(ruleForm.checkContentType)"
+            placeholder="请选择巡视检查内容"
+          >
+            <el-option
+              v-for="item in firstType"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+              :key="item.id"
+            ></el-option>
             <el-option label="其他" value="2"></el-option>
           </el-select>
-          <span style="margin-left: 8px; color: red;">注意：切换选项后检查内容将会清空！</span>
+          <span style="margin-left: 8px; color: red"
+            >注意：切换选项后检查内容将会清空！</span
+          >
         </el-form-item>
       </el-form>
       <el-table height="350" :data="ruleForm.items" border>
-        <el-table-column type="index" align="center" label="序号" center width="80">
+        <el-table-column
+          type="index"
+          align="center"
+          label="序号"
+          center
+          width="80"
+        >
         </el-table-column>
-        <el-table-column align="center" label="检查项目和内容" v-if="ruleForm.checkContentType != '2'">
+        <el-table-column
+          align="center"
+          label="检查项目和内容"
+          v-if="ruleForm.checkContentType != '2'"
+        >
           <template slot-scope="scope">
-            <el-select v-model="scope.row.parts[1]" @change="changeSecondType(scope.row)" placeholder="请选择检查项目和内容">
+            <el-select
-              <el-option v-for="item in secondType" :label="item.dictLabel" :value="item.dictValue"
+              v-model="scope.row.parts[1]"
-                :key="item.id"></el-option>
+              @change="changeSecondType(scope.row)"
+              placeholder="请选择检查项目和内容"
+            >
+              <el-option
+                v-for="item in secondType"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+                :key="item.id"
+              ></el-option>
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="检查部位" v-if="ruleForm.checkContentType != '2'">
+        <el-table-column
+          align="center"
+          label="检查部位"
+          v-if="ruleForm.checkContentType != '2'"
+        >
           <template slot-scope="scope">
-            <el-select v-model="scope.row.parts[2]" v-if="scope.row.third" @change="changeThirdType(scope.row)"
+            <el-select
-              placeholder="请选择检查部位">
+              v-model="scope.row.parts[2]"
-              <el-option v-for="item in scope.row.third" :label="item.dictLabel" :value="item.dictValue"
+              v-if="scope.row.third"
-                :key="item.id"></el-option>
+              @change="changeThirdType(scope.row)"
+              placeholder="请选择检查部位"
+            >
+              <el-option
+                v-for="item in scope.row.third"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+                :key="item.id"
+              ></el-option>
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column align="center" prop="inspectionContent" label="检查内容">
+        <el-table-column
+          align="center"
+          prop="inspectionContent"
+          label="检查内容"
+        >
           <template slot-scope="scope">
             <el-input maxlength="500" v-model="scope.row.content"></el-input>
           </template>
         </el-table-column>
         <el-table-column prop="address" align="center" label="操作">
           <template slot-scope="scope">
-            <el-button style="margin-right: 8px;"
+            <el-button
-              v-if="scope.$index == ruleForm.items.length - 1 && ruleForm.items.length < 50"
+              style="margin-right: 8px"
-              @click="addPatrolItem(ruleForm.checkContentType)" type="text" size="small">添加</el-button>
+              v-if="
-            <el-popconfirm v-if="ruleForm.items.length >= 2" confirm-button-text='确定' cancel-button-text='取消'
+                scope.$index == ruleForm.items.length - 1 &&
-              icon="el-icon-info" icon-color="red" title="确定删除吗？" @confirm="deletePatrolItem(scope.$index)">
+                ruleForm.items.length < 50
-              <el-button slot="reference" style="color: red;" type="text" size="small">删除</el-button>
+              "
+              @click="addPatrolItem(ruleForm.checkContentType)"
+              type="text"
+              size="small"
+              >添加</el-button
+            >
+            <el-popconfirm
+              v-if="ruleForm.items.length >= 2"
+              confirm-button-text="确定"
+              cancel-button-text="取消"
+              icon="el-icon-info"
+              icon-color="red"
+              title="确定删除吗？"
+              @confirm="deletePatrolItem(scope.$index)"
+            >
+              <el-button
+                slot="reference"
+                style="color: red"
+                type="text"
+                size="small"
+                >删除</el-button
+              >
             </el-popconfirm>
           </template>
         </el-table-column>
       </el-table>
       <div slot="footer" class="dialog-footer">
         <el-button size="mini" @click="dialogVisible = false">取 消</el-button>
-        <el-button size="mini" type="primary" @click="submitForm('ruleForm')">保存</el-button>
+        <el-button size="mini" type="primary" @click="submitForm('ruleForm')"
+          >保存</el-button
+        >
       </div>
     </el-dialog>
   </div>
@@ -374,7 +519,6 @@ export default {
       width: 300px;
       margin-right: 10px;
     }
-
   }
 
   .search-btn {
@@ -389,8 +533,6 @@ export default {
     &:active {
       background-color: #2b8070;
     }
-
-    ;
   }
 }
 </style>

src/views/dike/runManage/enginerring/patrolManage/index.vue

@@ -1,6 +1,6 @@
 <!-- 巡查管理页 -->
 <template>
-  <div class="patrol-manage-page page">
+  <div class="patrol-manage-page">
     <div class="top-title">堤防巡查管理</div>
     <div class="table-box">
       <div class="top-search">
@@ -14,9 +14,9 @@
         <el-select v-model="dikeType" placeholder="请选择">
           <el-option
             v-for="item in dikeTypeList"
-            :key="item.value"
+            :key="item.dictValue"
-            :label="item.label"
+            :label="item.dictLabel"
-            :value="item.value"
+            :value="item.dictValue"
           >
           </el-option>
         </el-select>
@@ -30,11 +30,19 @@
       </div>
       <el-table class="mt-16" height="625" :data="tableData" border>
         <el-table-column type="index" align="center" label="序号" width="80" />
-        <el-table-column prop="name" align="center" label="堤防名称" />
+        <el-table-column prop="dikeName" align="center" label="堤防名称" />
-        <el-table-column prop="name" align="center" label="堤防代码" />
+        <el-table-column prop="dikeCode" align="center" label="堤防代码" />
-        <el-table-column prop="name" align="center" label="管理单位" />
+        <el-table-column
-        <el-table-column prop="name" align="center" label="行政主管部门" />
+          prop="engineeringManagementUnit"
-        <el-table-column prop="name" align="center" label="最近巡查时间" />
+          align="center"
+          label="管理单位"
+        />
+        <el-table-column
+          prop="waterAdministrativeDepartment"
+          align="center"
+          label="行政主管部门"
+        />
+        <el-table-column prop="lastTime" align="center" label="最近巡查时间" />
         <el-table-column prop="operate" align="center" label="操作">
           <template slot-scope="scope">
             <el-button
@@ -68,14 +76,101 @@
       >
       </el-pagination>
     </div>
+
+    <!-- 弹窗 -->
+    <el-dialog
+      title="巡查项目配置"
+      @close="dialogVisible = false"
+      :visible.sync="dialogVisible"
+      width="520px"
+    >
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="100px"
+      >
+        <el-form-item
+          label-width="120px"
+          label="日常巡查项目"
+          prop="checkings[0].xcId"
+        >
+          <el-select
+            filterable
+            remote
+            :remote-method="(query) => handleGetRemoteProjectListData(0, query)"
+            @focus="handleGetRemoteProjectListData(0, '')"
+            v-model="ruleForm.checkings[0].xcId"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in projectList0"
+              :label="item.name"
+              :value="item.id"
+              :key="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label-width="120px"
+          label="定期巡查项目"
+          prop="checkings[1].xcId"
+        >
+          <el-select
+            filterable
+            remote
+            :remote-method="(query) => handleGetRemoteProjectListData(1, query)"
+            @focus="handleGetRemoteProjectListData(1, '')"
+            v-model="ruleForm.checkings[1].xcId"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in projectList1"
+              :label="item.name"
+              :value="item.id"
+              :key="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label-width="120px"
+          label="特别巡查项目"
+          prop="checkings[2].xcId"
+        >
+          <el-select
+            filterable
+            remote
+            :remote-method="(query) => handleGetRemoteProjectListData(2, query)"
+            @focus="handleGetRemoteProjectListData(2, '')"
+            v-model="ruleForm.checkings[2].xcId"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in projectList2"
+              :label="item.name"
+              :value="item.id"
+              :key="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="resetForm">取 消</el-button>
+        <el-button size="mini" type="primary" @click="submitForm"
+          >保存</el-button
+        >
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
-import { getDikeProjectList } from "@/api/dike";
+import { getDikeProjectList, postProjectChecking } from "@/api/dike";
+import { postDFInspectionProjectList } from "@/api/management";
 
 export default {
   data() {
     return {
+      dialogVisible: false,
       pageData: {
         pageNum: 1,
         pageSize: 10,
@@ -91,28 +186,70 @@ export default {
       dikeType: "",
       tableData: [
         {
-          dikeId: "123123",
+          dikeCode: "123123",
-          dikeName: "test",
+          dikeName: "本地写死的",
+          id: 12312,
         },
       ],
+      ruleForm: {
+        dikeCode: "",
+        checkings: [
+          {
+            type: 0,
+            label: "日常检查",
+            xcId: "",
+          },
+          {
+            type: 1,
+            label: "定期检查",
+            xcId: "",
+          },
+          {
+            type: 2,
+            label: "特别检查",
+            xcId: "",
+          },
+        ],
+      },
+      projectList0: [], // 对应type===0的日常巡查项目
+      projectList1: [], // 对应type===1的日常巡查项目
+      projectList2: [], // 对应type===2的日常巡查项目
+      rules: {
+        ["checkings[0].xcId"]: [
+          { required: true, message: "请选择", trigger: "change" },
+        ],
+        ["checkings[1].xcId"]: [
+          { required: true, message: "请选择", trigger: "change" },
+        ],
+        ["checkings[2].xcId"]: [
+          { required: true, message: "请选择", trigger: "change" },
+        ],
+      },
     };
   },
-  created() {},
+  created() {
+    this.getDicts("embankment_type").then((response) => {
+      this.dikeTypeList = response.data;
+    });
+  },
   mounted() {
-    this.getDikeTypeListData();
     this.getTableData();
   },
   methods: {
-    // 获取堤防类型数据
-    getDikeTypeListData() {},
     // 获取列表信息
     getTableData() {
       getDikeProjectList({
         pageNum: this.pageData.pageNum,
         pageSize: this.pageData.pageSize,
         type: this.dikeType || "",
+        data: {
+          dikeName: this.searchInput || "",
+        },
       }).then((res) => {
-        console.log("res >>>>>  ", res);
+        if (res) {
+          this.tableData = res.records;
+          this.pageData.total = res.total;
+        }
       });
     },
     // 重置搜索条件
@@ -125,7 +262,8 @@ export default {
       this.$router.push({
         path: "inspectionPlan",
         query: {
-          id: row.dikeId,
+          id: row.dikeCode,
+          name: row.dikeName,
         },
       });
     },
@@ -133,8 +271,57 @@ export default {
       this.$router.push({
         path: "inspectionRecords",
         query: {
-          id: row.dikeId,
+          id: row.dikeCode,
+          name: row.dikeName,
+        },
+      });
+    },
+    // 请求项目列表
+    initProjectList(type, query) {
+      postDFInspectionProjectList({
+        data: {
+          timeView: {
+            timeField: "create_time",
+          },
+          type,
         },
+        cv: {
+          name: "name",
+          type: "like",
+          value: query,
+        },
+        pageSize: 20,
+        pageNum: 1,
+      }).then((res) => {
+        if (res) {
+          this[`projectList${type}`] = res.records;
+        }
+      });
+    },
+    // 请求项目列表数据
+    handleGetRemoteProjectListData(type, query) {
+      this.initProjectList(type, query);
+    },
+    // 配置项目
+    handleSet(row) {
+      // this.initProjectList();
+      this.dialogVisible = true;
+      this.ruleForm.dikeCode = row.dikeCode;
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields();
+      this.dialogVisible = false;
+    },
+    submitForm() {
+      console.log("表单 >>> ", this.ruleForm);
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          postProjectChecking(this.ruleForm).then((res) => {
+            console.log("res >>>>>  ", res);
+            if (res) {
+            }
+          });
+        }
       });
     },
   },

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

@@ -1,20 +1,23 @@
 <!-- 害堤动物防护计划管理-堤防 -->
 <script>
-import { putDFMaintenancePlan, deleteDFMaintenancePlan,
-   postDFNewPreventionControlPlan, postDFPreventionControlPlanList,
-   getDFMaintenancePlan, listUser, getDicts } from '@/api/management'
 import {
-  listDikeInfo
+  putDFPreventionControlPlan,
-} from "@/api/yg/dikeInfo"
+  deleteDFMaintenancePlan,
+  postDFNewPreventionControlPlan,
+  postDFPreventionControlPlanList,
+  getDFPreventionControlPlan,
+  listUser,
+} from "@/api/management";
+import { listDikeInfo } from "@/api/yg/dikeInfo";
 
 export default {
-  name: 'InspectionItems',
+  name: "InspectionItems",
   data() {
     return {
-      searchInput: '',
+      searchInput: "",
-      controlInput: '',
+      controlInput: "",
-      selectLevel: '',
+      selectLevel: "",
-      selectType: '',
+      selectType: "",
       dialogVisible: false,
       prohibitEditing: false,
       personnelList: [], // 人员列表
@@ -28,98 +31,99 @@ export default {
         pageNum: 1, // 当前页
         pageSize: 10, // 请求数量
         pageSizes: [10, 20, 50, 100],
-        total: 0 // 总数量
+        total: 0, // 总数量
       },
       ruleForm: {
-        dikeCode: '',
+        dikeCode: "",
-        name: '',
+        name: "",
-        type: '',
+        type: "",
-        instruction: '',
+        instruction: "",
-        month: '',
+        month: "",
         details: [],
-        cycleType: '',
+        cycleType: "",
-        frequency: '',
+        frequency: "",
         operators: [],
         isReminder: 1,
         otherConfig: {
           selectUser: [],
-          week: '',
+          week: "",
-          day: ''
+          day: "",
         },
-        reminderTime: '',
+        reminderTime: "",
       },
       rules: {
         dikeCode: [
-          { required: true, message: '请选择堤防名称', trigger: 'blur' }
+          { required: true, message: "请选择堤防名称", trigger: "blur" },
         ],
         name: [
-          { required: true, message: '请输入防治计划名称', trigger: 'blur' },
+          { required: true, message: "请输入防治计划名称", trigger: "blur" },
-          { max: 100, message: '名称最长为100个字符', trigger: 'blur' }
+          { max: 100, message: "名称最长为100个字符", trigger: "blur" },
         ],
         type: [
-          { required: true, message: '请选择防治类型', trigger: 'change' }
+          { required: true, message: "请选择防治类型", trigger: "change" },
         ],
         instruction: [
-          { required: true, message: '请输入防治说明', trigger: 'change' }
+          { required: true, message: "请输入防治说明", trigger: "change" },
         ],
         month: [
-          { required: true, message: '请选择工作月份', trigger: 'change' }
+          { required: true, message: "请选择工作月份", trigger: "change" },
         ],
         cycleType: [
-          { required: true, message: '请选择提醒日期', trigger: 'change' }
+          { required: true, message: "请选择提醒日期", trigger: "change" },
         ],
         frequency: [
-          { required: true, message: '请输入次数', trigger: 'change' }
+          { required: true, message: "请输入次数", trigger: "change" },
         ],
-        'otherConfig.selectUser': [
+        "otherConfig.selectUser": [
-          { required: true, message: '请选择责任人', trigger: 'change' }
+          { required: true, message: "请选择责任人", trigger: "change" },
         ],
-        'otherConfig.week': [
+        "otherConfig.week": [
-          { required: true, message: '请选择星期', trigger: 'change' }
+          { required: true, message: "请选择星期", trigger: "change" },
         ],
-        'otherConfig.day': [
+        "otherConfig.day": [
-          { required: true, message: '请输入', trigger: 'change' }
+          { required: true, message: "请输入", trigger: "change" },
         ],
         reminderTime: [
-          { required: true, message: '请选择提醒时间', trigger: 'change' }
+          { required: true, message: "请选择提醒时间", trigger: "change" },
         ],
-      }
+      },
-    }
+    };
   },
   watch: {
     dialogVisible(newVal, oldVal) {
       if (oldVal) {
-        this.prohibitEditing = false
+        this.prohibitEditing = false;
-      }
       }
     },
+  },
   methods: {
     // 打开新增弹窗
     openAddDialog() {
       // 获取字典数据
-      getDicts('xc_w_month').then((res) => {
+      this.getDicts("xc_w_month").then((res) => {
-        this.workMonth = res.data
+        this.workMonth = res.data;
-        console.log('🏝️this.workMonth🏝️', this.workMonth)
+      });
-      })
+      this.getDicts("xs_cycle_type").then((res) => {
-      getDicts('xs_cycle_type').then((res) => {
+        this.patrolType = res.data;
-        this.patrolType = res.data
+      });
-        console.log('🏝️this.patrolType🏝️', this.patrolType)
-      })
       if (this.ruleForm.details.length <= 0) {
         this.ruleForm.details.push({
-          constructionDate: '',
+          constructionDate: "",
-          jobContent: '',
+          jobContent: "",
-          planDays: 0
+          planDays: 0,
-        })
+        });
       }
-      this.dialogVisible = true
+      this.dialogVisible = true;
+      setTimeout(() => {
+        this.$refs.ruleForm.resetFields();
+      }, 0);
     },
     // 删除对应防治计划
     deleteTableItem(row) {
       deleteDFMaintenancePlan(row.id).then((res) => {
-        this.getTableData()
+        this.getTableData();
-        this.$message.success('删除成功');
+        this.$message.success("删除成功");
-      })
+      });
     },
     // 删除对应工作内容
     deleteWorkTableItem(id) {
@@ -133,70 +137,75 @@ export default {
       listUser({
         data: {
           timeView: {
-            timeField: "create_time"
+            timeField: "create_time",
           },
         },
         cv: {
           name: "nickName",
           type: "like",
-          value: e
+          value: e,
         },
         pageSize: 100,
-        pageNum: 1
+        pageNum: 1,
       }).then((res) => {
-        this.personnelList = res.records
+        this.personnelList = res.records;
-      })
+      });
     },
     // 查看或编辑计划详情
     viewOrEditPlanDetails(row, edit = false) {
       if (!edit) {
-        this.prohibitEditing = true
+        this.prohibitEditing = true;
+      }
+      getDFPreventionControlPlan(row.id).then((res) => {
+        this.ruleForm = res.data;
+        this.ruleForm.reminderCycle = res.data.instruction + res.data.month;
+        this.dialogVisible = true;
+      });
+    },
+    changeOtherConfigSelectUser(idsArr) {
+      if (idsArr?.length) {
+        this.ruleForm.operators =
+          this.personnelList
+            .filter((v) => idsArr.includes(v.nickName))
+            ?.map((v) => ({
+              name: v.nickName,
+              uid: v.id,
+            })) || [];
+      } else {
+        this.ruleForm.operators = [];
       }
-      getDFMaintenancePlan(row.id).then((res) => {
-        console.log('🚀res🚀', res)
-        this.ruleForm = res.data
-        this.ruleForm.reminderCycle = res.data.instruction + res.data.month
-        this.dialogVisible = true
-      })
     },
     // 保存维修计划
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          console.log('🏝️this.ruleForm🏝️', this.ruleForm)
+          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);
-          this.ruleForm.month = parseFloat(this.ruleForm.month)
+          this.ruleForm.type = parseFloat(this.ruleForm.type);
-          this.ruleForm.type = parseFloat(this.ruleForm.type)
+          this.dialogVisible = false;
-          this.ruleForm.otherConfig.selectUser.forEach((item) => {
-            this.ruleForm.operators.push({
-              name: item.userName,
-              uid: item.id
-            })
-          })
-          this.dialogVisible = false
           if (this.ruleForm.id) {
-            putDFMaintenancePlan(this.ruleForm).then(() => {
+            putDFPreventionControlPlan(this.ruleForm).then(() => {
-              this.getTableData()
+              this.getTableData();
-              this.dialogVisible = false
+              this.dialogVisible = false;
               this.$message({
-                message: '保存成功',
+                message: "保存成功",
-                type: 'success'
+                type: "success",
-              })
+              });
-            })
+            });
           } else {
             postDFNewPreventionControlPlan(this.ruleForm).then(() => {
-              console.log('保存成功');
+              console.log("保存成功");
-              this.getTableData()
+              this.getTableData();
-              this.dialogVisible = false
+              this.dialogVisible = false;
               this.$message({
-                message: '保存成功',
+                message: "保存成功",
-                type: 'success'
+                type: "success",
-              })
+              });
-            })
+            });
           }
         } else {
-          console.log('校验不通过');
+          console.log("校验不通过");
           return false;
         }
       });
@@ -204,70 +213,73 @@ export default {
     // 重置校验
     resetForm(formName) {
       this.$refs[formName].resetFields();
-      this.dialogVisible = false
+      this.dialogVisible = false;
     },
     // 关闭dialog
-    closeDialog(ruleForm = 'ruleForm') {
+    closeDialog(ruleForm = "ruleForm") {
-      console.log('触发关闭dialog', ruleForm);
+      console.log("触发关闭dialog", ruleForm);
       this.$refs[ruleForm].resetFields();
       this.ruleForm = {
-        dikeCode: '',
+        dikeCode: "",
-        name: '',
+        name: "",
         type: 0,
-        instruction: '',
+        instruction: "",
-        month: '',
+        month: "",
         details: [],
-        cycleType: '',
+        cycleType: "",
         isReminder: true,
         selectUser: [],
         week: 1,
         date: 1,
-        reminderTime: '',
+        reminderTime: "",
-      }
+      };
     },
     // 添加工作项
     addWorkItem() {
       this.ruleForm.details.push({
-        jobContent: '',
+        jobContent: "",
-        constructionDate: '',
+        constructionDate: "",
-        planDays: '',
+        planDays: "",
-      })
+      });
     },
-    // 获取数据
+    // 获取列表数据
-    getTableData(value = '') {
+    getTableData() {
       postDFPreventionControlPlanList({
         data: {
           timeView: {
-            timeField: "create_time"
+            timeField: "create_time",
           },
         },
         cv: {
           name: "name",
           type: "like",
-          value
+          value: this.searchInput,
+        },
+        params: {
+          orderBy: "create_time",
+          sort: "desc",
         },
         pageSize: this.pageData.pageSize,
-        pageNum: this.pageData.pageNum
+        pageNum: this.pageData.pageNum,
       }).then((res) => {
         if (res) {
-          this.tableData = res.records
+          this.tableData = res.records;
-          this.pageData.total = res.total
+          this.pageData.total = res.total;
         }
-        console.log('🚀表格数据🚀', res)
+      });
-      })
     },
     // 重置搜索
     resetSearch() {
-      this.searchInput = ''
+      this.searchInput = "";
-      this.selectStatus = '2'
+      this.selectStatus = "2";
-      this.getTableData()
+      this.getTableData();
     },
     // 打开地图
-    handleOpenMap(){},
+    handleOpenMap() {},
     // 打开详情
-    handleOpenDetail(){},
+    handleOpenDetail() {},
     // 获取堤防列表信息
-    getEmbData(){
+    getEmbData() {
       listDikeInfo({
         pageNum: 1,
         pageSize: 20,
@@ -284,56 +296,79 @@ export default {
           // desc降序，升序asc
           sort: "desc",
         },
-      }).then(res=> {
+      }).then((res) => {
-        this.embankmentList = res?.records || []
+        this.embankmentList = res?.records || [];
-      })
+      });
     },
-    handleChangeDike(value){
+    handleChangeDike(value) {
-      this.ruleForm.name = this.ruleForm.dikeCode
+      this.ruleForm.name = this.ruleForm.dikeCode;
       // let res = this.embankmentList.find(v=> v.dikeCode === value)
       // this.dikeDetailsDialog.id = res?.id || ''
     },
   },
   mounted() {
     // 获取列表数据
-    // this.getTableData()
+    this.getTableData();
-    this.getEmbData()
+    this.getEmbData();
-    getDicts('embankment_level').then((res) => {
+    this.getDicts("embankment_level").then((res) => {
-      this.dikeLevel = res.data
+      this.dikeLevel = res.data;
-    })
+    });
-    getDicts('dh_jh_type').then((res) => {
+    this.getDicts("dh_jh_type").then((res) => {
-      this.controlType = res.data
+      this.controlType = res.data;
-    })
+    });
   },
-}
+};
 </script>
 
 <template>
   <div class="body slider-right">
-    <div class="top-title">
+    <div class="top-title">基础信息管理</div>
-      基础信息管理
-    </div>
     <div class="table-box">
       <div class="top-search">
         <span>防治计划名称：</span>
-        <el-input class="search-input" v-model="searchInput" placeholder="请输入" />
+        <el-input
+          class="search-input"
+          v-model="searchInput"
+          placeholder="请输入"
+        />
         <span>防治堤防：</span>
-        <el-input class="search-input" v-model="controlInput" placeholder="请输入" />
+        <el-input
+          class="search-input"
+          v-model="controlInput"
+          placeholder="请输入"
+        />
         <span>堤防级别：</span>
         <el-select v-model="selectLevel" placeholder="请选择">
           <el-option label="全部" value="0" />
-          <el-option v-for="item in dikeLevel" :label="item.dictLabel" :value="item.dictValue" :key="item.id" />
+          <el-option
+            v-for="item in dikeLevel"
+            :label="item.dictLabel"
+            :value="item.dictValue"
+            :key="item.id"
+          />
         </el-select>
-        <span style="margin-left: 10px;">防治类型：</span>
+        <span style="margin-left: 10px">防治类型：</span>
         <el-select v-model="selectType" placeholder="请选择">
           <el-option label="全部" value="3" />
-          <el-option v-for="item in controlType" :label="item.dictLabel" :value="item.dictValue" :key="item.id" />
+          <el-option
+            v-for="item in controlType"
+            :label="item.dictLabel"
+            :value="item.dictValue"
+            :key="item.id"
+          />
         </el-select>
-        <el-button class="search-btn" type="success" @click="getTableData(searchInput)">搜索</el-button>
+        <el-button class="search-btn" type="success" @click="getTableData()"
+          >搜索</el-button
+        >
         <el-button @click="resetSearch()">重置</el-button>
       </div>
-      <el-button class="search-btn" style=" margin-right: 16px;margin-bottom: 8px; float: right;" type="success"
+      <el-button
-        @click="openAddDialog()">添加</el-button>
+        class="search-btn"
+        style="margin-right: 16px; margin-bottom: 8px; float: right"
+        type="success"
+        @click="openAddDialog()"
+        >添加</el-button
+      >
       <el-table class="table" height="640" :data="tableData" border>
         <el-table-column type="index" align="center" label="序号" width="100" />
         <el-table-column prop="name" align="center" label="防治计划名称" />
@@ -341,120 +376,323 @@ export default {
         <el-table-column prop="location" align="center" label="堤防级别" />
         <el-table-column prop="content" align="center" label="堤防类型" />
         <el-table-column prop="type" align="center" label="防治类型" />
-        <el-table-column prop="createTime" align="center" sortable label="创建时间" />
+        <el-table-column
-        <el-table-column prop="updateTime" align="center" sortable label="更新时间" />
+          prop="createTime"
+          align="center"
+          sortable
+          label="创建时间"
+        />
+        <el-table-column
+          prop="updateTime"
+          align="center"
+          sortable
+          label="更新时间"
+        />
         <el-table-column prop="address" align="center" label="操作">
           <template slot-scope="scope">
-            <el-button @click="viewOrEditPlanDetails(scope.row)" type="text" size="small">查看</el-button>
+            <el-button
-            <el-button @click="viewOrEditPlanDetails(scope.row, true)" type="text" size="small">编辑</el-button>
+              @click="viewOrEditPlanDetails(scope.row)"
-            <el-button style=" margin-right: 9px;" type="text" size="small">记录</el-button>
+              type="text"
-            <el-popconfirm confirm-button-text='确定' cancel-button-text='取消' icon="el-icon-info" icon-color="red"
+              size="small"
-              title="确定删除吗？" @confirm="deleteTableItem(scope.row)">
+              >查看</el-button
-              <el-button style="color: red;" type="text" size="small" slot="reference">删除</el-button>
+            >
+            <el-button
+              @click="viewOrEditPlanDetails(scope.row, true)"
+              type="text"
+              size="small"
+              >编辑</el-button
+            >
+            <el-button style="margin-right: 9px" type="text" size="small"
+              >记录</el-button
+            >
+            <el-popconfirm
+              confirm-button-text="确定"
+              cancel-button-text="取消"
+              icon="el-icon-info"
+              icon-color="red"
+              title="确定删除吗？"
+              @confirm="deleteTableItem(scope.row)"
+            >
+              <el-button
+                style="color: red"
+                type="text"
+                size="small"
+                slot="reference"
+                >删除</el-button
+              >
             </el-popconfirm>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination background class="pagination" style="margin-top: 16px;margin-right: 16px;float: right;"
+      <el-pagination
-        :current-page="pageData.pageNum" :page-sizes="pageData.pageSizes" layout="total, prev, pager, next, sizes, jumper"
+        background
-        :total="pageData.total" @size-change="getTableData()">
+        class="pagination"
+        style="margin-top: 16px; margin-right: 16px; float: right"
+        :current-page="pageData.pageNum"
+        :page-sizes="pageData.pageSizes"
+        layout="total, prev, pager, next, sizes, jumper"
+        :total="pageData.total"
+        @size-change="getTableData()"
+      >
       </el-pagination>
     </div>
     <!-- 弹窗 -->
-    <el-dialog title="新增/编辑防治计划" @close="" :visible.sync="dialogVisible" width="720px">
+    <el-dialog
-      <div style="display: flex; margin-bottom: 16px;">
+      title="新增/编辑防治计划"
-        <div style="width: 5px; height: 16px; background-color: #31a08e; margin-right: 8px;"></div>
+      @close=""
-        <span style="font-weight: 600;">基础信息</span>
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      width="720px"
+    >
+      <div style="display: flex; margin-bottom: 16px">
+        <div
+          style="
+            width: 5px;
+            height: 16px;
+            background-color: #31a08e;
+            margin-right: 8px;
+          "
+        ></div>
+        <span style="font-weight: 600">基础信息</span>
       </div>
-      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="100px"
+      >
         <el-form-item label-width="120px" label="堤防名称" prop="dikeCode">
           <!-- <el-input style="width: 202px;" v-model="ruleForm.dikeCode" placeholder="请输入" :disabled="prohibitEditing" /> -->
-          <el-select v-model="ruleForm.dikeCode" placeholder="请选择" @change="handleChangeDike"
+          <el-select
-            :disabled="prohibitEditing">
+            v-model="ruleForm.dikeCode"
-            <el-option v-for="item in embankmentList" :label="item.dikeName" :value="item.dikeCode" :key="item.id"></el-option>
+            placeholder="请选择"
+            @change="handleChangeDike"
+            :disabled="prohibitEditing"
+          >
+            <el-option
+              v-for="item in embankmentList"
+              :label="item.dikeName"
+              :value="item.dikeCode"
+              :key="item.id"
+            ></el-option>
           </el-select>
-          <el-button :disabled="!ruleForm.dikeCode" class="!m-6" type="success" size="small" @click="handleOpenDetail">详情</el-button>
+          <el-button
-          <el-button :disabled="!ruleForm.dikeCode" class="!ml-6" type="success" size="small" @click="handleOpenMap">打开地图</el-button>
+            :disabled="!ruleForm.dikeCode"
+            class="!m-6"
+            type="success"
+            size="small"
+            @click="handleOpenDetail"
+            >详情</el-button
+          >
+          <el-button
+            :disabled="!ruleForm.dikeCode"
+            class="!ml-6"
+            type="success"
+            size="small"
+            @click="handleOpenMap"
+            >打开地图</el-button
+          >
         </el-form-item>
-        <div style="display: flex;">
+        <div style="display: flex">
           <el-form-item label-width="120px" label="防治计划名称" prop="name">
-            <el-input style="width: 202px;" v-model="ruleForm.name" placeholder="请输入" :disabled="prohibitEditing" />
+            <el-input
+              style="width: 202px"
+              v-model="ruleForm.name"
+              placeholder="请输入"
+              :disabled="prohibitEditing"
+            />
           </el-form-item>
           <el-form-item label-width="120px" label="防治类型" prop="type">
-            <el-select v-model="ruleForm.type" placeholder="请选择" :disabled="prohibitEditing">
+            <el-select
-              <el-option v-for="item in controlType" :key="item.id" :label="item.dictLabel" :value="item.dictValue">
+              v-model="ruleForm.type"
+              placeholder="请选择"
+              :disabled="prohibitEditing"
+            >
+              <el-option
+                v-for="item in controlType"
+                :key="item.id"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              >
               </el-option>
             </el-select>
           </el-form-item>
         </div>
         <el-form-item label-width="120px" label="防治说明" prop="instruction">
-          <el-input v-model="ruleForm.instruction" type="textarea" placeholder=" 请输入" :disabled="prohibitEditing" />
+          <el-input
+            v-model="ruleForm.instruction"
+            type="textarea"
+            placeholder=" 请输入"
+            :disabled="prohibitEditing"
+          />
         </el-form-item>
-        <div style="display: flex; margin-bottom: 16px;">
+        <div style="display: flex; margin-bottom: 16px">
-          <div style="width: 5px; height: 16px; background-color: #31a08e; margin-right: 8px;"></div>
+          <div
-          <span style="font-weight: 600;">工作内容</span>
+            style="
+              width: 5px;
+              height: 16px;
+              background-color: #31a08e;
+              margin-right: 8px;
+            "
+          ></div>
+          <span style="font-weight: 600">工作内容</span>
         </div>
         <el-form-item label-width="120px" label="工作月份" prop="month">
-          <el-select v-model="ruleForm.month" placeholder="请选择" :disabled="prohibitEditing">
+          <el-select
-            <el-option v-for="item in workMonth" :label="item.dictLabel" :value="item.dictValue" :key="item.id" />
+            v-model="ruleForm.month"
+            placeholder="请选择"
+            :disabled="prohibitEditing"
+          >
+            <el-option
+              v-for="item in workMonth"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+              :key="item.id"
+            />
           </el-select>
         </el-form-item>
-        <el-table style="margin-bottom: 22px;" max-height="330" :data="ruleForm.details" border>
+        <el-table
-          <el-table-column type="index" align="center" label="序号" width="50" />
+          style="margin-bottom: 22px"
+          max-height="330"
+          :data="ruleForm.details"
+          border
+        >
+          <el-table-column
+            type="index"
+            align="center"
+            label="序号"
+            width="50"
+          />
           <el-table-column prop="jobContent" align="center" label="工作内容">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.jobContent" placeholder="请输入工作内容" />
+              <el-input
+                v-model="scope.row.jobContent"
+                placeholder="请输入工作内容"
+              />
             </template>
           </el-table-column>
-          <el-table-column prop="constructionDate" align="center" label="施工日期">
+          <el-table-column
+            prop="constructionDate"
+            align="center"
+            label="施工日期"
+          >
             <template slot-scope="scope">
-              <el-input v-model="scope.row.constructionDate" placeholder="请输入施工日期" />
+              <el-input
+                v-model="scope.row.constructionDate"
+                placeholder="请输入施工日期"
+              />
             </template>
           </el-table-column>
-          <el-table-column prop="planDays" align="center" label="计划工日" width="80">
+          <el-table-column
+            prop="planDays"
+            align="center"
+            label="计划工日"
+            width="80"
+          >
             <template slot-scope="scope">
-              <el-input v-model="scope.row.planDays" placeholder="请输入计划工日" />
+              <el-input
+                v-model="scope.row.planDays"
+                placeholder="请输入计划工日"
+              />
             </template>
           </el-table-column>
           <el-table-column align="center" label="操作" width="100">
             <template slot-scope="scope">
-              <el-button style=" margin-right: 9px;" type="text" size="small" @click="addWorkItem">添加</el-button>
+              <el-button
-              <el-popconfirm confirm-button-text='确定' cancel-button-text='取消' icon="el-icon-info" icon-color="red"
+                style="margin-right: 9px"
-                title="确定删除吗？" @confirm="deleteWorkTableItem(scope.row.id)">
+                type="text"
-                <el-button v-if="ruleForm.details.length > 1" style="color: red;" type="text" size="small"
+                size="small"
-                  slot="reference">删除</el-button>
+                @click="addWorkItem"
+                >添加</el-button
+              >
+              <el-popconfirm
+                confirm-button-text="确定"
+                cancel-button-text="取消"
+                icon="el-icon-info"
+                icon-color="red"
+                title="确定删除吗？"
+                @confirm="deleteWorkTableItem(scope.row.id)"
+              >
+                <el-button
+                  v-if="ruleForm.details.length > 1"
+                  style="color: red"
+                  type="text"
+                  size="small"
+                  slot="reference"
+                  >删除</el-button
+                >
               </el-popconfirm>
             </template>
           </el-table-column>
         </el-table>
-        <div style="display: flex;">
+        <div style="display: flex">
           <el-form-item label-width="120px" label="提醒周期" prop="frequency">
-            <el-input style="width: 90px;" v-model="ruleForm.frequency" placeholder="请输入" />
+            <el-input
+              style="width: 90px"
+              v-model="ruleForm.frequency"
+              placeholder="请输入"
+            />
             /次
           </el-form-item>
           <el-form-item label-width="10px" prop="cycleType">
-            <el-select style="width: 90px;" v-model="ruleForm.cycleType" placeholder="请选择">
+            <el-select
-              <el-option v-for="item in patrolType" :label="item.dictLabel" :value="item.dictValue"
+              style="width: 90px"
-                :key="item.id"></el-option>
+              v-model="ruleForm.cycleType"
-            </el-select> /日期
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in patrolType"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+                :key="item.id"
+              ></el-option>
+            </el-select>
+            /日期
           </el-form-item>
-          <el-form-item label-width="100px" label="责任人" prop="otherConfig.selectUser">
+          <el-form-item
-            <el-select v-model="ruleForm.otherConfig.selectUser" multiple filterable remote :remote-method="searchUser"
+            label-width="100px"
-              value-key="id" placeholder="请输入关键词搜索用户" prop="selectUser">
+            label="责任人"
-              <el-option v-for=" item  in  personnelList " :key="item.id" :label="item.nickName" :value="item">
+            prop="otherConfig.selectUser"
+          >
+            <el-select
+              v-model="ruleForm.otherConfig.selectUser"
+              multiple
+              filterable
+              remote
+              :remote-method="searchUser"
+              value-key="id"
+              placeholder="请输入关键词搜索用户"
+              prop="selectUser"
+              @change="changeOtherConfigSelectUser"
+            >
+              <el-option
+                v-for="item in personnelList"
+                :key="item.id"
+                :label="item.nickName"
+                :value="item.nickName"
+              >
               </el-option>
             </el-select>
           </el-form-item>
         </div>
-        <div style="display: flex;">
+        <div style="display: flex">
           <el-form-item label-width="120px" label="消息提醒" prop="isReminder">
-            <el-switch v-model="ruleForm.isReminder" :active-value="1" :inactive-value="0" active-color="#31a08e"
+            <el-switch
-              inactive-color="#dcdfe6">
+              v-model="ruleForm.isReminder"
+              :active-value="1"
+              :inactive-value="0"
+              active-color="#31a08e"
+              inactive-color="#dcdfe6"
+            >
             </el-switch>
           </el-form-item>
-          <div style="display: flex;flex-direction: column;">
+          <div style="display: flex; flex-direction: column">
-            <el-form-item v-if="ruleForm.isReminder && ruleForm.cycleType === '1'" label-width="120px" label="提醒时间"
+            <el-form-item
-              prop="otherConfig.week">
+              v-if="ruleForm.isReminder && ruleForm.cycleType === '1'"
+              label-width="120px"
+              label="提醒时间"
+              prop="otherConfig.week"
+            >
               <el-radio-group v-model="ruleForm.otherConfig.week">
                 <el-radio :label="1">星期一</el-radio>
                 <el-radio :label="2">星期二</el-radio>
@@ -465,20 +703,42 @@ export default {
                 <el-radio :label="7">星期日</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item v-if="ruleForm.isReminder && ruleForm.cycleType === '0'" label-width="120px" label="提醒时间"
+            <el-form-item
-              prop="otherConfig.day">
+              v-if="ruleForm.isReminder && ruleForm.cycleType === '0'"
-              <div>每月<el-input style="width: 202px;" v-model="ruleForm.otherConfig.day" />号
+              label-width="120px"
+              label="提醒时间"
+              prop="otherConfig.day"
+            >
+              <div>
+                每月<el-input
+                  style="width: 202px"
+                  v-model="ruleForm.otherConfig.day"
+                />号
               </div>
             </el-form-item>
-            <el-form-item label-width="120px" :label="ruleForm.cycleType === '2' ? '提醒时间' : ''" prop="reminderTime">
+            <el-form-item
-              <el-time-picker v-model="ruleForm.reminderTime" value-format="yyyy-MM-dd hh:mm:ss" placeholder="选择时间" />
+              label-width="120px"
+              :label="ruleForm.cycleType === '2' ? '提醒时间' : ''"
+              prop="reminderTime"
+            >
+              <el-time-picker
+                v-model="ruleForm.reminderTime"
+                value-format="yyyy-MM-dd hh:mm:ss"
+                placeholder="选择时间"
+              />
             </el-form-item>
           </div>
         </div>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button size="mini" @click="resetForm('ruleForm')">取 消</el-button>
-        <el-button v-if="!prohibitEditing" size="mini" type="primary" @click="submitForm('ruleForm')">保存</el-button>
+        <el-button
+          v-if="!prohibitEditing"
+          size="mini"
+          type="primary"
+          @click="submitForm('ruleForm')"
+          >保存</el-button
+        >
       </div>
     </el-dialog>
   </div>
@@ -513,10 +773,8 @@ export default {
         width: 202px;
         margin-right: 10px;
       }
-
     }
 
-
     .table {
       height: calc(680px - 34px);
     }
@@ -534,8 +792,6 @@ export default {
     &:active {
       background-color: #2b8070;
     }
-
-    ;
   }
 }