From 357daf2756e0c39885676591e00598b688acccf4 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 1 Nov 2022 11:48:23 +0800
Subject: [PATCH] =?UTF-8?q?pref:=20=E4=BF=AE=E6=94=B9=20applet=20host?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/QuickActions/action.vue        |  2 +-
 src/i18n/langs/zh.json                        |  8 +-
 .../components/NavHeader/Organization.vue     |  4 +
 .../AppletHosts/AppletHostDetail/Applets.vue  | 90 +++++++++++++++++++
 .../AppletHosts/AppletHostDetail/index.vue    | 19 +++-
 .../Applet/AppletHosts/AppletHostList.vue     |  2 -
 6 files changed, 119 insertions(+), 6 deletions(-)
 create mode 100644 src/views/settings/Applet/AppletHosts/AppletHostDetail/Applets.vue

diff --git a/src/components/QuickActions/action.vue b/src/components/QuickActions/action.vue
index 9ed23e9a8..8b61d9084 100644
--- a/src/components/QuickActions/action.vue
+++ b/src/components/QuickActions/action.vue
@@ -47,7 +47,7 @@ export default {
   computed: {
     iType() {
       switch (this.action.type) {
-        case 'switch':
+        case 'switcher':
           return 'Switcher'
         default:
           return 'el-button'
diff --git a/src/i18n/langs/zh.json b/src/i18n/langs/zh.json
index cf64f3285..6afebb901 100644
--- a/src/i18n/langs/zh.json
+++ b/src/i18n/langs/zh.json
@@ -98,6 +98,7 @@
     "NoSQLProtocol": "非关系数据库"
   },
   "assets": {
+    "InitialDeploy": "初始化部署",
     "Address": "地址",
     "PrivateKey": "密钥",
     "Secret": "密码",
@@ -284,6 +285,9 @@
     "ReLoginErr": "登录时长已超过 5 分钟，请重新登录"
   },
   "common": {
+    "Sync": "同步",
+    "Deploy": "部署",
+    "Detail": "详情",
     "Selector": "选择器",
     "NeedAddAppsOrSystemUserErrMsg": "需要添加应用或系统用户",
     "VerificationCodeSent": "验证码已发送",
@@ -711,6 +715,7 @@
   },
   "route": {
     "": "",
+    "AppletHostDetail": "远程应用发布机详情",
     "AppletHostCreate": "添加远程应用发布机",
     "AppletHostUpdate": "更新远程应用发布机",
     "AppletCreate": "创建远程应用",
@@ -897,7 +902,8 @@
   "terminal": {
     "Applets": "远程应用",
     "AppletHosts": "应用发布机",
-    "uploadZipTips": "请上传zip格式的文件"
+    "uploadZipTips": "请上传zip格式的文件",
+    "HostDeployment": "发布机部署"
   },
   "sessions": {
     "SetToDefaultStorage": "设置为默认存储",
diff --git a/src/layout/components/NavHeader/Organization.vue b/src/layout/components/NavHeader/Organization.vue
index 6f79b7846..53c1a7967 100644
--- a/src/layout/components/NavHeader/Organization.vue
+++ b/src/layout/components/NavHeader/Organization.vue
@@ -179,6 +179,10 @@ export default {
   &>>> .el-input__icon {
     color: #606266;
   }
+
+  &>>> .el-input .el-select__caret {
+    color: #8d8f93;
+  }
 }
 
 .option-group >>> .el-select-group__title {
diff --git a/src/views/settings/Applet/AppletHosts/AppletHostDetail/Applets.vue b/src/views/settings/Applet/AppletHosts/AppletHostDetail/Applets.vue
new file mode 100644
index 000000000..bc2726d23
--- /dev/null
+++ b/src/views/settings/Applet/AppletHosts/AppletHostDetail/Applets.vue
@@ -0,0 +1,90 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :md="16" :sm="24">
+      <ListTable :table-config="config" />
+    </el-col>
+    <el-col :md="8" :sm="24">
+      <QuickActions type="primary" :actions="quickActions" />
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import { ListTable, QuickActions } from '@/components'
+import { openTaskPage } from '@/utils/jms'
+export default {
+  name: 'Publications',
+  components: {
+    ListTable,
+    QuickActions
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      config: {
+        url: `/api/v1/terminal/applet-publications/?host=${this.object.id}`,
+        columns: [
+          'name', 'applet', 'comment', 'date_created', 'date_updated', 'actions'
+        ],
+        columnsMeta: {
+          applet: {
+            formatter: (row) => {
+              return row.applet.name
+            }
+          },
+          actions: {
+            formatterArgs: {
+              updateRoute: 'AppletPublicationUpdate'
+            }
+          }
+        }
+      },
+      quickActions: [
+        {
+          title: this.$t('assets.InitialDeploy'),
+          attrs: {
+            type: 'primary',
+            label: this.$t('common.Deploy')
+          },
+          callbacks: {
+            click: function() {
+              this.$axios.post(
+                `/api/v1/terminal/applet-host-deployments/`,
+                { host: this.object.id }
+              ).then(res => {
+                openTaskPage(res['task'])
+              })
+            }.bind(this)
+          }
+        },
+        {
+          title: '同步所有应用',
+          attrs: {
+            type: 'primary',
+            label: this.$t('common.Sync')
+          },
+          callbacks: {
+            click: function() {
+              this.$axios.post(
+                `/api/v1/assets/assets/${this.object.id}/tasks/`,
+                { action: 'refresh' }
+              ).then(res => {
+                openTaskPage(res['task'])
+              })
+            }.bind(this)
+          }
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/settings/Applet/AppletHosts/AppletHostDetail/index.vue b/src/views/settings/Applet/AppletHosts/AppletHostDetail/index.vue
index 67ce722b6..e46fe2a3a 100644
--- a/src/views/settings/Applet/AppletHosts/AppletHostDetail/index.vue
+++ b/src/views/settings/Applet/AppletHosts/AppletHostDetail/index.vue
@@ -13,14 +13,18 @@
 
 <script>
 import { GenericDetailPage, TabPage } from '@/layout/components'
+import Account from '@/views/assets/Asset/AssetDetail/Account'
 import Detail from './Detail'
+import Applets from './Applets'
 
 export default {
   name: 'AssetListDetail',
   components: {
     GenericDetailPage,
+    Applets,
     TabPage,
-    Detail
+    Detail,
+    Account
   },
   data() {
     return {
@@ -30,8 +34,16 @@ export default {
         activeMenu: 'Detail',
         submenu: [
           {
-            'title': 'AppletHostDetail',
+            'title': this.$t('common.Detail'),
             'name': 'Detail'
+          },
+          {
+            title: this.$t('assets.Account'),
+            name: 'Account'
+          },
+          {
+            'title': this.$t('terminal.Applets'),
+            'name': 'Applets'
           }
         ],
         hasRightSide: true,
@@ -48,6 +60,9 @@ export default {
         }
       }
     }
+  },
+  mounted() {
+    this.$route.query.oid = 'SYSTEM'
   }
 }
 </script>
diff --git a/src/views/settings/Applet/AppletHosts/AppletHostList.vue b/src/views/settings/Applet/AppletHosts/AppletHostList.vue
index c32449092..7bbab43e9 100644
--- a/src/views/settings/Applet/AppletHosts/AppletHostList.vue
+++ b/src/views/settings/Applet/AppletHosts/AppletHostList.vue
@@ -28,7 +28,6 @@ export default {
           name: {
             formatterArgs: {
               getRoute: ({ row }) => {
-                console.log('Row: ', row)
                 return {
                   name: 'AppletHostDetail',
                   params: { id: row.id }
@@ -54,7 +53,6 @@ export default {
       }
     }
   }
-
 }
 </script>