Merge pull request #45 from jumpserver/pr@dev@perf_use_player

perf: sass替换node-sass；使用gua播放器时增加terminal类型的判断

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jumperver_video_player",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "author": "OrangeM21 <[email protected]>",
   "description": "An electron-vue project",
   "license": null,
@@ -130,8 +130,8 @@
     "mocha": "^5.2.0",
     "multispinner": "^0.2.1",
     "node-loader": "^0.6.0",
-    "node-sass": "^4.9.2",
-    "sass-loader": "^7.0.3",
+    "sass": "^1.63.4",
+    "sass-loader": "^10.2.0",
     "style-loader": "^0.21.0",
     "url-loader": "^1.0.1",
     "vue-devtools": "^5.1.4",

src/renderer/components/mainPage.vue

@@ -55,7 +55,7 @@ export default {
       filename: '',
       fullscreenLoading: false,
       version: Number,
-      jsonData: ''
+      jsonData: {}
     }
   },
   methods: {
@@ -107,15 +107,13 @@ export default {
             fs.readFile(jsonPath, 'utf-8', (_, basicData) => {
               try {
                 this.jsonData = JSON.parse(basicData)
+                this.isUsingGuaPlayer()
               } catch (e) {
                 this.$message.error('Json解析错误')
               }
-              if (this.jsonData.protocol === 'rdp' || this.jsonData.protocol === 'vnc') {
-                this.type = '2'
-              }
             })
           }
-          return this.delay(5000).then(() => {
+          return this.delay(1000).then(() => {
             this.fullscreenLoading = false
             this.isPushed = true
             if (this.version === 1) {
@@ -127,6 +125,14 @@ export default {
           this.$message.error('压缩和录像文件不符, 请重试')
         })
     },
+    isUsingGuaPlayer () {
+      const { terminal = {}, protocol = '' } = this.jsonData
+      const types = ['lion', 'guacamole', 'razor', 'xrdp']
+      const protocols = ['rdp', 'vnc']
+      if ((terminal.type && types.includes(terminal.type)) || protocols.includes(protocol)) {
+        this.type = '2'
+      }
+    },
     play: function () {
       if (!this.isPushed) {
         this.$message.error('请先上传文件')