diff --git a/src/store/modules/imouPlayerToken.js b/src/store/modules/imouPlayerToken.js
index 9f556c3..0041c95 100644
--- a/src/store/modules/imouPlayerToken.js
+++ b/src/store/modules/imouPlayerToken.js
@@ -1,4 +1,11 @@
+import CryptoJS from 'crypto-js';
 import { getAccessToken, getKitToken } from '@/api/imouPlayerApi'; // 部门
+import modal from '@/plugins/modal';
+
+let imouUser = {
+  appId: 'lc9878202a35844ac8',
+  appSecret: 'd87fe493037a47669c0ea5ffdaeae0',
+};
 
 let accessParam = {
   system: {
@@ -17,18 +24,75 @@
     return {
       kitToken: '',
       access_token: '',
+      msg: '',
     };
   },
-  actions: {},
+  actions: {
+    getAccess() {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      getAccessToken(paramsVal).then(res => {
+        // console.log('access_token', res.result.data.accessToken);
+        this.access_token = res.result.data.accessToken;
+      });
+    },
+    getKit(val) {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      paramsVal.params = val;
+      getKitToken(paramsVal).then(res => {
+        console.log('kitToken', res.result);
+        if (res.result.code == '0') {
+          this.kitToken = res.result.data.kitToken;
+          this.msg = res.result.msg;
+        } else if (res.result.code == 'OP1009') {
+          modal.msgWarning('设备未被当前用户绑定');
+          this.msg = res.result.msg;
+        }
+        // this.kitToken = res.result.data.kitToken;
+      });
+    },
+
+    clear_kit() {
+      this.kitToken = '';
+    },
+  },
   persist: {
     enabled: true,
     // 自定义持久化参数
     strategies: [
       {
         storage: sessionStorage,
-        paths: ['deptList', 'systemDeptList', 'userList'],
+        paths: ['kitToken', 'access_token', 'msg'],
       },
     ],
   },
 });
 export default useImouPlayerStore;
+
+function changeParams(params, appId, appSecret) {
+  params.system.appId = appId;
+  var timestamp = getTime();
+  //   pm.environment.set('time', timestamp);
+  params.system.time = timestamp;
+  var nonce = Math.random().toString(36).substr(2);
+  //   pm.environment.set('nonce', nonce);
+  params.system.nonce = nonce;
+  //   var appSecret = pm.environment.get('appSecret');
+  var sign = calcSign(timestamp, nonce, appSecret);
+  //   pm.environment.set('sign', sign);
+  params.system.sign = sign;
+  var id = Math.floor(Math.random() * (50 - 1 + 1) + 1);
+  //   pm.environment.set('id', id);
+  params.id = id;
+  return params;
+}
+
+function getTime() {
+  var timestamp = Math.round(new Date().getTime() / 1000);
+  return timestamp;
+}
+
+function calcSign(timestamp, nonce, appSecret) {
+  var str = 'time:' + timestamp + ',nonce:' + nonce + ',appSecret:' + appSecret;
+  var sign = CryptoJS.MD5(str).toString();
+  return sign;
+}

diff --git a/src/store/modules/imouPlayerToken.js b/src/store/modules/imouPlayerToken.js
index 9f556c3..0041c95 100644
--- a/src/store/modules/imouPlayerToken.js
+++ b/src/store/modules/imouPlayerToken.js
@@ -1,4 +1,11 @@
+import CryptoJS from 'crypto-js';
 import { getAccessToken, getKitToken } from '@/api/imouPlayerApi'; // 部门
