diff --git a/config/dev.env.js b/config/dev.env.js
index aa233c5..e5848e1 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -9,7 +9,7 @@
   // BASE_API: '"http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/"',
   // BASE_API: '"http://106.74.146.218:2031"'
   // BASE_API: '"http://192.168.0.212:14537"'
-  BASE_API: '"http://139.198.17.115:20004/smartwell"'
+  BASE_API: '"http://111.198.10.15:11302/smartwell"'
   // BASE_API: '"http://192.168.0.225:8083"'
   // BASE_API: '"http://127.0.0.1:8083"'
 })

diff --git a/config/dev.env.js b/config/dev.env.js
index aa233c5..e5848e1 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -9,7 +9,7 @@
   // BASE_API: '"http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/"',
   // BASE_API: '"http://106.74.146.218:2031"'
   // BASE_API: '"http://192.168.0.212:14537"'
-  BASE_API: '"http://139.198.17.115:20004/smartwell"'
+  BASE_API: '"http://111.198.10.15:11302/smartwell"'
   // BASE_API: '"http://192.168.0.225:8083"'
   // BASE_API: '"http://127.0.0.1:8083"'
 })
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index ea76aff..85917ce 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -33,187 +33,187 @@
 </template>
 
 <script>
-  export default {
-    name: 'SelectTree',
-    // 设置绑定参数
-    model: {
-      prop: 'value',
-      event: 'selected'
+export default {
+  name: 'SelectTree',
+  // 设置绑定参数
+  model: {
+    prop: 'value',
+    event: 'selected'
+  },
+  props: {
+    // 接收绑定参数
+    value: {
+      type: String,
+      default: ''
     },
+    // 输入框宽度
+    // width: {
+    //   type: String,
+    //   default: ''
+    // },
+    // 输入框宽度
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 选项数据
+    options: {
+      type: Array,
+      required: true
+    },
+    // 输入框占位符
+    placeholder: {
+      type: String,
+      required: false,
+      default: '请选择'
+    },
+    // 树节点配置选项
     props: {
-      // 接收绑定参数
-      value: {
-        type: String,
-        default: ''
-      },
-      // 输入框宽度
-      // width: {
-      //   type: String,
-      //   default: ''
-      // },
-      // 输入框宽度
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      // 选项数据
-      options: {
-        type: Array,
-        required: true
-      },
-      // 输入框占位符
-      placeholder: {
-        type: String,
-        required: false,
-        default: '请选择'
-      },
-      // 树节点配置选项
-      props: {
-        type: Object,
-        required: false,
-        default: () => ({
-          parent: 'parentId',
-          value: 'rowGuid',
-          label: 'areaName',
-          children: 'children'
-        })
-      }
-    },
-    data() {
-      return {
-        // 树状菜单显示状态
-        showStatus: false,
-        // 菜单宽度
-        treeWidth: 'auto',
-        // 菜单最高高度
-        treeHeight: '400px',
-        // 输入框显示值
-        labelModel: '',
-        // 实际请求传值
-        valueModel: '0',
-        // popover的宽度
-        width: ''
-      }
-    },
-    computed: {
-      // 是否为树状结构数据
-      dataType() {
-        const jsonStr = JSON.stringify(this.options)
-        return jsonStr.indexOf(this.props.children) !== -1
-      },
-      // 若非树状结构，则转化为树状结构数据
-      data() {
-        // return this.dataType ? this.options : this.switchTree()
-        return this.options
-      }
-    },
-    watch: {
-      labelModel(val) {
-        if (!val) {
-          if (val === '') {
-            this.valueModel = ''
-            this.value = ''
-            this.$emit('selected', this.valueModel)
-          }
-          this.valueModel = ''
-        }
-        this.$refs.tree.filter(val)
-      },
-      value(val) {
-        this.labelModel = this.queryTree(this.data, val)
-      }
-    },
-    created() {
-      // 检测输入框原有值并显示对应 label
-      if (this.value) {
-        this.labelModel = this.queryTree(this.data, this.value)
-      }
-      // 获取输入框宽度同步至树状菜单宽度
-      this.$nextTick(() => {
-        this.treeWidth = `${(this.width || this.$refs.input.$refs.input.clientWidth) - 24}px`
+      type: Object,
+      required: false,
+      default: () => ({
+        parent: 'parentId',
+        value: 'rowGuid',
+        label: 'areaName',
+        children: 'children'
       })
+    }
+  },
+  data() {
+    return {
+      // 树状菜单显示状态
+      showStatus: false,
+      // 菜单宽度
+      treeWidth: 'auto',
+      // 菜单最高高度
+      treeHeight: '400px',
+      // 输入框显示值
+      labelModel: '',
+      // 实际请求传值
+      valueModel: '0',
+      // popover的宽度
+      width: ''
+    }
+  },
+  computed: {
+    // 是否为树状结构数据
+    dataType() {
+      const jsonStr = JSON.stringify(this.options)
+      return jsonStr.indexOf(this.props.children) !== -1
     },
-    methods: {
-      // 单击节点
-      onClickNode(node) {
-        this.labelModel = node[this.props.label]
-        this.valueModel = node[this.props.value]
-        this.onCloseTree()
-      },
-      // 偏平数组转化为树状层级结构
-      switchTree() {
-        return this.cleanChildren(this.buildTree(this.options, '0'))
-      },
-      // 隐藏树状菜单
-      onCloseTree() {
-        this.$refs.popover.showPopper = false
-      },
-      // 显示时触发
-      onShowPopover() {
-        this.showStatus = true
-        this.$refs.tree.filter(false)
-        // 修改scrollbar宽度
-        const inputWidth = this.$refs.input.$refs.input.clientWidth
-        this.width = inputWidth
-      },
-      // 隐藏时触发
-      onHidePopover() {
-        this.showStatus = false
-        this.$emit('selected', this.valueModel)
-      },
-      // 树节点过滤方法
-      filterNode(query, data) {
-        if (!query) return true
-        return data[this.props.label].indexOf(query) !== -1
-      },
-      // 搜索树状数据中的 ID
-      queryTree(tree, id) {
-        let stark = []
-        stark = stark.concat(tree)
-        while (stark.length) {
-          const temp = stark.shift()
-          if (temp[this.props.children]) {
-            stark = stark.concat(temp[this.props.children])
-          }
-          if (temp[this.props.value] === id) {
-            return temp[this.props.label]
-          }
+    // 若非树状结构，则转化为树状结构数据
+    data() {
+      // return this.dataType ? this.options : this.switchTree()
+      return this.options
+    }
+  },
+  watch: {
+    labelModel(val) {
+      if (!val) {
+        if (val === '') {
+          this.valueModel = ''
+          this.value = ''
+          this.$emit('selected', this.valueModel)
         }
-        return ''
-      },
-      // 将一维的扁平数组转换为多层级对象
-      buildTree(data, id = '0') {
-        const fa = (parentId) => {
-          console.log('parentId:' + parentId)
-          const temp = []
-          for (let i = 0; i < data.length; i++) {
-            const n = data[i]
-            if (n[this.props.parent] === parentId) {
-              n.children = fa(n.code)
-              temp.push(n)
-            }
-          }
-          return temp
-        }
-        return fa(id)
-      },
-      // 清除空 children项
-      cleanChildren(data) {
-        const fa = (list) => {
-          list.map((e) => {
-            if (e.children.length) {
-              fa(e.children)
-            } else {
-              delete e.children
-            }
-            return e
-          })
-          return list
-        }
-        return fa(data)
+        this.valueModel = ''
       }
+      this.$refs.tree.filter(val)
+    },
+    value(val) {
+      this.labelModel = this.queryTree(this.data, val)
+    }
+  },
+  created() {
+    // 检测输入框原有值并显示对应 label
+    if (this.value) {
+      this.labelModel = this.queryTree(this.data, this.value)
+    }
+    // 获取输入框宽度同步至树状菜单宽度
+    this.$nextTick(() => {
+      this.treeWidth = `${(this.width || this.$refs.input.$refs.input.clientWidth) - 24}px`
+    })
+  },
+  methods: {
+    // 单击节点
+    onClickNode(node) {
+      this.labelModel = node[this.props.label]
+      this.valueModel = node[this.props.value]
+      this.onCloseTree()
+    },
+    // 偏平数组转化为树状层级结构
+    switchTree() {
+      return this.cleanChildren(this.buildTree(this.options, '0'))
+    },
+    // 隐藏树状菜单
+    onCloseTree() {
+      this.$refs.popover.showPopper = false
+    },
+    // 显示时触发
+    onShowPopover() {
+      this.showStatus = true
+      this.$refs.tree.filter(false)
+      // 修改scrollbar宽度
+      const inputWidth = this.$refs.input.$refs.input.clientWidth
+      this.width = inputWidth
+    },
+    // 隐藏时触发
+    onHidePopover() {
+      this.showStatus = false
+      this.$emit('selected', this.valueModel)
+    },
+    // 树节点过滤方法
+    filterNode(query, data) {
+      if (!query) return true
+      return data[this.props.label].indexOf(query) !== -1
+    },
+    // 搜索树状数据中的 ID
+    queryTree(tree, id) {
+      let stark = []
+      stark = stark.concat(tree)
+      while (stark.length) {
+        const temp = stark.shift()
+        if (temp[this.props.children]) {
+          stark = stark.concat(temp[this.props.children])
+        }
+        if (temp[this.props.value] === id) {
+          return temp[this.props.label]
+        }
+      }
+      return ''
+    },
+    // 将一维的扁平数组转换为多层级对象
+    buildTree(data, id = '0') {
+      const fa = (parentId) => {
+        console.log('parentId:' + parentId)
+        const temp = []
+        for (let i = 0; i < data.length; i++) {
+          const n = data[i]
+          if (n[this.props.parent] === parentId) {
+            n.children = fa(n.code)
+            temp.push(n)
+          }
+        }
+        return temp
+      }
+      return fa(id)
+    },
+    // 清除空 children项
+    cleanChildren(data) {
+      const fa = (list) => {
+        list.map((e) => {
+          if (e.children.length) {
+            fa(e.children)
+          } else {
+            delete e.children
+          }
+          return e
+        })
+        return list
+      }
+      return fa(data)
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>

diff --git a/config/dev.env.js b/config/dev.env.js
index aa233c5..e5848e1 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -9,7 +9,7 @@
   // BASE_API: '"http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/"',
   // BASE_API: '"http://106.74.146.218:2031"'
   // BASE_API: '"http://192.168.0.212:14537"'
-  BASE_API: '"http://139.198.17.115:20004/smartwell"'
+  BASE_API: '"http://111.198.10.15:11302/smartwell"'
   // BASE_API: '"http://192.168.0.225:8083"'
   // BASE_API: '"http://127.0.0.1:8083"'
 })
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index ea76aff..85917ce 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -33,187 +33,187 @@
 </template>
 
 <script>
-  export default {
-    name: 'SelectTree',
-    // 设置绑定参数
-    model: {
-      prop: 'value',
-      event: 'selected'
+export default {
+  name: 'SelectTree',
+  // 设置绑定参数
+  model: {
+    prop: 'value',
+    event: 'selected'
+  },
+  props: {
+    // 接收绑定参数
+    value: {
+      type: String,
+      default: ''
     },
+    // 输入框宽度
+    // width: {
+    //   type: String,
+    //   default: ''
+    // },
+    // 输入框宽度
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 选项数据
+    options: {
+      type: Array,
+      required: true
+    },
+    // 输入框占位符
+    placeholder: {
+      type: String,
+      required: false,
+      default: '请选择'
+    },
+    // 树节点配置选项
     props: {
-      // 接收绑定参数
-      value: {
-        type: String,
-        default: ''
-      },
-      // 输入框宽度
-      // width: {
-      //   type: String,
-      //   default: ''
-      // },
-      // 输入框宽度
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      // 选项数据
-      options: {
-        type: Array,
-        required: true
-      },
-      // 输入框占位符
-      placeholder: {
-        type: String,
-        required: false,
-        default: '请选择'
-      },
-      // 树节点配置选项
-      props: {
-        type: Object,
-        required: false,
-        default: () => ({
-          parent: 'parentId',
-          value: 'rowGuid',
-          label: 'areaName',
-          children: 'children'
-        })
-      }
-    },
-    data() {
-      return {
-        // 树状菜单显示状态
-        showStatus: false,
-        // 菜单宽度
-        treeWidth: 'auto',
-        // 菜单最高高度
-        treeHeight: '400px',
-        // 输入框显示值
-        labelModel: '',
-        // 实际请求传值
-        valueModel: '0',
-        // popover的宽度
-        width: ''
-      }
-    },
-    computed: {
-      // 是否为树状结构数据
-      dataType() {
-        const jsonStr = JSON.stringify(this.options)
-        return jsonStr.indexOf(this.props.children) !== -1
-      },
-      // 若非树状结构，则转化为树状结构数据
-      data() {
-        // return this.dataType ? this.options : this.switchTree()
-        return this.options
-      }
-    },
-    watch: {
-      labelModel(val) {
-        if (!val) {
-          if (val === '') {
-            this.valueModel = ''
-            this.value = ''
-            this.$emit('selected', this.valueModel)
-          }
-          this.valueModel = ''
-        }
-        this.$refs.tree.filter(val)
-      },
-      value(val) {
-        this.labelModel = this.queryTree(this.data, val)
-      }
-    },
-    created() {
-      // 检测输入框原有值并显示对应 label
-      if (this.value) {
-        this.labelModel = this.queryTree(this.data, this.value)
-      }
-      // 获取输入框宽度同步至树状菜单宽度
-      this.$nextTick(() => {
-        this.treeWidth = `${(this.width || this.$refs.input.$refs.input.clientWidth) - 24}px`
+      type: Object,
+      required: false,
+      default: () => ({
+        parent: 'parentId',
+        value: 'rowGuid',
+        label: 'areaName',
+        children: 'children'
       })
+    }
+  },
+  data() {
+    return {
+      // 树状菜单显示状态
+      showStatus: false,
+      // 菜单宽度
+      treeWidth: 'auto',
+      // 菜单最高高度
+      treeHeight: '400px',
+      // 输入框显示值
+      labelModel: '',
+      // 实际请求传值
+      valueModel: '0',
+      // popover的宽度
+      width: ''
+    }
+  },
+  computed: {
+    // 是否为树状结构数据
+    dataType() {
+      const jsonStr = JSON.stringify(this.options)
+      return jsonStr.indexOf(this.props.children) !== -1
     },
-    methods: {
-      // 单击节点
-      onClickNode(node) {
-        this.labelModel = node[this.props.label]
-        this.valueModel = node[this.props.value]
-        this.onCloseTree()
-      },
-      // 偏平数组转化为树状层级结构
-      switchTree() {
-        return this.cleanChildren(this.buildTree(this.options, '0'))
-      },
-      // 隐藏树状菜单
-      onCloseTree() {
-        this.$refs.popover.showPopper = false
-      },
-      // 显示时触发
-      onShowPopover() {
-        this.showStatus = true
-        this.$refs.tree.filter(false)
-        // 修改scrollbar宽度
-        const inputWidth = this.$refs.input.$refs.input.clientWidth
-        this.width = inputWidth
-      },
-      // 隐藏时触发
-      onHidePopover() {
-        this.showStatus = false
-        this.$emit('selected', this.valueModel)
-      },
-      // 树节点过滤方法
-      filterNode(query, data) {
-        if (!query) return true
-        return data[this.props.label].indexOf(query) !== -1
-      },
-      // 搜索树状数据中的 ID
-      queryTree(tree, id) {
-        let stark = []
-        stark = stark.concat(tree)
-        while (stark.length) {
-          const temp = stark.shift()
-          if (temp[this.props.children]) {
-            stark = stark.concat(temp[this.props.children])
-          }
-          if (temp[this.props.value] === id) {
-            return temp[this.props.label]
-          }
+    // 若非树状结构，则转化为树状结构数据
+    data() {
+      // return this.dataType ? this.options : this.switchTree()
+      return this.options
+    }
+  },
+  watch: {
+    labelModel(val) {
+      if (!val) {
+        if (val === '') {
+          this.valueModel = ''
+          this.value = ''
+          this.$emit('selected', this.valueModel)
         }
-        return ''
-      },
-      // 将一维的扁平数组转换为多层级对象
-      buildTree(data, id = '0') {
-        const fa = (parentId) => {
-          console.log('parentId:' + parentId)
-          const temp = []
-          for (let i = 0; i < data.length; i++) {
-            const n = data[i]
-            if (n[this.props.parent] === parentId) {
-              n.children = fa(n.code)
-              temp.push(n)
-            }
-          }
-          return temp
-        }
-        return fa(id)
-      },
-      // 清除空 children项
-      cleanChildren(data) {
-        const fa = (list) => {
-          list.map((e) => {
-            if (e.children.length) {
-              fa(e.children)
-            } else {
-              delete e.children
-            }
-            return e
-          })
-          return list
-        }
-        return fa(data)
+        this.valueModel = ''
       }
+      this.$refs.tree.filter(val)
+    },
+    value(val) {
+      this.labelModel = this.queryTree(this.data, val)
+    }
+  },
+  created() {
+    // 检测输入框原有值并显示对应 label
+    if (this.value) {
+      this.labelModel = this.queryTree(this.data, this.value)
+    }
+    // 获取输入框宽度同步至树状菜单宽度
+    this.$nextTick(() => {
+      this.treeWidth = `${(this.width || this.$refs.input.$refs.input.clientWidth) - 24}px`
+    })
+  },
+  methods: {
+    // 单击节点
+    onClickNode(node) {
+      this.labelModel = node[this.props.label]
+      this.valueModel = node[this.props.value]
+      this.onCloseTree()
+    },
+    // 偏平数组转化为树状层级结构
+    switchTree() {
+      return this.cleanChildren(this.buildTree(this.options, '0'))
+    },
+    // 隐藏树状菜单
+    onCloseTree() {
+      this.$refs.popover.showPopper = false
+    },
+    // 显示时触发
+    onShowPopover() {
+      this.showStatus = true
+      this.$refs.tree.filter(false)
+      // 修改scrollbar宽度
+      const inputWidth = this.$refs.input.$refs.input.clientWidth
+      this.width = inputWidth
+    },
+    // 隐藏时触发
+    onHidePopover() {
+      this.showStatus = false
+      this.$emit('selected', this.valueModel)
+    },
+    // 树节点过滤方法
+    filterNode(query, data) {
+      if (!query) return true
+      return data[this.props.label].indexOf(query) !== -1
+    },
+    // 搜索树状数据中的 ID
+    queryTree(tree, id) {
+      let stark = []
+      stark = stark.concat(tree)
+      while (stark.length) {
+        const temp = stark.shift()
+        if (temp[this.props.children]) {
+          stark = stark.concat(temp[this.props.children])
+        }
+        if (temp[this.props.value] === id) {
+          return temp[this.props.label]
+        }
+      }
+      return ''
+    },
+    // 将一维的扁平数组转换为多层级对象
+    buildTree(data, id = '0') {
+      const fa = (parentId) => {
+        console.log('parentId:' + parentId)
+        const temp = []
+        for (let i = 0; i < data.length; i++) {
+          const n = data[i]
+          if (n[this.props.parent] === parentId) {
+            n.children = fa(n.code)
+            temp.push(n)
+          }
+        }
+        return temp
+      }
+      return fa(id)
+    },
+    // 清除空 children项
+    cleanChildren(data) {
+      const fa = (list) => {
+        list.map((e) => {
+          if (e.children.length) {
+            fa(e.children)
+          } else {
+            delete e.children
+          }
+          return e
+        })
+        return list
+      }
+      return fa(data)
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/wellManage/detailWell.vue b/src/views/wellManage/detailWell.vue
index 4203c38..02798c8 100644
--- a/src/views/wellManage/detailWell.vue
+++ b/src/views/wellManage/detailWell.vue
@@ -152,181 +152,181 @@
 </template>
 
 <script>
-  import SelectTree from '@/components/SelectTree/singleSelect'
-  import { getAreaList, getAreaByDept } from '@/api/area'
-  import { watchDataByWell } from '@/api/well'
-  import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+import { getAreaList, getAreaByDept } from '@/api/area'
+import { watchDataByWell } from '@/api/well'
+import DeptSelect from '@/components/DeptSelect'
 
-  export default {
-    name: 'DetailWell',
-    components: { SelectTree, DeptSelect },
-    data() {
-      return {
-        dialogFormVisible: false, // 对话框是否显示
-        wellForm: {
-          id: null, // 窨井id
-          wellCode: '', // 窨井编号
-          wellName: '', // 窨井名称
-          wellType: '', // 窨井类型
-          wellTypeName: '', // 窨井类型名称
-          deptid: '', // 权属单位
-          deptName: '', // 权属单位名称
-          bfztName: '', // 布防状态
-          deep: '', // 井深，
-          position: '', // 位置描述
-          coordinateX: '', // 经度
-          coordinateY: '', // 纬度
-          photos: '', // 照片路径
-          notes: '', // 备注,
-          qu: '',
-          area: '', // 街道
-          responsibleDept: '', // 维护人员部门
-          responsibleDeptName: '' // 维护人员部门名称
-        }, // 表单
-        deptProps: {
-          parent: 'pid',
-          value: 'id',
-          label: 'name',
-          children: 'children'
+export default {
+  name: 'DetailWell',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      wellForm: {
+        id: null, // 窨井id
+        wellCode: '', // 窨井编号
+        wellName: '', // 窨井名称
+        wellType: '', // 窨井类型
+        wellTypeName: '', // 窨井类型名称
+        deptid: '', // 权属单位
+        deptName: '', // 权属单位名称
+        bfztName: '', // 布防状态
+        deep: '', // 井深，
+        position: '', // 位置描述
+        coordinateX: '', // 经度
+        coordinateY: '', // 纬度
+        photos: '', // 照片路径
+        notes: '', // 备注,
+        qu: '',
+        area: '', // 街道
+        responsibleDept: '', // 维护人员部门
+        responsibleDeptName: '' // 维护人员部门名称
+      }, // 表单
+      deptProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      columns: [
+        {
+          text: '监控内容',
+          value: 'watchType'
         },
-        columns: [
-          {
-            text: '监控内容',
-            value: 'watchType'
-          },
-          {
-            text: '设备编号',
-            value: 'devcode'
-          },
-          {
-            text: '设备安装日期',
-            value: 'installDate',
-            width: 110
-          },
-          {
-            text: '最新数据',
-            value: 'data',
-            width: 80
-          },
-          {
-            text: '设备状态',
-            value: 'onlineStateName',
-            width: 80
-          },
-          {
-            text: '最后上传时间',
-            value: 'logtime',
-            width: 170
-          }
-        ],
-        hideUpload: false,
-        imageList: [],
-        fileList: [],
-        deptTreeList: null, // 组织树列表数据
-        secondDeptTreeList: null, // 二级组织树列表
-        wellTypeList: null,
-        quList: null,
-        jiedaoList: null,
-        dialogImageUrl: '',
-        dialogVisible: false,
-        labelPosition: 'right',
-        listLoading: false, // 监控数据加载动画
-        dataList: [], // 监控数据
-        loading: true
+        {
+          text: '设备编号',
+          value: 'devcode'
+        },
+        {
+          text: '设备安装日期',
+          value: 'installDate',
+          width: 110
+        },
+        {
+          text: '最新数据',
+          value: 'data',
+          width: 80
+        },
+        {
+          text: '设备状态',
+          value: 'onlineStateName',
+          width: 80
+        },
+        {
+          text: '最后上传时间',
+          value: 'logtime',
+          width: 170
+        }
+      ],
+      hideUpload: false,
+      imageList: [],
+      fileList: [],
+      deptTreeList: null, // 组织树列表数据
+      secondDeptTreeList: null, // 二级组织树列表
+      wellTypeList: null,
+      quList: null,
+      jiedaoList: null,
+      dialogImageUrl: '',
+      dialogVisible: false,
+      labelPosition: 'right',
+      listLoading: false, // 监控数据加载动画
+      dataList: [], // 监控数据
+      loading: true
+    }
+  },
+  activated() {
+    this.imageList = []
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row = null) {
+      this.loading = true
+      this.dialogFormVisible = dialogFormVisible
+      this.wellForm = {
+        id: row.id, // 窨井id
+        wellCode: row.wellCode, // 窨井编号
+        wellName: row.wellName, // 窨井名称
+        wellType: row.wellType, // 窨井类型
+        wellTypeName: row.wellTypeName, // 窨井类型
+        bfztName: row.bfztName,
+        deptid: row.deptid, // 权属单位
+        deptName: row.deptName, // 权属单位
+        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()
+        this.fetchArea2()
+        this.loading = false
+      } else {
+        this.loading = false
+      }
+      // 处理图片
+      const urls = row.photos.split(';')
+      const base_url = process.env.BASE_API + '/static/'
+      for (const url of urls) {
+        if (url) {
+          this.imageList.push({ name: url, url: base_url + url })
+        }
+      }
+      // 获取窨井下监控数据
+      this.listLoading = true
+      watchDataByWell(row.id).then(response => {
+        this.listLoading = false
+        this.dataList = response.data
+      })
     },
-    activated() {
+    // 获取区域1
+    fetchArea1() {
+      getAreaByDept(this.wellForm.deptid).then(response => {
+        if (response.code === 200) {
+          const pid = response.data.area
+          getAreaList(pid).then(response => {
+            this.quList = response.data
+          })
+        }
+      })
+    },
+    // 获取区域2
+    fetchArea2() {
+      getAreaList(this.wellForm.qu).then(response => {
+        this.jiedaoList = response.data
+        this.loading = false
+      })
+    },
+    showData(row) {
+      const devcode = row.devcode
+      const deviceType = row.type
+      const params = { devcode: devcode, deviceType: deviceType }
+      const routeData = this.$router.resolve({
+        name: 'DataManage',
+        query: params,
+        params: params
+      })
+      window.open(routeData.href, '_blank')
+      // this.$router.push({ name: 'DataManage', query: params })
+    },
+    // 取消
+    cancel() {
       this.imageList = []
+      this.dialogFormVisible = false
     },
-    methods: {
-      // 初始化对话框
-      initDialog: function(dialogFormVisible, row = null) {
-        this.loading = true
-        this.dialogFormVisible = dialogFormVisible
-        this.wellForm = {
-          id: row.id, // 窨井id
-          wellCode: row.wellCode, // 窨井编号
-          wellName: row.wellName, // 窨井名称
-          wellType: row.wellType, // 窨井类型
-          wellTypeName: row.wellTypeName, // 窨井类型
-          bfztName: row.bfztName,
-          deptid: row.deptid, // 权属单位
-          deptName: row.deptName, // 权属单位
-          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()
-          this.fetchArea2()
-          this.loading = false
-        } else {
-          this.loading = false
-        }
-        // 处理图片
-        const urls = row.photos.split(';')
-        const base_url = process.env.BASE_API + '/static/'
-        for (const url of urls) {
-          if (url) {
-            this.imageList.push({ name: url, url: base_url + url })
-          }
-        }
-        // 获取窨井下监控数据
-        this.listLoading = true
-        watchDataByWell(row.id).then(response => {
-          this.listLoading = false
-          this.dataList = response.data
-        })
-      },
-      // 获取区域1
-      fetchArea1() {
-        getAreaByDept(this.wellForm.deptid).then(response => {
-          if (response.code === 200) {
-            const pid = response.data.area
-            getAreaList(pid).then(response => {
-              this.quList = response.data
-            })
-          }
-        })
-      },
-      // 获取区域2
-      fetchArea2() {
-        getAreaList(this.wellForm.qu).then(response => {
-          this.jiedaoList = response.data
-          this.loading = false
-        })
-      },
-      showData(row) {
-        const devcode = row.devcode
-        const deviceType = row.type
-        const params = { devcode: devcode, deviceType: deviceType }
-        const routeData = this.$router.resolve({
-          name: 'DataManage',
-          query: params,
-          params: params
-        })
-        window.open(routeData.href, '_blank')
-        // this.$router.push({ name: 'DataManage', query: params })
-      },
-      // 取消
-      cancel() {
-        this.imageList = []
-        this.dialogFormVisible = false
-      },
-      // 图片预览
-      handlePictureCardPreview(file) {
-        this.dialogImageUrl = file.url
-        this.dialogVisible = true
-      }
+    // 图片预览
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

diff --git a/config/dev.env.js b/config/dev.env.js
index aa233c5..e5848e1 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -9,7 +9,7 @@
   // BASE_API: '"http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/"',
   // BASE_API: '"http://106.74.146.218:2031"'
   // BASE_API: '"http://192.168.0.212:14537"'
-  BASE_API: '"http://139.198.17.115:20004/smartwell"'
+  BASE_API: '"http://111.198.10.15:11302/smartwell"'
   // BASE_API: '"http://192.168.0.225:8083"'
   // BASE_API: '"http://127.0.0.1:8083"'
 })
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index ea76aff..85917ce 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -33,187 +33,187 @@
 </template>
 
 <script>
-  export default {
-    name: 'SelectTree',
-    // 设置绑定参数
-    model: {
-      prop: 'value',
-      event: 'selected'
+export default {
+  name: 'SelectTree',
+  // 设置绑定参数
+  model: {
+    prop: 'value',
+    event: 'selected'
+  },
+  props: {
+    // 接收绑定参数
+    value: {
+      type: String,
+      default: ''
     },
+    // 输入框宽度
+    // width: {
+    //   type: String,
+    //   default: ''
+    // },
+    // 输入框宽度
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 选项数据
+    options: {
+      type: Array,
+      required: true
+    },
+    // 输入框占位符
+    placeholder: {
+      type: String,
+      required: false,
+      default: '请选择'
+    },
+    // 树节点配置选项
     props: {
-      // 接收绑定参数
-      value: {
-        type: String,
-        default: ''
-      },
-      // 输入框宽度
-      // width: {
-      //   type: String,
-      //   default: ''
-      // },
-      // 输入框宽度
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      // 选项数据
-      options: {
-        type: Array,
-        required: true
-      },
-      // 输入框占位符
-      placeholder: {
-        type: String,
-        required: false,
-        default: '请选择'
-      },
-      // 树节点配置选项
-      props: {
-        type: Object,
-        required: false,
-        default: () => ({
-          parent: 'parentId',
-          value: 'rowGuid',
-          label: 'areaName',
-          children: 'children'
-        })
-      }
-    },
-    data() {
-      return {
-        // 树状菜单显示状态
-        showStatus: false,
-        // 菜单宽度
-        treeWidth: 'auto',
-        // 菜单最高高度
-        treeHeight: '400px',
-        // 输入框显示值
-        labelModel: '',
-        // 实际请求传值
-        valueModel: '0',
-        // popover的宽度
-        width: ''
-      }
-    },
-    computed: {
-      // 是否为树状结构数据
-      dataType() {
-        const jsonStr = JSON.stringify(this.options)
-        return jsonStr.indexOf(this.props.children) !== -1
-      },
-      // 若非树状结构，则转化为树状结构数据
-      data() {
-        // return this.dataType ? this.options : this.switchTree()
-        return this.options
-      }
-    },
-    watch: {
-      labelModel(val) {
-        if (!val) {
-          if (val === '') {
-            this.valueModel = ''
-            this.value = ''
-            this.$emit('selected', this.valueModel)
-          }
-          this.valueModel = ''
-        }
-        this.$refs.tree.filter(val)
-      },
-      value(val) {
-        this.labelModel = this.queryTree(this.data, val)
-      }
-    },
-    created() {
-      // 检测输入框原有值并显示对应 label
-      if (this.value) {
-        this.labelModel = this.queryTree(this.data, this.value)
-      }
-      // 获取输入框宽度同步至树状菜单宽度
-      this.$nextTick(() => {
-        this.treeWidth = `${(this.width || this.$refs.input.$refs.input.clientWidth) - 24}px`
+      type: Object,
+      required: false,
+      default: () => ({
+        parent: 'parentId',
+        value: 'rowGuid',
+        label: 'areaName',
+        children: 'children'
       })
+    }
+  },
+  data() {
+    return {
+      // 树状菜单显示状态
+      showStatus: false,
+      // 菜单宽度
+      treeWidth: 'auto',
+      // 菜单最高高度
+      treeHeight: '400px',
+      // 输入框显示值
+      labelModel: '',
+      // 实际请求传值
+      valueModel: '0',
+      // popover的宽度
+      width: ''
+    }
+  },
+  computed: {
+    // 是否为树状结构数据
+    dataType() {
+      const jsonStr = JSON.stringify(this.options)
+      return jsonStr.indexOf(this.props.children) !== -1
     },
-    methods: {
-      // 单击节点
-      onClickNode(node) {
-        this.labelModel = node[this.props.label]
-        this.valueModel = node[this.props.value]
-        this.onCloseTree()
-      },
-      // 偏平数组转化为树状层级结构
-      switchTree() {
-        return this.cleanChildren(this.buildTree(this.options, '0'))
-      },
-      // 隐藏树状菜单
-      onCloseTree() {
-        this.$refs.popover.showPopper = false
-      },
-      // 显示时触发
-      onShowPopover() {
-        this.showStatus = true
-        this.$refs.tree.filter(false)
-        // 修改scrollbar宽度
-        const inputWidth = this.$refs.input.$refs.input.clientWidth
-        this.width = inputWidth
-      },
-      // 隐藏时触发
-      onHidePopover() {
-        this.showStatus = false
-        this.$emit('selected', this.valueModel)
-      },
-      // 树节点过滤方法
-      filterNode(query, data) {
-        if (!query) return true
-        return data[this.props.label].indexOf(query) !== -1
-      },
-      // 搜索树状数据中的 ID
-      queryTree(tree, id) {
-        let stark = []
-        stark = stark.concat(tree)
-        while (stark.length) {
-          const temp = stark.shift()
-          if (temp[this.props.children]) {
-            stark = stark.concat(temp[this.props.children])
-          }
-          if (temp[this.props.value] === id) {
-            return temp[this.props.label]
-          }
+    // 若非树状结构，则转化为树状结构数据
+    data() {
+      // return this.dataType ? this.options : this.switchTree()
+      return this.options
+    }
+  },
+  watch: {
+    labelModel(val) {
+      if (!val) {
+        if (val === '') {
+          this.valueModel = ''
+          this.value = ''
+          this.$emit('selected', this.valueModel)
         }
-        return ''
-      },
-      // 将一维的扁平数组转换为多层级对象
-      buildTree(data, id = '0') {
-        const fa = (parentId) => {
-          console.log('parentId:' + parentId)
-          const temp = []
-          for (let i = 0; i < data.length; i++) {
-            const n = data[i]
-            if (n[this.props.parent] === parentId) {
-              n.children = fa(n.code)
-              temp.push(n)
-            }
-          }
-          return temp
-        }
-        return fa(id)
-      },
-      // 清除空 children项
-      cleanChildren(data) {
-        const fa = (list) => {
-          list.map((e) => {
-            if (e.children.length) {
-              fa(e.children)
-            } else {
-              delete e.children
-            }
-            return e
-          })
-          return list
-        }
-        return fa(data)
+        this.valueModel = ''
       }
+      this.$refs.tree.filter(val)
+    },
+    value(val) {
+      this.labelModel = this.queryTree(this.data, val)
+    }
+  },
+  created() {
+    // 检测输入框原有值并显示对应 label
+    if (this.value) {
+      this.labelModel = this.queryTree(this.data, this.value)
+    }
+    // 获取输入框宽度同步至树状菜单宽度
+    this.$nextTick(() => {
+      this.treeWidth = `${(this.width || this.$refs.input.$refs.input.clientWidth) - 24}px`
+    })
+  },
+  methods: {
+    // 单击节点
+    onClickNode(node) {
+      this.labelModel = node[this.props.label]
+      this.valueModel = node[this.props.value]
+      this.onCloseTree()
+    },
+    // 偏平数组转化为树状层级结构
+    switchTree() {
+      return this.cleanChildren(this.buildTree(this.options, '0'))
+    },
+    // 隐藏树状菜单
+    onCloseTree() {
+      this.$refs.popover.showPopper = false
+    },
+    // 显示时触发
+    onShowPopover() {
+      this.showStatus = true
+      this.$refs.tree.filter(false)
+      // 修改scrollbar宽度
+      const inputWidth = this.$refs.input.$refs.input.clientWidth
+      this.width = inputWidth
+    },
+    // 隐藏时触发
+    onHidePopover() {
+      this.showStatus = false
+      this.$emit('selected', this.valueModel)
+    },
+    // 树节点过滤方法
+    filterNode(query, data) {
+      if (!query) return true
+      return data[this.props.label].indexOf(query) !== -1
+    },
+    // 搜索树状数据中的 ID
+    queryTree(tree, id) {
+      let stark = []
+      stark = stark.concat(tree)
+      while (stark.length) {
+        const temp = stark.shift()
+        if (temp[this.props.children]) {
+          stark = stark.concat(temp[this.props.children])
+        }
+        if (temp[this.props.value] === id) {
+          return temp[this.props.label]
+        }
+      }
+      return ''
+    },
+    // 将一维的扁平数组转换为多层级对象
+    buildTree(data, id = '0') {
+      const fa = (parentId) => {
+        console.log('parentId:' + parentId)
+        const temp = []
+        for (let i = 0; i < data.length; i++) {
+          const n = data[i]
+          if (n[this.props.parent] === parentId) {
+            n.children = fa(n.code)
+            temp.push(n)
+          }
+        }
+        return temp
+      }
+      return fa(id)
+    },
+    // 清除空 children项
+    cleanChildren(data) {
+      const fa = (list) => {
+        list.map((e) => {
+          if (e.children.length) {
+            fa(e.children)
+          } else {
+            delete e.children
+          }
+          return e
+        })
+        return list
+      }
+      return fa(data)
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/wellManage/detailWell.vue b/src/views/wellManage/detailWell.vue
index 4203c38..02798c8 100644
--- a/src/views/wellManage/detailWell.vue
+++ b/src/views/wellManage/detailWell.vue
@@ -152,181 +152,181 @@
 </template>
 
 <script>
-  import SelectTree from '@/components/SelectTree/singleSelect'
-  import { getAreaList, getAreaByDept } from '@/api/area'
-  import { watchDataByWell } from '@/api/well'
-  import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+import { getAreaList, getAreaByDept } from '@/api/area'
+import { watchDataByWell } from '@/api/well'
+import DeptSelect from '@/components/DeptSelect'
 
-  export default {
-    name: 'DetailWell',
-    components: { SelectTree, DeptSelect },
-    data() {
-      return {
-        dialogFormVisible: false, // 对话框是否显示
-        wellForm: {
-          id: null, // 窨井id
-          wellCode: '', // 窨井编号
-          wellName: '', // 窨井名称
-          wellType: '', // 窨井类型
-          wellTypeName: '', // 窨井类型名称
-          deptid: '', // 权属单位
-          deptName: '', // 权属单位名称
-          bfztName: '', // 布防状态
-          deep: '', // 井深，
-          position: '', // 位置描述
-          coordinateX: '', // 经度
-          coordinateY: '', // 纬度
-          photos: '', // 照片路径
-          notes: '', // 备注,
-          qu: '',
-          area: '', // 街道
-          responsibleDept: '', // 维护人员部门
-          responsibleDeptName: '' // 维护人员部门名称
-        }, // 表单
-        deptProps: {
-          parent: 'pid',
-          value: 'id',
-          label: 'name',
-          children: 'children'
+export default {
+  name: 'DetailWell',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      wellForm: {
+        id: null, // 窨井id
+        wellCode: '', // 窨井编号
+        wellName: '', // 窨井名称
+        wellType: '', // 窨井类型
+        wellTypeName: '', // 窨井类型名称
+        deptid: '', // 权属单位
+        deptName: '', // 权属单位名称
+        bfztName: '', // 布防状态
+        deep: '', // 井深，
+        position: '', // 位置描述
+        coordinateX: '', // 经度
+        coordinateY: '', // 纬度
+        photos: '', // 照片路径
+        notes: '', // 备注,
+        qu: '',
+        area: '', // 街道
+        responsibleDept: '', // 维护人员部门
+        responsibleDeptName: '' // 维护人员部门名称
+      }, // 表单
+      deptProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      columns: [
+        {
+          text: '监控内容',
+          value: 'watchType'
         },
-        columns: [
-          {
-            text: '监控内容',
-            value: 'watchType'
-          },
-          {
-            text: '设备编号',
-            value: 'devcode'
-          },
-          {
-            text: '设备安装日期',
-            value: 'installDate',
-            width: 110
-          },
-          {
-            text: '最新数据',
-            value: 'data',
-            width: 80
-          },
-          {
-            text: '设备状态',
-            value: 'onlineStateName',
-            width: 80
-          },
-          {
-            text: '最后上传时间',
-            value: 'logtime',
-            width: 170
-          }
-        ],
-        hideUpload: false,
-        imageList: [],
-        fileList: [],
-        deptTreeList: null, // 组织树列表数据
-        secondDeptTreeList: null, // 二级组织树列表
-        wellTypeList: null,
-        quList: null,
-        jiedaoList: null,
-        dialogImageUrl: '',
-        dialogVisible: false,
-        labelPosition: 'right',
-        listLoading: false, // 监控数据加载动画
-        dataList: [], // 监控数据
-        loading: true
+        {
+          text: '设备编号',
+          value: 'devcode'
+        },
+        {
+          text: '设备安装日期',
+          value: 'installDate',
+          width: 110
+        },
+        {
+          text: '最新数据',
+          value: 'data',
+          width: 80
+        },
+        {
+          text: '设备状态',
+          value: 'onlineStateName',
+          width: 80
+        },
+        {
+          text: '最后上传时间',
+          value: 'logtime',
+          width: 170
+        }
+      ],
+      hideUpload: false,
+      imageList: [],
+      fileList: [],
+      deptTreeList: null, // 组织树列表数据
+      secondDeptTreeList: null, // 二级组织树列表
+      wellTypeList: null,
+      quList: null,
+      jiedaoList: null,
+      dialogImageUrl: '',
+      dialogVisible: false,
+      labelPosition: 'right',
+      listLoading: false, // 监控数据加载动画
+      dataList: [], // 监控数据
+      loading: true
+    }
+  },
+  activated() {
+    this.imageList = []
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row = null) {
+      this.loading = true
+      this.dialogFormVisible = dialogFormVisible
+      this.wellForm = {
+        id: row.id, // 窨井id
+        wellCode: row.wellCode, // 窨井编号
+        wellName: row.wellName, // 窨井名称
+        wellType: row.wellType, // 窨井类型
+        wellTypeName: row.wellTypeName, // 窨井类型
+        bfztName: row.bfztName,
+        deptid: row.deptid, // 权属单位
+        deptName: row.deptName, // 权属单位
+        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()
+        this.fetchArea2()
+        this.loading = false
+      } else {
+        this.loading = false
+      }
+      // 处理图片
+      const urls = row.photos.split(';')
+      const base_url = process.env.BASE_API + '/static/'
+      for (const url of urls) {
+        if (url) {
+          this.imageList.push({ name: url, url: base_url + url })
+        }
+      }
+      // 获取窨井下监控数据
+      this.listLoading = true
+      watchDataByWell(row.id).then(response => {
+        this.listLoading = false
+        this.dataList = response.data
+      })
     },
-    activated() {
+    // 获取区域1
+    fetchArea1() {
+      getAreaByDept(this.wellForm.deptid).then(response => {
+        if (response.code === 200) {
+          const pid = response.data.area
+          getAreaList(pid).then(response => {
+            this.quList = response.data
+          })
+        }
+      })
+    },
+    // 获取区域2
+    fetchArea2() {
+      getAreaList(this.wellForm.qu).then(response => {
+        this.jiedaoList = response.data
+        this.loading = false
+      })
+    },
+    showData(row) {
+      const devcode = row.devcode
+      const deviceType = row.type
+      const params = { devcode: devcode, deviceType: deviceType }
+      const routeData = this.$router.resolve({
+        name: 'DataManage',
+        query: params,
+        params: params
+      })
+      window.open(routeData.href, '_blank')
+      // this.$router.push({ name: 'DataManage', query: params })
+    },
+    // 取消
+    cancel() {
       this.imageList = []
+      this.dialogFormVisible = false
     },
-    methods: {
-      // 初始化对话框
-      initDialog: function(dialogFormVisible, row = null) {
-        this.loading = true
-        this.dialogFormVisible = dialogFormVisible
-        this.wellForm = {
-          id: row.id, // 窨井id
-          wellCode: row.wellCode, // 窨井编号
-          wellName: row.wellName, // 窨井名称
-          wellType: row.wellType, // 窨井类型
-          wellTypeName: row.wellTypeName, // 窨井类型
-          bfztName: row.bfztName,
-          deptid: row.deptid, // 权属单位
-          deptName: row.deptName, // 权属单位
-          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()
-          this.fetchArea2()
-          this.loading = false
-        } else {
-          this.loading = false
-        }
-        // 处理图片
-        const urls = row.photos.split(';')
-        const base_url = process.env.BASE_API + '/static/'
-        for (const url of urls) {
-          if (url) {
-            this.imageList.push({ name: url, url: base_url + url })
-          }
-        }
-        // 获取窨井下监控数据
-        this.listLoading = true
-        watchDataByWell(row.id).then(response => {
-          this.listLoading = false
-          this.dataList = response.data
-        })
-      },
-      // 获取区域1
-      fetchArea1() {
-        getAreaByDept(this.wellForm.deptid).then(response => {
-          if (response.code === 200) {
-            const pid = response.data.area
-            getAreaList(pid).then(response => {
-              this.quList = response.data
-            })
-          }
-        })
-      },
-      // 获取区域2
-      fetchArea2() {
-        getAreaList(this.wellForm.qu).then(response => {
-          this.jiedaoList = response.data
-          this.loading = false
-        })
-      },
-      showData(row) {
-        const devcode = row.devcode
-        const deviceType = row.type
-        const params = { devcode: devcode, deviceType: deviceType }
-        const routeData = this.$router.resolve({
-          name: 'DataManage',
-          query: params,
-          params: params
-        })
-        window.open(routeData.href, '_blank')
-        // this.$router.push({ name: 'DataManage', query: params })
-      },
-      // 取消
-      cancel() {
-        this.imageList = []
-        this.dialogFormVisible = false
-      },
-      // 图片预览
-      handlePictureCardPreview(file) {
-        this.dialogImageUrl = file.url
-        this.dialogVisible = true
-      }
+    // 图片预览
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
diff --git a/src/views/wellManage/listWell.vue b/src/views/wellManage/listWell.vue
index 7bfa497..cf887b7 100644
--- a/src/views/wellManage/listWell.vue
+++ b/src/views/wellManage/listWell.vue
@@ -92,286 +92,145 @@
 </template>
 
 <script>
-  import addWell from '@/views/wellManage/addWell'
-  import editWell from '@/views/wellManage/editWell'
-  import detailWell from '@/views/wellManage/detailWell'
-  import SelectTree from '@/components/SelectTree/singleSelect'
-  import { getWellList, getWellType, delWell, batchImportWell, batchExportWell, batchBfcf, bfcf } from '@/api/well'
-  import DeptSelect from '@/components/DeptSelect'
-  import DownloadTemplate from '@/components/DownloadTemplate/index'
+import addWell from '@/views/wellManage/addWell'
+import editWell from '@/views/wellManage/editWell'
+import detailWell from '@/views/wellManage/detailWell'
+import SelectTree from '@/components/SelectTree/singleSelect'
+import { getWellList, getWellType, delWell, batchImportWell, batchExportWell, batchBfcf, bfcf } from '@/api/well'
+import DeptSelect from '@/components/DeptSelect'
+import DownloadTemplate from '@/components/DownloadTemplate/index'
 
-  export default {
-    name: 'ListWell',
-    components: { DownloadTemplate, SelectTree, addWell, editWell, detailWell, DeptSelect },
-    data() {
-      return {
-        listQuery: {
-          keywords: '',
-          wellType: '',
-          deptid: '',
-          offset: 1,
-          limit: 20,
-          sort: 'wellCode',
-          order: 'asc'
-        }, // 筛选条件
-        columns: [
-          {
-            text: '窨井编号',
-            value: 'wellCode',
-            width: 130,
-            align: 'center'
-          },
-          {
-            text: '窨井名称',
-            value: 'wellName',
-            align: 'center'
-          },
-          {
-            text: '井深(m)',
-            value: 'deep',
-            width: 80,
-            align: 'center'
-          },
-          {
-            text: '位置',
-            value: 'position',
-            align: 'center'
-          },
-          {
-            text: '井类型',
-            value: 'wellTypeName',
-            width: 70,
-            align: 'center'
-          },
-          {
-            text: '权属单位',
-            value: 'deptName',
-            align: 'center'
-          },
-          {
-            text: '井下设备数',
-            value: 'deviceCount',
-            width: 100,
-            align: 'center',
-            type: 'Button'
-          },
-          {
-            text: '布防状态',
-            value: 'bfztName',
-            width: 80,
-            align: 'center'
-          }
-        ], // 显示列
-        multipleSelection: [], // 多选选中项
-        list: [], // 列表数据
-        total: 0, // 数据总数
-        showWellType: true, // 是否显示窨井类型下拉
-        wellTypeList: null, // 窨井类型列表
-        deptProps: {
-          parent: 'pid',
-          value: 'id',
-          label: 'name',
-          children: 'children'
-        }, // 权属单位树形下拉菜单
-        deptTreeList: null, // 组织树列表数据
-        deptShowTop: false, // 权属单位下拉是否显示顶级
-        listLoading: true, // 加载动画
-        fullscreenLoading: false, // 全屏加载动画
-        editShow: false, // 是否显示编辑框
-        detailShow: false, // 是否显示详情框
-        filename: 'sluicewell_template.xlsx',
-        fileList: [],
-        btnNames: {
-          '布防': '撤防',
-          '撤防': '布防'
+export default {
+  name: 'ListWell',
+  components: { DownloadTemplate, SelectTree, addWell, editWell, detailWell, DeptSelect },
+  data() {
+    return {
+      listQuery: {
+        keywords: '',
+        wellType: '',
+        deptid: '',
+        offset: 1,
+        limit: 20,
+        sort: 'wellCode',
+        order: 'asc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '窨井编号',
+          value: 'wellCode',
+          width: 130,
+          align: 'center'
         },
-        btnStatus: {
-          '撤防': 'success',
-          '布防': 'danger'
+        {
+          text: '窨井名称',
+          value: 'wellName',
+          align: 'center'
+        },
+        {
+          text: '井深(m)',
+          value: 'deep',
+          width: 80,
+          align: 'center'
+        },
+        {
+          text: '位置',
+          value: 'position',
+          align: 'center'
+        },
+        {
+          text: '井类型',
+          value: 'wellTypeName',
+          width: 70,
+          align: 'center'
+        },
+        {
+          text: '权属单位',
+          value: 'deptName',
+          align: 'center'
+        },
+        {
+          text: '井下设备数',
+          value: 'deviceCount',
+          width: 100,
+          align: 'center',
+          type: 'Button'
+        },
+        {
+          text: '布防状态',
+          value: 'bfztName',
+          width: 80,
+          align: 'center'
         }
+      ], // 显示列
+      multipleSelection: [], // 多选选中项
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      showWellType: true, // 是否显示窨井类型下拉
+      wellTypeList: null, // 窨井类型列表
+      deptProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      }, // 权属单位树形下拉菜单
+      deptTreeList: null, // 组织树列表数据
+      deptShowTop: false, // 权属单位下拉是否显示顶级
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      editShow: false, // 是否显示编辑框
+      detailShow: false, // 是否显示详情框
+      filename: 'sluicewell_template.xlsx',
+      fileList: [],
+      btnNames: {
+        '布防': '撤防',
+        '撤防': '布防'
+      },
+      btnStatus: {
+        '撤防': 'success',
+        '布防': 'danger'
+      }
+    }
+  },
+  created() {
+    this.fetchWellType()// 获取窨井列表
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    console.log('activated')
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.detailShow = true
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    checkSelection() {
+      if (this.multipleSelection.length === 0) {
+        return false
+      } else {
+        return true
       }
     },
-    created() {
-      this.fetchWellType()// 获取窨井列表
-      this.fetchData()// 获取数据
+    // 新增窨井
+    add() {
+      this.$router.push({ path: 'addWell', query: { type: 'add' }})
     },
-    activated() {
-      console.log('activated')
-      this.fetchData()// 获取数据
+    // 编辑窨井信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editwell.initDialog(this.dialogFormVisible, row)
     },
-    methods: {
-      // 打开详情对话框
-      detail(row) {
-        this.detailShow = true
-        this.$refs.detailwell.initDialog(true, row)
-      },
-      checkSelection() {
-        if (this.multipleSelection.length === 0) {
-          return false
-        } else {
-          return true
-        }
-      },
-      // 新增窨井
-      add() {
-        this.$router.push({ path: 'addWell', query: { type: 'add' }})
-      },
-      // 编辑窨井信息
-      edit(row) {
-        this.dialogFormVisible = true
-        this.editShow = true
-        this.$refs.editwell.initDialog(this.dialogFormVisible, row)
-      },
-      // 删除窨井
-      del() {
-        if (this.checkSelection()) {
-          const wellIds = []
-          this.multipleSelection.forEach(function(value, index) {
-            wellIds.push(value.id)
-          })
-          this.$confirm(
-            '确定要删除所选窨井吗？',
-            '确认操作',
-            {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning'
-            }
-          ).then(() => {
-            delWell(wellIds).then(response => {
-              if (response.code === 200) {
-                this.$message.success('删除成功')
-                this.fetchData()
-              }
-            })
-          })
-        } else {
-          this.$message.error('至少选中一项')
-        }
-      },
-      // 批量导入窨井
-      uploadFile(param) {
-        console.log('uploadFile')
-        // 判断文件大小是否符合要求
-        const _file = param.file
-        const isLt5M = _file.size / 1024 / 1024 < 5
-        if (!isLt5M) {
-          this.$message.error('请上传5M以下的excel文件')
-          return false
-        }
-        // 全屏加载动画
-        const loading = this.$loading({
-          lock: true,
-          text: '导入中,请稍后...',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
+    // 删除窨井
+    del() {
+      if (this.checkSelection()) {
+        const wellIds = []
+        this.multipleSelection.forEach(function(value, index) {
+          wellIds.push(value.id)
         })
-        // 发起导入请求
-        batchImportWell(_file).then(res => {
-          loading.close() // 关闭加载动画
-          if (res.code === 200) {
-            this.$message.success('导入成功')
-            this.fileList = []
-            this.fetchData()
-          } else {
-            this.$message.error(res.message)
-          }
-        }).catch(() => {
-          loading.close()
-        })
-        this.fileList = []
-      },
-      // 批量导出
-      batchExport() {
-        // 全屏加载动画
-        const loading = this.$loading({
-          lock: true,
-          text: '下载中,请稍后...',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
-        })
-        const _this = this
-        const config = {
-          // 获取下载进度
-          onDownloadProgress(progressEvent) {
-            console.log(progressEvent)
-            var percent = parseInt(100 * (progressEvent.loaded / progressEvent.total))
-            console.log('percent:' + percent, 'total:' + progressEvent.total)
-            // 渲染dom
-            _this.$nextTick(() => {
-              _this.percent = percent
-            })
-          }
-        }
-        batchExportWell(this.listQuery, config).then(res => {
-          loading.close() // 关闭加载动画
-          console.log('download===', res)
-          const blob = new Blob([res.data])
-          const downloadElement = document.createElement('a')
-          const href = window.URL.createObjectURL(blob) // 创建下载的链接
-          downloadElement.href = href
-          downloadElement.download = `窨井列表.xlsx` // 下载后文件名
-          document.body.appendChild(downloadElement)
-          downloadElement.click() // 点击下载
-          document.body.removeChild(downloadElement) // 下载完成移除元素
-          window.URL.revokeObjectURL(href) // 释放blob对象
-        }).catch((res) => {
-          loading.close()
-        })
-      },
-      // 布防撤防
-      bfcf(row) {
-        if (row.bfzt === '1') {
-          // 需要撤防
-          this.$confirm(
-            '确定要对窨井进行撤防吗？',
-            '确认操作',
-            {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning'
-            }
-          ).then(() => {
-            bfcf(row.id, '0').then(response => {
-              if (response.code === 200) {
-                this.$message.success('撤防成功')
-                this.fetchData()
-              }
-            })
-          })
-        } else {
-          // 需要布防
-          this.$confirm(
-            '确定要对窨井进行布防吗？',
-            '确认操作',
-            {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning'
-            }
-          ).then(() => {
-            bfcf(row.id, '1').then(response => {
-              if (response.code === 200) {
-                this.$message.success('布防成功')
-                this.fetchData()
-              }
-            })
-          })
-        }
-      },
-      // 批量布防
-      batchBf() {
-        const listQuery = {
-          keywords: this.listQuery.keywords,
-          owner: this.listQuery.owner,
-          position: this.listQuery.position,
-          wellType: this.listQuery.wellType,
-          deptid: this.listQuery.deptid,
-          notes: this.listQuery.notes,
-          bfzt: '1'
-        }
         this.$confirm(
-          '确定要对列表中的全部窨井进行布防吗？',
+          '确定要删除所选窨井吗？',
           '确认操作',
           {
             confirmButtonText: '确定',
@@ -379,27 +238,93 @@
             type: 'warning'
           }
         ).then(() => {
-          batchBfcf(listQuery).then(response => {
+          delWell(wellIds).then(response => {
             if (response.code === 200) {
-              this.$message.success('布防成功')
+              this.$message.success('删除成功')
               this.fetchData()
             }
           })
         })
-      },
-      // 批量撤防
-      batchCf() {
-        const listQuery = {
-          keywords: this.listQuery.keywords,
-          owner: this.listQuery.owner,
-          position: this.listQuery.position,
-          wellType: this.listQuery.wellType,
-          deptid: this.listQuery.deptid,
-          notes: this.listQuery.notes,
-          bfzt: '0'
+      } else {
+        this.$message.error('至少选中一项')
+      }
+    },
+    // 批量导入窨井
+    uploadFile(param) {
+      console.log('uploadFile')
+      // 判断文件大小是否符合要求
+      const _file = param.file
+      const isLt5M = _file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('请上传5M以下的excel文件')
+        return false
+      }
+      // 全屏加载动画
+      const loading = this.$loading({
+        lock: true,
+        text: '导入中,请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      // 发起导入请求
+      batchImportWell(_file).then(res => {
+        loading.close() // 关闭加载动画
+        if (res.code === 200) {
+          this.$message.success('导入成功')
+          this.fileList = []
+          this.fetchData()
+        } else {
+          this.$message.error(res.message)
         }
+      }).catch(() => {
+        loading.close()
+      })
+      this.fileList = []
+    },
+    // 批量导出
+    batchExport() {
+      // 全屏加载动画
+      const loading = this.$loading({
+        lock: true,
+        text: '下载中,请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      const _this = this
+      const config = {
+        // 获取下载进度
+        onDownloadProgress(progressEvent) {
+          console.log(progressEvent)
+          var percent = parseInt(100 * (progressEvent.loaded / progressEvent.total))
+          console.log('percent:' + percent, 'total:' + progressEvent.total)
+          // 渲染dom
+          _this.$nextTick(() => {
+            _this.percent = percent
+          })
+        }
+      }
+      batchExportWell(this.listQuery, config).then(res => {
+        loading.close() // 关闭加载动画
+        console.log('download===', res)
+        const blob = new Blob([res.data])
+        const downloadElement = document.createElement('a')
+        const href = window.URL.createObjectURL(blob) // 创建下载的链接
+        downloadElement.href = href
+        downloadElement.download = `窨井列表.xlsx` // 下载后文件名
+        document.body.appendChild(downloadElement)
+        downloadElement.click() // 点击下载
+        document.body.removeChild(downloadElement) // 下载完成移除元素
+        window.URL.revokeObjectURL(href) // 释放blob对象
+      }).catch((res) => {
+        loading.close()
+      })
+    },
+    // 布防撤防
+    bfcf(row) {
+      if (row.bfzt === '1') {
+        // 需要撤防
         this.$confirm(
-          '确定要对列表中的全部窨井进行撤防吗？',
+          '确定要对窨井进行撤防吗？',
           '确认操作',
           {
             confirmButtonText: '确定',
@@ -407,74 +332,149 @@
             type: 'warning'
           }
         ).then(() => {
-          batchBfcf(listQuery).then(response => {
+          bfcf(row.id, '0').then(response => {
             if (response.code === 200) {
               this.$message.success('撤防成功')
               this.fetchData()
             }
           })
         })
-      },
-      // 查询数据
-      search() {
-        this.fetchData(false)
-      },
-      // 获取窨井数据
-      fetchData(isNowPage = true) {
-        this.listLoading = true
-        if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-          this.listQuery.offset = 1
-        }
-        getWellList(this.listQuery).then(response => {
-          this.list = response.data.rows
-          this.total = parseInt(response.data.total)
-          this.listLoading = false
-        })
-      },
-      // 获取窨井类型
-      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)
+      } else {
+        // 需要布防
+        this.$confirm(
+          '确定要对窨井进行布防吗？',
+          '确认操作',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          bfcf(row.id, '1').then(response => {
+            if (response.code === 200) {
+              this.$message.success('布防成功')
+              this.fetchData()
             }
-          }
-          if (this.wellTypeList.length <= 1) {
-            this.showWellType = false
+          })
+        })
+      }
+    },
+    // 批量布防
+    batchBf() {
+      const listQuery = {
+        keywords: this.listQuery.keywords,
+        owner: this.listQuery.owner,
+        position: this.listQuery.position,
+        wellType: this.listQuery.wellType,
+        deptid: this.listQuery.deptid,
+        notes: this.listQuery.notes,
+        bfzt: '1'
+      }
+      this.$confirm(
+        '确定要对列表中的全部窨井进行布防吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        batchBfcf(listQuery).then(response => {
+          if (response.code === 200) {
+            this.$message.success('布防成功')
+            this.fetchData()
           }
         })
-      },
-      // 去设备列表页
-      goDeviceList(row) {
-        this.$router.push({ name: 'DeviceList', query: { wellCode: row.wellCode }})
-      },
-      goAlarmRecords(row) {
-        this.$router.push({ name: 'AlarmRecords', query: { wellCode: row.wellCode }})
-      },
-      handleSuccess() {
-        console.log('handleSuccess')
-      },
-      indexMethod(index) {
-        return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
-      },
-      // 改变页容量
-      handleSizeChange(val) {
-        this.listQuery.limit = val
-        this.fetchData()
-      },
-      // 改变当前页
-      handleCurrentChange(val) {
-        this.listQuery.offset = val
-        this.fetchData()
-      },
-      // 多选触发方法
-      handleSelectionChange(val) {
-        this.multipleSelection = val
+      })
+    },
+    // 批量撤防
+    batchCf() {
+      const listQuery = {
+        keywords: this.listQuery.keywords,
+        owner: this.listQuery.owner,
+        position: this.listQuery.position,
+        wellType: this.listQuery.wellType,
+        deptid: this.listQuery.deptid,
+        notes: this.listQuery.notes,
+        bfzt: '0'
       }
+      this.$confirm(
+        '确定要对列表中的全部窨井进行撤防吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        batchBfcf(listQuery).then(response => {
+          if (response.code === 200) {
+            this.$message.success('撤防成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取窨井数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getWellList(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    // 获取窨井类型
+    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
+        }
+      })
+    },
+    // 去设备列表页
+    goDeviceList(row) {
+      this.$router.push({ name: 'DeviceList', query: { wellCode: row.wellCode }})
+    },
+    goAlarmRecords(row) {
+      this.$router.push({ name: 'AlarmRecords', query: { wellCode: row.wellCode }})
+    },
+    handleSuccess() {
+      console.log('handleSuccess')
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 改变页容量
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.fetchData()
+    },
+    // 改变当前页
+    handleCurrentChange(val) {
+      this.listQuery.offset = val
+      this.fetchData()
+    },
+    // 多选触发方法
+    handleSelectionChange(val) {
+      this.multipleSelection = val
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>