解决切换大屏之后信号源消失的bug之前的一次提交

src/renderer/App.vue

@@ -53,12 +53,12 @@
       })
 
       // 更新vuex中的缩放比例
-      /*axios.get('static/Data/EnityWindow.Data').then(async res => {
+      axios.get('static/Data/EnityWindow.Data').then(async res => {
         if (res.status === 200) {
               const bigScale = window.screen.height/res.data[0].Height
               this.$store.dispatch('updateScale',bigScale)
           }
-      })*/
+      })
     }
   }
 </script>

src/renderer/assets/less/splitscreen.less

@@ -30,7 +30,7 @@
   /*分屏项(栅格)*/
   .sitem2 {
     color:#000;
-    border: 1px solid #202020;
+    border: 1px solid rgba(43, 43, 43, 0.95);
     margin-right: -1px;
     margin-bottom: -1px;
   }

src/renderer/components/Admin.vue

@@ -23,7 +23,7 @@
         <!--最小化和关闭按钮-->
         <div class="mini" @click="miniWindow">－</div>
         <div class="close" @click="closeWindow">×</div>
-<!--        <button @click="logout">退出</button>-->
+        <!-- <button @click="logout">退出</button>-->
     </div>
 </template>
 

src/renderer/components/Button.vue

@@ -83,7 +83,6 @@
                     // 2.同一组的其他按钮处于未激活状态
                     const otherBtns = controlBtns.filter(item => item !== e)
                     otherBtns.forEach(item => {
-                        // this.$refs[item.ID][0].style.backgroundImage = 'url(' + require(`../../../static/Data/${item.BackIcon}`) + ')'
                         this.$refs[item.ID][0].style.backgroundImage = 'url('+`${this.staticUrl}/Data/${item.BackIcon}`+')'
                     })
 

src/renderer/store/actions.js