+import modal from '@/plugins/modal';
+
+let imouUser = {
+  appId: 'lc9878202a35844ac8',
+  appSecret: 'd87fe493037a47669c0ea5ffdaeae0',
+};
 
 let accessParam = {
   system: {
@@ -17,18 +24,75 @@
     return {
       kitToken: '',
       access_token: '',
+      msg: '',
     };
   },
-  actions: {},
+  actions: {
+    getAccess() {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      getAccessToken(paramsVal).then(res => {
+        // console.log('access_token', res.result.data.accessToken);
+        this.access_token = res.result.data.accessToken;
+      });
+    },
+    getKit(val) {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      paramsVal.params = val;
+      getKitToken(paramsVal).then(res => {
+        console.log('kitToken', res.result);
+        if (res.result.code == '0') {
+          this.kitToken = res.result.data.kitToken;
+          this.msg = res.result.msg;
+        } else if (res.result.code == 'OP1009') {
+          modal.msgWarning('设备未被当前用户绑定');
+          this.msg = res.result.msg;
+        }
+        // this.kitToken = res.result.data.kitToken;
+      });
+    },
+
+    clear_kit() {
+      this.kitToken = '';
+    },
+  },
   persist: {
     enabled: true,
     // 自定义持久化参数
     strategies: [
       {
         storage: sessionStorage,
-        paths: ['deptList', 'systemDeptList', 'userList'],
+        paths: ['kitToken', 'access_token', 'msg'],
       },
     ],
   },
 });
 export default useImouPlayerStore;
+
+function changeParams(params, appId, appSecret) {
+  params.system.appId = appId;
+  var timestamp = getTime();
+  //   pm.environment.set('time', timestamp);
+  params.system.time = timestamp;
+  var nonce = Math.random().toString(36).substr(2);
+  //   pm.environment.set('nonce', nonce);
+  params.system.nonce = nonce;
+  //   var appSecret = pm.environment.get('appSecret');
+  var sign = calcSign(timestamp, nonce, appSecret);
+  //   pm.environment.set('sign', sign);
+  params.system.sign = sign;
+  var id = Math.floor(Math.random() * (50 - 1 + 1) + 1);
+  //   pm.environment.set('id', id);
+  params.id = id;
+  return params;
+}
+
+function getTime() {
+  var timestamp = Math.round(new Date().getTime() / 1000);
+  return timestamp;
+}
+
+function calcSign(timestamp, nonce, appSecret) {
+  var str = 'time:' + timestamp + ',nonce:' + nonce + ',appSecret:' + appSecret;
+  var sign = CryptoJS.MD5(str).toString();
+  return sign;
+}
diff --git a/src/views/DialogTabs/component/ImouPlayer.vue b/src/views/DialogTabs/component/ImouPlayer.vue
index 7f2f23a..eb03201 100644
--- a/src/views/DialogTabs/component/ImouPlayer.vue
+++ b/src/views/DialogTabs/component/ImouPlayer.vue
@@ -4,13 +4,14 @@
 
 <script setup name="ImouPlayer">
 import bus from '@/bus';
+import useImouPlayerStore from '@/store/modules/imouPlayerToken';
 
 import dialogTabsStore from '@/store/modules/dialogTabs';
 
 // const { proxy } = getCurrentInstance();
 
 // const useDialogTabs = dialogTabsStore();
-
+const imouPlayerStore = useImouPlayerStore();
 // const showData = ref(null);
 // const loading = ref(false);
 const props = defineProps({
@@ -20,6 +21,7 @@
   },
   dataID: {
     type: String,
+    // default: '',
   },
 });
 
@@ -66,7 +68,7 @@
   player = null;
 };
 
