diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index d00448c..122b97f 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -225,3 +225,41 @@
     console.log(`${ip}登出失败`)
   })
 }
+// 停止
+export function stop(index) {
+  WebVideoCtrl.I_Stop({
+    iWndIndex: index,
+    success() {
+    },
+    error(oError) {
+    },
+  })
+}
+
+// 启用电子放大
+export function clickEnableEZoom() {
+  var szDeviceIdentify = $("#ip").val();
+  var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
+      szInfo = "";
+
+  if (oWndInfo != null) {
+          WebVideoCtrl.I_EnableEZoom().then(() => {
+          szInfo = "启用电子放大成功！";
+          showOPInfo(szDeviceIdentify + " " + szInfo);
+      }, (oError) => {
+          szInfo = "启用电子放大失败！";
+          showOPInfo(szDeviceIdentify + szInfo, oError.errorCode, oError.errorMsg);
+
+      });
+  }
+}
+
+// 全屏
+export function clickFullScreen() {
+  WebVideoCtrl.I_FullScreen(true).then(() => {
+      showOPInfo("全屏成功");
+  }, (oError) => {
+      showOPInfo("全屏失败！", oError.errorCode, oError.errorMsg);
+  });
+}
+

diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index d00448c..122b97f 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -225,3 +225,41 @@
     console.log(`${ip}登出失败`)
   })
 }
+// 停止
+export function stop(index) {
+  WebVideoCtrl.I_Stop({
+    iWndIndex: index,
+    success() {
+    },
+    error(oError) {
+    },
+  })
+}
+
+// 启用电子放大
+export function clickEnableEZoom() {
+  var szDeviceIdentify = $("#ip").val();
+  var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
+      szInfo = "";
+
+  if (oWndInfo != null) {
+          WebVideoCtrl.I_EnableEZoom().then(() => {
+          szInfo = "启用电子放大成功！";
+          showOPInfo(szDeviceIdentify + " " + szInfo);
+      }, (oError) => {
+          szInfo = "启用电子放大失败！";
+          showOPInfo(szDeviceIdentify + szInfo, oError.errorCode, oError.errorMsg);
+
+      });
+  }
+}
+
+// 全屏
+export function clickFullScreen() {
+  WebVideoCtrl.I_FullScreen(true).then(() => {
+      showOPInfo("全屏成功");
+  }, (oError) => {
+      showOPInfo("全屏失败！", oError.errorCode, oError.errorMsg);
+  });
+}
+
diff --git a/src/utils/request.js b/src/utils/request.js
index 33f34b9..937ef35 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -15,7 +15,7 @@
     if (store.getters.token) {
       config.headers['token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     }
-    // config.headers['token'] = '59c4345f-6ec9-4d8a-b499-6de2da92d2b1' // 让每个请求携带自定义token 请根据实际情况自行修改
+    // config.headers['token'] = 'bbb3d4f2-2571-4f2e-a276-0d575ea95854' // 让每个请求携带自定义token 请根据实际情况自行修改
     return config
   },
   error => {

diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index d00448c..122b97f 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -225,3 +225,41 @@
     console.log(`${ip}登出失败`)
   })
 }