@@ -8,7 +8,8 @@ import {
     UPDATE_BIGSCREENOBJ,
     UPDATE_CURRENTSCREENID,
     UPDATE_LABELJSON,
-    UPDATE_HOMEJSON
+    UPDATE_HOMEJSON,
+    UPDATE_SCALE
 } from './mutation-types'
 
 export default {
@@ -57,6 +58,11 @@ export default {
     updateHomeJson({commit}, homeJson) {
         commit(UPDATE_HOMEJSON, {homeJson})
     },
+
+    // 更新元素缩放比例
+    updateScale({commit}, bigScale) {
+        commit(UPDATE_SCALE, {bigScale})
+    },
 }
 
 

src/renderer/store/mutations.js

@@ -1,4 +1,6 @@
-/*包含n个用于直接更新状态的方法的对象模块*/
+/*
+包含n个用于直接更新状态的方法的对象模块
+ */
 import {
     SAVE_USER,
     RESET_USER,
@@ -22,90 +24,90 @@ import {
 import storageUtils from "../../utils/storageUtils"
 
 export default {
-  // 保存用户信息
-  [SAVE_USER] (state, {user}) {  // 方法名不是SAVE_USER, 而是save_user
-    state.user = user
-    storageUtils.saveUser(user)
-  },
-
-  // 重置用户信息
-  [RESET_USER] (state) {
-    state.user = {}
-    storageUtils.removeUser()
-  },
-
-  // 清屏
-  [CLEAR_SCREEN] (state) {
-    state.signalPreList = []
-  },
-
-  // 分屏
-  [SPLIT_SCREEN] (state,{number}) {
-    state.splitScreenStatus = number
-  },
-
-  // 更新大屏中的信号源数量
-  [UPDATE_SIGNALPRELIST] (state,{signalPreList}) {
-    state.signalPreList = signalPreList
-  },
-
-  // 保存大屏数据
-  [SAVE_BIGSCREEN] (state,{bigScreenJson}) {
-    state.bigScreenJson = bigScreenJson
-  },
-
-  // 保存信号源数据
-  [SAVE_SIGNALLIST] (state,{signalListJson}) {
-    state.signalListJson = signalListJson
-  },
-
-  // 保存设备数据
-  [SAVE_DEVICE] (state,{deviceJson}) {
-    state.deviceJson = deviceJson
-  },
-
-  // 更新元素缩放比例
-  [UPDATE_SCALE] (state,{bigScale}) {
-    state.bigScale = bigScale
-  },
-
-  // 更新信号源被拖带第几个栅格中
-  [UPDATE_POSITIONNUM] (state,{positionNum}) {
-    state.positionNum = positionNum
-  },
-
-  // 更新大屏对象
-  [UPDATE_BIGSCREENOBJ] (state,{obj}) {
-    state.bigScreenObj = obj
-  },
+    // 保存用户信息
+    [SAVE_USER](state, {user}) {  // 方法名不是SAVE_USER, 而是save_user
+        state.user = user
+        storageUtils.saveUser(user)
+    },
+
+    // 重置用户信息
+    [RESET_USER](state) {
+        state.user = {}
+        storageUtils.removeUser()
+    },
+
+    // 清屏
+    [CLEAR_SCREEN](state) {
+        state.signalPreList = []
+    },
+
+    // 分屏
+    [SPLIT_SCREEN](state, {number}) {
+        state.splitScreenStatus = number
+    },
+
+    // 更新大屏中的信号源数量
+    [UPDATE_SIGNALPRELIST](state, {signalPreList}) {
+        state.signalPreList = signalPreList
+    },
+
+    // 保存大屏数据
+    [SAVE_BIGSCREEN](state, {bigScreenJson}) {
+        state.bigScreenJson = bigScreenJson
+    },
+
+    // 保存信号源数据
+    [SAVE_SIGNALLIST](state, {signalListJson}) {
+        state.signalListJson = signalListJson
+    },
+
+    // 保存设备数据
+    [SAVE_DEVICE](state, {deviceJson}) {
+        state.deviceJson = deviceJson
+    },
+
+    // 更新元素缩放比例
+    [UPDATE_SCALE](state, {bigScale}) {
+        state.bigScale = bigScale
+    },
+
+    // 更新信号源被拖带第几个栅格中
+    [UPDATE_POSITIONNUM](state, {positionNum}) {
+        state.positionNum = positionNum
+    },
+
+    // 更新大屏对象
+    [UPDATE_BIGSCREENOBJ](state, {obj}) {
+        state.bigScreenObj = obj
+    },
 
     // 更新当前操作大屏Id
-    [UPDATE_CURRENTSCREENID] (state,{Id}) {
+    [UPDATE_CURRENTSCREENID](state, {Id}) {
         state.curOpeBigscreenId = Id
     },
 
     // 间接更新大屏信号源数组
-    [SECOND_UPDATE_BIGSCREEN] (state,{signals}) {
+    [SECOND_UPDATE_BIGSCREEN](state, {signals}) {
         state.bigScreenObj[state.curOpeBigscreenId].signalArr = signals
     },
 
     // 更新labeljson
-    [UPDATE_LABELJSON](state,{labelJson}) {
+    [UPDATE_LABELJSON](state, {labelJson}) {
         state.labelJson = labelJson
     },
 
     // 更新imagejson
-    [UPDATE_IMAGEJSON](state,{imageJson}) {
+    [UPDATE_IMAGEJSON](state, {imageJson}) {
         state.imageJson = imageJson
     },
 
     // 更新bigshowjson
-    [UPDATE_BIGSHOWJSON](state,{bigshowJson}) {
+    [UPDATE_BIGSHOWJSON](state, {bigshowJson}) {
         state.bigshowJson = bigshowJson
     },
 
     // 更新homejson
-    [UPDATE_HOMEJSON](state,{homeJson}) {
+    [UPDATE_HOMEJSON](state, {homeJson}) {
         state.homeJson = homeJson
     },
 }

src/utils/testData.js

@@ -0,0 +1,39 @@
+/*
+测试数据
+ */
+
+export const signalListTestData = [
+    {
+        "sourceId": 4,
+        "previewUrl": "rtmp://58.200.131.2:1935/livetv/cctv6",
+        "url": null,
+        "preview": true,
+        "showName": "CCTV6",
+        "deviceID": "encoder_104",
+        "deviceName": "CCTV6"
+    },{
+        "sourceId": 1,
+        "previewUrl": "rtmp://58.200.131.2:1935/livetv/ahtv",
+        "url": null,
+        "preview": true,
+        "showName": "安徽卫视",
+        "deviceID": "encoder_101",
+        "deviceName": "安徽卫视"
+    },{
+        "sourceId": 2,
+        "previewUrl": "rtmp://58.200.131.2:1935/livetv/dftv",
+        "url": null,
+        "preview": true,
+        "showName": "东方卫视",
+        "deviceID": "encoder_102",
+        "deviceName": "东方卫视"
+    },{
+        "sourceId": 3,
+        "previewUrl": "rtmp://58.200.131.2:1935/livetv/hunantv",
+        "url": null,
+        "preview": true,
+        "showName": "湖南卫视",
+        "deviceID": "encoder_103",
+        "deviceName": "湖南卫视"
+    },
+]