-const init = () => {
+const init = val => {
   if (player) {
     destroy();
   }
@@ -74,10 +76,10 @@
     id: 'ImouPlayer', // 视频容器ID
     // width: 1200,
     // height: 700,
-    deviceId: '8L06A0DPANC7F5D',
+    deviceId: props.dataID,
     // deviceId: props.dataID,
     channelId: '0',
-    token: 'Kt_hz207f7326c9b943119fcd02648831cd',
+    token: val,
     // 1 直播  2 录播
     type: 1,
     // 直播 0 高清  1 标清  默认
@@ -92,8 +94,27 @@
   // window.player = player;
 };
 
+watch(
+  () => imouPlayerStore.kitToken,
+  newVal => {
+    console.log('kitToken-----------------------', newVal);
+    if (newVal) {
+      init(newVal);
+    }
+  },
+  {
+    deep: true,
+  }
+);
+
 onMounted(() => {
-  init();
+  imouPlayerStore.getKit({
+    token: imouPlayerStore.access_token,
+    deviceId: props.dataID,
+    channelId: '0',
+    type: '0',
+  });
+  // init();
 });
 
 onBeforeUnmount(() => {

diff --git a/src/store/modules/imouPlayerToken.js b/src/store/modules/imouPlayerToken.js
index 9f556c3..0041c95 100644
--- a/src/store/modules/imouPlayerToken.js
+++ b/src/store/modules/imouPlayerToken.js
@@ -1,4 +1,11 @@
+import CryptoJS from 'crypto-js';
 import { getAccessToken, getKitToken } from '@/api/imouPlayerApi'; // 部门
+import modal from '@/plugins/modal';
+
+let imouUser = {
+  appId: 'lc9878202a35844ac8',
+  appSecret: 'd87fe493037a47669c0ea5ffdaeae0',
+};
 
 let accessParam = {
   system: {
@@ -17,18 +24,75 @@
     return {
       kitToken: '',
       access_token: '',
+      msg: '',
     };
   },
-  actions: {},
+  actions: {
+    getAccess() {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      getAccessToken(paramsVal).then(res => {
+        // console.log('access_token', res.result.data.accessToken);
+        this.access_token = res.result.data.accessToken;
+      });
+    },
+    getKit(val) {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      paramsVal.params = val;
+      getKitToken(paramsVal).then(res => {
+        console.log('kitToken', res.result);
+        if (res.result.code == '0') {
+          this.kitToken = res.result.data.kitToken;
+          this.msg = res.result.msg;
+        } else if (res.result.code == 'OP1009') {
+          modal.msgWarning('设备未被当前用户绑定');
+          this.msg = res.result.msg;
+        }
+        // this.kitToken = res.result.data.kitToken;
+      });
+    },
+
+    clear_kit() {
+      this.kitToken = '';
+    },
+  },
   persist: {
     enabled: true,
     // 自定义持久化参数
     strategies: [
       {
         storage: sessionStorage,
-        paths: ['deptList', 'systemDeptList', 'userList'],
+        paths: ['kitToken', 'access_token', 'msg'],
       },
     ],
   },
 });
 export default useImouPlayerStore;
+
+function changeParams(params, appId, appSecret) {
+  params.system.appId = appId;
+  var timestamp = getTime();
+  //   pm.environment.set('time', timestamp);
+  params.system.time = timestamp;
+  var nonce = Math.random().toString(36).substr(2);
+  //   pm.environment.set('nonce', nonce);
+  params.system.nonce = nonce;
+  //   var appSecret = pm.environment.get('appSecret');
+  var sign = calcSign(timestamp, nonce, appSecret);
+  //   pm.environment.set('sign', sign);
+  params.system.sign = sign;
+  var id = Math.floor(Math.random() * (50 - 1 + 1) + 1);
+  //   pm.environment.set('id', id);
+  params.id = id;
+  return params;
+}
+
+function getTime() {
+  var timestamp = Math.round(new Date().getTime() / 1000);
+  return timestamp;
+}
+
+function calcSign(timestamp, nonce, appSecret) {
+  var str = 'time:' + timestamp + ',nonce:' + nonce + ',appSecret:' + appSecret;
+  var sign = CryptoJS.MD5(str).toString();
+  return sign;
+}
diff --git a/src/views/DialogTabs/component/ImouPlayer.vue b/src/views/DialogTabs/component/ImouPlayer.vue
index 7f2f23a..eb03201 100644
--- a/src/views/DialogTabs/component/ImouPlayer.vue
+++ b/src/views/DialogTabs/component/ImouPlayer.vue
@@ -4,13 +4,14 @@
 
 <script setup name="ImouPlayer">
 import bus from '@/bus';
+import useImouPlayerStore from '@/store/modules/imouPlayerToken';
 
 import dialogTabsStore from '@/store/modules/dialogTabs';
 
 // const { proxy } = getCurrentInstance();
 
 // const useDialogTabs = dialogTabsStore();
-
+const imouPlayerStore = useImouPlayerStore();
 // const showData = ref(null);
 // const loading = ref(false);
 const props = defineProps({
@@ -20,6 +21,7 @@
   },
   dataID: {
     type: String,
+    // default: '',
   },
 });
 
@@ -66,7 +68,7 @@
   player = null;
 };
 