+// 停止
+export function stop(index) {
+  WebVideoCtrl.I_Stop({
+    iWndIndex: index,
+    success() {
+    },
+    error(oError) {
+    },
+  })
+}
+
+// 启用电子放大
+export function clickEnableEZoom() {
+  var szDeviceIdentify = $("#ip").val();
+  var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
+      szInfo = "";
+
+  if (oWndInfo != null) {
+          WebVideoCtrl.I_EnableEZoom().then(() => {
+          szInfo = "启用电子放大成功！";
+          showOPInfo(szDeviceIdentify + " " + szInfo);
+      }, (oError) => {
+          szInfo = "启用电子放大失败！";
+          showOPInfo(szDeviceIdentify + szInfo, oError.errorCode, oError.errorMsg);
+
+      });
+  }
+}
+
+// 全屏
+export function clickFullScreen() {
+  WebVideoCtrl.I_FullScreen(true).then(() => {
+      showOPInfo("全屏成功");
+  }, (oError) => {
+      showOPInfo("全屏失败！", oError.errorCode, oError.errorMsg);
+  });
+}
+
diff --git a/src/utils/request.js b/src/utils/request.js
index 33f34b9..937ef35 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -15,7 +15,7 @@
     if (store.getters.token) {
       config.headers['token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     }
-    // config.headers['token'] = '59c4345f-6ec9-4d8a-b499-6de2da92d2b1' // 让每个请求携带自定义token 请根据实际情况自行修改
+    // config.headers['token'] = 'bbb3d4f2-2571-4f2e-a276-0d575ea95854' // 让每个请求携带自定义token 请根据实际情况自行修改
     return config
   },
   error => {
diff --git a/src/views/video/monitor.vue b/src/views/video/monitor.vue
index d49e6a5..294cea1 100644
--- a/src/views/video/monitor.vue
+++ b/src/views/video/monitor.vue
@@ -1,3 +1,4 @@
+<!-- 4路视频 -->
 <template>
   <div class="video">
     <el-row>
@@ -6,7 +7,7 @@
       </el-col>
       <el-col :span="18">
         <div id="tabDiv">
-          <div id="divPlugin" class="iframe-body" />
+          <div id="divPlugin" class="iframe-body" @dblclick="dbClickHK"/>
         </div>
       </el-col>
     </el-row>
@@ -15,7 +16,7 @@
 
 <script>
 import VideoTree from './videoTree'
-import {initPlugin, login, logout} from '@/utils/HKVideo'
+import { initPlugin, login, logout, stop, clickFullScreen } from '@/utils/HKVideo'
 
 export default {
   name: 'VideoMonitor',
@@ -25,12 +26,14 @@
       activeName: 'hk',
       tabHeight: '',
       tabWidth: '',
-      pre: null
+      pre: null,
+      currentIndex: 0, // 播放第几路
+      currentCameras: [{}, {}, {}, {}],
     }
   },
   mounted() {
     setTimeout(() => {
-      initPlugin(1, '', false, null, null)
+      initPlugin(2, '', true, null, null)
       window.addEventListener('resize', this.resize)
     }, 100)
   },
@@ -58,10 +61,23 @@
     },
     handleCameraClicked(camera) {
       console.log(camera)
-      if (this.pre !== null) {
-        logout(this.pre.ip)
+      for (let i = 0; i < this.currentIndex; i++) { // 前面有
+        if (this.currentCameras[i].id === camera.id) {
+          return
+        }
       }
+      // if (this.pre !== null) {
+      //   logout(this.pre.ip)
+      // }
       this.pre = camera
+      if (this.currentIndex === 4) {
+        this.currentIndex = 0
+      }
+      if (this.currentCameras[this.currentIndex].ip) {
+        logout(this.currentCameras[this.currentIndex].ip)
+        stop(this.currentIndex)
+      }
+      this.currentCameras[this.currentIndex] = camera
       login(
         camera.ip,
         '8989',
@@ -69,8 +85,14 @@
         // 'crcg1234',
         camera.deviceUser,
         camera.devicePassword,
-        0)
+        this.currentIndex)
+        console.log('this.currentIndex',this.currentIndex);
+
+      this.currentIndex += 1
     }
+  },
+  dbClickHK() {
+    clickFullScreen()
   }
 }
 </script>

diff --git a/src/utils/HKVideo.js b/src/utils/HKVideo.js
index d00448c..122b97f 100644
--- a/src/utils/HKVideo.js
+++ b/src/utils/HKVideo.js
@@ -225,3 +225,41 @@
     console.log(`${ip}登出失败`)
   })
 }
