diff --git a/src/router/index.js b/src/router/index.js
index 195cf4f..621b39c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -75,14 +75,14 @@
     meta: {
       title: '窨井状态总览',
       icon: 'icon-config', // 图标
-      permission: ['/overview']// 权限名称
+      permission: ['/overview/wellList']// 权限名称
     },
     children: [
       {
         path: '/overview',
         component: () => import('@/views/overview/overview'),
         name: 'overview',
-        meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview'] }
+        meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
     ]
   },
@@ -114,7 +114,7 @@
         path: '/listJob',
         name: 'ListJob',
         component: () => import('@/views/jobManage/listJobs'),
-        meta: { title: '告警工单', icon: 'icon-config', keepAlive: true, permission: ['/job'] }
+        meta: { title: '告警工单', icon: 'icon-config', keepAlive: true, permission: ['/job/list'] }
       },
       {
         path: '/listOvertimeGetJob',
@@ -187,7 +187,7 @@
         path: '/concenList',
         name: 'ConcenList',
         component: () => import('@/views/concentrator/listConcentrator'),
-        meta: { title: '集中器管理', icon: 'icon-config', permission: ['/concentrator'] }
+        meta: { title: '集中器管理', icon: 'icon-config', permission: ['/concentrator/list'] }
       },
       {
         path: '/deviceList',
@@ -205,7 +205,7 @@
         path: '/nbDevice',
         name: 'NbDevice',
         component: () => import('@/views/nbDevice/listNbDevice'),
-        meta: { title: 'NB注册', icon: 'icon-config', permission: ['/nbdevice'] }
+        meta: { title: 'NB注册', icon: 'icon-config', permission: ['/nbdevice/list'] }
       }
     ]
   },
@@ -263,49 +263,49 @@
         path: '/resource',
         name: 'Resource',
         component: () => import('@/views/system/resource/listResource'),
-        meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
+        meta: { title: '资源管理', icon: 'function', permission: ['/resource/list'] }
       },
       {
         path: '/dict',
         name: 'Dict',
         component: () => import('@/views/system/dict/listDict'),
-        meta: { title: '字典管理', icon: 'function', permission: ['/dict'] }
+        meta: { title: '字典管理', icon: 'function', permission: ['/dict/list'] }
       },
       {
         path: '/area',
         name: 'Area',
         component: () => import('@/views/system/area/listArea'),
-        meta: { title: '区域管理', icon: 'function', permission: ['/area'] }
+        meta: { title: '区域管理', icon: 'function', permission: ['/area/list'] }
       },
       {
         path: '/dept',
         name: 'Dept',
         component: () => import('@/views/system/dept/listDept'),
-        meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
+        meta: { title: '组织管理', icon: 'tree', permission: ['/dept/list'] }
       },
       {
         path: '/role',
         component: () => import('@/views/system/role/listRole'), // Parent router-view
         name: 'Role',
-        meta: { title: '角色管理', permission: ['/role'] }
+        meta: { title: '角色管理', permission: ['/role/list'] }
       },
       {
         path: '/user',
         component: () => import('@/views/system/user/listUser'), // Parent router-view
         name: 'User',
-        meta: { title: '用户管理', permission: ['/mgr'] }
+        meta: { title: '用户管理', permission: ['/mgr/list'] }
       },
       {
         path: '/log',
         component: () => import('@/views/system/log/listLog'), // Parent router-view
         name: 'Log',
-        meta: { title: '日志管理', permission: ['/log'] }
+        meta: { title: '日志管理', permission: ['/log/list'] }
       },
       {
         path: '/loginLog',
         component: () => import('@/views/system/log/loginLog'), // Parent router-view
         name: 'LoginLog',
-        meta: { title: '登录日志', permission: ['/loginLog'] }
+        meta: { title: '登录日志', permission: ['/loginLog/list'] }
       }
     ]
   },

diff --git a/src/router/index.js b/src/router/index.js
index 195cf4f..621b39c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -75,14 +75,14 @@
     meta: {
       title: '窨井状态总览',
       icon: 'icon-config', // 图标
-      permission: ['/overview']// 权限名称
+      permission: ['/overview/wellList']// 权限名称
     },
     children: [
       {
         path: '/overview',
         component: () => import('@/views/overview/overview'),
         name: 'overview',
-        meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview'] }
+        meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
     ]
   },