-const init = () => {
+const init = val => {
   if (player) {
     destroy();
   }
@@ -74,10 +76,10 @@
     id: 'ImouPlayer', // 视频容器ID
     // width: 1200,
     // height: 700,
-    deviceId: '8L06A0DPANC7F5D',
+    deviceId: props.dataID,
     // deviceId: props.dataID,
     channelId: '0',
-    token: 'Kt_hz207f7326c9b943119fcd02648831cd',
+    token: val,
     // 1 直播  2 录播
     type: 1,
     // 直播 0 高清  1 标清  默认
@@ -92,8 +94,27 @@
   // window.player = player;
 };
 
+watch(
+  () => imouPlayerStore.kitToken,
+  newVal => {
+    console.log('kitToken-----------------------', newVal);
+    if (newVal) {
+      init(newVal);
+    }
+  },
+  {
+    deep: true,
+  }
+);
+
 onMounted(() => {
-  init();
+  imouPlayerStore.getKit({
+    token: imouPlayerStore.access_token,
+    deviceId: props.dataID,
+    channelId: '0',
+    type: '0',
+  });
+  // init();
 });
 
 onBeforeUnmount(() => {
diff --git a/src/views/index.vue b/src/views/index.vue
index 9ab8a50..2901753 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -4,19 +4,13 @@
     <!-- 顶部 -->
     <div
       id="oneMapHeader"
-      :class="[
-        'oneMapHeader',
-        'animate__animated',
-        showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
+      :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
     >
       <!-- 标题 -->
       <div id="titleFont">延安市智慧城管</div>
       <!-- 标题左侧展示组件 -->
       <div class="Location">
-        <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
-          ><LocationFilled
-        /></el-icon>
+        <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
         延安
       </div>
       <div class="Timer">
@@ -51,13 +45,15 @@
 </template>
 
 <script setup name="homePage">
-import useUserStore from "@/store/modules/user";
-import useOrderStore from "@/store/modules/order";
+import useUserStore from '@/store/modules/user';
+import useOrderStore from '@/store/modules/order';
+import useImouPlayerStore from '@/store/modules/imouPlayerToken';
 
 const router = useRouter();
 const userStore = useUserStore();
 const orderStore = useOrderStore();
-import { fullscreenToggel } from "@/utils/util";
+const imouPlayerStore = useImouPlayerStore();
+import { fullscreenToggel } from '@/utils/util';
 // 时间以及天气
 const timer = ref(null);
 const dates = ref(null);
@@ -74,20 +70,12 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array(
-    "星期日",
-    "星期一",
-    "星期二",
-    "星期三",
-    "星期四",
-    "星期五",
-    "星期六"
-  );
+  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -99,19 +87,19 @@
   }, 500);
 };
 // 点击跳转专题图
