diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ
diff --git a/src/assets/global_images/on.png b/src/assets/global_images/on.png
new file mode 100644
index 0000000..3aa5b7d
--- /dev/null
+++ b/src/assets/global_images/on.png
Binary files differ

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ
diff --git a/src/assets/global_images/on.png b/src/assets/global_images/on.png
new file mode 100644
index 0000000..3aa5b7d
--- /dev/null
+++ b/src/assets/global_images/on.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index b67baa9..805197a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -28,6 +28,24 @@
  * 静态路由
  */
 export const constantRouterMap = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/overview',
+    name: 'Overview',
+    meta: {
+      title: '地图总览',
+      icon: 'icon-map' // 图标
+    },
+    children: [
+      {
+        path: '/overview',
+        name: 'Overview',
+        component: () => import('@/views/overview/listoverview.vue'),
+        meta: { title: '地图总览', icon: '' }
+      }
+    ]
+  },
   { // 重定向
     path: '/redirect',
     component: Layout,
@@ -44,7 +62,7 @@
   { path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
   // 404错误页面
   { path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
-  // 401 错误页面
+  // // 401 错误页面
   { path: '/401', component: () => import('@/views/errorPage/401'), hidden: true }
 ]
 // 实例化vue的时候直挂载constantRouter

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ
diff --git a/src/assets/global_images/on.png b/src/assets/global_images/on.png
new file mode 100644
index 0000000..3aa5b7d
--- /dev/null
+++ b/src/assets/global_images/on.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index b67baa9..805197a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -28,6 +28,24 @@
  * 静态路由
  */
 export const constantRouterMap = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/overview',
+    name: 'Overview',
+    meta: {
+      title: '地图总览',
+      icon: 'icon-map' // 图标
+    },
+    children: [
+      {
+        path: '/overview',
+        name: 'Overview',
+        component: () => import('@/views/overview/listoverview.vue'),
+        meta: { title: '地图总览', icon: '' }
+      }
+    ]
+  },
   { // 重定向
     path: '/redirect',
     component: Layout,
@@ -44,7 +62,7 @@
   { path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
   // 404错误页面
   { path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
-  // 401 错误页面
+  // // 401 错误页面
   { path: '/401', component: () => import('@/views/errorPage/401'), hidden: true }
 ]
 // 实例化vue的时候直挂载constantRouter
diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index 8daffc3..d00448c 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -1,6 +1,4 @@
 // 初始化控件
-import de from "element-ui/src/locale/lang/de";
-
 export function initPlugin(iWndowType, id, bWndFull, callback, cbDoubleClickWnd) {
   // 检查浏览器是否支持无插件
   // if (!WebVideoCtrl.I_SupportNoPlugin()) {

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ
diff --git a/src/assets/global_images/on.png b/src/assets/global_images/on.png
new file mode 100644
index 0000000..3aa5b7d
--- /dev/null
+++ b/src/assets/global_images/on.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index b67baa9..805197a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -28,6 +28,24 @@
  * 静态路由
  */
 export const constantRouterMap = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/overview',
+    name: 'Overview',
+    meta: {
+      title: '地图总览',
+      icon: 'icon-map' // 图标
+    },
+    children: [
+      {
+        path: '/overview',
+        name: 'Overview',
+        component: () => import('@/views/overview/listoverview.vue'),
+        meta: { title: '地图总览', icon: '' }
+      }
+    ]
+  },
   { // 重定向
     path: '/redirect',
     component: Layout,
@@ -44,7 +62,7 @@
   { path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
   // 404错误页面
   { path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
-  // 401 错误页面
+  // // 401 错误页面
   { path: '/401', component: () => import('@/views/errorPage/401'), hidden: true }
 ]
 // 实例化vue的时候直挂载constantRouter
diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index 8daffc3..d00448c 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -1,6 +1,4 @@
 // 初始化控件
-import de from "element-ui/src/locale/lang/de";
-
 export function initPlugin(iWndowType, id, bWndFull, callback, cbDoubleClickWnd) {
   // 检查浏览器是否支持无插件
   // if (!WebVideoCtrl.I_SupportNoPlugin()) {
diff --git a/src/views/overview/listoverview.vue b/src/views/overview/listoverview.vue
index 32c8913..b51764c 100644
--- a/src/views/overview/listoverview.vue
+++ b/src/views/overview/listoverview.vue
@@ -26,8 +26,9 @@
       </el-form>
     </div>
     <div id="map" style="height: calc(100vh - 120px)">
+      <video-com v-if="showVideo" :device-info="deviceInfo" ref="videoRef" style="position: absolute;top: 0px;z-index: 9999999; right: 0px;background-color: rgba(238, 238, 238, 0.93);"/>
       <!--查询结果Table显示-->
-      <div slot="header" class="rightcard" >
+      <!-- <div slot="header" class="rightcard" >
         <el-row>
           <el-col :span="4">
             <div style="font-size: 14px;padding-top: 10px;padding-left: 20px">在线：{{ online }}</div>
@@ -54,6 +55,22 @@
           </el-col>
         </el-row>
 
+      </div> -->
+      <div style="position: absolute;bottom: 10px;z-index: 9999999; left: 20px;background-color: rgba(238, 238, 238, 0.93);width: 300px;">
+        <el-row>
+          <el-col :span="12">
+            <div style="font-size: 14px;padding-top: 10px;padding-left: 20px;display: flex;align-items: center;">
+              <img src="../../assets/global_images/on.png" style="width: 30px;height: 30px;;">
+              <span>在线：{{ online }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div style="font-size: 14px;padding-top: 10px;display: flex;align-items: center;">
+              <img src="../../assets/global_images/off.png" style="width: 30px;height: 30px;;">
+              <span>离线：{{ offline }}</span>
+            </div>
+          </el-col>
+          </el-row>
       </div>
       <div slot="header" class="table-title" @click="tableclick">
         <div class="table-name" style="color: white">
@@ -92,16 +109,17 @@
 import { getOverviewList, getOverviewAllList } from '@/api/overview'
 import { offlineCount } from '@/api/device'
 import { getDictByCode } from '@/api/system/dict'
-import DeptSelect from '@/components/DeptSelect'
 import L from 'leaflet'
 import 'leaflet/dist/leaflet.css'
 import 'leaflet-rotatedmarker/leaflet.rotatedMarker.js'
 import { getDeviceListPage, getDeviceList } from '@/api/device'
+import VideoCom from './video.vue'
 export default {
   name: 'ListOverview',
-  components: { DeptSelect },
+  components: { VideoCom },
   data() {
     return {
+      deviceInfo: {},
       dialogFormVisible: false, // 是否显示编辑框
       refresh: '30',
       online: 0,
@@ -158,14 +176,16 @@
       // listLoading: true, // 加载动画
       fullscreenLoading: false, // 全屏加载动画
       cartypelist: [], // 类型列表
-      deptlist: [] // 类型列表
+      deptlist: [], // 类型列表
+      showVideo: false // 是否显示视频组件
     }
   },
   watch: {
     sec(val) {
       if (val === 0) {
         this.sec = Number(this.refresh)
-        this.fetchData()
+        // 隐藏自动刷新
+        // this.fetchData()
       }
     }
   },
@@ -338,17 +358,18 @@
           for (var i = 0; i < this.alllist.length; i++) {
             if (this.alllist[i].statusName === '在线') {
               Icon = L.icon({
-                iconUrl: require('../../assets/global_images/online.png'),
-                iconSize: [40, 40]
+                iconUrl: require('../../assets/global_images/on.png'),
+                iconSize: [30, 30]
               })
             } else if (this.alllist[i].statusName === '离线') {
               Icon = L.icon({
-                iconUrl: require('../../assets/global_images/offline.png'),
-                iconSize: [40, 40]
+                iconUrl: require('../../assets/global_images/off.png'),
+                iconSize: [30, 30]
               })
             }
             var myIcon = L.divIcon({
-              html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].devCode + '_' + this.alllist[i].remarks + '</div>',
+              // html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].devCode + '_' + this.alllist[i].remarks + '</div>',
+              html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].remarks + '</div>',
               className: '',
               iconSize: [100, 15]
             })
@@ -363,8 +384,10 @@
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">安装时间</label>' + this.alllist[i].installTime + '</div>' +
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">详细位置</label>' + this.alllist[i].detailLocation + '</div>' +
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">备注</label>' + this.alllist[i].remarks + '</div>' +
-              '<div style="padding-top: 8px"></div></div>'
-            // <button style="margin-left: 80px;background-color: #42b983;border-color: #42b983;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="btndetail">详情</button>
+              '<div style="padding-top: 8px"></div></div>' +
+            '<button style="cursor:pointer;margin-left: 50px;background-color: #409eff;border-color: #409eff;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="buttonVideo">播放视频</button>' +
+            '<button style="cursor:pointer;margin-left: 80px;background-color: #909399;border-color: #909399;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="buttonCancle">关闭视频</button>'
+            // '<button style="margin-left: 80px;background-color: #42b983;border-color: #42b983;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="btndetail">详情</button>'
             var popup = L.popup().setContent(str)
             var marker = L.marker([this.alllist[i].latitude, this.alllist[i].longitude], {
               icon: Icon,
@@ -374,8 +397,21 @@
             }).addTo(this.map).bindPopup(popup)
             var that = this
             marker.on('click', function(e) {
-              document.getElementById('btndetail').onclick = function() {
-                that.detail(e.sourceTarget.options.slug.carId)
+              // document.getElementById('btndetail').onclick = function() {
+              //   console.log('详情', e.sourceTarget.options);
+              //   // that.detail(e.sourceTarget.options.slug.carId)
+              // }
+              console.log('marker click', e.sourceTarget.options.slug)
+              document.getElementById('buttonVideo').onclick = function() {
+                // that.detail(e.sourceTarget.options.slug.carId)
+                that.showVideo = true
+                that.deviceInfo = e.sourceTarget.options.slug
+                console.log('父组件设备信息', that.deviceInfo)
+              }
+
+              document.getElementById('buttonCancle').onclick = function() {
+                console.log('关闭')
+                that.showVideo = false
               }
             })
           }

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ
diff --git a/src/assets/global_images/on.png b/src/assets/global_images/on.png
new file mode 100644
index 0000000..3aa5b7d
--- /dev/null
+++ b/src/assets/global_images/on.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index b67baa9..805197a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -28,6 +28,24 @@
  * 静态路由
  */
 export const constantRouterMap = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/overview',
+    name: 'Overview',
+    meta: {
+      title: '地图总览',
+      icon: 'icon-map' // 图标
+    },
+    children: [
+      {
+        path: '/overview',
+        name: 'Overview',
+        component: () => import('@/views/overview/listoverview.vue'),
+        meta: { title: '地图总览', icon: '' }
+      }
+    ]
+  },
   { // 重定向
     path: '/redirect',
     component: Layout,
@@ -44,7 +62,7 @@
   { path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
   // 404错误页面
   { path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
-  // 401 错误页面
+  // // 401 错误页面
   { path: '/401', component: () => import('@/views/errorPage/401'), hidden: true }
 ]
 // 实例化vue的时候直挂载constantRouter
diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index 8daffc3..d00448c 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -1,6 +1,4 @@
 // 初始化控件
-import de from "element-ui/src/locale/lang/de";
-
 export function initPlugin(iWndowType, id, bWndFull, callback, cbDoubleClickWnd) {
   // 检查浏览器是否支持无插件
   // if (!WebVideoCtrl.I_SupportNoPlugin()) {
diff --git a/src/views/overview/listoverview.vue b/src/views/overview/listoverview.vue
index 32c8913..b51764c 100644
--- a/src/views/overview/listoverview.vue
+++ b/src/views/overview/listoverview.vue
@@ -26,8 +26,9 @@
       </el-form>
     </div>
     <div id="map" style="height: calc(100vh - 120px)">
+      <video-com v-if="showVideo" :device-info="deviceInfo" ref="videoRef" style="position: absolute;top: 0px;z-index: 9999999; right: 0px;background-color: rgba(238, 238, 238, 0.93);"/>
       <!--查询结果Table显示-->
-      <div slot="header" class="rightcard" >
+      <!-- <div slot="header" class="rightcard" >
         <el-row>
           <el-col :span="4">
             <div style="font-size: 14px;padding-top: 10px;padding-left: 20px">在线：{{ online }}</div>
@@ -54,6 +55,22 @@
           </el-col>
         </el-row>
 
+      </div> -->
+      <div style="position: absolute;bottom: 10px;z-index: 9999999; left: 20px;background-color: rgba(238, 238, 238, 0.93);width: 300px;">
+        <el-row>
+          <el-col :span="12">
+            <div style="font-size: 14px;padding-top: 10px;padding-left: 20px;display: flex;align-items: center;">
+              <img src="../../assets/global_images/on.png" style="width: 30px;height: 30px;;">
+              <span>在线：{{ online }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div style="font-size: 14px;padding-top: 10px;display: flex;align-items: center;">
+              <img src="../../assets/global_images/off.png" style="width: 30px;height: 30px;;">
+              <span>离线：{{ offline }}</span>
+            </div>
+          </el-col>
+          </el-row>
       </div>
       <div slot="header" class="table-title" @click="tableclick">
         <div class="table-name" style="color: white">
@@ -92,16 +109,17 @@
 import { getOverviewList, getOverviewAllList } from '@/api/overview'
 import { offlineCount } from '@/api/device'
 import { getDictByCode } from '@/api/system/dict'
-import DeptSelect from '@/components/DeptSelect'
 import L from 'leaflet'
 import 'leaflet/dist/leaflet.css'
 import 'leaflet-rotatedmarker/leaflet.rotatedMarker.js'
 import { getDeviceListPage, getDeviceList } from '@/api/device'
+import VideoCom from './video.vue'
 export default {
   name: 'ListOverview',
-  components: { DeptSelect },
+  components: { VideoCom },
   data() {
     return {
+      deviceInfo: {},
       dialogFormVisible: false, // 是否显示编辑框
       refresh: '30',
       online: 0,
@@ -158,14 +176,16 @@
       // listLoading: true, // 加载动画
       fullscreenLoading: false, // 全屏加载动画
       cartypelist: [], // 类型列表
-      deptlist: [] // 类型列表
+      deptlist: [], // 类型列表
+      showVideo: false // 是否显示视频组件
     }
   },
   watch: {
     sec(val) {
       if (val === 0) {
         this.sec = Number(this.refresh)
-        this.fetchData()
+        // 隐藏自动刷新
+        // this.fetchData()
       }
     }
   },
@@ -338,17 +358,18 @@
           for (var i = 0; i < this.alllist.length; i++) {
             if (this.alllist[i].statusName === '在线') {
               Icon = L.icon({
-                iconUrl: require('../../assets/global_images/online.png'),
-                iconSize: [40, 40]
+                iconUrl: require('../../assets/global_images/on.png'),
+                iconSize: [30, 30]
               })
             } else if (this.alllist[i].statusName === '离线') {
               Icon = L.icon({
-                iconUrl: require('../../assets/global_images/offline.png'),
-                iconSize: [40, 40]
+                iconUrl: require('../../assets/global_images/off.png'),
+                iconSize: [30, 30]
               })
             }
             var myIcon = L.divIcon({
-              html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].devCode + '_' + this.alllist[i].remarks + '</div>',
+              // html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].devCode + '_' + this.alllist[i].remarks + '</div>',
+              html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].remarks + '</div>',
               className: '',
               iconSize: [100, 15]
             })
@@ -363,8 +384,10 @@
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">安装时间</label>' + this.alllist[i].installTime + '</div>' +
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">详细位置</label>' + this.alllist[i].detailLocation + '</div>' +
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">备注</label>' + this.alllist[i].remarks + '</div>' +
-              '<div style="padding-top: 8px"></div></div>'
-            // <button style="margin-left: 80px;background-color: #42b983;border-color: #42b983;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="btndetail">详情</button>
+              '<div style="padding-top: 8px"></div></div>' +
+            '<button style="cursor:pointer;margin-left: 50px;background-color: #409eff;border-color: #409eff;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="buttonVideo">播放视频</button>' +
+            '<button style="cursor:pointer;margin-left: 80px;background-color: #909399;border-color: #909399;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="buttonCancle">关闭视频</button>'
+            // '<button style="margin-left: 80px;background-color: #42b983;border-color: #42b983;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="btndetail">详情</button>'
             var popup = L.popup().setContent(str)
             var marker = L.marker([this.alllist[i].latitude, this.alllist[i].longitude], {
               icon: Icon,
@@ -374,8 +397,21 @@
             }).addTo(this.map).bindPopup(popup)
             var that = this
             marker.on('click', function(e) {
-              document.getElementById('btndetail').onclick = function() {
-                that.detail(e.sourceTarget.options.slug.carId)
+              // document.getElementById('btndetail').onclick = function() {
+              //   console.log('详情', e.sourceTarget.options);
+              //   // that.detail(e.sourceTarget.options.slug.carId)
+              // }
+              console.log('marker click', e.sourceTarget.options.slug)
+              document.getElementById('buttonVideo').onclick = function() {
+                // that.detail(e.sourceTarget.options.slug.carId)
+                that.showVideo = true
+                that.deviceInfo = e.sourceTarget.options.slug
+                console.log('父组件设备信息', that.deviceInfo)
+              }
+
+              document.getElementById('buttonCancle').onclick = function() {
+                console.log('关闭')
+                that.showVideo = false
               }
             })
           }
diff --git a/src/views/overview/video.vue b/src/views/overview/video.vue
new file mode 100644
index 0000000..d00893e
--- /dev/null
+++ b/src/views/overview/video.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="video">
+    <div id="tabDiv">
+      <div id="divPlugin" class="iframe-body" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { initPlugin, login, logout } from '@/utils/HKVideo'
+
+export default {
+  name: 'VideoMonitor',
+  props: {
+    deviceInfo: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      activeName: 'hk',
+      tabHeight: '',
+      tabWidth: '',
+      pre: null
+    }
+  },
+  watch: {
+    deviceInfo: {
+      handler(newVal, oldVal) {
+        console.log('监听到设备信息变化', newVal)
+        if (newVal.ip && newVal.deviceUser && newVal.devicePassword) {
+          if (this.pre !== null) {
+            logout(this.pre.ip)
+          }
+          this.handleCameraClicked(newVal)
+        }
+      },
+      deep: true,
+      immediate: true // 立即执行
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      initPlugin(1, '', false, null, null)
+      window.addEventListener('resize', this.resize)
+    }, 100)
+  },
+  async beforeDestroy() {
+    try {
+      if (this.pre !== null) {
+        logout(this.pre.ip)
+      }
+    } catch (e) {
+    }
+    WebVideoCtrl.I_Resize(0, 0)
+    window.location.reload()
+    window.removeEventListener('resize', this.resize)
+  },
+  methods: {
+    waitTwoSeconds() {
+      return new Promise(resolve => {
+        setTimeout(() => {
+          resolve('Operation complete after 2 seconds')
+        }, 2000)
+      })
+    },
+    resize() {
+      WebVideoCtrl.I_Resize(document.getElementById('divPlugin').clientWidth, document.getElementById('divPlugin').clientHeight)
+    },
+    handleCameraClicked(camera) {
+      console.log(camera)
+      if (this.pre !== null) {
+        logout(this.pre.ip)
+      }
+      this.pre = camera
+      setTimeout(() => {
+        login(
+          camera.ip,
+          '8989',
+          // 'admin',
+          // 'crcg1234',
+          camera.deviceUser,
+          camera.devicePassword,
+          0)
+      }, 1000)
+
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .iframe-body{
+    height: 300px;
+    width: 400px;
+    position: relative;
+    top: 0px;
+    left: 0px;
+    /*frameBorder: 0;*/
+    scrolling: no;
+    border: 1px;
+  }
+  .video{
+    background: white;
+  }
+</style>

diff --git a/public/HKVideo/codebase/webVideoCtrl.js b/public/HKVideo/codebase/webVideoCtrl.js
index 5ad0c77..2a94fd9 100644
--- a/public/HKVideo/codebase/webVideoCtrl.js
+++ b/public/HKVideo/codebase/webVideoCtrl.js
@@ -595,6 +595,12 @@
     this.I_Resize = function (iWidth, iHeight) {
       return m_pluginOBJECT.JS_Resize(iWidth, iHeight)
     }
+    this.JS_CuttingPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_CuttingPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
+    this.JS_RepairPartWindow =  function (iLeft, iTop, iWidth, iHeight) {
+      m_pluginOBJECT.JS_RepairPartWindow(iLeft, iTop, iWidth, iHeight)
+    }
     this.I_InitPlugin = function (options) {
       m_utilsInc.extend(m_options, options)
       var szDirName = m_utilsInc.getDirName()
@@ -5088,6 +5094,7 @@
     m_utilsInc = new Utils()
     return this
   })()
+  debugger
   var NS = (window.WebVideoCtrl = WebVideoCtrl)
   NS.version = '3.3.0'
 })(this)
diff --git a/src/assets/global_images/off.png b/src/assets/global_images/off.png
new file mode 100644
index 0000000..706c07f
--- /dev/null
+++ b/src/assets/global_images/off.png
Binary files differ
diff --git a/src/assets/global_images/on.png b/src/assets/global_images/on.png
new file mode 100644
index 0000000..3aa5b7d
--- /dev/null
+++ b/src/assets/global_images/on.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index b67baa9..805197a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -28,6 +28,24 @@
  * 静态路由
  */
 export const constantRouterMap = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/overview',
+    name: 'Overview',
+    meta: {
+      title: '地图总览',
+      icon: 'icon-map' // 图标
+    },
+    children: [
+      {
+        path: '/overview',
+        name: 'Overview',
+        component: () => import('@/views/overview/listoverview.vue'),
+        meta: { title: '地图总览', icon: '' }
+      }
+    ]
+  },
   { // 重定向
     path: '/redirect',
     component: Layout,
@@ -44,7 +62,7 @@
   { path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
   // 404错误页面
   { path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
-  // 401 错误页面
+  // // 401 错误页面
   { path: '/401', component: () => import('@/views/errorPage/401'), hidden: true }
 ]
 // 实例化vue的时候直挂载constantRouter
diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index 8daffc3..d00448c 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -1,6 +1,4 @@
 // 初始化控件
-import de from "element-ui/src/locale/lang/de";
-
 export function initPlugin(iWndowType, id, bWndFull, callback, cbDoubleClickWnd) {
   // 检查浏览器是否支持无插件
   // if (!WebVideoCtrl.I_SupportNoPlugin()) {
diff --git a/src/views/overview/listoverview.vue b/src/views/overview/listoverview.vue
index 32c8913..b51764c 100644
--- a/src/views/overview/listoverview.vue
+++ b/src/views/overview/listoverview.vue
@@ -26,8 +26,9 @@
       </el-form>
     </div>
     <div id="map" style="height: calc(100vh - 120px)">
+      <video-com v-if="showVideo" :device-info="deviceInfo" ref="videoRef" style="position: absolute;top: 0px;z-index: 9999999; right: 0px;background-color: rgba(238, 238, 238, 0.93);"/>
       <!--查询结果Table显示-->
-      <div slot="header" class="rightcard" >
+      <!-- <div slot="header" class="rightcard" >
         <el-row>
           <el-col :span="4">
             <div style="font-size: 14px;padding-top: 10px;padding-left: 20px">在线：{{ online }}</div>
@@ -54,6 +55,22 @@
           </el-col>
         </el-row>
 
+      </div> -->
+      <div style="position: absolute;bottom: 10px;z-index: 9999999; left: 20px;background-color: rgba(238, 238, 238, 0.93);width: 300px;">
+        <el-row>
+          <el-col :span="12">
+            <div style="font-size: 14px;padding-top: 10px;padding-left: 20px;display: flex;align-items: center;">
+              <img src="../../assets/global_images/on.png" style="width: 30px;height: 30px;;">
+              <span>在线：{{ online }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div style="font-size: 14px;padding-top: 10px;display: flex;align-items: center;">
+              <img src="../../assets/global_images/off.png" style="width: 30px;height: 30px;;">
+              <span>离线：{{ offline }}</span>
+            </div>
+          </el-col>
+          </el-row>
       </div>
       <div slot="header" class="table-title" @click="tableclick">
         <div class="table-name" style="color: white">
@@ -92,16 +109,17 @@
 import { getOverviewList, getOverviewAllList } from '@/api/overview'
 import { offlineCount } from '@/api/device'
 import { getDictByCode } from '@/api/system/dict'
-import DeptSelect from '@/components/DeptSelect'
 import L from 'leaflet'
 import 'leaflet/dist/leaflet.css'
 import 'leaflet-rotatedmarker/leaflet.rotatedMarker.js'
 import { getDeviceListPage, getDeviceList } from '@/api/device'
+import VideoCom from './video.vue'
 export default {
   name: 'ListOverview',
-  components: { DeptSelect },
+  components: { VideoCom },
   data() {
     return {
+      deviceInfo: {},
       dialogFormVisible: false, // 是否显示编辑框
       refresh: '30',
       online: 0,
@@ -158,14 +176,16 @@
       // listLoading: true, // 加载动画
       fullscreenLoading: false, // 全屏加载动画
       cartypelist: [], // 类型列表
-      deptlist: [] // 类型列表
+      deptlist: [], // 类型列表
+      showVideo: false // 是否显示视频组件
     }
   },
   watch: {
     sec(val) {
       if (val === 0) {
         this.sec = Number(this.refresh)
-        this.fetchData()
+        // 隐藏自动刷新
+        // this.fetchData()
       }
     }
   },
@@ -338,17 +358,18 @@
           for (var i = 0; i < this.alllist.length; i++) {
             if (this.alllist[i].statusName === '在线') {
               Icon = L.icon({
-                iconUrl: require('../../assets/global_images/online.png'),
-                iconSize: [40, 40]
+                iconUrl: require('../../assets/global_images/on.png'),
+                iconSize: [30, 30]
               })
             } else if (this.alllist[i].statusName === '离线') {
               Icon = L.icon({
-                iconUrl: require('../../assets/global_images/offline.png'),
-                iconSize: [40, 40]
+                iconUrl: require('../../assets/global_images/off.png'),
+                iconSize: [30, 30]
               })
             }
             var myIcon = L.divIcon({
-              html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].devCode + '_' + this.alllist[i].remarks + '</div>',
+              // html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].devCode + '_' + this.alllist[i].remarks + '</div>',
+              html: '<div style="font-size: 13px;font-weight: bold;padding-top: 17px;text-align:center;"> ' + this.alllist[i].remarks + '</div>',
               className: '',
               iconSize: [100, 15]
             })
@@ -363,8 +384,10 @@
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">安装时间</label>' + this.alllist[i].installTime + '</div>' +
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">详细位置</label>' + this.alllist[i].detailLocation + '</div>' +
               '<div style="padding-bottom: 6px"><label style="font-weight: bold;padding-right: 15px">备注</label>' + this.alllist[i].remarks + '</div>' +
-              '<div style="padding-top: 8px"></div></div>'
-            // <button style="margin-left: 80px;background-color: #42b983;border-color: #42b983;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="btndetail">详情</button>
+              '<div style="padding-top: 8px"></div></div>' +
+            '<button style="cursor:pointer;margin-left: 50px;background-color: #409eff;border-color: #409eff;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="buttonVideo">播放视频</button>' +
+            '<button style="cursor:pointer;margin-left: 80px;background-color: #909399;border-color: #909399;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="buttonCancle">关闭视频</button>'
+            // '<button style="margin-left: 80px;background-color: #42b983;border-color: #42b983;color: white;padding: 5px 8px;font-size: 12px;border-radius: 4px" id="btndetail">详情</button>'
             var popup = L.popup().setContent(str)
             var marker = L.marker([this.alllist[i].latitude, this.alllist[i].longitude], {
               icon: Icon,
@@ -374,8 +397,21 @@
             }).addTo(this.map).bindPopup(popup)
             var that = this
             marker.on('click', function(e) {
-              document.getElementById('btndetail').onclick = function() {
-                that.detail(e.sourceTarget.options.slug.carId)
+              // document.getElementById('btndetail').onclick = function() {
+              //   console.log('详情', e.sourceTarget.options);
+              //   // that.detail(e.sourceTarget.options.slug.carId)
+              // }
+              console.log('marker click', e.sourceTarget.options.slug)
+              document.getElementById('buttonVideo').onclick = function() {
+                // that.detail(e.sourceTarget.options.slug.carId)
+                that.showVideo = true
+                that.deviceInfo = e.sourceTarget.options.slug
+                console.log('父组件设备信息', that.deviceInfo)
+              }
+
+              document.getElementById('buttonCancle').onclick = function() {
+                console.log('关闭')
+                that.showVideo = false
               }
             })
           }
diff --git a/src/views/overview/video.vue b/src/views/overview/video.vue
new file mode 100644
index 0000000..d00893e
--- /dev/null
+++ b/src/views/overview/video.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="video">
+    <div id="tabDiv">
+      <div id="divPlugin" class="iframe-body" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { initPlugin, login, logout } from '@/utils/HKVideo'
+
+export default {
+  name: 'VideoMonitor',
+  props: {
+    deviceInfo: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      activeName: 'hk',
+      tabHeight: '',
+      tabWidth: '',
+      pre: null
+    }
+  },
+  watch: {
+    deviceInfo: {
+      handler(newVal, oldVal) {
+        console.log('监听到设备信息变化', newVal)
+        if (newVal.ip && newVal.deviceUser && newVal.devicePassword) {
+          if (this.pre !== null) {
+            logout(this.pre.ip)
+          }
+          this.handleCameraClicked(newVal)
+        }
+      },
+      deep: true,
+      immediate: true // 立即执行
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      initPlugin(1, '', false, null, null)
+      window.addEventListener('resize', this.resize)
+    }, 100)
+  },
+  async beforeDestroy() {
+    try {
+      if (this.pre !== null) {
+        logout(this.pre.ip)
+      }
+    } catch (e) {
+    }
+    WebVideoCtrl.I_Resize(0, 0)
+    window.location.reload()
+    window.removeEventListener('resize', this.resize)
+  },
+  methods: {
+    waitTwoSeconds() {
+      return new Promise(resolve => {
+        setTimeout(() => {
+          resolve('Operation complete after 2 seconds')
+        }, 2000)
+      })
+    },
+    resize() {
+      WebVideoCtrl.I_Resize(document.getElementById('divPlugin').clientWidth, document.getElementById('divPlugin').clientHeight)
+    },
+    handleCameraClicked(camera) {
+      console.log(camera)
+      if (this.pre !== null) {
+        logout(this.pre.ip)
+      }
+      this.pre = camera
+      setTimeout(() => {
+        login(
+          camera.ip,
+          '8989',
+          // 'admin',
+          // 'crcg1234',
+          camera.deviceUser,
+          camera.devicePassword,
+          0)
+      }, 1000)
+
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .iframe-body{
+    height: 300px;
+    width: 400px;
+    position: relative;
+    top: 0px;
+    left: 0px;
+    /*frameBorder: 0;*/
+    scrolling: no;
+    border: 1px;
+  }
+  .video{
+    background: white;
+  }
+</style>
diff --git a/src/views/video/history.vue b/src/views/video/history.vue
index 819647d..8f8c267 100644
--- a/src/views/video/history.vue
+++ b/src/views/video/history.vue
@@ -7,7 +7,7 @@
     </div>
     <el-col :span="18">
       <el-card class="box-card" style="margin-top: 14px; height: calc(100vh - 170px);">
-        <div style="z-index: 9999;margin-left: 20px">
+        <div style="z-index: 9999999;margin-left: 20px">
           <el-form ref="dataForm" :inline="true" :model="listQuery" :rules="rules" class="form-container">
             <el-form-item class="selectForm-container-item" prop="startTime">
               <el-date-picker
@@ -18,6 +18,8 @@
                 start-placeholder="搜索起始时间"
                 end-placeholder="搜索截止时间"
                 arrow-control="true"
+                @focus="startTimeFocus"
+                @blur="startTimeBlur"
               />
             </el-form-item>
             <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">
@@ -35,7 +37,7 @@
 <script>
 import VideoTree from './videoTree'
 import { formatToString, getDate, oneDayTime } from '@/utils/calendarUtil'
-import {initPlugin, login, logout} from '@/utils/HKVideo'
+import { initPlugin, login, logout } from '@/utils/HKVideo'
 export default {
   name: 'VideoHistory',
   components: { VideoTree },
@@ -147,7 +149,7 @@
         logout(this.pre.nvrIp)
       }
       this.pre = camera
-      console.log(this.pre)
+      console.log('this.pre', this.pre)
       login(
         this.pre.nvrIp,
         '8989',
@@ -158,6 +160,26 @@
         this.pre.nvrChannel,
         this.search
       )
+    },
+    startTimeFocus() {
+      if (WebVideoCtrl) {
+        const iframeWndHeight = $(window).height();  // iframe窗口高度
+        const iframeWndWidth = $(window).width();    // iframe窗口宽度
+        const divLeft = $("#divPlugin").get(0).getBoundingClientRect().left;
+        const divTop = $("#divPlugin").get(0).getBoundingClientRect().top;
+        // 左，上，宽，高
+        WebVideoCtrl.JS_CuttingPartWindow(divLeft, divTop, iframeWndWidth, 600)
+      }
+    },
+    startTimeBlur() {
+      if (WebVideoCtrl) {
+        const iframeWndHeight = $(window).height();  // iframe窗口高度
+        const iframeWndWidth = $(window).width();    // iframe窗口宽度
+        const divLeft = $("#divPlugin").get(0).getBoundingClientRect().left;
+        const divTop = $("#divPlugin").get(0).getBoundingClientRect().top;
+        // 左，上，宽，高
+        WebVideoCtrl.JS_RepairPartWindow(divLeft, divTop, iframeWndWidth, 600)
+      }
     }
   }
 }