diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..73e8edf
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..73e8edf
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
new file mode 100644
index 0000000..dcce23f
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
Binary files differ

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..73e8edf
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
new file mode 100644
index 0000000..dcce23f
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
Binary files differ
diff --git a/src/components/LayerManagerMix/index.vue b/src/components/LayerManagerMix/index.vue
index c287fe8..b04b74b 100644
--- a/src/components/LayerManagerMix/index.vue
+++ b/src/components/LayerManagerMix/index.vue
@@ -9,7 +9,8 @@
         </div>
         <div v-for="(itemsub,indexsub) in menus[item.value]" :key="item.value+indexsub" class="menu-item mix-item" v-show="open[index]" @click="menuClick(itemsub)">
           <div v-if="isNeedIcon" class="menu-item-icon"  :style="isNeedIcon ? `background: url(${require('@/assets/images/layerControl/'+itemsub.typename.replace(/ /g,'')+'.png')})` : ''"/>
-          <img v-else class="menu-item-icon" :src="itemsub.icon"  />
+          <img v-if="!isNeedIcon && itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
+          <div v-if="!isNeedIcon && !itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
 <!--          <div class="menu-item-icon" :style="`background: url('../../assets/images/layerControl/'${itemsub.typename}'.png')`"/>-->
           <div class="menu-item-name">{{itemsub.typename}}</div>
           <div class="menu-item-total">{{itemsub.total}}</div>

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..73e8edf
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
new file mode 100644
index 0000000..dcce23f
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
Binary files differ
diff --git a/src/components/LayerManagerMix/index.vue b/src/components/LayerManagerMix/index.vue
index c287fe8..b04b74b 100644
--- a/src/components/LayerManagerMix/index.vue
+++ b/src/components/LayerManagerMix/index.vue
@@ -9,7 +9,8 @@
         </div>
         <div v-for="(itemsub,indexsub) in menus[item.value]" :key="item.value+indexsub" class="menu-item mix-item" v-show="open[index]" @click="menuClick(itemsub)">
           <div v-if="isNeedIcon" class="menu-item-icon"  :style="isNeedIcon ? `background: url(${require('@/assets/images/layerControl/'+itemsub.typename.replace(/ /g,'')+'.png')})` : ''"/>
-          <img v-else class="menu-item-icon" :src="itemsub.icon"  />
+          <img v-if="!isNeedIcon && itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
+          <div v-if="!isNeedIcon && !itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
 <!--          <div class="menu-item-icon" :style="`background: url('../../assets/images/layerControl/'${itemsub.typename}'.png')`"/>-->
           <div class="menu-item-name">{{itemsub.typename}}</div>
           <div class="menu-item-total">{{itemsub.total}}</div>