-const ZhuanTIGO = (num) => {
+const ZhuanTIGO = num => {
   userStore.ZhuanTiType = num;
   router.push({
-    path: "/oneMap",
-    name: "oneMap",
-    meta: { title: "一张图", icon: "dashboard", affix: true, noCache: true },
-    query: { type: "FullScreen" },
+    path: '/oneMap',
+    name: 'oneMap',
+    meta: { title: '一张图', icon: 'dashboard', affix: true, noCache: true },
+    query: { type: 'FullScreen' },
   });
 };
 // 退出登录
 const logout = () => {
   userStore.logOut().then(() => {
-    location.href = "/";
+    location.href = '/';
   });
 };
 onMounted(() => {
@@ -122,6 +110,7 @@
 
   orderStore.getDeptList();
   // orderStore.getUserList();
+  imouPlayerStore.getAccess();
 });
 onBeforeUnmount(() => {
   clearInterval(timer.value);
@@ -134,13 +123,13 @@
   height: 100vh;
   background: black;
   position: relative;
-  background: url("@/assets/images/MenHU/bj_img@2x.png") no-repeat center;
+  background: url('@/assets/images/MenHU/bj_img@2x.png') no-repeat center;
   background-size: cover;
   // 顶部
   #oneMapHeader {
     width: 100%;
     height: 100px;
-    background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
+    background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
     background-size: cover;
     z-index: 100;
     position: absolute;
@@ -224,12 +213,12 @@
       cursor: pointer;
     }
     .goHome {
-      background: url("@/assets/images/MenHU/sz.png") no-repeat center;
+      background: url('@/assets/images/MenHU/sz.png') no-repeat center;
       background-size: contain;
       right: 100px;
     }
     .goClose_com {
-      background: url("@/assets/images/MenHU/tc.png") no-repeat center;
+      background: url('@/assets/images/MenHU/tc.png') no-repeat center;
       background-size: contain;
       right: 50px;
     }
@@ -249,7 +238,7 @@
       bottom: 0;
       width: 952px;
       height: 53px;
-      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
       background-size: cover;
     }
   }
@@ -287,11 +276,11 @@
       }
     }
     .ZhuanTi1 {
-      background: url("@/assets/images/MenHU/cssmx@2x.png") no-repeat center;
+      background: url('@/assets/images/MenHU/cssmx@2x.png') no-repeat center;
       background-size: cover;
     }
     .ZhuanTi2 {
-      background: url("@/assets/images/MenHU/hmcs@2x.png") no-repeat center;
+      background: url('@/assets/images/MenHU/hmcs@2x.png') no-repeat center;
       background-size: cover;
     }
   }

diff --git a/src/store/modules/imouPlayerToken.js b/src/store/modules/imouPlayerToken.js
index 9f556c3..0041c95 100644
--- a/src/store/modules/imouPlayerToken.js
+++ b/src/store/modules/imouPlayerToken.js
@@ -1,4 +1,11 @@
+import CryptoJS from 'crypto-js';
 import { getAccessToken, getKitToken } from '@/api/imouPlayerApi'; // 部门
+import modal from '@/plugins/modal';
+
+let imouUser = {
+  appId: 'lc9878202a35844ac8',
+  appSecret: 'd87fe493037a47669c0ea5ffdaeae0',
+};
 
 let accessParam = {
   system: {
@@ -17,18 +24,75 @@
     return {
       kitToken: '',
       access_token: '',
+      msg: '',
     };
   },
-  actions: {},
+  actions: {
+    getAccess() {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      getAccessToken(paramsVal).then(res => {
+        // console.log('access_token', res.result.data.accessToken);
+        this.access_token = res.result.data.accessToken;
+      });
+    },
+    getKit(val) {
+      let paramsVal = changeParams(accessParam, imouUser.appId, imouUser.appSecret);
+      paramsVal.params = val;
+      getKitToken(paramsVal).then(res => {
+        console.log('kitToken', res.result);
+        if (res.result.code == '0') {
+          this.kitToken = res.result.data.kitToken;
+          this.msg = res.result.msg;
+        } else if (res.result.code == 'OP1009') {
+          modal.msgWarning('设备未被当前用户绑定');
+          this.msg = res.result.msg;
+        }
+        // this.kitToken = res.result.data.kitToken;
+      });
+    },
+
+    clear_kit() {
+      this.kitToken = '';
+    },
+  },
   persist: {
     enabled: true,
     // 自定义持久化参数
     strategies: [
       {
         storage: sessionStorage,
-        paths: ['deptList', 'systemDeptList', 'userList'],
+        paths: ['kitToken', 'access_token', 'msg'],
       },
     ],
   },
 });
 export default useImouPlayerStore;
