From f1ad835f84c945846c7d86a3545c5d7251935fb2 Mon Sep 17 00:00:00 2001
From: OrangeM21 <orangemtony@gmail.com>
Date: Thu, 28 May 2020 16:45:29 +0800
Subject: [PATCH 1/3] =?UTF-8?q?[fix]=E4=BF=AE=E5=A4=8D=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E8=B5=84=E4=BA=A7Bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/assets/AssetList/AssetCreateUpdate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/assets/AssetList/AssetCreateUpdate.vue b/src/views/assets/AssetList/AssetCreateUpdate.vue
index cc7189bba..f32b21a06 100644
--- a/src/views/assets/AssetList/AssetCreateUpdate.vue
+++ b/src/views/assets/AssetList/AssetCreateUpdate.vue
@@ -36,7 +36,7 @@ export default {
               processResults: (data) => {
                 let results = data.results
                 results = results.map((item) => {
-                  return { label: `${item.name}`, value: item.name }
+                  return { label: item.name, value: item.name }
                 })
                 const more = !!data.next
                 return { results: results, pagination: more, total: data.count }

From 8a339db1ae82887dd4f79015029ca4f37e2f00b3 Mon Sep 17 00:00:00 2001
From: OrangeM21 <orangemtony@gmail.com>
Date: Thu, 28 May 2020 17:38:32 +0800
Subject: [PATCH 2/3] =?UTF-8?q?[fix]=E4=BF=AE=E5=A4=8D=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=9A=84Bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/assets.js                         | 6 +++---
 src/views/assets/Platform/Detail.vue         | 2 +-
 src/views/assets/Platform/PlatformDetail.vue | 8 +++++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/router/assets.js b/src/router/assets.js
index 75a19380d..4849baee7 100644
--- a/src/router/assets.js
+++ b/src/router/assets.js
@@ -89,21 +89,21 @@ export default [
     hidden: true
   },
   {
-    path: 'platform/update/:id',
+    path: 'platforms/update/:id',
     component: () => import('@/views/assets/Platform/PlatformCreateUpdate.vue'), // Parent router-view
     name: 'PlatformUpdate',
     meta: { title: i18n.t('route.PlatformUpdate'), activeMenu: '/assets/platform' },
     hidden: true
   },
   {
-    path: 'platform/detail/:id',
+    path: 'platforms/detail/:id',
     component: () => import('@/views/assets/Platform/PlatformDetail.vue'), // Parent router-view
     name: 'PlatformDetail',
     meta: { title: i18n.t('route.PlatformDetail'), activeMenu: '/assets/platform' },
     hidden: true
   },
   {
-    path: 'platform/create',
+    path: 'platforms/create',
     component: () => import('@/views/assets/Platform/PlatformCreateUpdate.vue'), // Parent router-view
     name: 'PlatformCreate',
     meta: { title: i18n.t('route.PlatformCreate'), activeMenu: '/assets/platform' },
diff --git a/src/views/assets/Platform/Detail.vue b/src/views/assets/Platform/Detail.vue
index 9eed0c9d3..ab8129d8a 100644
--- a/src/views/assets/Platform/Detail.vue
+++ b/src/views/assets/Platform/Detail.vue
@@ -41,7 +41,7 @@ export default {
         },
         {
           key: this.$t('assets.Meta'),
-          value: this.object.meta
+          value: JSON.stringify(this.object.meta)
         },
         {
           key: this.$t('assets.Comment'),
diff --git a/src/views/assets/Platform/PlatformDetail.vue b/src/views/assets/Platform/PlatformDetail.vue
index a850690b9..99d8d8091 100644
--- a/src/views/assets/Platform/PlatformDetail.vue
+++ b/src/views/assets/Platform/PlatformDetail.vue
@@ -22,7 +22,7 @@ export default {
         detailApiUrl: `/api/v1/assets/platforms/${this.$route.params.id}/`
       },
       config: {
-        title: this.$t('assets.commandFilterDetail'),
+        title: this.$t('assets.PlatformDetail'),
         activeMenu: 'Detail',
         submenu: [
           {
@@ -30,12 +30,14 @@ export default {
             name: 'Detail'
           }
         ],
-        hasRightSide: false
+        hasRightSide: this.hasRightSide
       }
     }
   },
   computed: {
-
+    hasRightSide() {
+      return this.$route.params.id > 7
+    }
   }
 }
 </script>

From fa452c5598744114d8e54a2463301f678f895171 Mon Sep 17 00:00:00 2001
From: OrangeM21 <orangemtony@gmail.com>
Date: Thu, 28 May 2020 18:42:54 +0800
Subject: [PATCH 3/3] =?UTF-8?q?[fix]=E6=B7=BB=E5=8A=A0=E8=B5=84=E4=BA=A7?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E6=B5=8B=E8=AF=95Dialog?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/langs/cn.json                        |  2 +
 src/i18n/langs/en.json                        |  2 +
 .../AdminUser/AdminUserDetail/AssetsList.vue  | 99 ++++++++++++++++++-
 3 files changed, 100 insertions(+), 3 deletions(-)

diff --git a/src/i18n/langs/cn.json b/src/i18n/langs/cn.json
index 3a0397279..d798ea5c9 100644
--- a/src/i18n/langs/cn.json
+++ b/src/i18n/langs/cn.json
@@ -10,6 +10,8 @@
   },
   "assets": {
     "Action": "动作",
+    "UpdateAssetUserToken": "更新资产用户认证信息",
+    "Password": "密码",
     "RefreshHardware": "更新硬件信息",
     "AdminUser": "管理用户",
     "AdminUserDetail": "管理用户详情",
diff --git a/src/i18n/langs/en.json b/src/i18n/langs/en.json
index 61f07b390..721263d78 100644
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -10,6 +10,8 @@
   },
   "assets": {
     "Action": "Action",
+    "UpdateAssetUserToken": "Update asset user auth",
+    "Password": "Password",
     "RefreshHardware": "Refresh hardware",
     "AdminUser": "Admin user",
     "AdminUserDetail": "Admin user detail",
diff --git a/src/views/assets/AdminUser/AdminUserDetail/AssetsList.vue b/src/views/assets/AdminUser/AdminUserDetail/AssetsList.vue
index 15ef3337b..7ca827c35 100644
--- a/src/views/assets/AdminUser/AdminUserDetail/AssetsList.vue
+++ b/src/views/assets/AdminUser/AdminUserDetail/AssetsList.vue
@@ -1,4 +1,4 @@
-<template>
+<template><div>
   <el-row :gutter="20">
     <el-col :span="14">
       <ListTable ref="ListTable" :table-config="tableConfig" :header-actions="headerActions" />
@@ -7,10 +7,28 @@
       <QuickActions type="primary" :actions="quickActions" />
     </el-col>
   </el-row>
+  <Dialog width="50" :title="this.$t('assets.UpdateAssetUserToken')" :visible.sync="showDialog" @confirm="handleConfirm()" @cancel="handleCancel()">
+    <el-form label-position="right" label-width="80px" :model="dialogInfo">
+      <el-form-item :label="this.$t('assets.Hostname')">
+        <el-input v-model="dialogInfo.hostname" disabled />
+      </el-form-item>
+      <el-form-item :label="this.$t('assets.Username')">
+        <el-input v-model="dialogInfo.username" disabled />
+      </el-form-item>
+      <el-form-item :label="this.$t('assets.Password')">
+        <el-input v-model="dialogInfo.password" type="password" />
+      </el-form-item>
+      <el-form-item :label="this.$t('assets.sshkey')">
+        <input type="file" @change="Onchange">
+      </el-form-item>
+    </el-form>
+  </Dialog>
+</div>
 </template>
 
 <script>
 import ListTable from '@/components/ListTable/index'
+import Dialog from '@/components/Dialog'
 import { CustomActionsFormatter, DateFormatter } from '@/components/ListTable/formatters'
 import QuickActions from '@/components/QuickActions/index'
 
@@ -18,7 +36,8 @@ export default {
   name: 'Detail',
   components: {
     QuickActions,
-    ListTable
+    ListTable,
+    Dialog
   },
   props: {
     object: {
@@ -28,6 +47,14 @@ export default {
   },
   data() {
     return {
+      showDialog: false,
+      dialogInfo: {
+        asset: '',
+        username: '',
+        hostname: '',
+        password: '',
+        key: ''
+      },
       quickActions: [
         {
           title: this.$t('assets.TestAssetsConnective'),
@@ -91,8 +118,25 @@ export default {
                   name: this.$t('common.Test'),
                   title: this.$t('common.Test'),
                   callback: (val) => {
-                    console.log('Test')
+                    console.log(val.cellValue)
+                    this.$axios.post(
+                      `api/v1/assets/asset-users/tasks/?id=${val.cellValue}`,
+                      { action: 'test' }
+                    ).then(res => {
+                      window.open(`/ops/celery/task/${res.task}/log/`, '', 'width=900,height=600')
+                    })
                   }
+                },
+                {
+                  name: this.$t('common.Update'),
+                  title: this.$t('common.Update'),
+                  callback: function(val) {
+                    console.log(val)
+                    this.showDialog = true
+                    this.dialogInfo.asset = val.row.asset
+                    this.dialogInfo.hostname = val.row.hostname
+                    this.dialogInfo.username = val.row.username
+                  }.bind(this)
                 }
               ]
             }
@@ -112,6 +156,55 @@ export default {
   mounted() {
   },
   methods: {
+    handleCancel() {
+      this.dialogInfo = {
+        asset: '',
+        username: '',
+        hostname: '',
+        password: '',
+        key: ''
+      }
+      this.showDialog = false
+    },
+    Onchange(e) {
+      const vm = this
+      // TODO 校验文件类型
+      const reader = new FileReader()
+      reader.onload = function() {
+        vm.dialogInfo.key = this.result
+      }
+      reader.readAsText(
+        e.target.files[0]
+      )
+    },
+    handleConfirm() {
+      const data = {
+        asset: this.dialogInfo.asset,
+        username: this.dialogInfo.username
+      }
+      if (this.dialogInfo.password !== '') {
+        data.password = this.dialogInfo.password
+      }
+      if (this.dialogInfo.key !== '') {
+        data.key = this.dialogInfo.key
+      }
+      this.$axios.post(
+        `/api/v1/assets/asset-users/`,
+        data
+      ).then(res => {
+        this.$message.success(this.$t('common.updateSuccessMsg'))
+      }).catch(err => {
+        this.$message.error(this.$t('common.updateErrorMsg' + ' ' + err))
+      })
+      this.dialogInfo = {
+        asset: '',
+        username: '',
+        hostname: '',
+        password: '',
+        key: ''
+      }
+      this.showDialog = false
+    }
   }
 }
 </script>