diff --git a/src/pages/ywts/zyhj/yl/Pop.vue b/src/pages/ywts/zyhj/yl/Pop.vue
new file mode 100644
index 0000000..eb4a4c4
--- /dev/null
+++ b/src/pages/ywts/zyhj/yl/Pop.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="bottom" :style="{ left: `${windowPostion.x}px`, top: `${windowPostion.y}px`, height: heightDict[gdInfo.showType]  }">
+    <i class="el-icon-close close-pop" @click="$emit('close')" />
+    <div class="list-down" style="width: 100%;margin: 0 auto;">
+      <div class="list-item">
+        <div style="width:100%;">
+          <div style="width: 100%">
+            <i class="el-icon-office-building item-line one-line" style="width: 100%;"><span style="margin-left: 5px">名称: {{ gdInfo.name }}</span></i>
+            <i class="el-icon-film item-line one-line" style="width: 100%;"><span style="margin-left: 5px">类型: {{ gdInfo.typename }}</span></i>
+            <i class="el-icon-news item-line one-line" style="width: 100%;"><span style="margin-left: 5px">状态: {{ gdInfo.statusname }}</span></i>
+            <i class="el-icon-location item-line one-line" style="width: 100%;" ><span style="margin-left: 5px">位置: {{ gdInfo.location }}
+              </span></i>
+              <video v-if="gdInfo.typename.includes('监控') && gdInfo.statusname=== '在线'" src="" width="100%" height="160px" controls muted autoplay style="margin-top: 10px;"></video>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { showPositin } from '@/utils/freedo/index'
+export default {
+  name: 'videoPop',
+  data() {
+    return {
+      titleImg: require('@/assets/images/popup/title.png'), // 背景图片
+      titleAll: require('@/assets/images/popup/title-all.png'),// 背景图片
+      list: ['', '', '', ''],
+      gdInfo: {},
+      windowPostion: { x: window.innerWidth - 165, y: window.innerHeight }, // 弹窗的位置
+      defaultPhoto: require('@/assets/images/global_images/photo_error.png'),
+      statusColor: {
+        1: '#a1a1a1',
+        2: '#f8e31a',
+        3: '#5ab1fc',
+        4: '#f89835',
+        5: '#3def83',
+      },
+      urgencyColor: {
+        'C': '#2f8d00',
+        'B': '#c4ad00',
+        'A': '#8d0000'
+      },
+      heightDict: {
+        normal: '135px',
+        video: '300px'
+      }
+    }
+  },
+  methods: {
+    initData(item) {
+      console.log(item, '弹窗内容')
+      if (!item.lon || !item.lat) { return }
+      showPositin(item.lon, item.lat)
+
+      if(item.typename.includes('监控') && item.statusname=== '在线') {
+        item.showType = 'video'
+      }
+      else {
+        item.showType = 'normal'
+      }
+      // 弹窗位置
+      if (window.localStorage.getItem('mousePosition')) {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      else {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      this.gdInfo = item
+      // window.addEventListener('mousemove', (event) => {
+      //   this.windowPostion = {
+      //     x: event.clientX - 165,
+      //     y: event.clientY - 250
+      //   }
+      // })
+    }
+  },
+  // mounted(){
+
+  // }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.children-item {
+  width: 96% !important;
+  margin: 10px auto !important;
+  color: #fff !important;
+  // border: 1px solid #fff;
+  border-radius: 6px;
+  padding: 10px;
+  box-sizing: border-box;
+
+}
+
+.bottom {
+  z-index: 111111111111;
+  width: 100%;
+  height: 160px;
+  width: 27rem;
+  position: absolute;
+  bottom: 10px;
+  left: 0px;
+  display: flex;
+  overflow: hidden;
+  padding: 10px;
+  padding-right: 20px;
+  background: url("../../../../assets/images/popup/case/事件看板背景.png") !important;
+  background-size: 100% 100% !important;
+  overflow: hidden;
+
+  .block {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 5px;
+    flex-direction: column;
+  }
+
+  .block1 {
+    width: 500px;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 10px;
+    flex-direction: column;
+  }
+
+  .title {
+    text-shadow: 0 0 5px #d1ffff;
+    height: 35px;
+    float: left;
+    text-align: left;
+    background-repeat: no-repeat;
+    -webkit-background-size: 100% 100%;
+    background-size: 100% 100% !important;
+    color: white;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-left: 30px;
+    font-family: 黑体;
+    letter-spacing: 1px;
+  }
+
+  .item-text {
+    text-shadow: 0 0 2px #d1ffff;
+    flex: 1;
+    font-weight: bold;
+    text-align: center;
+    font-size: 18px;
+  }
+
+  .base-map-image {
+    width: 60px;
+    height: 60px;
+  }
+
+  .num {
+    text-shadow: 0 0 5px #ffb441;
+    color: #ffb441;
+    font-size: 20px;
+    padding-top: 2px;
+  }
+
+  .unit {
+    color: #B3F3F6;
+    font-size: 14px;
+    margin-left: 1px;
+  }
+
+  .item {
+    width: 25%;
+    height: 32%;
+    display: flex;
+    justify-content: left;
+    align-items: center;
+  }
+}
+
+.list-down {
+  // margin-top: 10px;
+  // overflow-y: scroll;
+  width: 100%;
+  // height: calc(100% - 6rem);
+  padding: 0px 10px;
+}
+
+.list-item {
+  width: calc(100% - 35px);
+  // height: 12rem;
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  flex-wrap: wrap;
+  font-size: 1.4rem;
+  padding: 0.8rem 10px;
+  margin: 0.2rem 0rem;
+  letter-spacing: 2px;
+  cursor: pointer;
+  background-size: 100% 100% !important;
+  color: white;
+  border-top: 2px solid #0494f3;
+  border-radius: 10px;
+}
+
+.list-item:hover {
+  background-size: cover !important;
+  background: url('../../../../assets/images/right/选中.png') !important;
+  background-size: 100% 100% !important;
+}
+
+.item-title {
+  width: 90%;
+  text-align: left;
+  margin-bottom: 5px;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+
+.item-line {
+  display: flex;
+  font-size: 1.2rem;
+  color: #aed2f3;
+  padding-left: 20px;
+  line-height: 1.8rem;
+  width: 95%;
+  word-break: break-all;
+  text-align: left;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  /* 设置最大行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.colorbox-text {
+  background-color: #0a88fc;
+  border-radius: 10px;
+  color: white;
+  font-size: 1rem;
+  padding: 0rem 0.4rem;
+  margin-left: 5px;
+  text-align: center;
+  width: 5rem;
+  margin-bottom: 4px;
+  cursor: pointer;
+}
+
+.one-line {
+  display: block !important;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+</style>

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..73e8edf
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
new file mode 100644
index 0000000..dcce23f
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
Binary files differ
diff --git a/src/components/LayerManagerMix/index.vue b/src/components/LayerManagerMix/index.vue
index c287fe8..b04b74b 100644
--- a/src/components/LayerManagerMix/index.vue
+++ b/src/components/LayerManagerMix/index.vue
@@ -9,7 +9,8 @@
         </div>
         <div v-for="(itemsub,indexsub) in menus[item.value]" :key="item.value+indexsub" class="menu-item mix-item" v-show="open[index]" @click="menuClick(itemsub)">
           <div v-if="isNeedIcon" class="menu-item-icon"  :style="isNeedIcon ? `background: url(${require('@/assets/images/layerControl/'+itemsub.typename.replace(/ /g,'')+'.png')})` : ''"/>
-          <img v-else class="menu-item-icon" :src="itemsub.icon"  />
+          <img v-if="!isNeedIcon && itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
+          <div v-if="!isNeedIcon && !itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
 <!--          <div class="menu-item-icon" :style="`background: url('../../assets/images/layerControl/'${itemsub.typename}'.png')`"/>-->
           <div class="menu-item-name">{{itemsub.typename}}</div>
           <div class="menu-item-total">{{itemsub.total}}</div>
diff --git a/src/pages/ywts/zyhj/yl/Pop.vue b/src/pages/ywts/zyhj/yl/Pop.vue
new file mode 100644
index 0000000..eb4a4c4
--- /dev/null
+++ b/src/pages/ywts/zyhj/yl/Pop.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="bottom" :style="{ left: `${windowPostion.x}px`, top: `${windowPostion.y}px`, height: heightDict[gdInfo.showType]  }">
+    <i class="el-icon-close close-pop" @click="$emit('close')" />
+    <div class="list-down" style="width: 100%;margin: 0 auto;">
+      <div class="list-item">
+        <div style="width:100%;">
+          <div style="width: 100%">
+            <i class="el-icon-office-building item-line one-line" style="width: 100%;"><span style="margin-left: 5px">名称: {{ gdInfo.name }}</span></i>
+            <i class="el-icon-film item-line one-line" style="width: 100%;"><span style="margin-left: 5px">类型: {{ gdInfo.typename }}</span></i>
+            <i class="el-icon-news item-line one-line" style="width: 100%;"><span style="margin-left: 5px">状态: {{ gdInfo.statusname }}</span></i>
+            <i class="el-icon-location item-line one-line" style="width: 100%;" ><span style="margin-left: 5px">位置: {{ gdInfo.location }}
+              </span></i>
+              <video v-if="gdInfo.typename.includes('监控') && gdInfo.statusname=== '在线'" src="" width="100%" height="160px" controls muted autoplay style="margin-top: 10px;"></video>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { showPositin } from '@/utils/freedo/index'
+export default {
+  name: 'videoPop',
+  data() {
+    return {
+      titleImg: require('@/assets/images/popup/title.png'), // 背景图片
+      titleAll: require('@/assets/images/popup/title-all.png'),// 背景图片
+      list: ['', '', '', ''],
+      gdInfo: {},
+      windowPostion: { x: window.innerWidth - 165, y: window.innerHeight }, // 弹窗的位置
+      defaultPhoto: require('@/assets/images/global_images/photo_error.png'),
+      statusColor: {
+        1: '#a1a1a1',
+        2: '#f8e31a',
+        3: '#5ab1fc',
+        4: '#f89835',
+        5: '#3def83',
+      },
+      urgencyColor: {
+        'C': '#2f8d00',
+        'B': '#c4ad00',
+        'A': '#8d0000'
+      },
+      heightDict: {
+        normal: '135px',
+        video: '300px'
+      }
+    }
+  },
+  methods: {
+    initData(item) {
+      console.log(item, '弹窗内容')
+      if (!item.lon || !item.lat) { return }
+      showPositin(item.lon, item.lat)
+
+      if(item.typename.includes('监控') && item.statusname=== '在线') {
+        item.showType = 'video'
+      }
+      else {
+        item.showType = 'normal'
+      }
+      // 弹窗位置
+      if (window.localStorage.getItem('mousePosition')) {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      else {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      this.gdInfo = item
+      // window.addEventListener('mousemove', (event) => {
+      //   this.windowPostion = {
+      //     x: event.clientX - 165,
+      //     y: event.clientY - 250
+      //   }
+      // })
+    }
+  },
+  // mounted(){
+
+  // }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.children-item {
+  width: 96% !important;
+  margin: 10px auto !important;
+  color: #fff !important;
+  // border: 1px solid #fff;
+  border-radius: 6px;
+  padding: 10px;
+  box-sizing: border-box;
+
+}
+
+.bottom {
+  z-index: 111111111111;
+  width: 100%;
+  height: 160px;
+  width: 27rem;
+  position: absolute;
+  bottom: 10px;
+  left: 0px;
+  display: flex;
+  overflow: hidden;
+  padding: 10px;
+  padding-right: 20px;
+  background: url("../../../../assets/images/popup/case/事件看板背景.png") !important;
+  background-size: 100% 100% !important;
+  overflow: hidden;
+
+  .block {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 5px;
+    flex-direction: column;
+  }
+
+  .block1 {
+    width: 500px;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 10px;
+    flex-direction: column;
+  }
+
+  .title {
+    text-shadow: 0 0 5px #d1ffff;
+    height: 35px;
+    float: left;
+    text-align: left;
+    background-repeat: no-repeat;
+    -webkit-background-size: 100% 100%;
+    background-size: 100% 100% !important;
+    color: white;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-left: 30px;
+    font-family: 黑体;
+    letter-spacing: 1px;
+  }
+
+  .item-text {
+    text-shadow: 0 0 2px #d1ffff;
+    flex: 1;
+    font-weight: bold;
+    text-align: center;
+    font-size: 18px;
+  }
+
+  .base-map-image {
+    width: 60px;
+    height: 60px;
+  }
+
+  .num {
+    text-shadow: 0 0 5px #ffb441;
+    color: #ffb441;
+    font-size: 20px;
+    padding-top: 2px;
+  }
+
+  .unit {
+    color: #B3F3F6;
+    font-size: 14px;
+    margin-left: 1px;
+  }
+
+  .item {
+    width: 25%;
+    height: 32%;
+    display: flex;
+    justify-content: left;
+    align-items: center;
+  }
+}
+
+.list-down {
+  // margin-top: 10px;
+  // overflow-y: scroll;
+  width: 100%;
+  // height: calc(100% - 6rem);
+  padding: 0px 10px;
+}
+
+.list-item {
+  width: calc(100% - 35px);
+  // height: 12rem;
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  flex-wrap: wrap;
+  font-size: 1.4rem;
+  padding: 0.8rem 10px;
+  margin: 0.2rem 0rem;
+  letter-spacing: 2px;
+  cursor: pointer;
+  background-size: 100% 100% !important;
+  color: white;
+  border-top: 2px solid #0494f3;
+  border-radius: 10px;
+}
+
+.list-item:hover {
+  background-size: cover !important;
+  background: url('../../../../assets/images/right/选中.png') !important;
+  background-size: 100% 100% !important;
+}
+
+.item-title {
+  width: 90%;
+  text-align: left;
+  margin-bottom: 5px;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+
+.item-line {
+  display: flex;
+  font-size: 1.2rem;
+  color: #aed2f3;
+  padding-left: 20px;
+  line-height: 1.8rem;
+  width: 95%;
+  word-break: break-all;
+  text-align: left;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  /* 设置最大行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.colorbox-text {
+  background-color: #0a88fc;
+  border-radius: 10px;
+  color: white;
+  font-size: 1rem;
+  padding: 0rem 0.4rem;
+  margin-left: 5px;
+  text-align: center;
+  width: 5rem;
+  margin-bottom: 4px;
+  cursor: pointer;
+}
+
+.one-line {
+  display: block !important;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+</style>
diff --git a/src/pages/ywts/zyhj/yl/data.js b/src/pages/ywts/zyhj/yl/data.js
new file mode 100644
index 0000000..38184ce
--- /dev/null
+++ b/src/pages/ywts/zyhj/yl/data.js
@@ -0,0 +1,28 @@
+const iconCQJK = require('@/assets/images/icon/园林/虫情监控.png')
+const iconSB= require('@/assets/images/icon/园林/水表.png')
+const iconTR= require('@/assets/images/icon/园林/土壤湿度.png')
+const iconHJ= require('@/assets/images/icon/园林/环监在线.png')
+const iconVideo= require('@/assets/images/icon/园林/园林视频在线.png')
+const iconVideoOff= require('@/assets/images/icon/园林/园林视频离线.png')
+export const iconDict = {
+  智慧虫情监测: iconCQJK,
+  智慧断路器: iconCQJK,
+  水质监测: iconSB,
+  智慧水表: iconSB,
+  土壤温湿: iconTR,
+  环境监测: iconHJ,
+}
+
+export const iconFilter = (name, status) => {
+   if(name === '智慧监控') {
+     if (status === '在线') {
+       return iconVideo
+     }
+     else {
+       return iconVideoOff
+     }
+   }
+   else {
+    return iconDict[name]
+   }
+}

diff --git a/src/api/ywts/zyhj/yl.js b/src/api/ywts/zyhj/yl.js
index 7b5d01b..530fdf8 100644
--- a/src/api/ywts/zyhj/yl.js
+++ b/src/api/ywts/zyhj/yl.js
@@ -4,11 +4,11 @@
 import request from '@/utils/request'
 
 // 园林-设备点位列表
-export function getDevice(params) {
+export function getDevice(data) {
   return request({
-    url: 'api/park/caseLotList',
-    method: 'get',
-    params
+    url: 'zhyl-gktjljk/zhyl/sbdwlb',
+    method: 'post',
+    data
   })
 }
 // 园林-点位列表
@@ -67,3 +67,26 @@
     data,
   })
 }
+// 园林事件
+export function getCaseList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjdwlb',
+    method: 'post',
+    data,
+  })
+}
+export function getCasePageList(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjlbfy',
+    method: 'post',
+    data,
+  })
+}
+
+export function getCaseInfo(data) {
+  return request({
+    url: 'zhyl-gktjljk/zhyl/sjxq',
+    method: 'post',
+    data,
+  })
+}
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..4e6914a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
new file mode 100644
index 0000000..c70a959
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\233\255\346\236\227\350\247\206\351\242\221\347\246\273\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
new file mode 100644
index 0000000..56d2354
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\345\234\237\345\243\244\346\271\277\345\272\246.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
new file mode 100644
index 0000000..25bc09d
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\231\272\346\205\247\345\267\245\347\211\214.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
new file mode 100644
index 0000000..b81b41a
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\346\260\264\350\241\250.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
new file mode 100644
index 0000000..73e8edf
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\347\216\257\347\233\221\345\234\250\347\272\277.png"
Binary files differ
diff --git "a/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png" "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
new file mode 100644
index 0000000..dcce23f
--- /dev/null
+++ "b/src/assets/images/icon/\345\233\255\346\236\227/\350\231\253\346\203\205\347\233\221\346\216\247.png"
Binary files differ
diff --git a/src/components/LayerManagerMix/index.vue b/src/components/LayerManagerMix/index.vue
index c287fe8..b04b74b 100644
--- a/src/components/LayerManagerMix/index.vue
+++ b/src/components/LayerManagerMix/index.vue
@@ -9,7 +9,8 @@
         </div>
         <div v-for="(itemsub,indexsub) in menus[item.value]" :key="item.value+indexsub" class="menu-item mix-item" v-show="open[index]" @click="menuClick(itemsub)">
           <div v-if="isNeedIcon" class="menu-item-icon"  :style="isNeedIcon ? `background: url(${require('@/assets/images/layerControl/'+itemsub.typename.replace(/ /g,'')+'.png')})` : ''"/>
-          <img v-else class="menu-item-icon" :src="itemsub.icon"  />
+          <img v-if="!isNeedIcon && itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
+          <div v-if="!isNeedIcon && !itemsub.icon" class="menu-item-icon" :src="itemsub.icon"  />
 <!--          <div class="menu-item-icon" :style="`background: url('../../assets/images/layerControl/'${itemsub.typename}'.png')`"/>-->
           <div class="menu-item-name">{{itemsub.typename}}</div>
           <div class="menu-item-total">{{itemsub.total}}</div>
diff --git a/src/pages/ywts/zyhj/yl/Pop.vue b/src/pages/ywts/zyhj/yl/Pop.vue
new file mode 100644
index 0000000..eb4a4c4
--- /dev/null
+++ b/src/pages/ywts/zyhj/yl/Pop.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="bottom" :style="{ left: `${windowPostion.x}px`, top: `${windowPostion.y}px`, height: heightDict[gdInfo.showType]  }">
+    <i class="el-icon-close close-pop" @click="$emit('close')" />
+    <div class="list-down" style="width: 100%;margin: 0 auto;">
+      <div class="list-item">
+        <div style="width:100%;">
+          <div style="width: 100%">
+            <i class="el-icon-office-building item-line one-line" style="width: 100%;"><span style="margin-left: 5px">名称: {{ gdInfo.name }}</span></i>
+            <i class="el-icon-film item-line one-line" style="width: 100%;"><span style="margin-left: 5px">类型: {{ gdInfo.typename }}</span></i>
+            <i class="el-icon-news item-line one-line" style="width: 100%;"><span style="margin-left: 5px">状态: {{ gdInfo.statusname }}</span></i>
+            <i class="el-icon-location item-line one-line" style="width: 100%;" ><span style="margin-left: 5px">位置: {{ gdInfo.location }}
+              </span></i>
+              <video v-if="gdInfo.typename.includes('监控') && gdInfo.statusname=== '在线'" src="" width="100%" height="160px" controls muted autoplay style="margin-top: 10px;"></video>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { showPositin } from '@/utils/freedo/index'
+export default {
+  name: 'videoPop',
+  data() {
+    return {
+      titleImg: require('@/assets/images/popup/title.png'), // 背景图片
+      titleAll: require('@/assets/images/popup/title-all.png'),// 背景图片
+      list: ['', '', '', ''],
+      gdInfo: {},
+      windowPostion: { x: window.innerWidth - 165, y: window.innerHeight }, // 弹窗的位置
+      defaultPhoto: require('@/assets/images/global_images/photo_error.png'),
+      statusColor: {
+        1: '#a1a1a1',
+        2: '#f8e31a',
+        3: '#5ab1fc',
+        4: '#f89835',
+        5: '#3def83',
+      },
+      urgencyColor: {
+        'C': '#2f8d00',
+        'B': '#c4ad00',
+        'A': '#8d0000'
+      },
+      heightDict: {
+        normal: '135px',
+        video: '300px'
+      }
+    }
+  },
+  methods: {
+    initData(item) {
+      console.log(item, '弹窗内容')
+      if (!item.lon || !item.lat) { return }
+      showPositin(item.lon, item.lat)
+
+      if(item.typename.includes('监控') && item.statusname=== '在线') {
+        item.showType = 'video'
+      }
+      else {
+        item.showType = 'normal'
+      }
+      // 弹窗位置
+      if (window.localStorage.getItem('mousePosition')) {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      else {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      this.gdInfo = item
+      // window.addEventListener('mousemove', (event) => {
+      //   this.windowPostion = {
+      //     x: event.clientX - 165,
+      //     y: event.clientY - 250
+      //   }
+      // })
+    }
+  },
+  // mounted(){
+
+  // }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.children-item {
+  width: 96% !important;
+  margin: 10px auto !important;
+  color: #fff !important;
+  // border: 1px solid #fff;
+  border-radius: 6px;
+  padding: 10px;
+  box-sizing: border-box;
+
+}
+
+.bottom {
+  z-index: 111111111111;
+  width: 100%;
+  height: 160px;
+  width: 27rem;
+  position: absolute;
+  bottom: 10px;
+  left: 0px;
+  display: flex;
+  overflow: hidden;
+  padding: 10px;
+  padding-right: 20px;
+  background: url("../../../../assets/images/popup/case/事件看板背景.png") !important;
+  background-size: 100% 100% !important;
+  overflow: hidden;
+
+  .block {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 5px;
+    flex-direction: column;
+  }
+
+  .block1 {
+    width: 500px;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 10px;
+    flex-direction: column;
+  }
+
+  .title {
+    text-shadow: 0 0 5px #d1ffff;
+    height: 35px;
+    float: left;
+    text-align: left;
+    background-repeat: no-repeat;
+    -webkit-background-size: 100% 100%;
+    background-size: 100% 100% !important;
+    color: white;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-left: 30px;
+    font-family: 黑体;
+    letter-spacing: 1px;
+  }
+
+  .item-text {
+    text-shadow: 0 0 2px #d1ffff;
+    flex: 1;
+    font-weight: bold;
+    text-align: center;
+    font-size: 18px;
+  }
+
+  .base-map-image {
+    width: 60px;
+    height: 60px;
+  }
+
+  .num {
+    text-shadow: 0 0 5px #ffb441;
+    color: #ffb441;
+    font-size: 20px;
+    padding-top: 2px;
+  }
+
+  .unit {
+    color: #B3F3F6;
+    font-size: 14px;
+    margin-left: 1px;
+  }
+
+  .item {
+    width: 25%;
+    height: 32%;
+    display: flex;
+    justify-content: left;
+    align-items: center;
+  }
+}
+
+.list-down {
+  // margin-top: 10px;
+  // overflow-y: scroll;
+  width: 100%;
+  // height: calc(100% - 6rem);
+  padding: 0px 10px;
+}
+
+.list-item {
+  width: calc(100% - 35px);
+  // height: 12rem;
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  flex-wrap: wrap;
+  font-size: 1.4rem;
+  padding: 0.8rem 10px;
+  margin: 0.2rem 0rem;
+  letter-spacing: 2px;
+  cursor: pointer;
+  background-size: 100% 100% !important;
+  color: white;
+  border-top: 2px solid #0494f3;
+  border-radius: 10px;
+}
+
+.list-item:hover {
+  background-size: cover !important;
+  background: url('../../../../assets/images/right/选中.png') !important;
+  background-size: 100% 100% !important;
+}
+
+.item-title {
+  width: 90%;
+  text-align: left;
+  margin-bottom: 5px;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+
+.item-line {
+  display: flex;
+  font-size: 1.2rem;
+  color: #aed2f3;
+  padding-left: 20px;
+  line-height: 1.8rem;
+  width: 95%;
+  word-break: break-all;
+  text-align: left;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  /* 设置最大行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.colorbox-text {
+  background-color: #0a88fc;
+  border-radius: 10px;
+  color: white;
+  font-size: 1rem;
+  padding: 0rem 0.4rem;
+  margin-left: 5px;
+  text-align: center;
+  width: 5rem;
+  margin-bottom: 4px;
+  cursor: pointer;
+}
+
+.one-line {
+  display: block !important;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+</style>
diff --git a/src/pages/ywts/zyhj/yl/data.js b/src/pages/ywts/zyhj/yl/data.js
new file mode 100644
index 0000000..38184ce
--- /dev/null
+++ b/src/pages/ywts/zyhj/yl/data.js
@@ -0,0 +1,28 @@
+const iconCQJK = require('@/assets/images/icon/园林/虫情监控.png')
+const iconSB= require('@/assets/images/icon/园林/水表.png')
+const iconTR= require('@/assets/images/icon/园林/土壤湿度.png')
+const iconHJ= require('@/assets/images/icon/园林/环监在线.png')
+const iconVideo= require('@/assets/images/icon/园林/园林视频在线.png')
+const iconVideoOff= require('@/assets/images/icon/园林/园林视频离线.png')
+export const iconDict = {
+  智慧虫情监测: iconCQJK,
+  智慧断路器: iconCQJK,
+  水质监测: iconSB,
+  智慧水表: iconSB,
+  土壤温湿: iconTR,
+  环境监测: iconHJ,
+}
+
+export const iconFilter = (name, status) => {
+   if(name === '智慧监控') {
+     if (status === '在线') {
+       return iconVideo
+     }
+     else {
+       return iconVideoOff
+     }
+   }
+   else {
+    return iconDict[name]
+   }
+}
diff --git a/src/pages/ywts/zyhj/yl/index.vue b/src/pages/ywts/zyhj/yl/index.vue
index eca08bf..674b15c 100644
--- a/src/pages/ywts/zyhj/yl/index.vue
+++ b/src/pages/ywts/zyhj/yl/index.vue
@@ -3,8 +3,8 @@
     <div class="video-menu">
       <common-btn id="ylBtn" :select="selectIndex === 'ylBtn'" :bg="yl" :bg-hover="ylHover" width="5" height="5"
         text-hover="园林" @click="btnClick" />
-      <layer-manager-mix title="园林设备" :menu-tab="menuTab" :menus="menus" :select="selectIndex === 'layerBtn'"
-        @btnClick="btnClick" @menuClick="layer" />
+      <layer-manager-mix title="园林设备" :isNeedIcon="false" :menu-tab="menuTab" :menus="menus" :select="selectIndex === 'layerBtn'"
+        @btnClick="btnClick" @menuClick="menuClick" />
       <common-btn id="caseBtn" :select="selectIndex === 'caseBtn'" :bg="caseBg" :bg-hover="caseHover" width="5" height="5"
         text-hover="园林事件" @click="btnClick" />
       <time-manager v-show="selectIndex === 'caseBtn'" @handleTimeRange="handleTimeRange" />
@@ -12,6 +12,8 @@
     <yl-pop ref="ylPop" v-if="isShow" @close="isShow = false" />
     <list-page title="监测事件" :list="caseList" :query="caseListQuery" :total="caseTotal" @change="changePage"
       v-show="isListPage" @close="isListPage = false" />
+      <!-- 信息窗体 -->
+    <Pop ref="pop" v-if="showPop" @close="showPop = false" />
   </div>
 </template>
 
@@ -20,29 +22,32 @@
 import LayerManagerMix from "@/components/LayerManagerMix";
 import TimeManager from "@/components/TimeManager";
 import YlPop from "./ylPop";
+import Pop from './Pop.vue'
 import { heat } from '@/utils/freedo/heat'
 import { clearUpMap, clearResetMap, AddLabelPoint } from '@/utils/freedo'
-import {
-  getHeat,
-  getArea,
-  getDevList,
-  getStatistics,
-  getCasePointList, getCaseInfo
-} from "../../../../api/ywts/cszl/gd";
+// import {
+//   getHeat,
+//   getArea,
+//   getDevList,
+//   getStatistics,
+//   getCasePointList, getCaseInfo
+// } from "../../../../api/ywts/cszl/gd";
 import { getPointList } from '@/api/ywts/zyhj/yl'
 import { AddDivPointHighlight, AddLabel } from "../../../../utils/freedo";
-import { getDevice } from '@/api/ywts/zyhj/yl'
+import { getDevice, getCaseList, getCaseInfo } from '@/api/ywts/zyhj/yl'
+import { iconFilter } from './data'
 import ListPage from "@/components/ListPage";
 
 export default {
   name: 'Yl',
-  components: { YlPop, TimeManager, LayerManagerMix, ListPage, CommonBtn },
+  components: { YlPop, TimeManager, LayerManagerMix, ListPage, CommonBtn, Pop },
   data() {
     return {
       isListPage: false,
       ktSelect: '',
       isShow: false,
       selectIndex: 'ylBtn',
+      currentSelect: '',
       caseList: [],
       caseListQuery: {
         startTime: '',
@@ -52,6 +57,7 @@
         pageSize: 5
       },
       caseTotal: 0,
+      showPop: false,
       caseIcon: {
         1: require('@/assets/images/icon/事件/已撤案.png'),
         2: require('@/assets/images/icon/事件/指派中.png'),
@@ -70,6 +76,8 @@
         startTime: '',
         endTime: '',
       },
+      markerList: [],
+      markerListBak: [],
       preCase: null,
       yl: require('@/assets/images/function/园林/园林未选中.png'),
       ylHover: require('@/assets/images/function/园林/园林选中.png'),
@@ -86,17 +94,17 @@
       ],
       menus: {
         device: [
-          {
-            type: "1", typename: "球机", total: "111",
-            children: [
-              {
-                typename: '球机',
-                name: '111球机',
-                lng: '114.864044',
-                lat: '25.764514',
-              },
-            ]
-          },
+          // {
+          //   type: "1", typename: "球机", total: "111",
+          //   children: [
+          //     {
+          //       typename: '球机',
+          //       name: '111球机',
+          //       lng: '114.864044',
+          //       lat: '25.764514',
+          //     },
+          //   ]
+          // },
         ],
         // others: [
         //   {type : "1", typename: "****设备", total: "111"},
@@ -106,6 +114,7 @@
     }
   },
   mounted() {
+    clearResetMap()
     this.fetchPoinitList()
   },
   methods: {
@@ -114,6 +123,7 @@
       clearResetMap()
       this.isListPage = false
       this.isShow = false
+      this.showPop = false
       this.selectIndex = e.target.id
       switch (this.selectIndex) {
         case "caseBtn":
@@ -133,7 +143,7 @@
           break
         case "layerBtn":
           // 获取园林设备数据
-          this.fetchDeviceList()
+          this.fetchDeviceList({})
           break
       }
     },
@@ -159,15 +169,17 @@
     // 事件点位
     casePoint() {
       console.log(this.time)
-      getCasePointList(this.time).then(response => {
+      getCaseList(this.time).then(response => {
+        console.log(response.data, '点位数据')
         if (response.code === 200) {
-          clearUpMap()
+          clearResetMap()
           const data = []
           response.data.value.forEach(item => {
-            if (!data.map(da => da.id).includes(item.id) && !data.map(da => da.lon).includes(item.lon) && item.id !== null) {
+            if (item.id && item.lon && item.lat) {
               data.push(item)
             }
           })
+          console.log(data, '事件点位')
           data.forEach(item => {
             AddLabelPoint(
               item.id,
@@ -253,7 +265,7 @@
           this.caseList = response.data.value
           // todo
           // this.caseTotal  = response.data.value.length
-          this.caseTotal = 12
+          this.caseTotal = response.data.valueSize
         }
       })
     },
@@ -273,8 +285,74 @@
     fetchDeviceList(params) {
       getDevice(params).then(res => {
         console.log(res.data, '园林设备')
+        const initData = res.data.value.filter(item => item.lon && item.lat)
+        const typeName = Array.from(new Set(res.data.value.filter(item => item.lon && item.lat).map((item) => item.typename)))
+        this.menus.device = typeName.map(item => {
+          return {
+            typename: item,
+            total: initData.filter(citem => citem.typename === item).length,
+            type: initData.filter(citem => citem.typename === item)[0].type,
+            list: initData.filter(citem => citem.typename === item),
+          }
+        })
+        // 绘制
+        this.markerList = initData
+        this.markerListBak = JSON.parse(JSON.stringify(initData))
+        this.markerList.forEach(item => {
+          AddLabelPoint(
+            item.id || new Date().getTime(),
+            item.name,
+            iconFilter(item.typename, item.statusname),
+            [item.lon, item.lat, 0], 'gd', item,
+            this.clickMarker
+          )
+        })
+
       })
     },
+    menuClick(e) {
+      console.log(e, '123')
+      clearResetMap()
+      this.showPop = false
+      if (this.currentSelect === e.typename) {
+        //  退出筛选
+        this.markerList = this.markerListBak
+        this.currentSelect = ''
+      }
+      else {
+        this.markerList = this.markerListBak.filter((item) => item.typename === e.typename)
+        this.currentSelect = e.typename
+      }
+      this.markerList.forEach(item => {
+        AddLabelPoint(
+          item.id || new Date().getTime(),
+          item.name,
+          iconFilter(item.typename, item.statusname),
+          [item.lon, item.lat, 0], 'gd', item,
+          this.clickMarker
+        )
+      })
+    },
+    // 点击点位
+    clickMarker(eventArg) {
+      const showPop = (e) => {
+        const item = e._data.data
+        this.showPop = true
+        // console.log(this.$refs.popRef)
+        this.$nextTick(() => {
+          this.$refs.pop.initData(item)
+        })
+      }
+      if (this.showPop) {
+        this.showPop = false
+        setTimeout(() => {
+          showPop(eventArg)
+        }, 100);
+      }
+      else {
+        showPop(eventArg)
+      }
+    },
     // 获取园林点位
     fetchPoinitList() {
       getPointList({}).then(res => {