From f8081db454660128c321baa4801829cfe378a18a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=93=E6=B5=A9=E8=BD=A9?= <[yihaoxuan@datametatech.com]>
Date: Mon, 27 Nov 2023 19:03:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=B4=E4=BF=AE=E5=85=BB=E6=8A=A4-?=
 =?UTF-8?q?=E7=BB=B4=E5=85=BB=E8=AE=B0=E5=BD=95=E5=A2=9E=E5=88=A0=E6=94=B9?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/management/dike.js                    |  46 +-
 src/store/modules/permission.js               |   4 +-
 .../maintenance/maintenancePlan/Dike.vue      |   7 +-
 .../maintenance/maintenanceRecords/Dike.vue   | 570 +++++++++++-------
 4 files changed, 386 insertions(+), 241 deletions(-)

diff --git a/src/api/management/dike.js b/src/api/management/dike.js
index 3c10218..668e2c3 100644
--- a/src/api/management/dike.js
+++ b/src/api/management/dike.js
@@ -1,7 +1,6 @@
 // 堤防相关接口
 import request from '@/utils/request'
 
-
 // 巡查计划管理-获取人员信息
 export function getPersonnelInformation(id) {
   return request({
@@ -9,6 +8,7 @@ export function getPersonnelInformation(id) {
     method: 'get',
   })
 }
+
 // 巡查项目管理-巡视检查列表
 export function postEmbankmentInspectionChecklist(data) {
   return request({
@@ -180,4 +180,48 @@ export function getMaintenancePlan(id) {
     url: `/run/df/yh/plan/${id}`,
     method: 'get'
   })
+
+}
+
+// 维修记录-维修记录列表
+export function postMaintenanceRecordsList(data) {
+  return request({
+    url: '/run/df/yh/record/list',
+    method: 'post',
+    data
+  })
+}
+
+// 维修记录-新增维修记录
+export function postNewMaintenanceRecords(data) {
+  return request({
+    url: '/run/df/yh/record',
+    method: 'post',
+    data
+  })
+}
+
+// 维修记录-更新维修记录
+export function putUpdateMaintenanceRecords(data) {
+  return request({
+    url: '/run/df/yh/record',
+    method: 'put',
+    data
+  })
+}
+
+// 维修记录-删除维修记录
+export function deleteMaintenanceRecords(id) {
+  return request({
+    url: `/run/df/yh/record/${id}`,
+    method: 'delete'
+  })
+}
+
+// 维修记录-维修记录详情
+export function getMaintenanceRecords(id) {
+  return request({
+    url: `/run/df/yh/record/${id}`,
+    method: 'get'
+  })
 }
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index b1857e8..dc94024 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -79,14 +79,14 @@ const permission = {
                     {
                       component: "runManage/maintenance/maintenancePlan",
                       hidden: false,
-                      meta: { title: "维修计划管理", icon: "icon-wxjhgl" },
+                      meta: { title: "维养计划管理", icon: "icon-wxjhgl" },
                       name: "MaintenancePlan",
                       path: "/maintenancePlan"
                     },
                     {
                       component: "runManage/maintenance/maintenanceRecords",
                       hidden: false,
-                      meta: { title: "维修记录", icon: "icon-wxjl" },
+                      meta: { title: "维养记录", icon: "icon-wxjl" },
                       name: "MaintenanceRecords",
                       path: "/maintenanceRecords"
                     },
diff --git a/src/views/runManage/maintenance/maintenancePlan/Dike.vue b/src/views/runManage/maintenance/maintenancePlan/Dike.vue
index c40269c..9769f5e 100644
--- a/src/views/runManage/maintenance/maintenancePlan/Dike.vue
+++ b/src/views/runManage/maintenance/maintenancePlan/Dike.vue
@@ -71,8 +71,8 @@ export default {
         planTime: '',
         nationalSupplement: 0,
         selfSupplement: 0,
-        location: '',
         budget: 0,
+        location: '',
         content: '',
       },
       rules: {
@@ -146,7 +146,6 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          console.log(this.ruleForm);
           if (this.ruleForm.id) {
             putUpdateMaintenancePlan(this.ruleForm).then(() => {
               this.getTableData()
@@ -211,8 +210,8 @@ export default {
     </div>
     <div class="table-box">
       <div class="top-search">
-        <span>计划名称：</span>
-        <el-input class="search-input" v-model="searchInput" placeholder="请输入计划名称" />
+        <span>维养计划名称：</span>
+        <el-input class="search-input" v-model="searchInput" placeholder="请输入维养计划名称" />
         <span>堤防级别：</span>
         <el-select v-model="searchLevel" placeholder="请选择">
           <el-option v-for="item in dikeLevel" :label="item.label" :value="item.value" :key="item.id"></el-option>
diff --git a/src/views/runManage/maintenance/maintenanceRecords/Dike.vue b/src/views/runManage/maintenance/maintenanceRecords/Dike.vue
index 85e1e65..0476cb4 100644
--- a/src/views/runManage/maintenance/maintenanceRecords/Dike.vue
+++ b/src/views/runManage/maintenance/maintenanceRecords/Dike.vue
@@ -1,17 +1,43 @@
 <!-- 维修记录-堤防 -->
 <script>
-import { getDicts, postEmbankmentInspectionChecklist, postEmbankmentInspection, putEmbankmentInspection, deleteEmbankmentInspection, getEmbankmentInspectionCheck } from '@/api/management'
+import { putUpdateMaintenanceRecords, deleteMaintenanceRecords, postNewMaintenanceRecords, postMaintenanceRecordsList, getMaintenanceRecords, getDicts, postMaintenancePlanList, getMaintenancePlan, listUser } from '@/api/management'
 export default {
   name: 'InspectionItems',
   data() {
     return {
       searchInput: '',
-      searchType: 3,
       dialogVisible: false,
-      ContentType: '',
-      firstType: [], // 一级检查内容类型
-      secondType: [], // 二级检查内容类型
-      examType: [], // 检查类型
+      prohibitEditing: false,
+      statusList: [], // 状态列表
+      personnelList: [], // 用户列表
+      planData: {
+        dikeCode: '',
+        planTime: '',
+        nationalSupplement: '',
+        selfSupplement: '',
+        budget: '',
+        location: '',
+        content: ''
+      }, // 计划信息
+      planList: [],
+      embankmentList: [
+        {
+          label: '堤防1',
+          value: '1',
+          id: '1',
+        },
+        {
+          label: '堤防2',
+          value: '2',
+          id: '2',
+        },
+        {
+          label: '堤防3',
+          value: '3',
+          id: '3',
+        }
+      ], // 堤防名称列表
+      selectStatus: '2', // 选中筛选状态
       tableData: [], // 检查列表
       pageData: {
         pageNum: 1, // 当前页
@@ -21,145 +47,130 @@ export default {
       },
       ruleForm: {
         name: '',
-        type: '0',
-        checkContentType: '',
-        items: [
-        ],
+        planId: '',
+        before: '',
+        middle: '',
+        after: '',
+        maintenanceFunds: 0,
+        operators: [],
+        selectUser: [],
+        implement: '',
+        remark: '',
+        status: 0,
       },
       rules: {
-        name: [
-          { required: true, message: '请输入巡视检查名称', trigger: 'blur' },
-          { max: 50, message: '名称最长为50个字符', trigger: 'blur' }
+        planId: [
+          { required: true, message: '请输入维养计划名称', trigger: 'blur' }
         ],
-        type: [
-          { required: true, message: '请选择巡查类型', trigger: 'change' }
+        before: [
+          { required: true, message: '请输入维修养护前', trigger: 'blur' }
         ],
-        checkContentType: [
-          { required: true, message: '请选择巡视检查内容', trigger: 'change' }
+        middle: [
+          { required: true, message: '请输入维修养护过程', trigger: 'blur' }
+        ],
+        after: [
+          { required: true, message: '请输入维修养护结束后', trigger: 'blur' }
         ]
       }
     }
   },
+  watch: {
+    dialogVisible(newVal, oldVal) {
+      if (oldVal) {
+        this.prohibitEditing = false
+      }
+    }
+  },
   methods: {
-    // 表格筛选
-    searchTableList() {
-      postEmbankmentInspectionChecklist({
-        data: {
-          timeView: {
-            timeField: "create_time"
-          },
-          type: this.searchType == 3 ? '' : this.searchType
-        },
-        cv: {
-          name: "name",
-          type: "like",
-          value: this.searchInput
-        },
-        pageSize: this.pageData.pageSize,
-        pageNum: this.pageData.pageNum
-      }).then((res) => {
-        if (res) {
-          this.tableData = res.records
-          this.pageData.total = res.total
-        }
-        console.log('🚀表格数据🚀', res)
-      })
-    },
-    // 编辑巡查项目
-    editTableItem(row) {
-      getEmbankmentInspectionCheck(row.id).then((res) => {
-        console.log('🚀res🚀', res.data)
-        this.ruleForm = res.data
-        this.ruleForm.checkContentType = res.data.items[0].parts[0]
-        getDicts(res.data.items[0].parts[0]).then((res) => {
-          this.secondType = res.data
-          console.log('🚀一级🚀', res.data)
-        })
-        this.ruleForm.items.forEach(element => {
-          getDicts(element.parts[1]).then((res) => {
-            this.$set(element, 'third', res.data)
-          })
-        });
-        this.dialogVisible = true
-        console.log('🚀this.ruleForm🚀', this.ruleForm)
-      })
-    },
-    // 删除对应巡查项目
+    // 删除对应维修记录
     deleteTableItem(row) {
-      deleteEmbankmentInspection(row.id).then((res) => {
+      deleteMaintenanceRecords(row.id).then((res) => {
         console.log('🚀res🚀', res)
         this.getTableData()
       })
     },
-    // 新增巡查内容
-    addPatrolItem(checkContentType) {
-      console.log('🚀checkContentType🚀', checkContentType)
-      this.ruleForm.items.push(
-        {
-          content: '',
-          parts: [checkContentType, '', '']
+    // 查看或编辑记录详情
+    viewOrEditPlanDetails(row, edit = false) {
+      if (!edit) {
+        this.prohibitEditing = true
+      }
+      getMaintenanceRecords(row.id).then((res) => {
+        console.log('🚀res🚀', res)
+        // this.ruleForm.selectUser = []
+        // res.data.operators.forEach(element => {
+        //   let a = {
+        //     id: element.uid,
+        //     lebel: element.name
+        //   }
+        //   this.ruleForm.selectUser.push(a)
+        // });
+        // 遍历用户数据让select组件渲染选项
+        if (res.data.operators) {
+          this.personnelList = []
+          res.data.operators.forEach(element => {
+            listUser({
+              data: {
+                timeView: {
+                  timeField: "create_time"
+                },
+              },
+              cv: {
+                name: "nickName",
+                type: "like",
+                value: element.name
+              },
+              pageSize: 10,
+              pageNum: 1
+            }).then((res) => {
+              this.personnelList.push(res.records[0])
+            })
+          });
         }
-      )
+        this.ruleForm = res.data
+        this.dialogVisible = true
+      })
     },
-    // 新增巡查项目
+    // 新增维修记录
     newInspectionItems() {
       this.dialogVisible = true
       this.ruleForm = {
         name: '',
-        type: '',
-        checkContentType: '',
-        items: [
-          {
-            content: '',
-            parts: ['', '', '']
-          }
-        ]
-      }
-    },
-    // 删除对应巡查内容
-    deletePatrolItem(row) {
-      console.log('🚀row🚀', row)
-    },
-    // 改变一级巡视检查内容
-    changeContentType(dictValue) {
-      getDicts(dictValue).then((res) => {
-        this.secondType = res.data
-        console.log('🚀一级🚀', res.data)
-      })
-      this.ruleForm.items = [
-        {
-          content: '',
-          parts: [this.ruleForm.checkContentType]
-        }
-      ]
-    },
-    // 改变二级巡视检查内容
-    changeSecondType(row) {
-      getDicts(row.parts[1]).then((res) => {
-        console.log('🚀二级🚀', res.data)
-        row.parts[2] = ''
-        this.$set(row, 'third', res.data)
-      })
-    },
-    // 改变三级巡视检查内容
-    changeThirdType(row) {
-      let value = row.third.find(item => item.dictValue == row.parts[2]).remark
-      if (value) {
-        row.content = value
+        planId: '',
+        before: '',
+        middle: '',
+        after: '',
+        maintenanceFunds: 0,
+        operators: [],
+        implement: '',
+        remark: '',
+        status: 0,
       }
     },
-    // 保存巡查项目
-    submitForm(formName) {
+    // 保存维修记录
+    submitForm(formName, confirm = false) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          console.log(this.ruleForm);
+          let user = []
+          this.ruleForm.selectUser.forEach(element => {
+            let a = {
+              name: element.nickName,
+              uid: element.id
+            }
+            user.push(a)
+          });
+          console.log('🚀user🚀', user)
+          this.ruleForm.operators = user
+          if (confirm) {
+            this.ruleForm.status = 1
+          }
+          this.ruleForm.maintenanceFunds = Number(this.ruleForm.maintenanceFunds)
           if (this.ruleForm.id) {
-            putEmbankmentInspection(this.ruleForm).then(() => {
+            putUpdateMaintenanceRecords(this.ruleForm).then(() => {
               this.getTableData()
               this.dialogVisible = false
             })
           } else {
-            postEmbankmentInspection(this.ruleForm).then(() => {
+            postNewMaintenanceRecords(this.ruleForm).then(() => {
               this.getTableData()
               this.dialogVisible = false
             })
@@ -170,54 +181,94 @@ export default {
         }
       });
     },
+    // 搜索计划
+    searchPlan(value) {
+      postMaintenancePlanList({
+        data: {
+          timeView: {
+            timeField: "create_time"
+          },
+        },
+        cv: {
+          name: "name",
+          type: "like",
+          value
+        },
+        pageSize: 100,
+        pageNum: 1
+      }).then((res) => {
+        if (res) {
+          this.planList = res.records
+        }
+      })
+    },
+    // 改变选中计划
+    changeSelectPlan() {
+      getMaintenancePlan(this.ruleForm.planId).then((res) => {
+        if (res.data) {
+          this.ruleForm.name = res.data.name
+          this.planData = res.data
+          this.planData.budget = res.data.nationalSupplement + res.data.selfSupplement
+        }
+      })
+    },
+    // 搜索用户
+    searchUser(e) {
+      listUser({
+        data: {
+          timeView: {
+            timeField: "create_time"
+          },
+        },
+        cv: {
+          name: "nickName",
+          type: "like",
+          value: e
+        },
+        pageSize: 100,
+        pageNum: 1
+      }).then((res) => {
+        this.personnelList = res.records
+        console.log('🚀用户数据🚀', res)
+        console.log('🚀用户数据🚀', this.ruleForm.operators)
+      })
+    },
+    // 重置校验
     resetForm(formName) {
       this.$refs[formName].resetFields();
       this.dialogVisible = false
     },
-    // 添加巡查项目
-    addInspectionItems() {
-
-    },
-    getTableData() {
-      this.searchInput = '',
-        this.searchType = 3,
-        postEmbankmentInspectionChecklist({
-          data: {
-            timeView: {
-              timeField: "create_time"
-            },
-          },
-          cv: {
-            name: "name",
-            type: "like"
+    // 获取数据
+    getTableData(value = '') {
+      postMaintenanceRecordsList({
+        data: {
+          timeView: {
+            timeField: "create_time"
           },
-          pageSize: this.pageData.pageSize,
-          pageNum: this.pageData.pageNum
-        }).then((res) => {
-          if (res) {
-            this.tableData = res.records
-            this.pageData.total = res.total
-          }
-          console.log('🚀表格数据🚀', res)
-        })
+        },
+        cv: {
+          name: "name",
+          type: "like",
+          value
+        },
+        pageSize: this.pageData.pageSize,
+        pageNum: this.pageData.pageNum
+      }).then((res) => {
+        if (res) {
+          this.tableData = res.records
+          this.pageData.total = res.total
+        }
+        console.log('🚀表格数据🚀', res)
+      })
     }
   },
   mounted() {
     // 获取列表数据
     this.getTableData()
-    // 获取巡查类型
-    getDicts('xs_classfy').then((res) => {
+    // 获取状态字典
+    getDicts('xs_record_status').then((res) => {
       if (res.data && Array.isArray(res.data)) {
-        res.data.forEach(element => {
-          element.dictValue = Number(element.dictValue)
-        });
-        this.examType = res.data
-      }
-    })
-    // 获取一级数据
-    getDicts('df_xs_c_classfy').then((res) => {
-      if (res.data && Array.isArray(res.data)) {
-        this.firstType = res.data
+        this.statusList = res.data
       }
     })
   },
@@ -231,27 +282,29 @@ export default {
     </div>
     <div class="table-box">
       <div class="top-search">
-        <span>巡视检查名称：</span>
-        <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 label="全部" :value="3"></el-option>
+        <span>维养计划名称：</span>
+        <el-input class="search-input" v-model="searchInput" placeholder="请输入维养计划名称" />
+        <span>状态：</span>
+        <el-select v-model="selectStatus" placeholder="请选择">
+          <el-option label="全部" value="2" />
+          <el-option v-for="item in statusList" :label="item.dictLabel" :value="item.dictValue"
+            :key="item.id"></el-option>
         </el-select>
-        <el-button class="search-btn" type="success" @click="searchTableList()">搜索</el-button>
+        <el-button class="search-btn" type="success" @click="getTableData(searchInput)">搜索</el-button>
       </div>
       <el-button class="search-btn" style=" margin-right: 16px;margin-bottom: 8px; float: right;" type="success"
         @click="newInspectionItems()">添加</el-button>
-      <el-table class="table" :data="tableData" border>
-        <el-table-column type="index" align="center" label="序号" width="100">
-        </el-table-column>
-        <el-table-column prop="name" align="center" label="巡视检查名称">
-        </el-table-column>
-        <el-table-column align="center" label="巡查类型">
+      <el-table class="table" height="650" :data="tableData" border>
+        <el-table-column type="index" align="center" label="序号" width="100" />
+        <el-table-column prop="name" align="center" label="维养计划名称" />
+        <el-table-column prop="before" align="center" label="维修养护前" />
+        <el-table-column prop="middle" align="center" label="维修养护过程" />
+        <el-table-column prop="after" align="center" label="维修养护结束后" />
+        <el-table-column prop="maintenanceFunds" align="center" label="维修养护费用" />
+        <el-table-column prop="status" align="center" label="状态">
           <template slot-scope="scope">
-            <span v-if="examType.length > 0">{{ examType.find(item => item.dictValue == scope.row.type).dictLabel ||
-              ''
-            }}</span>
+            <span v-if="scope.row.status == '0'" class="is-save">已保存</span>
+            <span v-else class="is-confirm">已确认</span>
           </template>
         </el-table-column>
         <el-table-column prop="createTime" align="center" sortable label="创建时间">
@@ -260,11 +313,12 @@ export default {
         </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 @click="viewOrEditPlanDetails(scope.row)" type="text" size="small">查看</el-button>
+            <el-button @click="viewOrEditPlanDetails(scope.row, true)" type="text" v-if="!scope.row.status"
               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 v-if="!scope.row.status" confirm-button-text='确定' cancel-button-text='取消' icon="el-icon-info"
+              icon-color="red" title="确定删除吗？" @confirm="deleteTableItem(scope.row)">
+              <el-button style="color: red; margin-left: 10px;" type="text" size="small" slot="reference">删除</el-button>
             </el-popconfirm>
           </template>
         </el-table-column>
@@ -274,68 +328,93 @@ export default {
         :total="pageData.total" @size-change="getTableData()">
       </el-pagination>
     </div>
-    <el-dialog title="新增/编辑巡查项目" :visible.sync="dialogVisible" width="50%">
+    <el-dialog title="新增/编辑维养计划" destroy-on-close :visible.sync="dialogVisible" width="40%">
       <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" class="demo-ruleForm">
-        <el-form-item label-width="120px" label="巡视检查名称" prop="name">
-          <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"
-              :key="item.id"></el-option>
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
+        <el-form-item label-width="130px" label="维养计划名称" prop="planId">
+          <el-select v-model="ruleForm.planId" filterable remote :remote-method="searchPlan" placeholder="请输入"
+            @change="changeSelectPlan">
+            <el-option v-for="item in planList" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
           </el-select>
+          <el-button button class="search-btn" type="success" size="small">详情</el-button>
+          <el-button button class="search-btn" type="success" size="small">打开地图</el-button>
         </el-form-item>
-        <el-form-item label-width="120px" label="巡视检查内容" prop="checkContentType">
-          <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>
+        <div style="display: flex;">
+          <el-form-item label-width="130px" label="堤防名称">
+            <el-input v-model="planData.dikeCode" disabled />
+          </el-form-item>
+          <el-form-item label-width="130px" label="计划时间">
+            <el-date-picker v-model="planData.planTime" type="month" disabled>
+            </el-date-picker>
+          </el-form-item>
+        </div>
+        <div style="display: flex;">
+          <el-form-item label-width="130px" label="国补资金">
+            <div style="display: flex;">
+              <el-input v-model="planData.nationalSupplement" type="number" disabled style="margin-right: 5px;" />
+              <div style="width: 50px;">万元</div>
+            </div>
+          </el-form-item>
+          <el-form-item label-width="90px" label="自筹资金">
+            <div style="display: flex;">
+              <el-input v-model="planData.selfSupplement" type="number" disabled style="margin-right: 5px;" />
+              <div style="width: 50px;">万元</div>
+            </div>
+          </el-form-item>
+          <el-form-item label-width="90px" label="项目预算">
+            <el-input v-model="planData.budget" disabled />
+          </el-form-item>
+        </div>
+        <el-form-item label-width="130px" label="具体地点">
+          <el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit v-model="planData.location"
+            disabled />
+        </el-form-item>
+        <el-form-item label-width="130px" label="维修养护内容">
+          <el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit v-model="planData.content"
+            disabled />
+        </el-form-item>
+        <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-item label-width="130px" label="维修养护前" prop="before">
+          <el-input v-model="ruleForm.before" placeholder="请输入" style="width: 202px;" :disabled="prohibitEditing" />
+        </el-form-item>
+        <el-form-item label-width="130px" label="维修养护过程" prop="middle">
+          <el-input v-model="ruleForm.middle" placeholder="请输入" style="width: 202px;" :disabled="prohibitEditing" />
+        </el-form-item>
+        <el-form-item label-width="130px" label="维修养护结束后" prop="after">
+          <el-input v-model="ruleForm.after" placeholder="请输入" style="width: 202px;" :disabled="prohibitEditing" />
+        </el-form-item>
+        <el-form-item label-width="130px" label="维修养护费用" prop="maintenanceFunds">
+          <el-input v-model="ruleForm.maintenanceFunds" placeholder="请输入" style="width: 165px;" type="number"
+            :disabled="prohibitEditing" /> 万元
+        </el-form-item>
+        <el-form-item label-width="130px" label="养护人员" prop="operators">
+          <!-- <el-input v-model="ruleForm.operators" placeholder="请输入" style="width: 202px;" /> -->
+          <el-select v-model="ruleForm.selectUser" multiple filterable remote :remote-method="searchUser" value-key="id"
+            :disabled="prohibitEditing" placeholder="请输入关键词搜索用户" prop="selectUser">
+            <el-option v-for="item in personnelList" :key="item.id" :label="item.nickName" :value="item">
+            </el-option>
           </el-select>
-          <span style="margin-left: 8px; color: red;">注意：切换选项后检查内容将会清空！</span>
+        </el-form-item>
+        <el-form-item label-width="130px" label="落实情况" prop="implement">
+          <el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit
+            v-model="ruleForm.implement" placeholder="请输入" :disabled="prohibitEditing" />
+        </el-form-item>
+        <el-form-item label-width="130px" label="备注" prop="remark">
+          <el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit v-model="ruleForm.remark"
+            placeholder="请输入" :disabled="prohibitEditing" />
         </el-form-item>
       </el-form>
-      <el-table class="table" height="350" :data="ruleForm.items" border>
-        <el-table-column type="index" align="center" label="序号" center width="80">
-        </el-table-column>
-        <el-table-column align="center" label="检查项目和内容">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.parts[1]" @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="检查部位">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.parts[2]" @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="检查内容">
-          <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;" v-if="scope.$index == ruleForm.items.length - 1"
-              @click="addPatrolItem(ruleForm.checkContentType)" type="text" size="small">添加</el-button>
-            <el-popconfirm confirm-button-text='确定' cancel-button-text='取消' icon="el-icon-info" icon-color="red"
-              title="确定删除吗？" @confirm="deletePatrolItem(scope.row)">
-              <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="resetForm('ruleForm')">取 消</el-button>
         <el-button size="mini" type="primary" @click="submitForm('ruleForm')">保存</el-button>
+        <el-button size="mini" type="primary" @click="submitForm('ruleForm', true)">确认</el-button>
       </div>
     </el-dialog>
   </div>
@@ -375,25 +454,48 @@ export default {
 
     }
 
-    .search-btn {
-      margin-left: 10px;
-      background-color: #37b29e;
-      border: none;
 
-      &:hover {
-        background-color: #5ac6b9;
+    .table {
+      height: calc(680px - 34px);
+
+      .is-confirm {
+        background-color: #ebf7f5;
+        border-radius: 4px;
+        color: #36b29e;
+        padding: 0px 6px;
       }
 
-      &:active {
-        background-color: #2b8070;
+      .is-save {
+        background-color: #f8f9fb;
+        border: 1px solid #bfbfbf;
+        border-radius: 4px;
+        color: #bfbfbf;
+        padding: 0px 6px;
       }
+    }
+  }
 
-      ;
+  .search-btn {
+    margin-left: 10px;
+    background-color: #37b29e;
+    border: none;
+
+    &:hover {
+      background-color: #5ac6b9;
     }
 
-    .table {
-      height: calc(680px - 34px);
+    &:active {
+      background-color: #2b8070;
     }
+
+    ;
   }
 }
+
+/deep/.el-input__count {
+  height: 15px;
+  line-height: 15px;
+  margin-right: 10px;
+  margin-bottom: -4px;
+}
 </style>
\ No newline at end of file