diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {
diff --git a/src/utils/structure.js b/src/utils/structure.js
index 4c65ee7..13bfb99 100644
--- a/src/utils/structure.js
+++ b/src/utils/structure.js
@@ -27,7 +27,7 @@
  * @param isSelect 是否是下拉需要顶级的树
  * @returns {*}
  */
-export function toTreeList(plainList, id = '0', isSelect = false) {
+export function toTreeList(plainList, rootId = '0', isSelect = false) {
   const pid = findPid(plainList)
   if (pid.length > 1) {
     return plainList

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {
diff --git a/src/utils/structure.js b/src/utils/structure.js
index 4c65ee7..13bfb99 100644
--- a/src/utils/structure.js
+++ b/src/utils/structure.js
@@ -27,7 +27,7 @@
  * @param isSelect 是否是下拉需要顶级的树
  * @returns {*}
  */
-export function toTreeList(plainList, id = '0', isSelect = false) {
+export function toTreeList(plainList, rootId = '0', isSelect = false) {
   const pid = findPid(plainList)
   if (pid.length > 1) {
     return plainList
diff --git a/src/utils/validate.js b/src/utils/validate.js
index dbecf7a..223c280 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -88,3 +88,11 @@
     return false
   }
 }
+
+/**
+ * 常用正则表达式
+ */
+export const regularReg = {
+  password: '', // 密码
+  mobile: /^1[34578]\d{9}$/ // 手机号码
+}

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {
diff --git a/src/utils/structure.js b/src/utils/structure.js
index 4c65ee7..13bfb99 100644
--- a/src/utils/structure.js
+++ b/src/utils/structure.js
@@ -27,7 +27,7 @@
  * @param isSelect 是否是下拉需要顶级的树
  * @returns {*}
  */
-export function toTreeList(plainList, id = '0', isSelect = false) {
+export function toTreeList(plainList, rootId = '0', isSelect = false) {
   const pid = findPid(plainList)
   if (pid.length > 1) {
     return plainList
diff --git a/src/utils/validate.js b/src/utils/validate.js
index dbecf7a..223c280 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -88,3 +88,11 @@
     return false
   }
 }
+
+/**
+ * 常用正则表达式
+ */
+export const regularReg = {
+  password: '', // 密码
+  mobile: /^1[34578]\d{9}$/ // 手机号码
+}
diff --git a/src/views/overview/components/alarmInfoWindow.vue b/src/views/overview/components/alarmInfoWindow.vue
new file mode 100644
index 0000000..1eb1f61
--- /dev/null
+++ b/src/views/overview/components/alarmInfoWindow.vue
@@ -0,0 +1,39 @@
+<!--
+ * @Description: 报警弹窗
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 17:17:01
+ -->
+<template>
+  <div class="alarm-window">
+    <div class="alarm-header">
+      <svg-icon icon-class="alarm-red" />
+      {{ alarmInfo.wellCode }}
+    </div>
+    <div class="alarm-body">
+      <div v-for="alarm in alarmInfo.alarms" :key="alarm.id">
+        <div>告警原因：<span class="alarm-red">{{ alarm.alarmContent }}</span></div>
+        <div>设备编号：<span>{{ alarm.devcode }}</span></div>
+      </div>
+      <el-divider />
+      <div>井类型：{{ alarmInfo.wellTypeName }}</div>
+      <div>权属单位：{{ alarmInfo.deptName }}</div>
+      <div>详细地址：{{ alarmInfo.position }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AlarmInfoWindow',
+  props: {
+    alarmInfo: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {
diff --git a/src/utils/structure.js b/src/utils/structure.js
index 4c65ee7..13bfb99 100644
--- a/src/utils/structure.js
+++ b/src/utils/structure.js
@@ -27,7 +27,7 @@
  * @param isSelect 是否是下拉需要顶级的树
  * @returns {*}
  */
-export function toTreeList(plainList, id = '0', isSelect = false) {
+export function toTreeList(plainList, rootId = '0', isSelect = false) {
   const pid = findPid(plainList)
   if (pid.length > 1) {
     return plainList
diff --git a/src/utils/validate.js b/src/utils/validate.js
index dbecf7a..223c280 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -88,3 +88,11 @@
     return false
   }
 }
+
+/**
+ * 常用正则表达式
+ */
+export const regularReg = {
+  password: '', // 密码
+  mobile: /^1[34578]\d{9}$/ // 手机号码
+}
diff --git a/src/views/overview/components/alarmInfoWindow.vue b/src/views/overview/components/alarmInfoWindow.vue
new file mode 100644
index 0000000..1eb1f61
--- /dev/null
+++ b/src/views/overview/components/alarmInfoWindow.vue
@@ -0,0 +1,39 @@
+<!--
+ * @Description: 报警弹窗
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 17:17:01
+ -->
+<template>
+  <div class="alarm-window">
+    <div class="alarm-header">
+      <svg-icon icon-class="alarm-red" />
+      {{ alarmInfo.wellCode }}
+    </div>
+    <div class="alarm-body">
+      <div v-for="alarm in alarmInfo.alarms" :key="alarm.id">
+        <div>告警原因：<span class="alarm-red">{{ alarm.alarmContent }}</span></div>
+        <div>设备编号：<span>{{ alarm.devcode }}</span></div>
+      </div>
+      <el-divider />
+      <div>井类型：{{ alarmInfo.wellTypeName }}</div>
+      <div>权属单位：{{ alarmInfo.deptName }}</div>
+      <div>详细地址：{{ alarmInfo.position }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AlarmInfoWindow',
+  props: {
+    alarmInfo: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/overview/overviewAmap.vue b/src/views/overview/overviewAmap.vue
new file mode 100644
index 0000000..d2bab9f
--- /dev/null
+++ b/src/views/overview/overviewAmap.vue
@@ -0,0 +1,751 @@
+<!--suppress ALL -->
+<template>
+  <div>
+    <div class="overview-map-container">
+      <!--地图-->
+      <a-map-container ref="map" :center="center" :zoom="zoom" :style="{height:(bodyHeight-20)+'px'}" vid="overview" class="map-demo" @ready="mapReady" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getWellType } from '@/api/well/well'
+import { getWellList, getWellInfo, getAlarmsNow, getWellAlarms } from '@/api/overview/wellOverview'
+import DeptSelect from '../../components/DeptSelect/index'
+import AMapContainer from '@/components/Amap/AMapContainer'
+import Vue from 'vue'
+export default {
+  name: 'Overview',
+  components: { AMapContainer, DeptSelect },
+  data() {
+    return {
+      map: null,
+      type: 'massMarkers', // 加载数据方式：massMarkers或cluster
+      refreshType: this.baseConfig.refreshType, // 刷新数据方式：clock或websocket
+      showAlarm: true, // 是否显示报警
+      showAll: false, // 是否显示全部井
+      listQuery: {
+        keywords: '', // 关键字
+        wellType: '', // 井类型
+        deptid: '', // 组织机构
+        isAlarm: '1' // 是否报警
+      }, // 筛选条件
+      columns: [
+        {
+          text: '井编号',
+          value: 'wellCode',
+          width: 100,
+          align: 'center'
+        },
+        {
+          text: '设备编号',
+          value: 'devcode',
+          width: 120,
+          align: 'center'
+        },
+        {
+          text: '告警原因',
+          value: 'alarmContent',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '时间',
+          value: 'alarmTime',
+          width: 180,
+          align: 'center'
+        }
+      ], // 告警列表显示列
+      tableShow: true, // 是否显示告警列表
+      tableIcon: 'el-icon-arrow-up',
+      count: 30,
+      showWellType: this.showWellType(), // 是否显示井类型下拉
+      wellTypeList: [], // 井类型列表
+      showDeptTree: 0, // 是否显示权属单位下拉,0不显示，1显示树，2显示平面
+      commonIcon: 'well-common-green', // 通用图标 绿
+      commonIconAlarm: 'well-common-red', // 通用图标 红
+      // center: [this.$store.getters.lng, this.$store.getters.lat], // 地图中心
+      center: [116.4, 39.9], // 地图中心
+      zoom: 12, // 地图缩放比例
+      markers: [], // 所有井的点原始数据
+      alarmListOri: [], // 原始报警列表
+      alarmList: [], // 报警列表
+      alarmWells: [], // 报警井列表
+      offset: [-10, -10], // 偏移量
+      alarmOffset: [-15, -30], // 偏移量
+      wellInfo: {
+        wellCode: '',
+        position: '',
+        wellTypeName: '',
+        deptName: '',
+        bfztName: '',
+        deep: ''
+      }, // 显示井详细信息气泡内容
+      alarmInfo: {
+        wellCode: '',
+        deptName: '',
+        position: '',
+        deep: '',
+        alarms: []
+      }, // 显示报警详情气泡内容
+      currentWindow: {
+        visible: false, // 窗体显示与否
+        position: [this.$store.getters.lng, this.$store.getters.lat],
+        windowType: 'info' // 窗体类型：详情info或报警alarm
+      }, // 当前窗体属性
+      infoWindowClass: 'nomal-info-window',
+      deptShowTop: false, // 是否显示顶级
+      clock: null, // 计时器
+      hasAlarm: false, // 是否有报警,
+      firstAmount: true, // 是否第一次加载井数据
+      loading: true, // 加载图标是否显示
+      massMarks: null, // 海量点
+      mapMarkers: [],
+      clusters: [],
+      latestAlarmTime: '',
+      alarmFirstAmount: true, // 是否初次加载
+      showClearBtn: false // 是否显示清除查询按钮
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'needRefresh',
+      'bodyHeight'
+    ])
+  },
+  watch: {
+    showAll(val) {
+      if (val) { // 显示全部
+        // 先清空查询条件
+        this.listQuery.deptid = ''
+        this.listQuery.keywords = ''
+        this.listQuery.wellType = ''
+        debugger
+        if (this.firstAmount) { // 初次加载直接调用mount
+          if (this.type === 'massMarkers') {
+            debugger
+            this.mountMassMarker() // 加载海量点
+          } else if (this.type === 'cluster') {
+            this.mountClusters() // 加载聚合点
+          }
+        } else {
+          this.filterIcon()
+        }
+      } else { // 仅显示报警
+        this.filterIcon()
+      }
+    },
+    needRefresh(val) {
+      // 需要刷新
+      if (val) {
+        // if(this.baseConfig.alarmSound){
+        //   this.playAudio()
+        // }
+        this.refreshAlarm()
+      }
+    },
+    showAlarm(val) {
+      if (!val && this.currentWindow.windowType === 'alarm') {
+        this.currentWindow.visible = false
+      }
+    }
+  },
+  created() {
+    this.fetchWellType()
+  },
+  methods: {
+    // 初始化放这里
+    mapReady(map) {
+      this.map = map
+      // this.getWellList()
+      this.firstAmount = true
+      this.refreshAlarm()
+      // if (this.refreshType === 'clock') { // 如果需要倒计时刷新的
+      //   setTimeout(function() {
+      //     that.countDown()
+      //   }, 1000)
+      // }
+    },
+    // 倒计时函数
+    countDown() {
+      this.clock = window.setInterval(() => {
+        this.count--
+        if (this.count < 0) { // 当倒计时小于0时清除定时器
+          this.refreshAlarm()
+          this.count = this.baseConfig.refreshTime
+        }
+      }, 1000)
+    },
+    // 获取井类型，显示井类型下拉
+    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
+        }
+      })
+    },
+    // 数据查询
+
+    search(showMessage = true) {
+      const keywords = this.listQuery.keywords
+      const deptid = this.listQuery.deptid
+      const wellType = this.listQuery.wellType
+      if (keywords === '' && deptid === '' && wellType === '') {
+        this.$message.warning('查询条件不能为空')
+      } else {
+        this.showClearBtn = true
+        this.filterIcon(showMessage)
+      }
+    },
+    // 清除查询
+    clearSearch() {
+      this.listQuery.wellType = ''
+      this.listQuery.deptid = ''
+      this.listQuery.keywords = ''
+      this.filterIcon()
+      this.showClearBtn = false
+    },
+    // 过滤Marker
+    filterIcon(showMessage = false) {
+      // 1.如果有弹窗，将弹窗隐藏
+      this.currentWindow.visible = false
+      const hideWellIds = []// 要隐藏的井编号
+      let center = [] // 待移动到的地图中心
+      // 2. 整理查询条件
+      const keywords = this.listQuery.keywords
+      const wellType = this.listQuery.wellType
+      const deptid = this.listQuery.deptid
+      let deptids = []
+      if (deptid) {
+        deptids = this.fetchDeptList(deptid) // 获取所有下级
+      }
+      // 3.查询全部井，是否匹配，只要有一项不匹配则show为false
+      for (const marker of this.markers) {
+        let show = true
+        // 关键字不为空，且没有匹配成功，不显示， 关键字匹配井编号和位置
+        if (keywords && keywords !== '' && !(marker.wellCode.indexOf(keywords) !== -1 || marker.positionInfo.indexOf(keywords) !== -1)) {
+          show = false
+        }
+        // 部门不为空， 且没有匹配成功，多部门匹配
+        if (deptid && deptid !== '' && deptids.indexOf(marker.deptid) === -1) {
+          show = false
+        }
+        // 井类型不为空，且没有匹配成功
+        if (wellType && wellType !== '' && marker.wellType !== wellType) {
+          show = false
+        }
+        // 如果show为false，放入需要隐藏的井id列表
+        if (show === false) {
+          hideWellIds.push(marker.wellId)
+        } else {
+          center = marker.position
+        }
+        marker.visible = show
+      }
+      // 4.过滤报警marker：alarmWells  如果没有找到符合要求的井，直接将全部查询结果隐藏，并将所有报警隐藏，否则按照查询结果筛选需要隐藏的报警
+      if (hideWellIds.length === this.markers.length) {
+        if (showMessage) {
+          this.$message.warning('查无结果')
+        }
+        for (const alarmWell of this.alarmWells) {
+          alarmWell.visible = false
+        }
+      } else {
+        // 将报警隐藏
+        for (const alarmWell of this.alarmWells) {
+          if (hideWellIds.indexOf(alarmWell.wellId) > -1) {
+            alarmWell.visible = false
+          } else {
+            alarmWell.visible = true
+          }
+        }
+      }
+      // 5.过滤显示列表：alarmList
+      this.alarmList = []
+      if (hideWellIds.length > 0) { // 如果有要隐藏的井，过滤
+        for (const alarm of this.alarmListOri) {
+          const findFlag = hideWellIds.findIndex(code => code === alarm.wellId)
+          if (findFlag === -1) {
+            this.alarmList.push(alarm)
+          }
+        }
+      } else { // 如果没有直接等于alarmListOri
+        this.alarmList = this.alarmListOri
+      }
+      if (center.length > 0) {
+        this.center = center
+      }
+      if (this.type === 'massMarkers') {
+        this.resetMassMarker()
+      } else if (this.type === 'cluster') {
+        this.clearClusters()
+      }
+    },
+    // 加载海量点
+    mountMassMarker() {
+      this.firstAmount = false
+      const map = aMapManager.getMap()
+      // 创建样式对象
+      const style = {
+        url: './static/images/well/pin.svg',
+        anchor: new AMap.Pixel(8, 15),
+        size: new AMap.Size(15, 15)
+      }
+      console.log('海量点初始化')
+      // 海量点初始化
+      this.massMarks = new AMap.MassMarks(this.markers, {
+        zIndex: 5, // 海量点图层叠加的顺序
+        zooms: [3, 20], // 在指定地图缩放级别范围内展示海量点图层
+        style: style // 设置样式对象
+      })
+      console.log(this.massMarkers)
+      // 将海量点添加至地图实例
+      this.massMarks.setMap(map)
+      // 海量点点击事件
+      const that = this
+      this.massMarks.on('click', function(e) {
+        that.openInfoWindow(e.data.id)
+      })
+    },
+    // 过滤海量点
+    resetMassMarker() {
+      const map = aMapManager.getMap()
+      if (this.showAll === false) { // 如果showAll为false 则不显示海量点
+        this.massMarks.clear()
+      } else {
+        let markers = this.markers.filter(item => {
+          return item.visible === true
+        })
+        if (markers === null) {
+          markers = []
+          this.massMarks.clear()
+        } else {
+          this.massMarks.setData(markers)
+        }
+        // 将海量点添加至地图实例
+        this.massMarks.setMap(map)
+      }
+    },
+    // 加载聚合点
+    mountClusters() {
+      const self = this
+      // 聚合点数据应该是一组包含经纬度信息的数组。lnglat 为经纬度信息字段，weight 字段为可选数据，表示权重值，以权重高的点为中心进行聚合。
+      var points = this.markers
+      const markers = []
+      var icon = new AMap.Icon({
+        size: new AMap.Size(20, 20), // 图标尺寸
+        image: 'static/images/well/pin.svg', // Icon的图像
+        imageSize: new AMap.Size(20, 20) // 根据所设置的大小拉伸或压缩图片
+      })
+      for (var i = 0; i < points.length; i += 1) {
+        markers.push(new AMap.Marker({
+          position: points[i]['lnglat'],
+          icon: icon, // 添加 Icon 实例
+          offset: new AMap.Pixel(-10, 0)
+        }))
+      }
+      // 添加聚合组件
+      const map = aMapManager.getMap()
+      const cluster = new AMap.MarkerClusterer(map, markers, {
+        gridSize: 80,
+        renderCluserMarker: self._renderCluserMarker,
+        maxZoom: 16 })
+    },
+    // 清除聚合点
+    clearClusters() {
+
+    },
+    _renderCluserMarker(context) {
+      console.log(context)
+      const count = this.markers.length
+      const factor = Math.pow(context.count / count, 1 / 18)
+      const div = document.createElement('div')
+      const Hue = 180 - factor * 180
+      const bgColor = 'hsla(' + Hue + ',100%,50%,0.9)'
+      const fontColor = '#ffffff'
+      const borderColor = 'hsla(' + Hue + ',100%,40%,1)'
+      const shadowColor = 'hsla(' + Hue + ',100%,50%,1)'
+      div.style.backgroundColor = bgColor
+      const size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20)
+      div.style.width = div.style.height = size + 'px'
+      div.style.border = 'solid 1px ' + borderColor
+      div.style.borderRadius = size / 2 + 'px'
+      div.style.boxShadow = '0 0 1px ' + shadowColor
+      div.innerHTML = context.count
+      div.style.lineHeight = size + 'px'
+      div.style.color = fontColor
+      div.style.fontSize = '14px'
+      div.style.textAlign = 'center'
+      context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2))
+      context.marker.setContent(div)
+    },
+    // 获取全部井列表
+    getWellList() {
+      this.loading = true
+      getWellList().then(response => {
+        this.loading = false
+        if (response.code === 200) {
+          const wells = response.data
+          if (wells.length > 0) {
+            this.markers = []
+            const centerxs = [] // 存储所有坐标，用于计算中点
+            const centerys = []
+            for (const well of wells) {
+              this.markers.push({
+                wellId: well.id,
+                wellCode: well.wellCode,
+                id: well.id,
+                name: well.wellCode,
+                lnglat: [parseFloat(well.lngGaode), parseFloat(well.latGaode)],
+                position: [parseFloat(well.lngGaode), parseFloat(well.latGaode)],
+                positionInfo: well.position,
+                wellType: well.wellType,
+                deptid: well.deptid,
+                bfzt: well.bfzt,
+                icon: this.commonIcon,
+                visible: true,
+                wellStatus: 'normal'
+              })
+              centerxs.push(parseFloat(well.lngGaode))
+              centerys.push(parseFloat(well.latGaode))
+            }
+            // 坐标排序取最中间的为中心
+            centerxs.sort()
+            centerys.sort()
+            const index = Math.floor(centerxs.length / 2)
+            this.center = [centerxs[index], centerys[index]]
+            console.log('总数据数：' + this.markers.length)
+            if (this.type === 'massMarkers' && this.showAll) {
+              this.mountMassMarker() // 加载海量点
+            } else if (this.type === 'cluster' && this.showAll) {
+              this.mountClusters() // 加载聚合点
+            }
+          }
+        }
+      })
+    },
+    // 点击井详情气泡
+    openInfoWindow(wellId) {
+      this.currentWindow.visible = false
+      getWellInfo(wellId).then(response => {
+        if (response.code === 200) {
+          const wellInfo = response.data
+          this.wellInfo = {
+            wellCode: wellInfo.wellCode,
+            position: wellInfo.position,
+            wellTypeName: wellInfo.wellTypeName,
+            deptName: wellInfo.deptName,
+            bfztName: wellInfo.bfztName,
+            deep: wellInfo.deep
+          }
+          this.currentWindow.position = [wellInfo.lngGaode, wellInfo.latGaode]
+          this.$nextTick(() => {
+            this.currentWindow.visible = true
+            this.currentWindow.windowType = 'info'
+          })
+        }
+      })
+    },
+    // 刷新报警列表
+    refreshAlarm() {
+      console.log('refreshAlarm')
+      this.count = this.baseConfig.refreshTime
+      this.loading = true
+      getAlarmsNow().then(response => {
+        if (response.code === 200) {
+          this.loading = false
+          // 判断最新报警时间，若和旧的最新时间不一样，则判断是否需要产生声音
+          if (response.data.length > 0) {
+            const latestTime = response.data[0].alarmTime
+            console.log(latestTime, 'vs', this.latestAlarmTime)
+            if (this.latestAlarmTime < latestTime) {
+              // 如果不是初次加载并且声音开关开启状态
+              if ((!this.alarmFirstAmount) && this.baseConfig.alarmSound) {
+                console.log('playAudio')
+                this.playAudio()
+              }
+              this.latestAlarmTime = latestTime
+            }
+          }
+          this.alarmFirstAmount = false // 初次加载完毕
+          // 获取当前报警列表
+          this.alarmListOri = response.data // 列表原始
+          this.alarmList = response.data
+          if (this.alarmList.length > 0) {
+            this.hasAlarm = true
+          }
+          this.alarmWells = []
+          for (const alarm of response.data) {
+            this.alarmWells.push({
+              wellCode: alarm.wellCode,
+              wellId: alarm.wellId,
+              lngGaode: alarm.lngGaode,
+              latGaode: alarm.latGaode,
+              position: alarm.position,
+              visible: true
+            })
+          }
+          this.drawMarkers(this.alarmWells, 'alarm')
+        }
+      })
+    },
+    drawMarkers(list, type) {
+      for (const item of list) {
+        if (type == 'alarm') {
+          const content = Vue.extend({
+            template: `<svg-icon icon-class="alarm-well" class="alarm-icon" @click="openAlarmWindow(alarm.wellId,alarm.position)" />`
+          })
+          const marker = new window.AMap.Marker({
+            position: new window.AMap.LngLat(item.lngGaode, item.latGaode),
+            content: content,
+            offset: this.alarmOffset
+          })
+          this.map.add(marker)
+        }
+      }
+    },
+    // 点击报警详情
+    openAlarmWindow(wellId, position) {
+      // 旧弹窗不显示
+      this.currentWindow.visible = false
+      // this.filterIcon()
+      getWellAlarms(wellId).then(response => {
+        if (response.code === 200) {
+          const wellInfo = response.data
+          this.alarmInfo = {
+            wellCode: wellInfo.wellCode,
+            position: wellInfo.position,
+            deptName: wellInfo.deptName,
+            wellTypeName: wellInfo.wellTypeName,
+            alarms: wellInfo.alarmList,
+            deep: wellInfo.deep
+          }
+          this.currentWindow.position = position
+          this.center = position
+          this.$nextTick(() => {
+            this.currentWindow.visible = true
+            this.currentWindow.windowType = 'alarm'
+          })
+        }
+      })
+    },
+    // 点击报警列表
+    alarmRowClick(row, column, event) {
+      console.log('alarmRowClick')
+      const wellId = row.wellId
+      for (const alarmWell of this.alarmWells) {
+        if (alarmWell.wellId === wellId) {
+          this.center = alarmWell.position
+          if (this.zoom < 16) {
+            this.zoom = 16
+          }
+          this.openAlarmWindow(alarmWell.wellId, alarmWell.position)
+        }
+      }
+    },
+    // 获取当前deptid的所有下级id,仅最多支持3级
+    fetchDeptList(deptid) {
+      console.log('fetchDeptList')
+      const deptids = [deptid] // 储存了该pid和其子集
+      const deptlist = this.$refs.deptSelect.fetchDeptTree()
+      for (const dept of deptlist) {
+        if (dept.pid === deptid) {
+          deptids.push(dept.id)
+        }
+      }
+      const result = []
+      // 查找所有列表中有没有deptids里面的本人或子集
+      if (deptlist.length > 0) {
+        for (const dept of deptlist) {
+          if (deptids.indexOf(dept.id) !== -1) {
+            result.push(dept.id)
+          } else if (deptids.indexOf(dept.pid) !== -1) {
+            result.push(dept.id)
+          }
+        }
+      }
+      console.log(result)
+      return result
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+// 查询框
+.map-search-div{
+  position: absolute;
+  z-index: 100;
+  padding: 5px 20px;
+  background-color: rgba(244, 244, 244, 0.9);
+  /*left: 90px;*/
+  .el-form-item{
+    margin-bottom: 0px;
+  }
+}
+// 刷新框
+.function-div{
+  position: absolute;
+  right: 10px;
+  top: 7px;
+  z-index: 1100;
+  padding: 10px;
+  color: #ce8b74;
+  font-size: 14px;
+  /*background-color: rgba(244, 233, 230, 1.0);*/
+  .font-red{
+    color: red;
+    font-weight: bold;
+  }
+  .el-icon-refresh:hover{
+    color: red;
+    font-weight: bold;
+    cursor: pointer;
+  }
+}
+// 报警列表
+.map-alarm-div{
+  position: absolute;
+  z-index: 100;
+  background-color: rgba(255, 234, 241,0.8);
+  top: 60px;
+  left: 10px;
+  .map-alarm-div-header{
+    line-height: 40px;
+    width: 504px;
+    padding-left: 10px;
+    .icon-right{
+      position: absolute;
+      right: 15px;
+    }
+    .icon-right:hover{
+      color: #409EFF;
+      cursor: pointer;
+    }
+  }
+  .alarm-scroll{
+    width: 100%;
+
+  }
+  .moredatascollor{
+    height: 200px;
+  }
+  .el-scrollbar__wrap {
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0px;
+    margin-bottom: 0px !important;
+}
+
+.el-table th{
+/*background-color: rgba(255, 229, 230, 0.8);*/
+    padding: 7px 0px;
+  }
+  .el-table td{
+    /*background-color: rgba(255, 234, 241, 0.8);*/
+    padding: 5px 0px;
+    /*line-height: 1;*/
+  }
+  .el-table td:hover{
+    /*background-color: rgba(255, 234, 241, 0.8);*/
+  }
+  .transition-box {
+    margin-bottom: 10px;
+    width: 200px;
+    height: 100px;
+    border-radius: 4px;
+    background-color: #409EFF;
+    text-align: center;
+    color: #fff;
+    padding: 40px 20px;
+    box-sizing: border-box;
+    margin-right: 20px;
+  }
+}
+// 刷新框
+.refresh-div{
+  position: absolute;
+  right: 10px;
+  top: 7px;
+  z-index: 100;
+  padding: 10px;
+  color: #ce8b74;
+  font-size: 14px;
+  background-color: rgba(244, 233, 230, 1.0);
+  .font-red{
+    color: red;
+    font-weight: bold;
+  }
+  .el-icon-refresh:hover{
+    color: red;
+    font-weight: bold;
+    cursor: pointer;
+  }
+}
+// 地图
+.overview-map-container{
+  width: 100%;
+  padding: 5px;
+  .map-demo{
+    width: 100%;
+    .svg-icon{
+      width: 20px;
+      height: 20px;
+    }
+    .alarm-icon{
+      width: 29px;
+      height: 30px;
+    }
+    .nomal-info-window{
+      background-color: pink;
+    }
+    .info-window{
+      max-width: 260px;
+      min-width:200px;
+      /*background-color: lightcyan;*/
+      .info-header{
+        padding: 10px 10px 5px 10px;
+        line-height: 30px;
+        font-weight: bold;
+        /*background-color: #eaf4ff;*/
+      }
+      .info-body{
+        padding: 5px 10px 10px 10px;
+        line-height: 23px;
+        font-size: 14px;
+      }
+    }
+    .alarm-window{
+      max-width: 250px;
+      /*background-color: #ffeaf1;*/
+      .alarm-header {
+        padding: 10px 10px 5px 10px;
+        line-height: 30px;
+        color: red;
+        font-weight: bold;
+        /*background-color: #ffecec;*/
+      }
+      .alarm-body{
+        padding: 5px 10px 10px 10px;
+        line-height: 23px;
+        font-size: 14px;
+        .alarm-red{
+          color: #ff0000;
+        }
+      }
+    }
+  }
+}
+  .el-divider--horizontal{
+    margin: 5px 0;
+  }
+</style>

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {
diff --git a/src/utils/structure.js b/src/utils/structure.js
index 4c65ee7..13bfb99 100644
--- a/src/utils/structure.js
+++ b/src/utils/structure.js
@@ -27,7 +27,7 @@
  * @param isSelect 是否是下拉需要顶级的树
  * @returns {*}
  */
-export function toTreeList(plainList, id = '0', isSelect = false) {
+export function toTreeList(plainList, rootId = '0', isSelect = false) {
   const pid = findPid(plainList)
   if (pid.length > 1) {
     return plainList
diff --git a/src/utils/validate.js b/src/utils/validate.js
index dbecf7a..223c280 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -88,3 +88,11 @@
     return false
   }
 }
+
+/**
+ * 常用正则表达式
+ */
+export const regularReg = {
+  password: '', // 密码
+  mobile: /^1[34578]\d{9}$/ // 手机号码
+}
diff --git a/src/views/overview/components/alarmInfoWindow.vue b/src/views/overview/components/alarmInfoWindow.vue
new file mode 100644
index 0000000..1eb1f61
--- /dev/null
+++ b/src/views/overview/components/alarmInfoWindow.vue
@@ -0,0 +1,39 @@
+<!--
+ * @Description: 报警弹窗
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 17:17:01
+ -->
+<template>
+  <div class="alarm-window">
+    <div class="alarm-header">
+      <svg-icon icon-class="alarm-red" />
+      {{ alarmInfo.wellCode }}
+    </div>
+    <div class="alarm-body">
+      <div v-for="alarm in alarmInfo.alarms" :key="alarm.id">
+        <div>告警原因：<span class="alarm-red">{{ alarm.alarmContent }}</span></div>
+        <div>设备编号：<span>{{ alarm.devcode }}</span></div>
+      </div>
+      <el-divider />
+      <div>井类型：{{ alarmInfo.wellTypeName }}</div>
+      <div>权属单位：{{ alarmInfo.deptName }}</div>
+      <div>详细地址：{{ alarmInfo.position }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AlarmInfoWindow',
+  props: {
+    alarmInfo: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/overview/overviewAmap.vue b/src/views/overview/overviewAmap.vue
new file mode 100644
index 0000000..d2bab9f
--- /dev/null
+++ b/src/views/overview/overviewAmap.vue
@@ -0,0 +1,751 @@
+<!--suppress ALL -->
+<template>
+  <div>
+    <div class="overview-map-container">
+      <!--地图-->
+      <a-map-container ref="map" :center="center" :zoom="zoom" :style="{height:(bodyHeight-20)+'px'}" vid="overview" class="map-demo" @ready="mapReady" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getWellType } from '@/api/well/well'
+import { getWellList, getWellInfo, getAlarmsNow, getWellAlarms } from '@/api/overview/wellOverview'
+import DeptSelect from '../../components/DeptSelect/index'
+import AMapContainer from '@/components/Amap/AMapContainer'
+import Vue from 'vue'
+export default {
+  name: 'Overview',
+  components: { AMapContainer, DeptSelect },
+  data() {
+    return {
+      map: null,
+      type: 'massMarkers', // 加载数据方式：massMarkers或cluster
+      refreshType: this.baseConfig.refreshType, // 刷新数据方式：clock或websocket
+      showAlarm: true, // 是否显示报警
+      showAll: false, // 是否显示全部井
+      listQuery: {
+        keywords: '', // 关键字
+        wellType: '', // 井类型
+        deptid: '', // 组织机构
+        isAlarm: '1' // 是否报警
+      }, // 筛选条件
+      columns: [
+        {
+          text: '井编号',
+          value: 'wellCode',
+          width: 100,
+          align: 'center'
+        },
+        {
+          text: '设备编号',
+          value: 'devcode',
+          width: 120,
+          align: 'center'
+        },
+        {
+          text: '告警原因',
+          value: 'alarmContent',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '时间',
+          value: 'alarmTime',
+          width: 180,
+          align: 'center'
+        }
+      ], // 告警列表显示列
+      tableShow: true, // 是否显示告警列表
+      tableIcon: 'el-icon-arrow-up',
+      count: 30,
+      showWellType: this.showWellType(), // 是否显示井类型下拉
+      wellTypeList: [], // 井类型列表
+      showDeptTree: 0, // 是否显示权属单位下拉,0不显示，1显示树，2显示平面
+      commonIcon: 'well-common-green', // 通用图标 绿
+      commonIconAlarm: 'well-common-red', // 通用图标 红
+      // center: [this.$store.getters.lng, this.$store.getters.lat], // 地图中心
+      center: [116.4, 39.9], // 地图中心
+      zoom: 12, // 地图缩放比例
+      markers: [], // 所有井的点原始数据
+      alarmListOri: [], // 原始报警列表
+      alarmList: [], // 报警列表
+      alarmWells: [], // 报警井列表
+      offset: [-10, -10], // 偏移量
+      alarmOffset: [-15, -30], // 偏移量
+      wellInfo: {
+        wellCode: '',
+        position: '',
+        wellTypeName: '',
+        deptName: '',
+        bfztName: '',
+        deep: ''
+      }, // 显示井详细信息气泡内容
+      alarmInfo: {
+        wellCode: '',
+        deptName: '',
+        position: '',
+        deep: '',
+        alarms: []
+      }, // 显示报警详情气泡内容
+      currentWindow: {
+        visible: false, // 窗体显示与否
+        position: [this.$store.getters.lng, this.$store.getters.lat],
+        windowType: 'info' // 窗体类型：详情info或报警alarm
+      }, // 当前窗体属性
+      infoWindowClass: 'nomal-info-window',
+      deptShowTop: false, // 是否显示顶级
+      clock: null, // 计时器
+      hasAlarm: false, // 是否有报警,
+      firstAmount: true, // 是否第一次加载井数据
+      loading: true, // 加载图标是否显示
+      massMarks: null, // 海量点
+      mapMarkers: [],
+      clusters: [],
+      latestAlarmTime: '',
+      alarmFirstAmount: true, // 是否初次加载
+      showClearBtn: false // 是否显示清除查询按钮
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'needRefresh',
+      'bodyHeight'
+    ])
+  },
+  watch: {
+    showAll(val) {
+      if (val) { // 显示全部
+        // 先清空查询条件
+        this.listQuery.deptid = ''
+        this.listQuery.keywords = ''
+        this.listQuery.wellType = ''
+        debugger
+        if (this.firstAmount) { // 初次加载直接调用mount
+          if (this.type === 'massMarkers') {
+            debugger
+            this.mountMassMarker() // 加载海量点
+          } else if (this.type === 'cluster') {
+            this.mountClusters() // 加载聚合点
+          }
+        } else {
+          this.filterIcon()
+        }
+      } else { // 仅显示报警
+        this.filterIcon()
+      }
+    },
+    needRefresh(val) {
+      // 需要刷新
+      if (val) {
+        // if(this.baseConfig.alarmSound){
+        //   this.playAudio()
+        // }
+        this.refreshAlarm()
+      }
+    },
+    showAlarm(val) {
+      if (!val && this.currentWindow.windowType === 'alarm') {
+        this.currentWindow.visible = false
+      }
+    }
+  },
+  created() {
+    this.fetchWellType()
+  },
+  methods: {
+    // 初始化放这里
+    mapReady(map) {
+      this.map = map
+      // this.getWellList()
+      this.firstAmount = true
+      this.refreshAlarm()
+      // if (this.refreshType === 'clock') { // 如果需要倒计时刷新的
+      //   setTimeout(function() {
+      //     that.countDown()
+      //   }, 1000)
+      // }
+    },
+    // 倒计时函数
+    countDown() {
+      this.clock = window.setInterval(() => {
+        this.count--
+        if (this.count < 0) { // 当倒计时小于0时清除定时器
+          this.refreshAlarm()
+          this.count = this.baseConfig.refreshTime
+        }
+      }, 1000)
+    },
+    // 获取井类型，显示井类型下拉
+    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
+        }
+      })
+    },
+    // 数据查询
+
+    search(showMessage = true) {
+      const keywords = this.listQuery.keywords
+      const deptid = this.listQuery.deptid
+      const wellType = this.listQuery.wellType
+      if (keywords === '' && deptid === '' && wellType === '') {
+        this.$message.warning('查询条件不能为空')
+      } else {
+        this.showClearBtn = true
+        this.filterIcon(showMessage)
+      }
+    },
+    // 清除查询
+    clearSearch() {
+      this.listQuery.wellType = ''
+      this.listQuery.deptid = ''
+      this.listQuery.keywords = ''
+      this.filterIcon()
+      this.showClearBtn = false
+    },
+    // 过滤Marker
+    filterIcon(showMessage = false) {
+      // 1.如果有弹窗，将弹窗隐藏
+      this.currentWindow.visible = false
+      const hideWellIds = []// 要隐藏的井编号
+      let center = [] // 待移动到的地图中心
+      // 2. 整理查询条件
+      const keywords = this.listQuery.keywords
+      const wellType = this.listQuery.wellType
+      const deptid = this.listQuery.deptid
+      let deptids = []
+      if (deptid) {
+        deptids = this.fetchDeptList(deptid) // 获取所有下级
+      }
+      // 3.查询全部井，是否匹配，只要有一项不匹配则show为false
+      for (const marker of this.markers) {
+        let show = true
+        // 关键字不为空，且没有匹配成功，不显示， 关键字匹配井编号和位置
+        if (keywords && keywords !== '' && !(marker.wellCode.indexOf(keywords) !== -1 || marker.positionInfo.indexOf(keywords) !== -1)) {
+          show = false
+        }
+        // 部门不为空， 且没有匹配成功，多部门匹配
+        if (deptid && deptid !== '' && deptids.indexOf(marker.deptid) === -1) {
+          show = false
+        }
+        // 井类型不为空，且没有匹配成功
+        if (wellType && wellType !== '' && marker.wellType !== wellType) {
+          show = false
+        }
+        // 如果show为false，放入需要隐藏的井id列表
+        if (show === false) {
+          hideWellIds.push(marker.wellId)
+        } else {
+          center = marker.position
+        }
+        marker.visible = show
+      }
+      // 4.过滤报警marker：alarmWells  如果没有找到符合要求的井，直接将全部查询结果隐藏，并将所有报警隐藏，否则按照查询结果筛选需要隐藏的报警
+      if (hideWellIds.length === this.markers.length) {
+        if (showMessage) {
+          this.$message.warning('查无结果')
+        }
+        for (const alarmWell of this.alarmWells) {
+          alarmWell.visible = false
+        }
+      } else {
+        // 将报警隐藏
+        for (const alarmWell of this.alarmWells) {
+          if (hideWellIds.indexOf(alarmWell.wellId) > -1) {
+            alarmWell.visible = false
+          } else {
+            alarmWell.visible = true
+          }
+        }
+      }
+      // 5.过滤显示列表：alarmList
+      this.alarmList = []
+      if (hideWellIds.length > 0) { // 如果有要隐藏的井，过滤
+        for (const alarm of this.alarmListOri) {
+          const findFlag = hideWellIds.findIndex(code => code === alarm.wellId)
+          if (findFlag === -1) {
+            this.alarmList.push(alarm)
+          }
+        }
+      } else { // 如果没有直接等于alarmListOri
+        this.alarmList = this.alarmListOri
+      }
+      if (center.length > 0) {
+        this.center = center
+      }
+      if (this.type === 'massMarkers') {
+        this.resetMassMarker()
+      } else if (this.type === 'cluster') {
+        this.clearClusters()
+      }
+    },
+    // 加载海量点
+    mountMassMarker() {
+      this.firstAmount = false
+      const map = aMapManager.getMap()
+      // 创建样式对象
+      const style = {
+        url: './static/images/well/pin.svg',
+        anchor: new AMap.Pixel(8, 15),
+        size: new AMap.Size(15, 15)
+      }
+      console.log('海量点初始化')
+      // 海量点初始化
+      this.massMarks = new AMap.MassMarks(this.markers, {
+        zIndex: 5, // 海量点图层叠加的顺序
+        zooms: [3, 20], // 在指定地图缩放级别范围内展示海量点图层
+        style: style // 设置样式对象
+      })
+      console.log(this.massMarkers)
+      // 将海量点添加至地图实例
+      this.massMarks.setMap(map)
+      // 海量点点击事件
+      const that = this
+      this.massMarks.on('click', function(e) {
+        that.openInfoWindow(e.data.id)
+      })
+    },
+    // 过滤海量点
+    resetMassMarker() {
+      const map = aMapManager.getMap()
+      if (this.showAll === false) { // 如果showAll为false 则不显示海量点
+        this.massMarks.clear()
+      } else {
+        let markers = this.markers.filter(item => {
+          return item.visible === true
+        })
+        if (markers === null) {
+          markers = []
+          this.massMarks.clear()
+        } else {
+          this.massMarks.setData(markers)
+        }
+        // 将海量点添加至地图实例
+        this.massMarks.setMap(map)
+      }
+    },
+    // 加载聚合点
+    mountClusters() {
+      const self = this
+      // 聚合点数据应该是一组包含经纬度信息的数组。lnglat 为经纬度信息字段，weight 字段为可选数据，表示权重值，以权重高的点为中心进行聚合。
+      var points = this.markers
+      const markers = []
+      var icon = new AMap.Icon({
+        size: new AMap.Size(20, 20), // 图标尺寸
+        image: 'static/images/well/pin.svg', // Icon的图像
+        imageSize: new AMap.Size(20, 20) // 根据所设置的大小拉伸或压缩图片
+      })
+      for (var i = 0; i < points.length; i += 1) {
+        markers.push(new AMap.Marker({
+          position: points[i]['lnglat'],
+          icon: icon, // 添加 Icon 实例
+          offset: new AMap.Pixel(-10, 0)
+        }))
+      }
+      // 添加聚合组件
+      const map = aMapManager.getMap()
+      const cluster = new AMap.MarkerClusterer(map, markers, {
+        gridSize: 80,
+        renderCluserMarker: self._renderCluserMarker,
+        maxZoom: 16 })
+    },
+    // 清除聚合点
+    clearClusters() {
+
+    },
+    _renderCluserMarker(context) {
+      console.log(context)
+      const count = this.markers.length
+      const factor = Math.pow(context.count / count, 1 / 18)
+      const div = document.createElement('div')
+      const Hue = 180 - factor * 180
+      const bgColor = 'hsla(' + Hue + ',100%,50%,0.9)'
+      const fontColor = '#ffffff'
+      const borderColor = 'hsla(' + Hue + ',100%,40%,1)'
+      const shadowColor = 'hsla(' + Hue + ',100%,50%,1)'
+      div.style.backgroundColor = bgColor
+      const size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20)
+      div.style.width = div.style.height = size + 'px'
+      div.style.border = 'solid 1px ' + borderColor
+      div.style.borderRadius = size / 2 + 'px'
+      div.style.boxShadow = '0 0 1px ' + shadowColor
+      div.innerHTML = context.count
+      div.style.lineHeight = size + 'px'
+      div.style.color = fontColor
+      div.style.fontSize = '14px'
+      div.style.textAlign = 'center'
+      context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2))
+      context.marker.setContent(div)
+    },
+    // 获取全部井列表
+    getWellList() {
+      this.loading = true
+      getWellList().then(response => {
+        this.loading = false
+        if (response.code === 200) {
+          const wells = response.data
+          if (wells.length > 0) {
+            this.markers = []
+            const centerxs = [] // 存储所有坐标，用于计算中点
+            const centerys = []
+            for (const well of wells) {
+              this.markers.push({
+                wellId: well.id,
+                wellCode: well.wellCode,
+                id: well.id,
+                name: well.wellCode,
+                lnglat: [parseFloat(well.lngGaode), parseFloat(well.latGaode)],
+                position: [parseFloat(well.lngGaode), parseFloat(well.latGaode)],
+                positionInfo: well.position,
+                wellType: well.wellType,
+                deptid: well.deptid,
+                bfzt: well.bfzt,
+                icon: this.commonIcon,
+                visible: true,
+                wellStatus: 'normal'
+              })
+              centerxs.push(parseFloat(well.lngGaode))
+              centerys.push(parseFloat(well.latGaode))
+            }
+            // 坐标排序取最中间的为中心
+            centerxs.sort()
+            centerys.sort()
+            const index = Math.floor(centerxs.length / 2)
+            this.center = [centerxs[index], centerys[index]]
+            console.log('总数据数：' + this.markers.length)
+            if (this.type === 'massMarkers' && this.showAll) {
+              this.mountMassMarker() // 加载海量点
+            } else if (this.type === 'cluster' && this.showAll) {
+              this.mountClusters() // 加载聚合点
+            }
+          }
+        }
+      })
+    },
+    // 点击井详情气泡
+    openInfoWindow(wellId) {
+      this.currentWindow.visible = false
+      getWellInfo(wellId).then(response => {
+        if (response.code === 200) {
+          const wellInfo = response.data
+          this.wellInfo = {
+            wellCode: wellInfo.wellCode,
+            position: wellInfo.position,
+            wellTypeName: wellInfo.wellTypeName,
+            deptName: wellInfo.deptName,
+            bfztName: wellInfo.bfztName,
+            deep: wellInfo.deep
+          }
+          this.currentWindow.position = [wellInfo.lngGaode, wellInfo.latGaode]
+          this.$nextTick(() => {
+            this.currentWindow.visible = true
+            this.currentWindow.windowType = 'info'
+          })
+        }
+      })
+    },
+    // 刷新报警列表
+    refreshAlarm() {
+      console.log('refreshAlarm')
+      this.count = this.baseConfig.refreshTime
+      this.loading = true
+      getAlarmsNow().then(response => {
+        if (response.code === 200) {
+          this.loading = false
+          // 判断最新报警时间，若和旧的最新时间不一样，则判断是否需要产生声音
+          if (response.data.length > 0) {
+            const latestTime = response.data[0].alarmTime
+            console.log(latestTime, 'vs', this.latestAlarmTime)
+            if (this.latestAlarmTime < latestTime) {
+              // 如果不是初次加载并且声音开关开启状态
+              if ((!this.alarmFirstAmount) && this.baseConfig.alarmSound) {
+                console.log('playAudio')
+                this.playAudio()
+              }
+              this.latestAlarmTime = latestTime
+            }
+          }
+          this.alarmFirstAmount = false // 初次加载完毕
+          // 获取当前报警列表
+          this.alarmListOri = response.data // 列表原始
+          this.alarmList = response.data
+          if (this.alarmList.length > 0) {
+            this.hasAlarm = true
+          }
+          this.alarmWells = []
+          for (const alarm of response.data) {
+            this.alarmWells.push({
+              wellCode: alarm.wellCode,
+              wellId: alarm.wellId,
+              lngGaode: alarm.lngGaode,
+              latGaode: alarm.latGaode,
+              position: alarm.position,
+              visible: true
+            })
+          }
+          this.drawMarkers(this.alarmWells, 'alarm')
+        }
+      })
+    },
+    drawMarkers(list, type) {
+      for (const item of list) {
+        if (type == 'alarm') {
+          const content = Vue.extend({
+            template: `<svg-icon icon-class="alarm-well" class="alarm-icon" @click="openAlarmWindow(alarm.wellId,alarm.position)" />`
+          })
+          const marker = new window.AMap.Marker({
+            position: new window.AMap.LngLat(item.lngGaode, item.latGaode),
+            content: content,
+            offset: this.alarmOffset
+          })
+          this.map.add(marker)
+        }
+      }
+    },
+    // 点击报警详情
+    openAlarmWindow(wellId, position) {
+      // 旧弹窗不显示
+      this.currentWindow.visible = false
+      // this.filterIcon()
+      getWellAlarms(wellId).then(response => {
+        if (response.code === 200) {
+          const wellInfo = response.data
+          this.alarmInfo = {
+            wellCode: wellInfo.wellCode,
+            position: wellInfo.position,
+            deptName: wellInfo.deptName,
+            wellTypeName: wellInfo.wellTypeName,
+            alarms: wellInfo.alarmList,
+            deep: wellInfo.deep
+          }
+          this.currentWindow.position = position
+          this.center = position
+          this.$nextTick(() => {
+            this.currentWindow.visible = true
+            this.currentWindow.windowType = 'alarm'
+          })
+        }
+      })
+    },
+    // 点击报警列表
+    alarmRowClick(row, column, event) {
+      console.log('alarmRowClick')
+      const wellId = row.wellId
+      for (const alarmWell of this.alarmWells) {
+        if (alarmWell.wellId === wellId) {
+          this.center = alarmWell.position
+          if (this.zoom < 16) {
+            this.zoom = 16
+          }
+          this.openAlarmWindow(alarmWell.wellId, alarmWell.position)
+        }
+      }
+    },
+    // 获取当前deptid的所有下级id,仅最多支持3级
+    fetchDeptList(deptid) {
+      console.log('fetchDeptList')
+      const deptids = [deptid] // 储存了该pid和其子集
+      const deptlist = this.$refs.deptSelect.fetchDeptTree()
+      for (const dept of deptlist) {
+        if (dept.pid === deptid) {
+          deptids.push(dept.id)
+        }
+      }
+      const result = []
+      // 查找所有列表中有没有deptids里面的本人或子集
+      if (deptlist.length > 0) {
+        for (const dept of deptlist) {
+          if (deptids.indexOf(dept.id) !== -1) {
+            result.push(dept.id)
+          } else if (deptids.indexOf(dept.pid) !== -1) {
+            result.push(dept.id)
+          }
+        }
+      }
+      console.log(result)
+      return result
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+// 查询框
+.map-search-div{
+  position: absolute;
+  z-index: 100;
+  padding: 5px 20px;
+  background-color: rgba(244, 244, 244, 0.9);
+  /*left: 90px;*/
+  .el-form-item{
+    margin-bottom: 0px;
+  }
+}
+// 刷新框
+.function-div{
+  position: absolute;
+  right: 10px;
+  top: 7px;
+  z-index: 1100;
+  padding: 10px;
+  color: #ce8b74;
+  font-size: 14px;
+  /*background-color: rgba(244, 233, 230, 1.0);*/
+  .font-red{
+    color: red;
+    font-weight: bold;
+  }
+  .el-icon-refresh:hover{
+    color: red;
+    font-weight: bold;
+    cursor: pointer;
+  }
+}
+// 报警列表
+.map-alarm-div{
+  position: absolute;
+  z-index: 100;
+  background-color: rgba(255, 234, 241,0.8);
+  top: 60px;
+  left: 10px;
+  .map-alarm-div-header{
+    line-height: 40px;
+    width: 504px;
+    padding-left: 10px;
+    .icon-right{
+      position: absolute;
+      right: 15px;
+    }
+    .icon-right:hover{
+      color: #409EFF;
+      cursor: pointer;
+    }
+  }
+  .alarm-scroll{
+    width: 100%;
+
+  }
+  .moredatascollor{
+    height: 200px;
+  }
+  .el-scrollbar__wrap {
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0px;
+    margin-bottom: 0px !important;
+}
+
+.el-table th{
+/*background-color: rgba(255, 229, 230, 0.8);*/
+    padding: 7px 0px;
+  }
+  .el-table td{
+    /*background-color: rgba(255, 234, 241, 0.8);*/
+    padding: 5px 0px;
+    /*line-height: 1;*/
+  }
+  .el-table td:hover{
+    /*background-color: rgba(255, 234, 241, 0.8);*/
+  }
+  .transition-box {
+    margin-bottom: 10px;
+    width: 200px;
+    height: 100px;
+    border-radius: 4px;
+    background-color: #409EFF;
+    text-align: center;
+    color: #fff;
+    padding: 40px 20px;
+    box-sizing: border-box;
+    margin-right: 20px;
+  }
+}
+// 刷新框
+.refresh-div{
+  position: absolute;
+  right: 10px;
+  top: 7px;
+  z-index: 100;
+  padding: 10px;
+  color: #ce8b74;
+  font-size: 14px;
+  background-color: rgba(244, 233, 230, 1.0);
+  .font-red{
+    color: red;
+    font-weight: bold;
+  }
+  .el-icon-refresh:hover{
+    color: red;
+    font-weight: bold;
+    cursor: pointer;
+  }
+}
+// 地图
+.overview-map-container{
+  width: 100%;
+  padding: 5px;
+  .map-demo{
+    width: 100%;
+    .svg-icon{
+      width: 20px;
+      height: 20px;
+    }
+    .alarm-icon{
+      width: 29px;
+      height: 30px;
+    }
+    .nomal-info-window{
+      background-color: pink;
+    }
+    .info-window{
+      max-width: 260px;
+      min-width:200px;
+      /*background-color: lightcyan;*/
+      .info-header{
+        padding: 10px 10px 5px 10px;
+        line-height: 30px;
+        font-weight: bold;
+        /*background-color: #eaf4ff;*/
+      }
+      .info-body{
+        padding: 5px 10px 10px 10px;
+        line-height: 23px;
+        font-size: 14px;
+      }
+    }
+    .alarm-window{
+      max-width: 250px;
+      /*background-color: #ffeaf1;*/
+      .alarm-header {
+        padding: 10px 10px 5px 10px;
+        line-height: 30px;
+        color: red;
+        font-weight: bold;
+        /*background-color: #ffecec;*/
+      }
+      .alarm-body{
+        padding: 5px 10px 10px 10px;
+        line-height: 23px;
+        font-size: 14px;
+        .alarm-red{
+          color: #ff0000;
+        }
+      }
+    }
+  }
+}
+  .el-divider--horizontal{
+    margin: 5px 0;
+  }
+</style>
diff --git a/src/views/system/user/editUser.vue b/src/views/system/user/editUser.vue
index d22cd09..c9eb42f 100644
--- a/src/views/system/user/editUser.vue
+++ b/src/views/system/user/editUser.vue
@@ -1,10 +1,10 @@
 <template>
-  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="700" append-to-body>
     <el-form ref="dataForm" :rules="rules" :model="userForm" label-position="right" label-width="80px">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="账号" prop="account">
-            <el-input v-model.trim="userForm.account" :disabled="ifdisabled" type="text" placeholder="必填" />
+            <el-input v-model.trim="userForm.account" :disabled="dialogStatus=='update'" type="text" placeholder="必填" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -52,17 +52,16 @@
       </el-row>
       <el-row :gutter="20">
         <el-col :span="12">
-          <el-form-item v-if="!ifdisabled" label="角色" prop="roleid">
-            <select-tree v-model="userForm.roleid" :options="roleTreeList" :props="roleProps" />
+          <el-form-item v-if="dialogStatus=='create'" label="角色" prop="roleid">
+            <select-tree v-model="userForm.roleid" :default-expanded-keys="[userForm.roleid]" :options="roleTreeList" :props="roleProps" />
           </el-form-item>
           <el-form-item v-else label="角色">
-            <el-input v-model="roleName" :disabled="ifdisabled" type="text" placeholder="无" />
+            <el-input v-model="roleName" :disabled="dialogStatus=='update'" type="text" placeholder="无" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="组织机构" prop="deptId">
-            <dept-select v-model="userForm.deptId" :dept-show="deptShow" placeholder="请选择组织机构" />
-            <!--<select-tree v-model="userForm.deptId" :options="deptTreeList" :props="deptProps" />-->
+            <dept-select v-model="userForm.deptId" :dept-show="true" :default-expanded-keys="[userForm.roleid]" placeholder="请选择组织机构" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -94,17 +93,16 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 import DeptSelect from '@/components/DeptSelect'
-// import { getDeptTreeList } from '@/api/system/dept'
+import { regularReg } from '@/utils/validate'
 import { getRoleTreeList } from '@/api/system/role'
 import { addUser, updateUser } from '@/api/system/user'
-import { RSAencrypt } from '../../../utils/security'
+import { RSAencrypt } from '@/utils/security'
 
 export default {
   name: 'EditUser',
   components: { SelectTree, DeptSelect },
   data() {
     const validatePass = (rule, value, callback) => {
-      console.log('验证密码')
       if (value === '') {
         callback(new Error('密码不能为空'))
       } else {
@@ -115,7 +113,6 @@
       }
     }
     const validatePass2 = (rule, value, callback) => {
-      console.log('验证重复密码')
       if (value === '') {
         callback(new Error('重复密码不能为空'))
       } else if (value !== this.userForm.password) {
@@ -139,35 +136,14 @@
         rePassword: '', // 重复密码
         birthday: ''
       }, // 表单
-      deptProps: {
-        parent: 'pid',
-        value: 'id',
-        label: 'name',
-        children: 'children'
-      },
-      roleProps: {
-        parent: 'pid',
-        value: 'id',
-        label: 'name',
-        children: 'children'
-      },
-      deptTreeList: null, // 组织树列表数据
+      deptProps: { parent: 'pid', value: 'id', label: 'name', children: 'children' },
+      roleProps: { parent: 'pid', value: 'id', label: 'name', children: 'children' },
       roleTreeList: null, // 角色树列表数据
-      sexList: [
-        {
-          label: '男',
-          value: '0'
-        },
-        {
-          label: '女',
-          value: '1'
-        }
-      ],
+      sexList: this.$store.getters.sexList, // 性别选项
       textMap: {
-        update: '编辑',
-        create: '新增'
+        update: '编辑用户',
+        create: '新增用户'
       }, // 表头显示标题
-      ifdisabled: true, // 是否可修改
       rules: {
         account: [{ required: true, message: '账号不能为空', trigger: ['blur', 'change'] }],
         name: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
@@ -175,34 +151,14 @@
         rePassword: [{ required: true, validator: validatePass2, trigger: ['blur', 'change'] }],
         deptId: [{ required: true, message: '组织机构必选', trigger: ['blur', 'change'] }],
         roleid: [{ required: true, message: '角色必选', trigger: ['blur', 'change'] }],
-        email: [{
-          required: false, // 是否必填
-          message: '请输入邮箱地址', // 错误提示信息
-          trigger: 'blur'// 检验方式（blur为鼠标点击其他地方，）
-        },
-        {
-          type: 'email', // 要检验的类型（number，email，date等）
-          message: '请输入正确的邮箱地址',
-          trigger: ['blur', 'change'] }],
-        phone: [{
-          required: false,
-          pattern: /^1[34578]\d{9}$/, // 可以写正则表达式呦呦呦
-          message: '请输入正确的手机号',
-          trigger: ['blur', 'change'] }]
+        email: [{ required: false, message: '请输入邮箱地址', trigger: 'blur' }, { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
+        phone: [{ required: false, pattern: regularReg.mobile, message: '请输入正确的手机号', trigger: ['blur', 'change'] }]
       }, // 前端校验规则
-      roleName: '',
-      deptShow: true,
+      roleName: '', // 角色名，展示用
       btnLoading: false // 保存按钮的加载中状态
     }
   },
-  computed: {
-    userTree: function() {
-      const tree = toTreeList(this.userTreeList)
-      console.log(tree)
-      return tree
-    }
-  },
-  mounted: function() {
+  created() {
     this.fetchRoleTree()
   },
   methods: {
@@ -211,15 +167,12 @@
       this.dialogStatus = dialogStatus
       this.dialogFormVisible = true
       this.btnLoading = false
-      this.fetchRoleTree()
       if (dialogStatus === 'create') { // 如果是新增，清除验证
-        this.ifdisabled = false
         this.resetForm()
         this.$nextTick(() => {
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.ifdisabled = true
         this.userForm = {
           id: row.id, // 编号
           account: row.account, // 账号
@@ -239,11 +192,9 @@
     // 加载角色树形下拉菜单
     fetchRoleTree: function() {
       getRoleTreeList(this.listQuery).then(response => {
-        console.log('fetchRoleTree:')
         console.log(response.data)
-        if (response.data.list) {
+        if (response.data.list) { // 将列表转树结构
           this.roleTreeList = toTreeList(response.data.list, '0', true)
-          console.log(this.roleTreeList)
         }
       })
     },
@@ -327,10 +278,6 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-
-  .el-dialog{
-    width:700px
-  }
   .el-select{
     width: 100%;
   }

diff --git a/mock/biz/overview.js b/mock/biz/overview.js
new file mode 100644
index 0000000..6a608e2
--- /dev/null
+++ b/mock/biz/overview.js
@@ -0,0 +1,496 @@
+module.exports = [
+  // mock get all routes form server
+  {
+    url: 'overview/alarmNow',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'wellId': 1,
+            'wellCode': 'E32TFXR',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '井盖开启',
+            'latGaode': 39.9,
+            'lngGaode': 116.4,
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '处理中'
+          },
+          {
+            'wellId': 2,
+            'wellCode': 'E32TFW3R3',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'wellId': 3,
+            'wellCode': 'E32TFW3R1',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          },
+          {
+            'boxId': 4,
+            'boxCode': 'E32TFW3Rx',
+            'position': '长安街55号',
+            'alarmId': 1,
+            'alarmContent': '水位超限',
+            'latGaode': '39.917797',
+            'lngGaode': '116.411391',
+            'alarmTime': '2019-03-20 10:55:00',
+            'jobStatus': '待处理'
+          }
+        ]
+      }
+    }
+  },
+  {
+    url: 'overview/wellInfo',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'wellCode': 'N51F131',
+          'wellName': '宋郎路中压A闸1',
+          'wellType': '3',
+          'wellTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.0,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.906869',
+          'lngGaode': '116.36899',
+          'photos': '',
+          'notes': '',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'area': '',
+          'staff': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00',
+          'watchData': [
+            {
+              'type': '2',
+              'typeName': '液位',
+              'value': '21',
+              'logtime': '2018-12-27 00:00:00'
+            },
+            {
+              'type': '1',
+              'typeName': '井盖',
+              'value': '正常',
+              'logtime': '2018-12-27 00:00:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/alarmsByWell',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': '成功',
+        'data': {
+          'id': 1,
+          'wellCode': 'FE23Q32',
+          'deptId': '24',
+          'deptName': '第一分公司',
+          'position': '长安街55号',
+          'alarmList': [
+            {
+              'devcode': '412018202100',
+              'alarmId': 1,
+              'alarmContent': '井盖开启',
+              'alarmTime': '2019-03-20 10:55:00'
+            },
+            {
+              'devcode': '312018202100',
+              'alarmId': 2,
+              'alarmContent': '液位超限',
+              'alarmTime': '2019-03-20 10:55:00'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'well/info',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'id': 1,
+          'boxCode': 'N51F131',
+          'boxName': '宋郎路中压A闸1',
+          'boxType': '3',
+          'boxTypeName': '雨水井',
+          'deptid': '3',
+          'deptName': '第一分公司',
+          'deep': 0.5,
+          'position': '宋郎路',
+          'coordinateX': '39.899999999',
+          'coordinateY': '116.70000000',
+          'latBaidu': '39.901694',
+          'lngBaidu': '116.709315',
+          'latGaode': '39.901694',
+          'lngGaode': '116.709315',
+          'photos': '',
+          'notes': '110000',
+          'bfzt': '1',
+          'bfztName': '布防',
+          'qu': '110000',
+          'area': '110000',
+          'responseDept': '',
+          'responseDeptName': '',
+          'tel': '',
+          'valid': '1',
+          'ts': '2018-12-27 00:00:00'
+        }
+      }
+    }
+  },
+  {
+    url: 'dict/code/sluicewellType',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': {
+          'list': [
+            {
+              'value': '1',
+              'name': '雨水井'
+            },
+            {
+              'value': '2',
+              'name': '污水井'
+            },
+            {
+              'value': '3',
+              'name': '燃气井'
+            },
+            {
+              'value': '4',
+              'name': '热力井'
+            },
+            {
+              'value': '5',
+              'name': '电力井'
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    url: 'overview/wellList',
+    type: 'get',
+    response: _ => {
+      return {
+        'code': 200,
+        'message': 'success',
+        'data': [
+          {
+            'id': 1,
+            'boxCode': 'N51F131',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '24',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'responseDept': '25',
+            'latGaode': '39.901694',
+            'lngGaode': '116.709315',
+            'photos': 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100;',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '110000',
+            'qu': '110000',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 2,
+            'boxCode': 'N51F132',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '0',
+            'bfztName': '撤防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 3,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 4,
+            'boxCode': 'N51F133',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 5,
+            'boxCode': 'N51F135',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 6,
+            'boxCode': 'N51F136',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '116.709315',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 7,
+            'boxCode': 'N51F137',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 8,
+            'boxCode': 'N51F138',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '39.90169',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 9,
+            'boxCode': 'N51F139',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          },
+          {
+            'id': 10,
+            'boxCode': 'N51F1310',
+            'boxName': '宋郎路中压A闸1',
+            'boxTypeName': '雨水井',
+            'boxType': '3',
+            'deptid': '3',
+            'deptName': '一分公司',
+            'deep': 0.0,
+            'position': '宋郎路',
+            'coordinateX': '39.899999999',
+            'coordinateY': '116.70000000',
+            'latBaidu': '39.901694',
+            'lngBaidu': '116.709315',
+            'latGaode': '',
+            'lngGaode': '',
+            'photos': '',
+            'notes': '',
+            'bfzt': '1',
+            'bfztName': '布防',
+            'area': '',
+            'staff': '',
+            'tel': '',
+            'valid': '1',
+            'deviceCount': 3,
+            'ts': '2018-12-27 00:00:00'
+          }
+        ]
+      }
+    }
+  }
+]
diff --git a/mock/index.js b/mock/index.js
index c84a737..09c6739 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -11,6 +11,7 @@
 const config = require('./system/config')
 const dashboard = require('./biz/dashboard')
 const search = require('./remote-search')
+const overview = require('./biz/overview')
 const device = require('./deviceManage/device')
 
 const mocks = [
@@ -24,6 +25,7 @@
   ...config,
   ...search,
   ...dashboard,
+  ...overview,
   ...device
 ]
 
diff --git a/package.json b/package.json
index 9ef7af1..04c3926 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "^2.0.8",
diff --git a/src/components/Amap/AMapContainer.vue b/src/components/Amap/AMapContainer.vue
new file mode 100644
index 0000000..d4b46fe
--- /dev/null
+++ b/src/components/Amap/AMapContainer.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Description: 高德地图容器
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 16:04:00
+ -->
+<template>
+  <div :id="vid" ref="mapContainer" class="amap-container" />
+</template>
+
+<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
+export default {
+  name: 'AMapContainer',
+  props: {
+    vid: {
+      type: String,
+      required: true
+    }, // 地图容器的id
+    viewMode: {
+      type: String,
+      default: '3D'
+    }, // 地图模式：2D,3D
+    zoom: {
+      type: Number,
+      default: 13
+    }, // 初始化地图级别
+    zooms: {
+      type: Array,
+      default: () => [2, 18]
+    }, // 地图范围 [2-18]
+    center: {
+      type: Array,
+      required: true
+    } // 初始化地图中心点位置 [lng,lat]
+  },
+  data() {
+    return {
+      map: null
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  methods: {
+    initMap() {
+      const { vid, zoom, zooms, center, viewMode } = this
+      window._AMapSecurityConfig = {
+        securityJsCode: this.$store.getters.amapSecurityCode
+      }
+      AMapLoader.load({
+        key: this.$store.getters.amapKey, // 设置您的key
+        version: '2.0', // api版本，2.0
+        plugins: ['AMap.ToolBar', 'AMap.Driving'], // 使用插件
+        AMapUI: {
+          version: '1.1',
+          plugins: []
+        },
+        Loca: {
+          version: '2.0'
+        }
+      }).then((AMap) => {
+        window.AMap = AMap
+        this.map = new AMap.Map(vid, {
+          viewMode: viewMode,
+          zoom: zoom,
+          zooms: zooms,
+          center: center
+        })
+        this.$emit('ready', this.map)
+      }).catch(e => {
+        this.$message.error('地图加载失败')
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.amap-container{
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  margin:0px;
+}
+</style>
diff --git a/src/components/SelectTree/singleSelect.vue b/src/components/SelectTree/singleSelect.vue
index f36bdd5..d05eb37 100644
--- a/src/components/SelectTree/singleSelect.vue
+++ b/src/components/SelectTree/singleSelect.vue
@@ -17,6 +17,8 @@
         :expand-on-click-node="false"
         :filter-node-method="filterNode"
         :default-expand-all="false"
+        :default-expanded-keys="defaultExpandedKeys"
+        node-key="id"
         highlight-current
         accordion
         @node-click="onClickNode"
@@ -81,6 +83,10 @@
         label: 'areaName',
         children: 'children'
       })
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
diff --git a/src/router/modules/well.js b/src/router/modules/well.js
index 12bdcf2..98e4748 100644
--- a/src/router/modules/well.js
+++ b/src/router/modules/well.js
@@ -13,7 +13,7 @@
     children: [
       {
         path: '/overview',
-        component: () => import('@/views/overview/overview'),
+        component: () => import('@/views/overview/overviewAmap'),
         name: 'overview',
         meta: { title: '窨井状态总览', icon: 'icon-config', permission: ['/overview/wellList'] }
       }
diff --git a/src/store/getters.js b/src/store/getters.js
index cc83193..c6a860e 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -35,8 +35,11 @@
   fixedHeader: state => state.settings.fixedHeader, // 固定高度
   sidebarLogo: state => state.settings.sidebarLogo, // logo
   bodyHeight: state => state.settings.bodyHeight, // 内容高度
+  amapKey: state => state.settings.amapKey, // 高德地图key
+  amapSecurityCode: state => state.settings.amapSecurityCode, // 高德地图安全码
   websocket: state => state.websocket.websocket, // websocket对象
   wsStatus: state => state.websocket.wsStatus, // websocket连接状态
-  needRefresh: state => state.websocket.needRefresh // 是否需要刷新
+  needRefresh: state => state.websocket.needRefresh, // 是否需要刷新
+  sexList: state => state.dict.sexList // 性别列表
 }
 export default getters
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
new file mode 100644
index 0000000..8f5de49
--- /dev/null
+++ b/src/store/modules/dict.js
@@ -0,0 +1,17 @@
+const state = {
+  sexList: [{ label: '男', value: '0' }, { label: '女', value: '1' }]
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 41bfbf5..856b38a 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -10,7 +10,9 @@
   tagsView: tagsView, // 是否显示tagsView
   fixedHeader: fixedHeader, // 是否固定面包屑
   sidebarLogo: sidebarLogo, // 是否显示logo
-  bodyHeight: 400 // 内容高度
+  bodyHeight: 400, // 内容高度
+  amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
+  amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b' // 高德地图key
 }
 
 const mutations = {
diff --git a/src/utils/structure.js b/src/utils/structure.js
index 4c65ee7..13bfb99 100644
--- a/src/utils/structure.js
+++ b/src/utils/structure.js
@@ -27,7 +27,7 @@
  * @param isSelect 是否是下拉需要顶级的树
  * @returns {*}
  */
-export function toTreeList(plainList, id = '0', isSelect = false) {
+export function toTreeList(plainList, rootId = '0', isSelect = false) {
   const pid = findPid(plainList)
   if (pid.length > 1) {
     return plainList
diff --git a/src/utils/validate.js b/src/utils/validate.js
index dbecf7a..223c280 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -88,3 +88,11 @@
     return false
   }
 }
+
+/**
+ * 常用正则表达式
+ */
+export const regularReg = {
+  password: '', // 密码
+  mobile: /^1[34578]\d{9}$/ // 手机号码
+}
diff --git a/src/views/overview/components/alarmInfoWindow.vue b/src/views/overview/components/alarmInfoWindow.vue
new file mode 100644
index 0000000..1eb1f61
--- /dev/null
+++ b/src/views/overview/components/alarmInfoWindow.vue
@@ -0,0 +1,39 @@
+<!--
+ * @Description: 报警弹窗
+ * @Author: 王晓颖
+ * @Date: 2022-05-12 17:17:01
+ -->
+<template>
+  <div class="alarm-window">
+    <div class="alarm-header">
+      <svg-icon icon-class="alarm-red" />
+      {{ alarmInfo.wellCode }}
+    </div>
+    <div class="alarm-body">
+      <div v-for="alarm in alarmInfo.alarms" :key="alarm.id">
+        <div>告警原因：<span class="alarm-red">{{ alarm.alarmContent }}</span></div>
+        <div>设备编号：<span>{{ alarm.devcode }}</span></div>
+      </div>
+      <el-divider />
+      <div>井类型：{{ alarmInfo.wellTypeName }}</div>
+      <div>权属单位：{{ alarmInfo.deptName }}</div>
+      <div>详细地址：{{ alarmInfo.position }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AlarmInfoWindow',
+  props: {
+    alarmInfo: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/overview/overviewAmap.vue b/src/views/overview/overviewAmap.vue
new file mode 100644
index 0000000..d2bab9f
--- /dev/null
+++ b/src/views/overview/overviewAmap.vue
@@ -0,0 +1,751 @@
+<!--suppress ALL -->
+<template>
+  <div>
+    <div class="overview-map-container">
+      <!--地图-->
+      <a-map-container ref="map" :center="center" :zoom="zoom" :style="{height:(bodyHeight-20)+'px'}" vid="overview" class="map-demo" @ready="mapReady" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getWellType } from '@/api/well/well'
+import { getWellList, getWellInfo, getAlarmsNow, getWellAlarms } from '@/api/overview/wellOverview'
+import DeptSelect from '../../components/DeptSelect/index'
+import AMapContainer from '@/components/Amap/AMapContainer'
+import Vue from 'vue'
+export default {
+  name: 'Overview',
+  components: { AMapContainer, DeptSelect },
+  data() {
+    return {
+      map: null,
+      type: 'massMarkers', // 加载数据方式：massMarkers或cluster
+      refreshType: this.baseConfig.refreshType, // 刷新数据方式：clock或websocket
+      showAlarm: true, // 是否显示报警
+      showAll: false, // 是否显示全部井
+      listQuery: {
+        keywords: '', // 关键字
+        wellType: '', // 井类型
+        deptid: '', // 组织机构
+        isAlarm: '1' // 是否报警
+      }, // 筛选条件
+      columns: [
+        {
+          text: '井编号',
+          value: 'wellCode',
+          width: 100,
+          align: 'center'
+        },
+        {
+          text: '设备编号',
+          value: 'devcode',
+          width: 120,
+          align: 'center'
+        },
+        {
+          text: '告警原因',
+          value: 'alarmContent',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '时间',
+          value: 'alarmTime',
+          width: 180,
+          align: 'center'
+        }
+      ], // 告警列表显示列
+      tableShow: true, // 是否显示告警列表
+      tableIcon: 'el-icon-arrow-up',
+      count: 30,
+      showWellType: this.showWellType(), // 是否显示井类型下拉
+      wellTypeList: [], // 井类型列表
+      showDeptTree: 0, // 是否显示权属单位下拉,0不显示，1显示树，2显示平面
+      commonIcon: 'well-common-green', // 通用图标 绿
+      commonIconAlarm: 'well-common-red', // 通用图标 红
+      // center: [this.$store.getters.lng, this.$store.getters.lat], // 地图中心
+      center: [116.4, 39.9], // 地图中心
+      zoom: 12, // 地图缩放比例
+      markers: [], // 所有井的点原始数据
+      alarmListOri: [], // 原始报警列表
+      alarmList: [], // 报警列表
+      alarmWells: [], // 报警井列表
+      offset: [-10, -10], // 偏移量
+      alarmOffset: [-15, -30], // 偏移量
+      wellInfo: {
+        wellCode: '',
+        position: '',
+        wellTypeName: '',
+        deptName: '',
+        bfztName: '',
+        deep: ''
+      }, // 显示井详细信息气泡内容
+      alarmInfo: {
+        wellCode: '',
+        deptName: '',
+        position: '',
+        deep: '',
+        alarms: []
+      }, // 显示报警详情气泡内容
+      currentWindow: {
+        visible: false, // 窗体显示与否
+        position: [this.$store.getters.lng, this.$store.getters.lat],
+        windowType: 'info' // 窗体类型：详情info或报警alarm
+      }, // 当前窗体属性
+      infoWindowClass: 'nomal-info-window',
+      deptShowTop: false, // 是否显示顶级
+      clock: null, // 计时器
+      hasAlarm: false, // 是否有报警,
+      firstAmount: true, // 是否第一次加载井数据
+      loading: true, // 加载图标是否显示
+      massMarks: null, // 海量点
+      mapMarkers: [],
+      clusters: [],
+      latestAlarmTime: '',
+      alarmFirstAmount: true, // 是否初次加载
+      showClearBtn: false // 是否显示清除查询按钮
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'needRefresh',
+      'bodyHeight'
+    ])
+  },
+  watch: {
+    showAll(val) {
+      if (val) { // 显示全部
+        // 先清空查询条件
+        this.listQuery.deptid = ''
+        this.listQuery.keywords = ''
+        this.listQuery.wellType = ''
+        debugger
+        if (this.firstAmount) { // 初次加载直接调用mount
+          if (this.type === 'massMarkers') {
+            debugger
+            this.mountMassMarker() // 加载海量点
+          } else if (this.type === 'cluster') {
+            this.mountClusters() // 加载聚合点
+          }
+        } else {
+          this.filterIcon()
+        }
+      } else { // 仅显示报警
+        this.filterIcon()
+      }
+    },
+    needRefresh(val) {
+      // 需要刷新
+      if (val) {
+        // if(this.baseConfig.alarmSound){
+        //   this.playAudio()
+        // }
+        this.refreshAlarm()
+      }
+    },
+    showAlarm(val) {
+      if (!val && this.currentWindow.windowType === 'alarm') {
+        this.currentWindow.visible = false
+      }
+    }
+  },
+  created() {
+    this.fetchWellType()
+  },
+  methods: {
+    // 初始化放这里
+    mapReady(map) {
+      this.map = map
+      // this.getWellList()
+      this.firstAmount = true
+      this.refreshAlarm()
+      // if (this.refreshType === 'clock') { // 如果需要倒计时刷新的
+      //   setTimeout(function() {
+      //     that.countDown()
+      //   }, 1000)
+      // }
+    },
+    // 倒计时函数
+    countDown() {
+      this.clock = window.setInterval(() => {
+        this.count--
+        if (this.count < 0) { // 当倒计时小于0时清除定时器
+          this.refreshAlarm()
+          this.count = this.baseConfig.refreshTime
+        }
+      }, 1000)
+    },
+    // 获取井类型，显示井类型下拉
+    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
+        }
+      })
+    },
+    // 数据查询
+
+    search(showMessage = true) {
+      const keywords = this.listQuery.keywords
+      const deptid = this.listQuery.deptid
+      const wellType = this.listQuery.wellType
+      if (keywords === '' && deptid === '' && wellType === '') {
+        this.$message.warning('查询条件不能为空')
+      } else {
+        this.showClearBtn = true
+        this.filterIcon(showMessage)
+      }
+    },
+    // 清除查询
+    clearSearch() {
+      this.listQuery.wellType = ''
+      this.listQuery.deptid = ''
+      this.listQuery.keywords = ''
+      this.filterIcon()
+      this.showClearBtn = false
+    },
+    // 过滤Marker
+    filterIcon(showMessage = false) {
+      // 1.如果有弹窗，将弹窗隐藏
+      this.currentWindow.visible = false
+      const hideWellIds = []// 要隐藏的井编号
+      let center = [] // 待移动到的地图中心
+      // 2. 整理查询条件
+      const keywords = this.listQuery.keywords
+      const wellType = this.listQuery.wellType
+      const deptid = this.listQuery.deptid
+      let deptids = []
+      if (deptid) {
+        deptids = this.fetchDeptList(deptid) // 获取所有下级
+      }
+      // 3.查询全部井，是否匹配，只要有一项不匹配则show为false
+      for (const marker of this.markers) {
+        let show = true
+        // 关键字不为空，且没有匹配成功，不显示， 关键字匹配井编号和位置
+        if (keywords && keywords !== '' && !(marker.wellCode.indexOf(keywords) !== -1 || marker.positionInfo.indexOf(keywords) !== -1)) {
+          show = false
+        }
+        // 部门不为空， 且没有匹配成功，多部门匹配
+        if (deptid && deptid !== '' && deptids.indexOf(marker.deptid) === -1) {
+          show = false
+        }
+        // 井类型不为空，且没有匹配成功
+        if (wellType && wellType !== '' && marker.wellType !== wellType) {
+          show = false
+        }
+        // 如果show为false，放入需要隐藏的井id列表
+        if (show === false) {
+          hideWellIds.push(marker.wellId)
+        } else {
+          center = marker.position
+        }
+        marker.visible = show
+      }
+      // 4.过滤报警marker：alarmWells  如果没有找到符合要求的井，直接将全部查询结果隐藏，并将所有报警隐藏，否则按照查询结果筛选需要隐藏的报警
+      if (hideWellIds.length === this.markers.length) {
+        if (showMessage) {
+          this.$message.warning('查无结果')
+        }
+        for (const alarmWell of this.alarmWells) {
+          alarmWell.visible = false
+        }
+      } else {
+        // 将报警隐藏
+        for (const alarmWell of this.alarmWells) {
+          if (hideWellIds.indexOf(alarmWell.wellId) > -1) {
+            alarmWell.visible = false
+          } else {
+            alarmWell.visible = true
+          }
+        }
+      }
+      // 5.过滤显示列表：alarmList
+      this.alarmList = []
+      if (hideWellIds.length > 0) { // 如果有要隐藏的井，过滤
+        for (const alarm of this.alarmListOri) {
+          const findFlag = hideWellIds.findIndex(code => code === alarm.wellId)
+          if (findFlag === -1) {
+            this.alarmList.push(alarm)
+          }
+        }
+      } else { // 如果没有直接等于alarmListOri
+        this.alarmList = this.alarmListOri
+      }
+      if (center.length > 0) {
+        this.center = center
+      }
+      if (this.type === 'massMarkers') {
+        this.resetMassMarker()
+      } else if (this.type === 'cluster') {
+        this.clearClusters()
+      }
+    },
+    // 加载海量点
+    mountMassMarker() {
+      this.firstAmount = false
+      const map = aMapManager.getMap()
+      // 创建样式对象
+      const style = {
+        url: './static/images/well/pin.svg',
+        anchor: new AMap.Pixel(8, 15),
+        size: new AMap.Size(15, 15)
+      }
+      console.log('海量点初始化')
+      // 海量点初始化
+      this.massMarks = new AMap.MassMarks(this.markers, {
+        zIndex: 5, // 海量点图层叠加的顺序
+        zooms: [3, 20], // 在指定地图缩放级别范围内展示海量点图层
+        style: style // 设置样式对象
+      })
+      console.log(this.massMarkers)
+      // 将海量点添加至地图实例
+      this.massMarks.setMap(map)
+      // 海量点点击事件
+      const that = this
+      this.massMarks.on('click', function(e) {
+        that.openInfoWindow(e.data.id)
+      })
+    },
+    // 过滤海量点
+    resetMassMarker() {
+      const map = aMapManager.getMap()
+      if (this.showAll === false) { // 如果showAll为false 则不显示海量点
+        this.massMarks.clear()
+      } else {
+        let markers = this.markers.filter(item => {
+          return item.visible === true
+        })
+        if (markers === null) {
+          markers = []
+          this.massMarks.clear()
+        } else {
+          this.massMarks.setData(markers)
+        }
+        // 将海量点添加至地图实例
+        this.massMarks.setMap(map)
+      }
+    },
+    // 加载聚合点
+    mountClusters() {
+      const self = this
+      // 聚合点数据应该是一组包含经纬度信息的数组。lnglat 为经纬度信息字段，weight 字段为可选数据，表示权重值，以权重高的点为中心进行聚合。
+      var points = this.markers
+      const markers = []
+      var icon = new AMap.Icon({
+        size: new AMap.Size(20, 20), // 图标尺寸
+        image: 'static/images/well/pin.svg', // Icon的图像
+        imageSize: new AMap.Size(20, 20) // 根据所设置的大小拉伸或压缩图片
+      })
+      for (var i = 0; i < points.length; i += 1) {
+        markers.push(new AMap.Marker({
+          position: points[i]['lnglat'],
+          icon: icon, // 添加 Icon 实例
+          offset: new AMap.Pixel(-10, 0)
+        }))
+      }
+      // 添加聚合组件
+      const map = aMapManager.getMap()
+      const cluster = new AMap.MarkerClusterer(map, markers, {
+        gridSize: 80,
+        renderCluserMarker: self._renderCluserMarker,
+        maxZoom: 16 })
+    },
+    // 清除聚合点
+    clearClusters() {
+
+    },
+    _renderCluserMarker(context) {
+      console.log(context)
+      const count = this.markers.length
+      const factor = Math.pow(context.count / count, 1 / 18)
+      const div = document.createElement('div')
+      const Hue = 180 - factor * 180
+      const bgColor = 'hsla(' + Hue + ',100%,50%,0.9)'
+      const fontColor = '#ffffff'
+      const borderColor = 'hsla(' + Hue + ',100%,40%,1)'
+      const shadowColor = 'hsla(' + Hue + ',100%,50%,1)'
+      div.style.backgroundColor = bgColor
+      const size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20)
+      div.style.width = div.style.height = size + 'px'
+      div.style.border = 'solid 1px ' + borderColor
+      div.style.borderRadius = size / 2 + 'px'
+      div.style.boxShadow = '0 0 1px ' + shadowColor
+      div.innerHTML = context.count
+      div.style.lineHeight = size + 'px'
+      div.style.color = fontColor
+      div.style.fontSize = '14px'
+      div.style.textAlign = 'center'
+      context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2))
+      context.marker.setContent(div)
+    },
+    // 获取全部井列表
+    getWellList() {
+      this.loading = true
+      getWellList().then(response => {
+        this.loading = false
+        if (response.code === 200) {
+          const wells = response.data
+          if (wells.length > 0) {
+            this.markers = []
+            const centerxs = [] // 存储所有坐标，用于计算中点
+            const centerys = []
+            for (const well of wells) {
+              this.markers.push({
+                wellId: well.id,
+                wellCode: well.wellCode,
+                id: well.id,
+                name: well.wellCode,
+                lnglat: [parseFloat(well.lngGaode), parseFloat(well.latGaode)],
+                position: [parseFloat(well.lngGaode), parseFloat(well.latGaode)],
+                positionInfo: well.position,
+                wellType: well.wellType,
+                deptid: well.deptid,
+                bfzt: well.bfzt,
+                icon: this.commonIcon,
+                visible: true,
+                wellStatus: 'normal'
+              })
+              centerxs.push(parseFloat(well.lngGaode))
+              centerys.push(parseFloat(well.latGaode))
+            }
+            // 坐标排序取最中间的为中心
+            centerxs.sort()
+            centerys.sort()
+            const index = Math.floor(centerxs.length / 2)
+            this.center = [centerxs[index], centerys[index]]
+            console.log('总数据数：' + this.markers.length)
+            if (this.type === 'massMarkers' && this.showAll) {
+              this.mountMassMarker() // 加载海量点
+            } else if (this.type === 'cluster' && this.showAll) {
+              this.mountClusters() // 加载聚合点
+            }
+          }
+        }
+      })
+    },
+    // 点击井详情气泡
+    openInfoWindow(wellId) {
+      this.currentWindow.visible = false
+      getWellInfo(wellId).then(response => {
+        if (response.code === 200) {
+          const wellInfo = response.data
+          this.wellInfo = {
+            wellCode: wellInfo.wellCode,
+            position: wellInfo.position,
+            wellTypeName: wellInfo.wellTypeName,
+            deptName: wellInfo.deptName,
+            bfztName: wellInfo.bfztName,
+            deep: wellInfo.deep
+          }
+          this.currentWindow.position = [wellInfo.lngGaode, wellInfo.latGaode]
+          this.$nextTick(() => {
+            this.currentWindow.visible = true
+            this.currentWindow.windowType = 'info'
+          })
+        }
+      })
+    },
+    // 刷新报警列表
+    refreshAlarm() {
+      console.log('refreshAlarm')
+      this.count = this.baseConfig.refreshTime
+      this.loading = true
+      getAlarmsNow().then(response => {
+        if (response.code === 200) {
+          this.loading = false
+          // 判断最新报警时间，若和旧的最新时间不一样，则判断是否需要产生声音
+          if (response.data.length > 0) {
+            const latestTime = response.data[0].alarmTime
+            console.log(latestTime, 'vs', this.latestAlarmTime)
+            if (this.latestAlarmTime < latestTime) {
+              // 如果不是初次加载并且声音开关开启状态
+              if ((!this.alarmFirstAmount) && this.baseConfig.alarmSound) {
+                console.log('playAudio')
+                this.playAudio()
+              }
+              this.latestAlarmTime = latestTime
+            }
+          }
+          this.alarmFirstAmount = false // 初次加载完毕
+          // 获取当前报警列表
+          this.alarmListOri = response.data // 列表原始
+          this.alarmList = response.data
+          if (this.alarmList.length > 0) {
+            this.hasAlarm = true
+          }
+          this.alarmWells = []
+          for (const alarm of response.data) {
+            this.alarmWells.push({
+              wellCode: alarm.wellCode,
+              wellId: alarm.wellId,
+              lngGaode: alarm.lngGaode,
+              latGaode: alarm.latGaode,
+              position: alarm.position,
+              visible: true
+            })
+          }
+          this.drawMarkers(this.alarmWells, 'alarm')
+        }
+      })
+    },
+    drawMarkers(list, type) {
+      for (const item of list) {
+        if (type == 'alarm') {
+          const content = Vue.extend({
+            template: `<svg-icon icon-class="alarm-well" class="alarm-icon" @click="openAlarmWindow(alarm.wellId,alarm.position)" />`
+          })
+          const marker = new window.AMap.Marker({
+            position: new window.AMap.LngLat(item.lngGaode, item.latGaode),
+            content: content,
+            offset: this.alarmOffset
+          })
+          this.map.add(marker)
+        }
+      }
+    },
+    // 点击报警详情
+    openAlarmWindow(wellId, position) {
+      // 旧弹窗不显示
+      this.currentWindow.visible = false
+      // this.filterIcon()
+      getWellAlarms(wellId).then(response => {
+        if (response.code === 200) {
+          const wellInfo = response.data
+          this.alarmInfo = {
+            wellCode: wellInfo.wellCode,
+            position: wellInfo.position,
+            deptName: wellInfo.deptName,
+            wellTypeName: wellInfo.wellTypeName,
+            alarms: wellInfo.alarmList,
+            deep: wellInfo.deep
+          }
+          this.currentWindow.position = position
+          this.center = position
+          this.$nextTick(() => {
+            this.currentWindow.visible = true
+            this.currentWindow.windowType = 'alarm'
+          })
+        }
+      })
+    },
+    // 点击报警列表
+    alarmRowClick(row, column, event) {
+      console.log('alarmRowClick')
+      const wellId = row.wellId
+      for (const alarmWell of this.alarmWells) {
+        if (alarmWell.wellId === wellId) {
+          this.center = alarmWell.position
+          if (this.zoom < 16) {
+            this.zoom = 16
+          }
+          this.openAlarmWindow(alarmWell.wellId, alarmWell.position)
+        }
+      }
+    },
+    // 获取当前deptid的所有下级id,仅最多支持3级
+    fetchDeptList(deptid) {
+      console.log('fetchDeptList')
+      const deptids = [deptid] // 储存了该pid和其子集
+      const deptlist = this.$refs.deptSelect.fetchDeptTree()
+      for (const dept of deptlist) {
+        if (dept.pid === deptid) {
+          deptids.push(dept.id)
+        }
+      }
+      const result = []
+      // 查找所有列表中有没有deptids里面的本人或子集
+      if (deptlist.length > 0) {
+        for (const dept of deptlist) {
+          if (deptids.indexOf(dept.id) !== -1) {
+            result.push(dept.id)
+          } else if (deptids.indexOf(dept.pid) !== -1) {
+            result.push(dept.id)
+          }
+        }
+      }
+      console.log(result)
+      return result
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+// 查询框
+.map-search-div{
+  position: absolute;
+  z-index: 100;
+  padding: 5px 20px;
+  background-color: rgba(244, 244, 244, 0.9);
+  /*left: 90px;*/
+  .el-form-item{
+    margin-bottom: 0px;
+  }
+}
+// 刷新框
+.function-div{
+  position: absolute;
+  right: 10px;
+  top: 7px;
+  z-index: 1100;
+  padding: 10px;
+  color: #ce8b74;
+  font-size: 14px;
+  /*background-color: rgba(244, 233, 230, 1.0);*/
+  .font-red{
+    color: red;
+    font-weight: bold;
+  }
+  .el-icon-refresh:hover{
+    color: red;
+    font-weight: bold;
+    cursor: pointer;
+  }
+}
+// 报警列表
+.map-alarm-div{
+  position: absolute;
+  z-index: 100;
+  background-color: rgba(255, 234, 241,0.8);
+  top: 60px;
+  left: 10px;
+  .map-alarm-div-header{
+    line-height: 40px;
+    width: 504px;
+    padding-left: 10px;
+    .icon-right{
+      position: absolute;
+      right: 15px;
+    }
+    .icon-right:hover{
+      color: #409EFF;
+      cursor: pointer;
+    }
+  }
+  .alarm-scroll{
+    width: 100%;
+
+  }
+  .moredatascollor{
+    height: 200px;
+  }
+  .el-scrollbar__wrap {
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0px;
+    margin-bottom: 0px !important;
+}
+
+.el-table th{
+/*background-color: rgba(255, 229, 230, 0.8);*/
+    padding: 7px 0px;
+  }
+  .el-table td{
+    /*background-color: rgba(255, 234, 241, 0.8);*/
+    padding: 5px 0px;
+    /*line-height: 1;*/
+  }
+  .el-table td:hover{
+    /*background-color: rgba(255, 234, 241, 0.8);*/
+  }
+  .transition-box {
+    margin-bottom: 10px;
+    width: 200px;
+    height: 100px;
+    border-radius: 4px;
+    background-color: #409EFF;
+    text-align: center;
+    color: #fff;
+    padding: 40px 20px;
+    box-sizing: border-box;
+    margin-right: 20px;
+  }
+}
+// 刷新框
+.refresh-div{
+  position: absolute;
+  right: 10px;
+  top: 7px;
+  z-index: 100;
+  padding: 10px;
+  color: #ce8b74;
+  font-size: 14px;
+  background-color: rgba(244, 233, 230, 1.0);
+  .font-red{
+    color: red;
+    font-weight: bold;
+  }
+  .el-icon-refresh:hover{
+    color: red;
+    font-weight: bold;
+    cursor: pointer;
+  }
+}
+// 地图
+.overview-map-container{
+  width: 100%;
+  padding: 5px;
+  .map-demo{
+    width: 100%;
+    .svg-icon{
+      width: 20px;
+      height: 20px;
+    }
+    .alarm-icon{
+      width: 29px;
+      height: 30px;
+    }
+    .nomal-info-window{
+      background-color: pink;
+    }
+    .info-window{
+      max-width: 260px;
+      min-width:200px;
+      /*background-color: lightcyan;*/
+      .info-header{
+        padding: 10px 10px 5px 10px;
+        line-height: 30px;
+        font-weight: bold;
+        /*background-color: #eaf4ff;*/
+      }
+      .info-body{
+        padding: 5px 10px 10px 10px;
+        line-height: 23px;
+        font-size: 14px;
+      }
+    }
+    .alarm-window{
+      max-width: 250px;
+      /*background-color: #ffeaf1;*/
+      .alarm-header {
+        padding: 10px 10px 5px 10px;
+        line-height: 30px;
+        color: red;
+        font-weight: bold;
+        /*background-color: #ffecec;*/
+      }
+      .alarm-body{
+        padding: 5px 10px 10px 10px;
+        line-height: 23px;
+        font-size: 14px;
+        .alarm-red{
+          color: #ff0000;
+        }
+      }
+    }
+  }
+}
+  .el-divider--horizontal{
+    margin: 5px 0;
+  }
+</style>
diff --git a/src/views/system/user/editUser.vue b/src/views/system/user/editUser.vue
index d22cd09..c9eb42f 100644
--- a/src/views/system/user/editUser.vue
+++ b/src/views/system/user/editUser.vue
@@ -1,10 +1,10 @@
 <template>
-  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="700" append-to-body>
     <el-form ref="dataForm" :rules="rules" :model="userForm" label-position="right" label-width="80px">
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="账号" prop="account">
-            <el-input v-model.trim="userForm.account" :disabled="ifdisabled" type="text" placeholder="必填" />
+            <el-input v-model.trim="userForm.account" :disabled="dialogStatus=='update'" type="text" placeholder="必填" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -52,17 +52,16 @@
       </el-row>
       <el-row :gutter="20">
         <el-col :span="12">
-          <el-form-item v-if="!ifdisabled" label="角色" prop="roleid">
-            <select-tree v-model="userForm.roleid" :options="roleTreeList" :props="roleProps" />
+          <el-form-item v-if="dialogStatus=='create'" label="角色" prop="roleid">
+            <select-tree v-model="userForm.roleid" :default-expanded-keys="[userForm.roleid]" :options="roleTreeList" :props="roleProps" />
           </el-form-item>
           <el-form-item v-else label="角色">
-            <el-input v-model="roleName" :disabled="ifdisabled" type="text" placeholder="无" />
+            <el-input v-model="roleName" :disabled="dialogStatus=='update'" type="text" placeholder="无" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="组织机构" prop="deptId">
-            <dept-select v-model="userForm.deptId" :dept-show="deptShow" placeholder="请选择组织机构" />
-            <!--<select-tree v-model="userForm.deptId" :options="deptTreeList" :props="deptProps" />-->
+            <dept-select v-model="userForm.deptId" :dept-show="true" :default-expanded-keys="[userForm.roleid]" placeholder="请选择组织机构" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -94,17 +93,16 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 import DeptSelect from '@/components/DeptSelect'
-// import { getDeptTreeList } from '@/api/system/dept'
+import { regularReg } from '@/utils/validate'
 import { getRoleTreeList } from '@/api/system/role'
 import { addUser, updateUser } from '@/api/system/user'
-import { RSAencrypt } from '../../../utils/security'
+import { RSAencrypt } from '@/utils/security'
 
 export default {
   name: 'EditUser',
   components: { SelectTree, DeptSelect },
   data() {
     const validatePass = (rule, value, callback) => {
-      console.log('验证密码')
       if (value === '') {
         callback(new Error('密码不能为空'))
       } else {
@@ -115,7 +113,6 @@
       }
     }
     const validatePass2 = (rule, value, callback) => {
-      console.log('验证重复密码')
       if (value === '') {
         callback(new Error('重复密码不能为空'))
       } else if (value !== this.userForm.password) {
@@ -139,35 +136,14 @@
         rePassword: '', // 重复密码
         birthday: ''
       }, // 表单
-      deptProps: {
-        parent: 'pid',
-        value: 'id',
-        label: 'name',
-        children: 'children'
-      },
-      roleProps: {
-        parent: 'pid',
-        value: 'id',
-        label: 'name',
-        children: 'children'
-      },
-      deptTreeList: null, // 组织树列表数据
+      deptProps: { parent: 'pid', value: 'id', label: 'name', children: 'children' },
+      roleProps: { parent: 'pid', value: 'id', label: 'name', children: 'children' },
       roleTreeList: null, // 角色树列表数据
-      sexList: [
-        {
-          label: '男',
-          value: '0'
-        },
-        {
-          label: '女',
-          value: '1'
-        }
-      ],
+      sexList: this.$store.getters.sexList, // 性别选项
       textMap: {
-        update: '编辑',
-        create: '新增'
+        update: '编辑用户',
+        create: '新增用户'
       }, // 表头显示标题
-      ifdisabled: true, // 是否可修改
       rules: {
         account: [{ required: true, message: '账号不能为空', trigger: ['blur', 'change'] }],
         name: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
@@ -175,34 +151,14 @@
         rePassword: [{ required: true, validator: validatePass2, trigger: ['blur', 'change'] }],
         deptId: [{ required: true, message: '组织机构必选', trigger: ['blur', 'change'] }],
         roleid: [{ required: true, message: '角色必选', trigger: ['blur', 'change'] }],
-        email: [{
-          required: false, // 是否必填
-          message: '请输入邮箱地址', // 错误提示信息
-          trigger: 'blur'// 检验方式（blur为鼠标点击其他地方，）
-        },
-        {
-          type: 'email', // 要检验的类型（number，email，date等）
-          message: '请输入正确的邮箱地址',
-          trigger: ['blur', 'change'] }],
-        phone: [{
-          required: false,
-          pattern: /^1[34578]\d{9}$/, // 可以写正则表达式呦呦呦
-          message: '请输入正确的手机号',
-          trigger: ['blur', 'change'] }]
+        email: [{ required: false, message: '请输入邮箱地址', trigger: 'blur' }, { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
+        phone: [{ required: false, pattern: regularReg.mobile, message: '请输入正确的手机号', trigger: ['blur', 'change'] }]
       }, // 前端校验规则
-      roleName: '',
-      deptShow: true,
+      roleName: '', // 角色名，展示用
       btnLoading: false // 保存按钮的加载中状态
     }
   },
-  computed: {
-    userTree: function() {
-      const tree = toTreeList(this.userTreeList)
-      console.log(tree)
-      return tree
-    }
-  },
-  mounted: function() {
+  created() {
     this.fetchRoleTree()
   },
   methods: {
@@ -211,15 +167,12 @@
       this.dialogStatus = dialogStatus
       this.dialogFormVisible = true
       this.btnLoading = false
-      this.fetchRoleTree()
       if (dialogStatus === 'create') { // 如果是新增，清除验证
-        this.ifdisabled = false
         this.resetForm()
         this.$nextTick(() => {
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.ifdisabled = true
         this.userForm = {
           id: row.id, // 编号
           account: row.account, // 账号
@@ -239,11 +192,9 @@
     // 加载角色树形下拉菜单
     fetchRoleTree: function() {
       getRoleTreeList(this.listQuery).then(response => {
-        console.log('fetchRoleTree:')
         console.log(response.data)
-        if (response.data.list) {
+        if (response.data.list) { // 将列表转树结构
           this.roleTreeList = toTreeList(response.data.list, '0', true)
-          console.log(this.roleTreeList)
         }
       })
     },
@@ -327,10 +278,6 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-
-  .el-dialog{
-    width:700px
-  }
   .el-select{
     width: 100%;
   }
diff --git a/src/views/system/user/listUser.vue b/src/views/system/user/listUser.vue
index 0e1eb07..c289af6 100644
--- a/src/views/system/user/listUser.vue
+++ b/src/views/system/user/listUser.vue
@@ -66,9 +66,9 @@
         <normal-table ref="normalTable" :style="{'min-height':(bodyHeight-118)+'px'}" class="table" :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" size="small" @change="changePage">
           <template slot="preColumns">
             <el-table-column label="选择" width="55" header-align="center" align="center">
-              <template slot-scope="scope">
+              <template v-slot="scope">
                 <el-radio v-model="radio" :label="scope.$index" class="radio">
-                  &nbsp;
+&nbsp
                 </el-radio>
               </template>
             </el-table-column>
@@ -76,7 +76,7 @@
           <template slot="columns">
             <!--冻结状态-->
             <el-table-column label="状态" width="80" align="center">
-              <template slot-scope="scope">
+              <template v-slot="scope">
                 <el-tag :type="tagNames[scope.row.statusName]" size="medium">
                   {{ scope.row.statusName }}
                 </el-tag>
@@ -129,25 +129,16 @@
         sort: 'id'
       },
       registerTime: [], // 注册时间范围
-      tagNames: {
-        '已冻结': 'danger',
-        '启用': 'success'
-      },
-      btnNames: {
-        '已冻结': '解冻',
-        '启用': '冻结'
-      },
-      btnStatus: {
-        '已冻结': '',
-        '启用': 'primary'
-      },
+      tagNames: { '已冻结': 'danger', '启用': 'success' },
+      btnNames: { '已冻结': '解冻', '启用': '冻结' },
+      btnStatus: { '已冻结': '', '启用': 'primary' },
       columns: [
         { text: '账号', value: 'account' },
         { text: '所在组织机构', value: 'deptName', width: 150 },
         { text: '真实姓名', value: 'name' },
         { text: '角色', value: 'roleName' },
         { text: '手机号', value: 'phone' },
-        { text: '注册日期', value: 'createtime' }
+        { text: '注册时间', value: 'createtime' }
       ],
       list: [],
       total: 0,
@@ -158,7 +149,6 @@
       },
       treeLoading: false,
       listLoading: false,
-      dialogStatus: '',
       editShow: false, // 编辑组件是否显示
       roleAssignShow: false, // 角色分配组件是否显示
       expandAllNode: true,
@@ -186,17 +176,15 @@
   methods: {
     // 打开新增对话框
     add() {
-      this.dialogStatus = 'create'
       this.editShow = true
-      this.$refs.edituser.initDialog(this.dialogStatus)
+      this.$refs.edituser.initDialog('create')
     },
     // 打开修改对话框
     edit() {
       if (this.singleCheck()) {
-        this.dialogStatus = 'update'
         this.editShow = true
         const row = this.list[this.radio]
-        this.$refs.edituser.initDialog(this.dialogStatus, row)
+        this.$refs.edituser.initDialog('update', row)
       } else {
         this.$message.error('必须选中一项')
       }