@@ -114,7 +114,7 @@
         path: '/listJob',
         name: 'ListJob',
         component: () => import('@/views/jobManage/listJobs'),
-        meta: { title: '告警工单', icon: 'icon-config', keepAlive: true, permission: ['/job'] }
+        meta: { title: '告警工单', icon: 'icon-config', keepAlive: true, permission: ['/job/list'] }
       },
       {
         path: '/listOvertimeGetJob',
@@ -187,7 +187,7 @@
         path: '/concenList',
         name: 'ConcenList',
         component: () => import('@/views/concentrator/listConcentrator'),
-        meta: { title: '集中器管理', icon: 'icon-config', permission: ['/concentrator'] }
+        meta: { title: '集中器管理', icon: 'icon-config', permission: ['/concentrator/list'] }
       },
       {
         path: '/deviceList',
@@ -205,7 +205,7 @@
         path: '/nbDevice',
         name: 'NbDevice',
         component: () => import('@/views/nbDevice/listNbDevice'),
-        meta: { title: 'NB注册', icon: 'icon-config', permission: ['/nbdevice'] }
+        meta: { title: 'NB注册', icon: 'icon-config', permission: ['/nbdevice/list'] }
       }
     ]
   },
@@ -263,49 +263,49 @@
         path: '/resource',
         name: 'Resource',
         component: () => import('@/views/system/resource/listResource'),
-        meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
+        meta: { title: '资源管理', icon: 'function', permission: ['/resource/list'] }
       },
       {
         path: '/dict',
         name: 'Dict',
         component: () => import('@/views/system/dict/listDict'),
-        meta: { title: '字典管理', icon: 'function', permission: ['/dict'] }
+        meta: { title: '字典管理', icon: 'function', permission: ['/dict/list'] }
       },
       {
         path: '/area',
         name: 'Area',
         component: () => import('@/views/system/area/listArea'),
-        meta: { title: '区域管理', icon: 'function', permission: ['/area'] }
+        meta: { title: '区域管理', icon: 'function', permission: ['/area/list'] }
       },
       {
         path: '/dept',
         name: 'Dept',
         component: () => import('@/views/system/dept/listDept'),
-        meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
+        meta: { title: '组织管理', icon: 'tree', permission: ['/dept/list'] }
       },
       {
         path: '/role',
         component: () => import('@/views/system/role/listRole'), // Parent router-view
         name: 'Role',
-        meta: { title: '角色管理', permission: ['/role'] }
+        meta: { title: '角色管理', permission: ['/role/list'] }
       },
       {
         path: '/user',
         component: () => import('@/views/system/user/listUser'), // Parent router-view
         name: 'User',
-        meta: { title: '用户管理', permission: ['/mgr'] }
+        meta: { title: '用户管理', permission: ['/mgr/list'] }
       },
       {
         path: '/log',
         component: () => import('@/views/system/log/listLog'), // Parent router-view
         name: 'Log',
-        meta: { title: '日志管理', permission: ['/log'] }
+        meta: { title: '日志管理', permission: ['/log/list'] }
       },
       {
         path: '/loginLog',
         component: () => import('@/views/system/log/loginLog'), // Parent router-view
         name: 'LoginLog',
-        meta: { title: '登录日志', permission: ['/loginLog'] }
+        meta: { title: '登录日志', permission: ['/loginLog/list'] }
       }
     ]
   },
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index ca2721f..eb41915 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -50,7 +50,7 @@
           icon: 'icon-order',
           color: '#f4516c',
           path: '/listJob',
-          permission: '/job'
+          permission: '/job/list'
         }
       ]
     }

diff --git a/src/router/index.js b/src/router/index.js
index 195cf4f..621b39c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -75,14 +75,14 @@
     meta: {
       title: '窨井状态总览',
       icon: 'icon-config', // 图标
-      permission: ['/overview']// 权限名称
+      permission: ['/overview/wellList']// 权限名称
     },
     children: [
       {
         path: '/overview',
         component: () => import('@/views/overview/overview'),
         name: 'overview',
-        meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview'] }
+        meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
     ]
   },
