From bf877f415a56fb3fcefef169cd2d86c5a0977133 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Fri, 18 Jun 2021 17:49:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BC=9A=E8=AF=9D?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E4=B8=AD=E6=92=AD=E6=94=BEbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...ionCommandList.vue => SessionCommands.vue} |   2 +-
 .../SessionDetail/SessionDetailCard.vue       | 159 ------------------
 .../SessionDetail/SessionDetailInfo.vue       | 158 +++++++++++++++++
 src/views/sessions/SessionDetail/index.vue    |  14 +-
 .../sessions/SessionList/OfflineList.vue      |   4 +-
 src/views/sessions/SessionList/OnlineList.vue |   6 +-
 6 files changed, 171 insertions(+), 172 deletions(-)
 rename src/views/sessions/SessionDetail/{SessionCommandList.vue => SessionCommands.vue} (98%)
 delete mode 100644 src/views/sessions/SessionDetail/SessionDetailCard.vue
 create mode 100644 src/views/sessions/SessionDetail/SessionDetailInfo.vue

diff --git a/src/views/sessions/SessionDetail/SessionCommandList.vue b/src/views/sessions/SessionDetail/SessionCommands.vue
similarity index 98%
rename from src/views/sessions/SessionDetail/SessionCommandList.vue
rename to src/views/sessions/SessionDetail/SessionCommands.vue
index 5dd3499fd..d793cfd25 100644
--- a/src/views/sessions/SessionDetail/SessionCommandList.vue
+++ b/src/views/sessions/SessionDetail/SessionCommands.vue
@@ -11,7 +11,7 @@ import ListTable from '@/components/ListTable'
 import { OutputExpandFormatter } from '../formatters'
 import { toSafeLocalDateStr } from '@/utils/common'
 export default {
-  name: 'SessionCommandList',
+  name: 'SessionCommands',
   components: {
     ListTable
   },
diff --git a/src/views/sessions/SessionDetail/SessionDetailCard.vue b/src/views/sessions/SessionDetail/SessionDetailCard.vue
deleted file mode 100644
index 34431a15f..000000000
--- a/src/views/sessions/SessionDetail/SessionDetailCard.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<template>
-  <el-row :gutter="20">
-    <el-col :span="14">
-      <DetailCard :items="detailItems" />
-    </el-col>
-    <el-col :span="10">
-      <QuickActions type="primary" :actions="quickActions" />
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import DetailCard from '@/components/DetailCard/index'
-import QuickActions from '@/components/QuickActions'
-import { terminateSession } from '@/api/sessions'
-import { toSafeLocalDateStr } from '@/utils/common'
-export default {
-  name: 'SessionDetailCard',
-  components: {
-    DetailCard,
-    QuickActions
-  },
-  props: {
-    object: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      sessionData: this.object
-    }
-  },
-  computed: {
-    detailItems() {
-      return [
-        {
-          key: this.$t('sessions.user'),
-          value: this.sessionData.user
-        },
-        {
-          key: this.$t('sessions.asset'),
-          value: this.sessionData.asset
-        },
-        {
-          key: this.$t('sessions.systemUser'),
-          value: this.sessionData.system_user
-        },
-        {
-          key: this.$t('sessions.protocol'),
-          value: this.sessionData.protocol
-        },
-        {
-          key: this.$t('sessions.loginFrom'),
-          value: this.sessionData.login_from
-        },
-        {
-          key: this.$t('sessions.remoteAddr'),
-          value: this.sessionData.remote_addr
-        },
-        {
-          key: this.$t('sessions.dateStart'),
-          value: toSafeLocalDateStr(this.sessionData.date_start)
-        },
-        {
-          key: this.$t('sessions.dateEnd'),
-          value: this.sessionData.date_end ? toSafeLocalDateStr(this.sessionData.date_end) : ''
-        }
-      ]
-    },
-    quickActions() {
-      const vm = this
-      if (vm.sessionData.is_finished) {
-        return [
-          {
-            title: this.$t('sessions.replaySession'),
-            attrs: {
-              type: 'primary',
-              label: this.$t('sessions.replay')
-            },
-            callbacks: {
-              click: function() {
-                vm.openReplaySession(vm.sessionData.id)
-              }
-
-            }
-          },
-          {
-            title: this.$t('sessions.downloadReplay'),
-            attrs: {
-              type: 'primary',
-              label: this.$t('sessions.download')
-            },
-            callbacks: {
-              click: function() {
-                vm.openReplayDownload(vm.sessionData.id)
-              }
-            }
-          }
-        ]
-      } else {
-        return [
-          {
-            title: this.$t('sessions.sessionTerminate'),
-            attrs: {
-              type: 'danger',
-              label: this.$t('sessions.terminate'),
-              disabled: !vm.sessionData.can_terminate
-            },
-            callbacks: {
-              click: function() {
-              // 终断 session reload
-                terminateSession(vm.sessionData.id).then(res => {
-                  const msg = vm.$t('sessions.TerminateTaskSendSuccessMsg')
-                  vm.$message.success(msg)
-                  window.setTimeout(function() {
-                    window.location.reload()
-                  }, 50000)
-                }
-                )
-              }
-            }
-          },
-          {
-            title: this.$t('sessions.sessionMonitor'),
-            attrs: {
-              type: 'primary',
-              label: this.$t('sessions.Monitor'),
-              disabled: !vm.sessionData.can_join
-            },
-            callbacks: {
-              click: function() {
-              // 跳转到luna页面
-                const joinUrl = '/luna/join/?shareroom=' + vm.sessionData.id
-                window.open(joinUrl, 'height=600, width=800, top=400, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no')
-              }
-            }
-          }
-        ]
-      }
-    }
-  },
-  methods: {
-    openReplaySession: function(id) {
-      const replayUrl = '/luna/replay/' + id
-      window.open(replayUrl)
-    },
-    openReplayDownload: function(id) {
-      const downloadUrl = '/api/v1/terminal/sessions/00000000-0000-0000-0000-000000000000/replay/download/'
-        .replace('00000000-0000-0000-0000-000000000000', id)
-      window.open(downloadUrl)
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/sessions/SessionDetail/SessionDetailInfo.vue b/src/views/sessions/SessionDetail/SessionDetailInfo.vue
new file mode 100644
index 000000000..1d8f3a052
--- /dev/null
+++ b/src/views/sessions/SessionDetail/SessionDetailInfo.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :span="14">
+      <DetailCard v-if="object" :items="detailItems" />
+    </el-col>
+    <el-col :span="10">
+      <QuickActions v-if="object" type="primary" :actions="quickActions" />
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import DetailCard from '@/components/DetailCard/index'
+import QuickActions from '@/components/QuickActions'
+import { terminateSession } from '@/api/sessions'
+import { toSafeLocalDateStr } from '@/utils/common'
+export default {
+  name: 'SessionDetailInfo',
+  components: {
+    DetailCard,
+    QuickActions
+  },
+  props: {
+    object: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      session: this.object
+    }
+  },
+  computed: {
+    onlineSessionActions() {
+      const vm = this
+      return [
+        {
+          title: this.$t('sessions.sessionTerminate'),
+          attrs: {
+            type: 'danger',
+            label: this.$t('sessions.terminate'),
+            disabled: !this.session['can_terminate']
+          },
+          callbacks: {
+            click: function() {
+              // 终断 session reload
+              terminateSession(vm.session.id).then(res => {
+                const msg = vm.$t('sessions.TerminateTaskSendSuccessMsg')
+                vm.$message.success(msg)
+                window.setTimeout(function() {
+                  window.location.reload()
+                }, 50000)
+              })
+            }
+          }
+        },
+        {
+          title: this.$t('sessions.sessionMonitor'),
+          attrs: {
+            type: 'primary',
+            label: this.$t('sessions.Monitor'),
+            disabled: !this.session['can_join']
+          },
+          callbacks: {
+            click: function() {
+              // 跳转到luna页面
+              const joinUrl = '/luna/monitor/' + vm.session.id
+              window.open(joinUrl, 'height=600, width=800, top=400, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no')
+            }
+          }
+        }
+      ]
+    },
+    offlineSessionActions() {
+      const vm = this
+      return [
+        {
+          title: this.$t('sessions.replaySession'),
+          attrs: {
+            type: 'primary',
+            label: this.$t('sessions.replay'),
+            disabled: !this.session['can_replay']
+          },
+          callbacks: {
+            click: function() {
+              const replayUrl = '/luna/replay/' + vm.session.id
+              window.open(replayUrl)
+            }
+          }
+        },
+        {
+          title: this.$t('sessions.downloadReplay'),
+          attrs: {
+            type: 'primary',
+            label: this.$t('sessions.download'),
+            disabled: !this.session['can_replay']
+          },
+          callbacks: {
+            click: function() {
+              const downloadUrl = `/api/v1/terminal/sessions/${vm.session.id}/replay/download/`
+              window.open(downloadUrl)
+            }
+          }
+        }
+      ]
+    },
+    detailItems() {
+      return [
+        {
+          key: this.$t('sessions.user'),
+          value: this.session.user
+        },
+        {
+          key: this.$t('sessions.asset'),
+          value: this.session.asset
+        },
+        {
+          key: this.$t('sessions.systemUser'),
+          value: this.session.system_user
+        },
+        {
+          key: this.$t('sessions.protocol'),
+          value: this.session.protocol
+        },
+        {
+          key: this.$t('sessions.loginFrom'),
+          value: this.session.login_from
+        },
+        {
+          key: this.$t('sessions.remoteAddr'),
+          value: this.session.remote_addr
+        },
+        {
+          key: this.$t('sessions.dateStart'),
+          value: toSafeLocalDateStr(this.session.date_start)
+        },
+        {
+          key: this.$t('sessions.dateEnd'),
+          value: this.session.date_end ? toSafeLocalDateStr(this.session.date_end) : ''
+        }
+      ]
+    },
+    quickActions() {
+      const vm = this
+      if (vm.session.is_finished) {
+        return this.offlineSessionActions
+      } else {
+        return this.onlineSessionActions
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/sessions/SessionDetail/index.vue b/src/views/sessions/SessionDetail/index.vue
index 3764ec8ea..2b433fa28 100644
--- a/src/views/sessions/SessionDetail/index.vue
+++ b/src/views/sessions/SessionDetail/index.vue
@@ -14,27 +14,27 @@
 
 <script>
 import { GenericDetailPage } from '@/layout/components'
-import SessionCommandList from './SessionCommandList'
-import SessionDetailCard from './SessionDetailCard'
+import SessionCommands from './SessionCommands'
+import SessionDetailInfo from './SessionDetailInfo'
 export default {
   name: 'SessionDetail',
   components: {
     GenericDetailPage,
-    SessionCommandList,
-    SessionDetailCard
+    SessionCommands,
+    SessionDetailInfo
   },
   data() {
     return {
       sessionData: {},
-      activeSubMenu: 'SessionDetailCard',
+      activeSubMenu: 'SessionDetailInfo',
       submenu: [
         {
           title: this.$t('route.SessionDetail'),
-          name: 'SessionDetailCard'
+          name: 'SessionDetailInfo'
         },
         {
           title: this.$t('sessions.command'),
-          name: 'SessionCommandList'
+          name: 'SessionCommands'
         }
       ]
     }
diff --git a/src/views/sessions/SessionList/OfflineList.vue b/src/views/sessions/SessionList/OfflineList.vue
index dcfcfc595..be56ecc72 100644
--- a/src/views/sessions/SessionList/OfflineList.vue
+++ b/src/views/sessions/SessionList/OfflineList.vue
@@ -18,7 +18,7 @@ export default {
           title: this.$t('sessions.replay'),
           type: 'warning',
           can: ({ row, cellValue }) => {
-            return row.can_replay
+            return row['can_replay']
           },
           callback: function({ row, tableData }) {
             // 跳转到luna页面
@@ -31,7 +31,7 @@ export default {
           title: this.$t('sessions.download'),
           type: 'primary',
           can: ({ row, cellValue }) => {
-            return row.can_replay
+            return row['can_replay']
           },
           callback: function({ row, tableData }) {
             // 跳转下载页面
diff --git a/src/views/sessions/SessionList/OnlineList.vue b/src/views/sessions/SessionList/OnlineList.vue
index d8e20eb91..37b24e2ba 100644
--- a/src/views/sessions/SessionList/OnlineList.vue
+++ b/src/views/sessions/SessionList/OnlineList.vue
@@ -20,7 +20,7 @@ export default {
           title: this.$t('sessions.terminate'),
           type: 'danger',
           can: ({ row, cellValue }) => {
-            return row.can_terminate
+            return row['can_terminate']
           },
           callback: function({ reload, row }) {
             // 终断 session reload
@@ -40,7 +40,7 @@ export default {
           title: this.$t('sessions.Monitor'),
           type: 'primary',
           can: ({ row, cellValue }) => {
-            return row.can_join
+            return row['can_join']
           },
           tip: ({ row }) => {
             if (row.login_from === 'RT') {
@@ -49,7 +49,7 @@ export default {
             return ''
           },
           callback: function({ row, tableData }) {
-            const monitorUrl = '/luna/monitor/' + row.id + '/'
+            const monitorUrl = '/luna/monitor/' + row.id
             window.open(monitorUrl, '_blank', 'height=600, width=800, top=400, left=400, toolbar=no, menubar=no, scrollbars=no, location=no, status=no')
           }
         }