+
+function changeParams(params, appId, appSecret) {
+  params.system.appId = appId;
+  var timestamp = getTime();
+  //   pm.environment.set('time', timestamp);
+  params.system.time = timestamp;
+  var nonce = Math.random().toString(36).substr(2);
+  //   pm.environment.set('nonce', nonce);
+  params.system.nonce = nonce;
+  //   var appSecret = pm.environment.get('appSecret');
+  var sign = calcSign(timestamp, nonce, appSecret);
+  //   pm.environment.set('sign', sign);
+  params.system.sign = sign;
+  var id = Math.floor(Math.random() * (50 - 1 + 1) + 1);
+  //   pm.environment.set('id', id);
+  params.id = id;
+  return params;
+}
+
+function getTime() {
+  var timestamp = Math.round(new Date().getTime() / 1000);
+  return timestamp;
+}
+
+function calcSign(timestamp, nonce, appSecret) {
+  var str = 'time:' + timestamp + ',nonce:' + nonce + ',appSecret:' + appSecret;
+  var sign = CryptoJS.MD5(str).toString();
+  return sign;
+}
diff --git a/src/views/DialogTabs/component/ImouPlayer.vue b/src/views/DialogTabs/component/ImouPlayer.vue
index 7f2f23a..eb03201 100644
--- a/src/views/DialogTabs/component/ImouPlayer.vue
+++ b/src/views/DialogTabs/component/ImouPlayer.vue
@@ -4,13 +4,14 @@
 
 <script setup name="ImouPlayer">
 import bus from '@/bus';
+import useImouPlayerStore from '@/store/modules/imouPlayerToken';
 
 import dialogTabsStore from '@/store/modules/dialogTabs';
 
 // const { proxy } = getCurrentInstance();
 
 // const useDialogTabs = dialogTabsStore();
-
+const imouPlayerStore = useImouPlayerStore();
 // const showData = ref(null);
 // const loading = ref(false);
 const props = defineProps({
@@ -20,6 +21,7 @@
   },
   dataID: {
     type: String,
+    // default: '',
   },
 });
 
@@ -66,7 +68,7 @@
   player = null;
 };
 
-const init = () => {
+const init = val => {
   if (player) {
     destroy();
   }
@@ -74,10 +76,10 @@
     id: 'ImouPlayer', // 视频容器ID
     // width: 1200,
     // height: 700,
-    deviceId: '8L06A0DPANC7F5D',
+    deviceId: props.dataID,
     // deviceId: props.dataID,
     channelId: '0',
-    token: 'Kt_hz207f7326c9b943119fcd02648831cd',
+    token: val,
     // 1 直播  2 录播
     type: 1,
     // 直播 0 高清  1 标清  默认
@@ -92,8 +94,27 @@
   // window.player = player;
 };
 
+watch(
+  () => imouPlayerStore.kitToken,
+  newVal => {
+    console.log('kitToken-----------------------', newVal);
+    if (newVal) {
+      init(newVal);
+    }
+  },
+  {
+    deep: true,
+  }
+);
+
 onMounted(() => {
-  init();
+  imouPlayerStore.getKit({
+    token: imouPlayerStore.access_token,
+    deviceId: props.dataID,
+    channelId: '0',
+    type: '0',
+  });
+  // init();
 });
 
 onBeforeUnmount(() => {
diff --git a/src/views/index.vue b/src/views/index.vue
index 9ab8a50..2901753 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -4,19 +4,13 @@
     <!-- 顶部 -->
     <div
       id="oneMapHeader"
-      :class="[
-        'oneMapHeader',
-        'animate__animated',
-        showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
+      :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
     >
       <!-- 标题 -->
       <div id="titleFont">延安市智慧城管</div>
       <!-- 标题左侧展示组件 -->
       <div class="Location">
-        <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
-          ><LocationFilled
-        /></el-icon>
+        <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
         延安
       </div>
       <div class="Timer">
@@ -51,13 +45,15 @@
 </template>
 
 <script setup name="homePage">
-import useUserStore from "@/store/modules/user";
-import useOrderStore from "@/store/modules/order";
+import useUserStore from '@/store/modules/user';
+import useOrderStore from '@/store/modules/order';
+import useImouPlayerStore from '@/store/modules/imouPlayerToken';
 
 const router = useRouter();
 const userStore = useUserStore();
 const orderStore = useOrderStore();
-import { fullscreenToggel } from "@/utils/util";
+const imouPlayerStore = useImouPlayerStore();
+import { fullscreenToggel } from '@/utils/util';
 // 时间以及天气
 const timer = ref(null);
 const dates = ref(null);
@@ -74,20 +70,12 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array(
-    "星期日",
-    "星期一",
-    "星期二",
-    "星期三",
-    "星期四",
-    "星期五",
-    "星期六"
-  );
+  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -99,19 +87,19 @@
   }, 500);
 };
 // 点击跳转专题图