@@ -114,7 +114,7 @@
         path: '/listJob',
         name: 'ListJob',
         component: () => import('@/views/jobManage/listJobs'),
-        meta: { title: '告警工单', icon: 'icon-config', keepAlive: true, permission: ['/job'] }
+        meta: { title: '告警工单', icon: 'icon-config', keepAlive: true, permission: ['/job/list'] }
       },
       {
         path: '/listOvertimeGetJob',
@@ -187,7 +187,7 @@
         path: '/concenList',
         name: 'ConcenList',
         component: () => import('@/views/concentrator/listConcentrator'),
-        meta: { title: '集中器管理', icon: 'icon-config', permission: ['/concentrator'] }
+        meta: { title: '集中器管理', icon: 'icon-config', permission: ['/concentrator/list'] }
       },
       {
         path: '/deviceList',
@@ -205,7 +205,7 @@
         path: '/nbDevice',
         name: 'NbDevice',
         component: () => import('@/views/nbDevice/listNbDevice'),
-        meta: { title: 'NB注册', icon: 'icon-config', permission: ['/nbdevice'] }
+        meta: { title: 'NB注册', icon: 'icon-config', permission: ['/nbdevice/list'] }
       }
     ]
   },
@@ -263,49 +263,49 @@
         path: '/resource',
         name: 'Resource',
         component: () => import('@/views/system/resource/listResource'),
-        meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
+        meta: { title: '资源管理', icon: 'function', permission: ['/resource/list'] }
       },
       {
         path: '/dict',
         name: 'Dict',
         component: () => import('@/views/system/dict/listDict'),
-        meta: { title: '字典管理', icon: 'function', permission: ['/dict'] }
+        meta: { title: '字典管理', icon: 'function', permission: ['/dict/list'] }
       },
       {
         path: '/area',
         name: 'Area',
         component: () => import('@/views/system/area/listArea'),
-        meta: { title: '区域管理', icon: 'function', permission: ['/area'] }
+        meta: { title: '区域管理', icon: 'function', permission: ['/area/list'] }
       },
       {
         path: '/dept',
         name: 'Dept',
         component: () => import('@/views/system/dept/listDept'),
-        meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
+        meta: { title: '组织管理', icon: 'tree', permission: ['/dept/list'] }
       },
       {
         path: '/role',
         component: () => import('@/views/system/role/listRole'), // Parent router-view
         name: 'Role',
-        meta: { title: '角色管理', permission: ['/role'] }
+        meta: { title: '角色管理', permission: ['/role/list'] }
       },
       {
         path: '/user',
         component: () => import('@/views/system/user/listUser'), // Parent router-view
         name: 'User',
-        meta: { title: '用户管理', permission: ['/mgr'] }
+        meta: { title: '用户管理', permission: ['/mgr/list'] }
       },
       {
         path: '/log',
         component: () => import('@/views/system/log/listLog'), // Parent router-view
         name: 'Log',
-        meta: { title: '日志管理', permission: ['/log'] }
+        meta: { title: '日志管理', permission: ['/log/list'] }
       },
       {
         path: '/loginLog',
         component: () => import('@/views/system/log/loginLog'), // Parent router-view
         name: 'LoginLog',
-        meta: { title: '登录日志', permission: ['/loginLog'] }
+        meta: { title: '登录日志', permission: ['/loginLog/list'] }
       }
     ]
   },
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index ca2721f..eb41915 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -50,7 +50,7 @@
           icon: 'icon-order',
           color: '#f4516c',
           path: '/listJob',
-          permission: '/job'
+          permission: '/job/list'
         }
       ]
     }
diff --git a/src/views/wellManage/editWell.vue b/src/views/wellManage/editWell.vue
index 5a3c1aa..8969dc8 100644
--- a/src/views/wellManage/editWell.vue
+++ b/src/views/wellManage/editWell.vue
@@ -142,356 +142,356 @@
 </template>
 
 <script>