+// 停止
+export function stop(index) {
+  WebVideoCtrl.I_Stop({
+    iWndIndex: index,
+    success() {
+    },
+    error(oError) {
+    },
+  })
+}
+
+// 启用电子放大
+export function clickEnableEZoom() {
+  var szDeviceIdentify = $("#ip").val();
+  var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
+      szInfo = "";
+
+  if (oWndInfo != null) {
+          WebVideoCtrl.I_EnableEZoom().then(() => {
+          szInfo = "启用电子放大成功！";
+          showOPInfo(szDeviceIdentify + " " + szInfo);
+      }, (oError) => {
+          szInfo = "启用电子放大失败！";
+          showOPInfo(szDeviceIdentify + szInfo, oError.errorCode, oError.errorMsg);
+
+      });
+  }
+}
+
+// 全屏
+export function clickFullScreen() {
+  WebVideoCtrl.I_FullScreen(true).then(() => {
+      showOPInfo("全屏成功");
+  }, (oError) => {
+      showOPInfo("全屏失败！", oError.errorCode, oError.errorMsg);
+  });
+}
+
diff --git a/src/utils/request.js b/src/utils/request.js
index 33f34b9..937ef35 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -15,7 +15,7 @@
     if (store.getters.token) {
       config.headers['token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     }
-    // config.headers['token'] = '59c4345f-6ec9-4d8a-b499-6de2da92d2b1' // 让每个请求携带自定义token 请根据实际情况自行修改
+    // config.headers['token'] = 'bbb3d4f2-2571-4f2e-a276-0d575ea95854' // 让每个请求携带自定义token 请根据实际情况自行修改
     return config
   },
   error => {
diff --git a/src/views/video/monitor.vue b/src/views/video/monitor.vue
index d49e6a5..294cea1 100644
--- a/src/views/video/monitor.vue
+++ b/src/views/video/monitor.vue
@@ -1,3 +1,4 @@
+<!-- 4路视频 -->
 <template>
   <div class="video">
     <el-row>
@@ -6,7 +7,7 @@
       </el-col>
       <el-col :span="18">
         <div id="tabDiv">
-          <div id="divPlugin" class="iframe-body" />
+          <div id="divPlugin" class="iframe-body" @dblclick="dbClickHK"/>
         </div>
       </el-col>
     </el-row>
@@ -15,7 +16,7 @@
 
 <script>
 import VideoTree from './videoTree'
-import {initPlugin, login, logout} from '@/utils/HKVideo'
+import { initPlugin, login, logout, stop, clickFullScreen } from '@/utils/HKVideo'
 
 export default {
   name: 'VideoMonitor',
@@ -25,12 +26,14 @@
       activeName: 'hk',
       tabHeight: '',
       tabWidth: '',
-      pre: null
+      pre: null,
+      currentIndex: 0, // 播放第几路
+      currentCameras: [{}, {}, {}, {}],
     }
   },
   mounted() {
     setTimeout(() => {
-      initPlugin(1, '', false, null, null)
+      initPlugin(2, '', true, null, null)
       window.addEventListener('resize', this.resize)
     }, 100)
   },
@@ -58,10 +61,23 @@
     },
     handleCameraClicked(camera) {
       console.log(camera)
-      if (this.pre !== null) {
-        logout(this.pre.ip)
+      for (let i = 0; i < this.currentIndex; i++) { // 前面有
+        if (this.currentCameras[i].id === camera.id) {
+          return
+        }
       }
+      // if (this.pre !== null) {
+      //   logout(this.pre.ip)
+      // }
       this.pre = camera
+      if (this.currentIndex === 4) {
+        this.currentIndex = 0
+      }
+      if (this.currentCameras[this.currentIndex].ip) {
+        logout(this.currentCameras[this.currentIndex].ip)
+        stop(this.currentIndex)
+      }
+      this.currentCameras[this.currentIndex] = camera
       login(
         camera.ip,
         '8989',
@@ -69,8 +85,14 @@
         // 'crcg1234',
         camera.deviceUser,
         camera.devicePassword,
-        0)
+        this.currentIndex)
+        console.log('this.currentIndex',this.currentIndex);
+
+      this.currentIndex += 1
     }
+  },
+  dbClickHK() {
+    clickFullScreen()
   }
 }
 </script>
diff --git a/src/views/video/monitor_1Channel.vue b/src/views/video/monitor_1Channel.vue
new file mode 100644
index 0000000..c58b912
--- /dev/null
+++ b/src/views/video/monitor_1Channel.vue
@@ -0,0 +1,93 @@
+<!-- 4路视频 -->
+<template>
+  <div class="video">
+    <el-row>
+      <el-col :span="6">
+        <video-tree @click="handleCameraClicked"/>
+      </el-col>
+      <el-col :span="18">
+        <div id="tabDiv">
+          <div id="divPlugin" class="iframe-body" />
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import VideoTree from './videoTree'
+import {initPlugin, login, logout} from '@/utils/HKVideo'
+
+export default {
+  name: 'VideoMonitor',
+  components: { VideoTree },
+  data() {
+    return {
+      activeName: 'hk',
+      tabHeight: '',
+      tabWidth: '',
+      pre: null
+    }
+  },
+  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
+      login(
+        camera.ip,
+        '8989',
+        // 'admin',
+        // 'crcg1234',
+        camera.deviceUser,
+        camera.devicePassword,
+        0)
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .iframe-body{
+    height: calc(100vh - 180px);
+    width: 100%;
+    position: relative;
+    top: 0px;
+    left: 0px;
+    /*frameBorder: 0;*/
+    scrolling: no;
+    border: 1px;
+  }
+  .video{
+    background: white;
+  }
+</style>