-const ZhuanTIGO = (num) => {
+const ZhuanTIGO = num => {
   userStore.ZhuanTiType = num;
   router.push({
-    path: "/oneMap",
-    name: "oneMap",
-    meta: { title: "一张图", icon: "dashboard", affix: true, noCache: true },
-    query: { type: "FullScreen" },
+    path: '/oneMap',
+    name: 'oneMap',
+    meta: { title: '一张图', icon: 'dashboard', affix: true, noCache: true },
+    query: { type: 'FullScreen' },
   });
 };
 // 退出登录
 const logout = () => {
   userStore.logOut().then(() => {
-    location.href = "/";
+    location.href = '/';
   });
 };
 onMounted(() => {
@@ -122,6 +110,7 @@
 
   orderStore.getDeptList();
   // orderStore.getUserList();
+  imouPlayerStore.getAccess();
 });
 onBeforeUnmount(() => {
   clearInterval(timer.value);
@@ -134,13 +123,13 @@
   height: 100vh;
   background: black;
   position: relative;
-  background: url("@/assets/images/MenHU/bj_img@2x.png") no-repeat center;
+  background: url('@/assets/images/MenHU/bj_img@2x.png') no-repeat center;
   background-size: cover;
   // 顶部
   #oneMapHeader {
     width: 100%;
     height: 100px;
-    background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
+    background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
     background-size: cover;
     z-index: 100;
     position: absolute;
@@ -224,12 +213,12 @@
       cursor: pointer;
     }
     .goHome {
-      background: url("@/assets/images/MenHU/sz.png") no-repeat center;
+      background: url('@/assets/images/MenHU/sz.png') no-repeat center;
       background-size: contain;
       right: 100px;
     }
     .goClose_com {
-      background: url("@/assets/images/MenHU/tc.png") no-repeat center;
+      background: url('@/assets/images/MenHU/tc.png') no-repeat center;
       background-size: contain;
       right: 50px;
     }
@@ -249,7 +238,7 @@
       bottom: 0;
       width: 952px;
       height: 53px;
-      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
       background-size: cover;
     }
   }
@@ -287,11 +276,11 @@
       }
     }
     .ZhuanTi1 {
-      background: url("@/assets/images/MenHU/cssmx@2x.png") no-repeat center;
+      background: url('@/assets/images/MenHU/cssmx@2x.png') no-repeat center;
       background-size: cover;
     }
     .ZhuanTi2 {
-      background: url("@/assets/images/MenHU/hmcs@2x.png") no-repeat center;
+      background: url('@/assets/images/MenHU/hmcs@2x.png') no-repeat center;
       background-size: cover;
     }
   }
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index d35910a..33887d2 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -233,10 +233,11 @@
 import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
 // 公共弹窗保存的数据
 import dialogTabsStore from '@/store/modules/dialogTabs';
-
+import useImouPlayerStore from '@/store/modules/imouPlayerToken';
 //
 const useSocket = inject('useSocket');
 
+const imouPlayerStore = useImouPlayerStore();
 // 预警点位数组
 const warningFeatures = ref([]);
 
@@ -823,6 +824,7 @@
   console.log('clear all');
 
   useDialogTabs.clear();
+  imouPlayerStore.clear_kit();
 };
 </script>