-  import { toTreeList } from '@/utils/structure'
-  import SelectTree from '@/components/SelectTree/singleSelect'
-  import { getDeptTreeList } from '@/api/dept'
-  import { getAreaList, getAreaByDept } from '@/api/area'
-  import { getWellType, updateWell } from '@/api/well'
-  import { Uploadimg } from '@/api/common'
-  import DeptSelect from '@/components/DeptSelect'
+import { toTreeList } from '@/utils/structure'
+import SelectTree from '@/components/SelectTree/singleSelect'
+import { getDeptTreeList } from '@/api/dept'
+import { getAreaList, getAreaByDept } from '@/api/area'
+import { getWellType, updateWell } from '@/api/well'
+import { Uploadimg } from '@/api/common'
+import DeptSelect from '@/components/DeptSelect'
 
-  export default {
-    name: 'EditWell',
-    components: { SelectTree, DeptSelect },
-    data() {
-      const validateDeep = (rule, value, callback) => {
-        if (value !== '') {
-          if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false) {
-            callback(new Error('请填写大于0的数字'))
+export default {
+  name: 'EditWell',
+  components: { SelectTree, DeptSelect },
+  data() {
+    const validateDeep = (rule, value, callback) => {
+      if (value !== '') {
+        if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false) {
+          callback(new Error('请填写大于0的数字'))
+        } else {
+          const deep = parseFloat(value)
+          if (deep > 10 || deep < 0) {
+            callback(new Error('请填写0到10数值'))
           } else {
-            const deep = parseFloat(value)
-            if (deep > 10 || deep < 0) {
-              callback(new Error('请填写0到10数值'))
-            } else {
-              callback()
-            }
+            callback()
           }
+        }
+      } else {
+        callback()
+      }
+    }
+    const validateLng = (rule, value, callback) => {
+      if (value !== '') {
+        if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false) {
+          callback(new Error('请填写大于0的数字'))
         } else {
           callback()
         }
+      } else {
+        callback(new Error('经度不能为空'))
       }
-      const validateLng = (rule, value, callback) => {
-        if (value !== '') {
-          if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false) {
-            callback(new Error('请填写大于0的数字'))
-          } else {
-            callback()
-          }
+    }
+    const validateLat = (rule, value, callback) => {
+      if (value !== '') {
+        if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false) {
+          callback(new Error('请填写大于0的数字'))
         } else {
-          callback(new Error('经度不能为空'))
+          callback()
         }
+      } else {
+        callback(new Error('纬度不能为空'))
       }
-      const validateLat = (rule, value, callback) => {
-        if (value !== '') {
-          if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false) {
-            callback(new Error('请填写大于0的数字'))
-          } else {
-            callback()
-          }
-        } else {
-          callback(new Error('纬度不能为空'))
-        }
-      }
-      return {
-        dialogFormVisible: false, // 对话框是否显示
-        wellForm: {
-          id: null, // 井id
-          wellCode: '', // 井编号
-          wellName: '', // 井名称
-          wellType: '', // 井类型
-          deptid: '', // 权属单位
-          deep: '', // 井深，
-          position: '', // 位置描述
-          coordinateX: '', // 经度
-          coordinateY: '', // 纬度
-          photos: '', // 照片路径
-          notes: '', // 备注,
-          qu: '',
-          area: '', // 街道
-          responsibleDept: '', // 维护人员部门
-          responsibleDeptName: '' // 维护人员部门
-        }, // 表单
-        deptProps: {
-          parent: 'pid',
-          value: 'id',
-          label: 'name',
-          children: 'children'
-        },
-        hideUpload: false,
-        imageList: [],
-        secondDeptTreeList: [], // 二级组织树列表
-        wellTypeList: [],
-        quList: [],
-        jiedaoList: [],
-        textMap: {
-          update: '编辑',
-          create: '新增'
-        }, // 表头显示标题
-        rules: {
-          wellCode: [{ required: true, message: '井编号不能为空', trigger: ['blur', 'change'] }],
-          wellName: [{ required: true, message: '井名称不能为空', trigger: ['blur', 'change'] }],
-          position: [{ required: true, message: '井详细地址不能为空', trigger: ['blur', 'change'] }],
-          deep: [{ required: false, trigger: ['blur', 'change'], validator: validateDeep }],
-          coordinateX: [{ required: true, trigger: ['blur', 'change'], validator: validateLat }],
-          coordinateY: [{ required: true, trigger: ['blur', 'change'], validator: validateLng }],
-          deptid: [{ required: true, message: '权属单位必选', trigger: 'change' }],
-          wellType: [{ required: true, message: '井类型必选', trigger: 'change' }],
-          qu: [{ required: true, message: '所在区/县必选', trigger: 'change' }],
-          area: [{ required: true, message: '所在街道/镇必选', trigger: 'change' }]
-        },
-        deptShowTop: false, // 权属单位下拉是否显示顶级
-        dialogImageUrl: '',
-        dialogVisible: false,
-        labelPosition: 'right',
-        responseAssignShow: false,
-        isEditMode: true,
-        deptShow: true
+    }
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      wellForm: {
+        id: null, // 井id
+        wellCode: '', // 井编号
+        wellName: '', // 井名称
+        wellType: '', // 井类型
+        deptid: '', // 权属单位
+        deep: '', // 井深，
+        position: '', // 位置描述
+        coordinateX: '', // 经度
+        coordinateY: '', // 纬度
+        photos: '', // 照片路径
+        notes: '', // 备注,
+        qu: '',
+        area: '', // 街道
+        responsibleDept: '', // 维护人员部门
+        responsibleDeptName: '' // 维护人员部门
+      }, // 表单
+      deptProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      hideUpload: false,
+      imageList: [],
+      secondDeptTreeList: [], // 二级组织树列表
+      wellTypeList: [],
+      quList: [],
+      jiedaoList: [],
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        wellCode: [{ required: true, message: '井编号不能为空', trigger: ['blur', 'change'] }],
+        wellName: [{ required: true, message: '井名称不能为空', trigger: ['blur', 'change'] }],
+        position: [{ required: true, message: '井详细地址不能为空', trigger: ['blur', 'change'] }],
+        deep: [{ required: false, trigger: ['blur', 'change'], validator: validateDeep }],
+        coordinateX: [{ required: true, trigger: ['blur', 'change'], validator: validateLat }],
+        coordinateY: [{ required: true, trigger: ['blur', 'change'], validator: validateLng }],
+        deptid: [{ required: true, message: '权属单位必选', trigger: 'change' }],
+        wellType: [{ required: true, message: '井类型必选', trigger: 'change' }],
+        qu: [{ required: true, message: '所在区/县必选', trigger: 'change' }],
+        area: [{ required: true, message: '所在街道/镇必选', trigger: 'change' }]
+      },
+      deptShowTop: false, // 权属单位下拉是否显示顶级
+      dialogImageUrl: '',
+      dialogVisible: false,
+      labelPosition: 'right',
+      responseAssignShow: false,
+      isEditMode: true,
+      deptShow: true
+    }
+  },
+  computed: {
+    showResponseDept() {
+      if (this.wellForm.deptid === '') {
+        return true
+      } else {
+        return false
       }
     },
-    computed: {
-      showResponseDept() {
-        if (this.wellForm.deptid === '') {
-          return true
-        } else {
-          return false
-        }
-      },
-      firstDept() { // 获取权属单位
-        return this.wellForm.deptid
-      },
-      qu() { // 获取区
-        return this.wellForm.qu
-      }
+    firstDept() { // 获取权属单位
+      return this.wellForm.deptid
     },
-    watch: {
-      firstDept(val, oldVal) { // 监控权属单位变化
-        if (oldVal !== '') {
-          if (val !== '') {
-            this.wellForm.responsibleDept = ''
-            this.wellForm.responsibleDeptName = ''
-            this.wellForm.area = ''
-            this.wellForm.qu = ''
-            this.fetchSecondDeptTree()
-            this.fetchArea1()
-          }
-        } else {
-          if (val !== '') {
-            this.fetchSecondDeptTree()
-            this.fetchArea1()
-          }
-        }
-      },
-      qu(val) { // 监控区变化
+    qu() { // 获取区
+      return this.wellForm.qu
+    }
+  },
+  watch: {
+    firstDept(val, oldVal) { // 监控权属单位变化
+      if (oldVal !== '') {
         if (val !== '') {
-          this.fetchArea2()
+          this.wellForm.responsibleDept = ''
+          this.wellForm.responsibleDeptName = ''
+          this.wellForm.area = ''
+          this.wellForm.qu = ''
+          this.fetchSecondDeptTree()
+          this.fetchArea1()
+        }
+      } else {
+        if (val !== '') {
+          this.fetchSecondDeptTree()
+          this.fetchArea1()
         }
       }
     },
-    mounted: function() {
-      this.fetchWellType()
+    qu(val) { // 监控区变化
+      if (val !== '') {
+        this.fetchArea2()
+      }
+    }
+  },
+  mounted: function() {
+    this.fetchWellType()
+    this.imageList = []
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row = null) {
       this.imageList = []
+      if (row.photos.length === 0 && this.$refs.upload) this.$refs.upload.clearFiles()
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchWellType()
+      this.wellForm = {
+        id: row.id, // 井id
+        wellCode: row.wellCode, // 井编号
+        wellName: row.wellName, // 井名称
+        wellType: row.wellType, // 井类型
+        deptid: row.deptid, // 权属单位
+        deep: row.deep, // 井深，
+        position: row.position, // 位置描述
+        coordinateX: row.coordinateX, // 经度
+        coordinateY: row.coordinateY, // 纬度
+        photos: row.photos, // 照片路径
+        notes: row.notes, // 备注,
+        qu: row.qu,
+        area: row.area, // 街道
+        responsibleDept: row.responsibleDept, // 维护人员部门
+        responsibleDeptName: row.responsibleDeptName // 维护人员部门
+      }
+      if (row.deptid && row.deptid !== '') {
+        this.fetchArea1(row.deptid)
+        this.fetchArea2()
+        this.fetchSecondDeptTree()
+        this.loading = false
+      }
+      // 处理图片
+      const base_url = process.env.BASE_API + '/static/'
+      const urls = row.photos.split(';')
+      for (const url of urls) {
+        if (url) {
+          this.imageList.push({ name: url, url: base_url + url })
+        }
+      }
+      this.handleChange(null, this.imageList)
     },
-    methods: {
-      // 初始化对话框
-      initDialog: function(dialogFormVisible, row = null) {
-        this.imageList = []
-        if (row.photos.length === 0 && this.$refs.upload) this.$refs.upload.clearFiles()
-        this.dialogFormVisible = dialogFormVisible
-        this.fetchWellType()
-        this.wellForm = {
-          id: row.id, // 井id
-          wellCode: row.wellCode, // 井编号
-          wellName: row.wellName, // 井名称
-          wellType: row.wellType, // 井类型
-          deptid: row.deptid, // 权属单位
-          deep: row.deep, // 井深，
-          position: row.position, // 位置描述
-          coordinateX: row.coordinateX, // 经度
-          coordinateY: row.coordinateY, // 纬度
-          photos: row.photos, // 照片路径
-          notes: row.notes, // 备注,
-          qu: row.qu,
-          area: row.area, // 街道
-          responsibleDept: row.responsibleDept, // 维护人员部门
-          responsibleDeptName: row.responsibleDeptName // 维护人员部门
+    // 加载组织机构树形下拉菜单
+    fetchSecondDeptTree: function() {
+      const listQuery = {
+        pid: this.wellForm.deptid,
+        deptType: '04'
+      }
+      getDeptTreeList(listQuery).then(response => {
+        console.log(response.data)
+        if (response.data.list) {
+          this.secondDeptTreeList = toTreeList(response.data.list, this.wellForm.deptid)
         }
-        if (row.deptid && row.deptid !== '') {
-          this.fetchArea1(row.deptid)
-          this.fetchArea2()
-          this.fetchSecondDeptTree()
-          this.loading = false
-        }
-        // 处理图片
-        const base_url = process.env.BASE_API + '/static/'
-        const urls = row.photos.split(';')
-        for (const url of urls) {
-          if (url) {
-            this.imageList.push({ name: url, url: base_url + url })
+      })
+    },
+    // 获取井类型
+    fetchWellType() {
+      getWellType().then(response => {
+        this.wellTypeList = []
+        const wellTypes = this.$store.getters.wellTypes
+        for (const wellType of response.data) {
+          if (wellTypes.indexOf(wellType.value) !== -1) {
+            this.wellTypeList.push(wellType)
           }
         }
-        this.handleChange(null, this.imageList)
-      },
-      // 加载组织机构树形下拉菜单
-      fetchSecondDeptTree: function() {
-        const listQuery = {
-          pid: this.wellForm.deptid,
-          deptType: '04'
+        if (this.wellTypeList.length <= 1) {
+          this.showWellType = false
         }
-        getDeptTreeList(listQuery).then(response => {
-          console.log(response.data)
-          if (response.data.list) {
-            this.secondDeptTreeList = toTreeList(response.data.list, this.wellForm.deptid)
-          }
-        })
-      },
-      // 获取井类型
-      fetchWellType() {
-        getWellType().then(response => {
-          this.wellTypeList = []
-          const wellTypes = this.$store.getters.wellTypes
-          for (const wellType of response.data) {
-            if (wellTypes.indexOf(wellType.value) !== -1) {
-              this.wellTypeList.push(wellType)
-            }
-          }
-          if (this.wellTypeList.length <= 1) {
-            this.showWellType = false
-          }
-        })
-      },
-      // 获取区域1
-      fetchArea1(deptid) {
-        getAreaByDept(this.wellForm.deptid).then(response => {
-          if (response.code === 200) {
-            const pid = response.data.area
-            getAreaList(pid).then(response => {
-              this.quList = response.data
-            })
-          }
-        })
-      },
-      // 改变权属单位选项时
-      deptChanged() {
-        console.log('deptChanged')
-        this.wellForm.responsibleDept = ''
-        this.wellForm.area = ''
-        this.wellForm.qu = ''
-      },
-      // 改变区选项时的操作
-      quChanged() {
-        this.wellForm.area = ''
-      },
-      // 获取区域2
-      fetchArea2() {
-        getAreaList(this.wellForm.qu).then(response => {
-          this.jiedaoList = response.data
-        })
-      },
-      // 取消
-      cancel() {
-        this.dialogFormVisible = false
-        this.imageList = []
-        this.$emit('watchChild')
-        // 清除验证
-        this.$nextTick(() => {
-          this.$refs['dataForm'].clearValidate()
-        })
-      },
-      // 保存数据
-      saveData: function() {
-        this.wellForm.photos = ''
-        if (this.wellForm.responsibleDept === '') {
-          if (this.secondDeptTreeList.length > 0) {
-            this.$message.warning('必须选择维护机构')
-            return
-          } else {
-            this.wellForm.responsibleDept = this.wellForm.deptid
-          }
+      })
+    },
+    // 获取区域1
+    fetchArea1(deptid) {
+      getAreaByDept(this.wellForm.deptid).then(response => {
+        if (response.code === 200) {
+          const pid = response.data.area
+          getAreaList(pid).then(response => {
+            this.quList = response.data
+          })
         }
-        for (const image of this.imageList) {
-          let index = image.url.indexOf('/static/')
-          if (index !== -1) {
-            index += 8
-          }
-          this.wellForm.photos += image.url.substring(index) + ';'
-        }
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            updateWell(this.wellForm).then(response => {
-              console.log('修改井')
-              if (response.code === 200) {
-                this.$message.success('修改成功!')
-                this.$emit('watchChild')
-                this.dialogFormVisible = false
-                this.imageList = []
-              }
-              // 清除验证
-              this.$nextTick(() => {
-                this.$refs['dataForm'].clearValidate()
-              })
-            })
-          }
-        })
-      },
-      uploadFile(file) {
-        console.log('uploadFile:' + file.file.name)
-        const base_url = process.env.BASE_API + '/static/'
-        Uploadimg(file).then(res => {
-          if (res.code === 200) {
-            this.imageList.push({ name: file.file.name, url: base_url + res.data })
-          }
-        })
-      },
-      handleBeforeUpload(file) {
-        const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-        let res = true
-        const isLt2M = file.size / 1024 / 1024 < 5
-        if (!isJPG) {
-          this.$message.error('上传图片只能是 JPG 或 PNG 格式!')
-          res = false
-        }
-        if (!isLt2M) {
-          this.$message.error('上传图片大小不能超过 5MB!')
-          res = false
-        }
-        for (const i in this.fileList) {
-          if (this.fileList[i].name === file.name) {
-            this.$message.error('该图片已上传过，请选择其他图片')
-            res = false
-          }
-        }
-        return res
-      },
-      // 文件列表移除文件时的钩子
-      handleRemove(file, fileList) {
-        console.log('handleRemove')
-        for (const i in this.imageList) {
-          if (this.imageList[i].name === file.name) {
-            this.imageList.splice(i, 1)
-            this.hideUpload = this.imageList.length >= 4
-            return
-          }
-        }
-      },
-      handleExceed(files, fileList) {
-        this.$message.warning(`限制选择 4 张图片，本次选择了 ${files.length} 张图片，共选择了 ${files.length + fileList.length} 张图片`)
-      },
-      // 点击文件列表中已上传的文件时的钩子
-      handlePictureCardPreview(file) {
-        console.log('handlePictureCardPreview')
-        this.dialogImageUrl = file.url
-        this.dialogVisible = true
-      },
-      handleChange(file, fileList) {
-        console.log('handleChange')
-        if (fileList) {
-          this.hideUpload = fileList.length >= 4
+      })
+    },
+    // 改变权属单位选项时
+    deptChanged() {
+      console.log('deptChanged')
+      this.wellForm.responsibleDept = ''
+      this.wellForm.area = ''
+      this.wellForm.qu = ''
+    },
+    // 改变区选项时的操作
+    quChanged() {
+      this.wellForm.area = ''
+    },
+    // 获取区域2
+    fetchArea2() {
+      getAreaList(this.wellForm.qu).then(response => {
+        this.jiedaoList = response.data
+      })
+    },
+    // 取消
+    cancel() {
+      this.dialogFormVisible = false
+      this.imageList = []
+      this.$emit('watchChild')
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      this.wellForm.photos = ''
+      if (this.wellForm.responsibleDept === '') {
+        if (this.secondDeptTreeList.length > 0) {
+          this.$message.warning('必须选择维护机构')
+          return
         } else {
-          this.hideUpload = false
+          this.wellForm.responsibleDept = this.wellForm.deptid
         }
       }
+      for (const image of this.imageList) {
+        let index = image.url.indexOf('/static/')
+        if (index !== -1) {
+          index += 8
+        }
+        this.wellForm.photos += image.url.substring(index) + ';'
+      }
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          updateWell(this.wellForm).then(response => {
+            console.log('修改井')
+            if (response.code === 200) {
+              this.$message.success('修改成功!')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+              this.imageList = []
+            }
+            // 清除验证
+            this.$nextTick(() => {
+              this.$refs['dataForm'].clearValidate()
+            })
+          })
+        }
+      })
+    },
+    uploadFile(file) {
+      console.log('uploadFile:' + file.file.name)
+      const base_url = process.env.BASE_API + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.imageList.push({ name: file.file.name, url: base_url + res.data })
+        }
+      })
+    },
+    handleBeforeUpload(file) {
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      let res = true
+      const isLt2M = file.size / 1024 / 1024 < 5
+      if (!isJPG) {
+        this.$message.error('上传图片只能是 JPG 或 PNG 格式!')
+        res = false
+      }
+      if (!isLt2M) {
+        this.$message.error('上传图片大小不能超过 5MB!')
+        res = false
+      }
+      for (const i in this.fileList) {
+        if (this.fileList[i].name === file.name) {
+          this.$message.error('该图片已上传过，请选择其他图片')
+          res = false
+        }
+      }
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      console.log('handleRemove')
+      for (const i in this.imageList) {
+        if (this.imageList[i].name === file.name) {
+          this.imageList.splice(i, 1)
+          this.hideUpload = this.imageList.length >= 4
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`限制选择 4 张图片，本次选择了 ${files.length} 张图片，共选择了 ${files.length + fileList.length} 张图片`)
+    },
+    // 点击文件列表中已上传的文件时的钩子
+    handlePictureCardPreview(file) {
+      console.log('handlePictureCardPreview')
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
+    },
+    handleChange(file, fileList) {
+      console.log('handleChange')
+      if (fileList) {
+        this.hideUpload = fileList.length >= 4
+      } else {
+        this.hideUpload = false
+      }
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">