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/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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">

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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
diff --git a/src/views/alarmRule/editRule.vue b/src/views/alarmRule/editRule.vue
index e052117..7fd3e22 100644
--- a/src/views/alarmRule/editRule.vue
+++ b/src/views/alarmRule/editRule.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="120px">
       <el-row v-if="dialogStatus=='update'" :gutter="20">
         <el-col :span="12">
           <el-form-item label="窨井编号" prop="concencode">
@@ -174,10 +174,14 @@
       }
     },
     fetchDevice() {
+      debugger
       this.loading = true
+      debugger
       this.devices = []
+      debugger
       // 获取液位可选列表
       getDeviceSimpleList('2', '0').then(response => {
+        debugger
         this.loading = false
         this.devices = [...this.device, ...response.data]
         // 获取开挖可选列表

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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
diff --git a/src/views/alarmRule/editRule.vue b/src/views/alarmRule/editRule.vue
index e052117..7fd3e22 100644
--- a/src/views/alarmRule/editRule.vue
+++ b/src/views/alarmRule/editRule.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="120px">
       <el-row v-if="dialogStatus=='update'" :gutter="20">
         <el-col :span="12">
           <el-form-item label="窨井编号" prop="concencode">
@@ -174,10 +174,14 @@
       }
     },
     fetchDevice() {
+      debugger
       this.loading = true
+      debugger
       this.devices = []
+      debugger
       // 获取液位可选列表
       getDeviceSimpleList('2', '0').then(response => {
+        debugger
         this.loading = false
         this.devices = [...this.device, ...response.data]
         // 获取开挖可选列表
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index eafa3c8..cdb29d6 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -37,7 +37,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/device/batchExport')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/device/batchExport')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
           <download-template v-if="hasPerm('/device/batchImport')" :filename="filename"/>
           <el-upload
             v-if="hasPerm('/device/batchImport')"
@@ -57,7 +57,7 @@
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
         <el-table-column v-if="hasPerm('/device/delete')" align="center" type="selection" width="55"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
+        <el-table-column :index="indexMethod" align="center" type="index"/>
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
           <template slot-scope="scope">
             <span v-if="column.type!='Button'" :class="column.class">{{ scope.row[column.value] }}</span>

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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
diff --git a/src/views/alarmRule/editRule.vue b/src/views/alarmRule/editRule.vue
index e052117..7fd3e22 100644
--- a/src/views/alarmRule/editRule.vue
+++ b/src/views/alarmRule/editRule.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="120px">
       <el-row v-if="dialogStatus=='update'" :gutter="20">
         <el-col :span="12">
           <el-form-item label="窨井编号" prop="concencode">
@@ -174,10 +174,14 @@
       }
     },
     fetchDevice() {
+      debugger
       this.loading = true
+      debugger
       this.devices = []
+      debugger
       // 获取液位可选列表
       getDeviceSimpleList('2', '0').then(response => {
+        debugger
         this.loading = false
         this.devices = [...this.device, ...response.data]
         // 获取开挖可选列表
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index eafa3c8..cdb29d6 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -37,7 +37,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/device/batchExport')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/device/batchExport')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
           <download-template v-if="hasPerm('/device/batchImport')" :filename="filename"/>
           <el-upload
             v-if="hasPerm('/device/batchImport')"
@@ -57,7 +57,7 @@
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
         <el-table-column v-if="hasPerm('/device/delete')" align="center" type="selection" width="55"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
+        <el-table-column :index="indexMethod" align="center" type="index"/>
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
           <template slot-scope="scope">
             <span v-if="column.type!='Button'" :class="column.class">{{ scope.row[column.value] }}</span>
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index 34092a5..bc713a1 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -31,8 +31,18 @@
   name: 'DeviceCountByDept',
   data() {
     this.extend = {
+      xAxis: {
+        axisLabel: {
+          rotate: 30,
+          margin: 30,
+          textStyle: {
+            align: 'center'
+          }
+        }
+      },
       series: {
-        label: { show: true, position: 'top' }
+        label: { show: true, position: 'top' },
+        barMaxWidth: 35 // 最大柱宽度
       }
     }
     this.grid = {
@@ -48,7 +58,7 @@
       barWidth: 15,
       labelMap: {
         'deptName': '权属单位',
-        'deviceCount': '设备数量'
+        'deviceCount': '设备数量（个）'
       },
       dimension: ['deptName'],
       metrics: ['deviceCount']

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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
diff --git a/src/views/alarmRule/editRule.vue b/src/views/alarmRule/editRule.vue
index e052117..7fd3e22 100644
--- a/src/views/alarmRule/editRule.vue
+++ b/src/views/alarmRule/editRule.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="120px">
       <el-row v-if="dialogStatus=='update'" :gutter="20">
         <el-col :span="12">
           <el-form-item label="窨井编号" prop="concencode">
@@ -174,10 +174,14 @@
       }
     },
     fetchDevice() {
+      debugger
       this.loading = true
+      debugger
       this.devices = []
+      debugger
       // 获取液位可选列表
       getDeviceSimpleList('2', '0').then(response => {
+        debugger
         this.loading = false
         this.devices = [...this.device, ...response.data]
         // 获取开挖可选列表
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index eafa3c8..cdb29d6 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -37,7 +37,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/device/batchExport')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/device/batchExport')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
           <download-template v-if="hasPerm('/device/batchImport')" :filename="filename"/>
           <el-upload
             v-if="hasPerm('/device/batchImport')"
@@ -57,7 +57,7 @@
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
         <el-table-column v-if="hasPerm('/device/delete')" align="center" type="selection" width="55"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
+        <el-table-column :index="indexMethod" align="center" type="index"/>
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
           <template slot-scope="scope">
             <span v-if="column.type!='Button'" :class="column.class">{{ scope.row[column.value] }}</span>
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index 34092a5..bc713a1 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -31,8 +31,18 @@
   name: 'DeviceCountByDept',
   data() {
     this.extend = {
+      xAxis: {
+        axisLabel: {
+          rotate: 30,
+          margin: 30,
+          textStyle: {
+            align: 'center'
+          }
+        }
+      },
       series: {
-        label: { show: true, position: 'top' }
+        label: { show: true, position: 'top' },
+        barMaxWidth: 35 // 最大柱宽度
       }
     }
     this.grid = {
@@ -48,7 +58,7 @@
       barWidth: 15,
       labelMap: {
         'deptName': '权属单位',
-        'deviceCount': '设备数量'
+        'deviceCount': '设备数量（个）'
       },
       dimension: ['deptName'],
       metrics: ['deviceCount']
diff --git a/src/views/wellManage/addWell.vue b/src/views/wellManage/addWell.vue
index 13a1f67..0724edc 100644
--- a/src/views/wellManage/addWell.vue
+++ b/src/views/wellManage/addWell.vue
@@ -16,7 +16,7 @@
       <el-row :gutter="20">
         <el-col :span="9">
           <el-form-item label="窨井类型" prop="wellType">
-            <el-select v-model="wellForm.wellType" placeholder="点击选择窨井类型" clearable>
+            <el-select v-model="wellForm.wellType" placeholder="选择窨井类型" clearable>
               <el-option
                 v-for="item in wellTypeList"
                 :key="item.value"

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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
diff --git a/src/views/alarmRule/editRule.vue b/src/views/alarmRule/editRule.vue
index e052117..7fd3e22 100644
--- a/src/views/alarmRule/editRule.vue
+++ b/src/views/alarmRule/editRule.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="120px">
       <el-row v-if="dialogStatus=='update'" :gutter="20">
         <el-col :span="12">
           <el-form-item label="窨井编号" prop="concencode">
@@ -174,10 +174,14 @@
       }
     },
     fetchDevice() {
+      debugger
       this.loading = true
+      debugger
       this.devices = []
+      debugger
       // 获取液位可选列表
       getDeviceSimpleList('2', '0').then(response => {
+        debugger
         this.loading = false
         this.devices = [...this.device, ...response.data]
         // 获取开挖可选列表
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index eafa3c8..cdb29d6 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -37,7 +37,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/device/batchExport')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/device/batchExport')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
           <download-template v-if="hasPerm('/device/batchImport')" :filename="filename"/>
           <el-upload
             v-if="hasPerm('/device/batchImport')"
@@ -57,7 +57,7 @@
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
         <el-table-column v-if="hasPerm('/device/delete')" align="center" type="selection" width="55"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
+        <el-table-column :index="indexMethod" align="center" type="index"/>
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
           <template slot-scope="scope">
             <span v-if="column.type!='Button'" :class="column.class">{{ scope.row[column.value] }}</span>
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index 34092a5..bc713a1 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -31,8 +31,18 @@
   name: 'DeviceCountByDept',
   data() {
     this.extend = {
+      xAxis: {
+        axisLabel: {
+          rotate: 30,
+          margin: 30,
+          textStyle: {
+            align: 'center'
+          }
+        }
+      },
       series: {
-        label: { show: true, position: 'top' }
+        label: { show: true, position: 'top' },
+        barMaxWidth: 35 // 最大柱宽度
       }
     }
     this.grid = {
@@ -48,7 +58,7 @@
       barWidth: 15,
       labelMap: {
         'deptName': '权属单位',
-        'deviceCount': '设备数量'
+        'deviceCount': '设备数量（个）'
       },
       dimension: ['deptName'],
       metrics: ['deviceCount']
diff --git a/src/views/wellManage/addWell.vue b/src/views/wellManage/addWell.vue
index 13a1f67..0724edc 100644
--- a/src/views/wellManage/addWell.vue
+++ b/src/views/wellManage/addWell.vue
@@ -16,7 +16,7 @@
       <el-row :gutter="20">
         <el-col :span="9">
           <el-form-item label="窨井类型" prop="wellType">
-            <el-select v-model="wellForm.wellType" placeholder="点击选择窨井类型" clearable>
+            <el-select v-model="wellForm.wellType" placeholder="选择窨井类型" clearable>
               <el-option
                 v-for="item in wellTypeList"
                 :key="item.value"
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/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/alarmManage/listAlarmRecords.vue b/src/views/alarmManage/listAlarmRecords.vue
index 384f342..994e48f 100644
--- a/src/views/alarmManage/listAlarmRecords.vue
+++ b/src/views/alarmManage/listAlarmRecords.vue
@@ -43,7 +43,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/alarm/export')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/alarm/export')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
         </el-col>
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
diff --git a/src/views/alarmRule/editRule.vue b/src/views/alarmRule/editRule.vue
index e052117..7fd3e22 100644
--- a/src/views/alarmRule/editRule.vue
+++ b/src/views/alarmRule/editRule.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="100px">
+    <el-form ref="dataForm" :rules="rules" :model="alarmRuleForm" label-position="right" label-width="120px">
       <el-row v-if="dialogStatus=='update'" :gutter="20">
         <el-col :span="12">
           <el-form-item label="窨井编号" prop="concencode">
@@ -174,10 +174,14 @@
       }
     },
     fetchDevice() {
+      debugger
       this.loading = true
+      debugger
       this.devices = []
+      debugger
       // 获取液位可选列表
       getDeviceSimpleList('2', '0').then(response => {
+        debugger
         this.loading = false
         this.devices = [...this.device, ...response.data]
         // 获取开挖可选列表
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index eafa3c8..cdb29d6 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -37,7 +37,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
-          <el-button v-if="hasPerm('/device/batchExport')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/device/batchExport')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
           <download-template v-if="hasPerm('/device/batchImport')" :filename="filename"/>
           <el-upload
             v-if="hasPerm('/device/batchImport')"
@@ -57,7 +57,7 @@
       </el-row>
       <el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">
         <el-table-column v-if="hasPerm('/device/delete')" align="center" type="selection" width="55"/>
-        <el-table-column :index="indexMethod" align="center" type="index" />
+        <el-table-column :index="indexMethod" align="center" type="index"/>
         <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
           <template slot-scope="scope">
             <span v-if="column.type!='Button'" :class="column.class">{{ scope.row[column.value] }}</span>
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index 34092a5..bc713a1 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -31,8 +31,18 @@
   name: 'DeviceCountByDept',
   data() {
     this.extend = {
+      xAxis: {
+        axisLabel: {
+          rotate: 30,
+          margin: 30,
+          textStyle: {
+            align: 'center'
+          }
+        }
+      },
       series: {
-        label: { show: true, position: 'top' }
+        label: { show: true, position: 'top' },
+        barMaxWidth: 35 // 最大柱宽度
       }
     }
     this.grid = {
@@ -48,7 +58,7 @@
       barWidth: 15,
       labelMap: {
         'deptName': '权属单位',
-        'deviceCount': '设备数量'
+        'deviceCount': '设备数量（个）'
       },
       dimension: ['deptName'],
       metrics: ['deviceCount']
diff --git a/src/views/wellManage/addWell.vue b/src/views/wellManage/addWell.vue
index 13a1f67..0724edc 100644
--- a/src/views/wellManage/addWell.vue
+++ b/src/views/wellManage/addWell.vue
@@ -16,7 +16,7 @@
       <el-row :gutter="20">
         <el-col :span="9">
           <el-form-item label="窨井类型" prop="wellType">
-            <el-select v-model="wellForm.wellType" placeholder="点击选择窨井类型" clearable>
+            <el-select v-model="wellForm.wellType" placeholder="选择窨井类型" clearable>
               <el-option
                 v-for="item in wellTypeList"
                 :key="item.value"
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..ac1e41d 100644
--- a/src/views/wellManage/listWell.vue
+++ b/src/views/wellManage/listWell.vue
@@ -28,7 +28,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
         <el-col :span="18" class="edit_btns">
-          <el-button v-if="hasPerm('/well/batchExport')" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
+          <el-button v-if="hasPerm('/well/batchExport')" :disabled="total===0" class="edit_btn" size="small" @click="batchExport">导出记录</el-button>
           <!--<el-button v-if="hasPerm('/template/download')" class="edit_btn" size="small" @click="downloadTemplate">批量导入模板下载</el-button>-->
           <download-template v-if="hasPerm('/well/batchImport')" :filename="filename"/>
           <el-upload
@@ -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>