From 28de62396f37150848b97d306ace69203023a98e Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Tue, 21 Jun 2022 13:59:36 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1965=20feat=20:=20asset=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=86=85=E5=AE=B9=E5=A4=8D=E5=88=B6=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/package.json                    |  1 +
 nezha-fronted/src/assets/css/common.scss      |  7 +++++++
 .../src/components/common/mixin/table.js      |  5 +++++
 .../common/table/asset/assetTable.vue         | 20 ++++++++++++++++++-
 nezha-fronted/src/entrance/app/main.js        |  2 ++
 5 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/package.json b/nezha-fronted/package.json
index 5f4017499..afe757464 100644
--- a/nezha-fronted/package.json
+++ b/nezha-fronted/package.json
@@ -55,6 +55,7 @@
     "quill": "^1.3.7",
     "v-selectpage": "^2.1.4",
     "vue": "^2.5.2",
+    "vue-clipboard2": "^0.3.3",
     "vue-color": "^2.8.1",
     "vue-countupjs": "^1.0.0",
     "vue-draggable-resizable": "^2.3.0",
diff --git a/nezha-fronted/src/assets/css/common.scss b/nezha-fronted/src/assets/css/common.scss
index 8f7447974..4a7e4bbde 100644
--- a/nezha-fronted/src/assets/css/common.scss
+++ b/nezha-fronted/src/assets/css/common.scss
@@ -422,3 +422,10 @@ input, textarea {
   font-size: 10px;
   margin-left: 190px;
 }
+
+.document-copy-block:hover i{
+  visibility: visible !important;
+}
+.document-copy-block i{
+  font-size: 14px !important;
+}
diff --git a/nezha-fronted/src/components/common/mixin/table.js b/nezha-fronted/src/components/common/mixin/table.js
index 250d75e46..ec8240316 100644
--- a/nezha-fronted/src/components/common/mixin/table.js
+++ b/nezha-fronted/src/components/common/mixin/table.js
@@ -134,6 +134,11 @@ export default {
     },
     rowKey (row) { // ping trace的 唯一key
       return row.ip + '-' + row.dc.id
+    },
+    onCopy (txt) {
+      this.$copyText(txt).then(() => {
+        this.$message.success({ message: this.$t('overall.copySuccess') })
+      })
     }
   },
   watch: {
diff --git a/nezha-fronted/src/components/common/table/asset/assetTable.vue b/nezha-fronted/src/components/common/table/asset/assetTable.vue
index f9190855f..063e44c36 100644
--- a/nezha-fronted/src/components/common/table/asset/assetTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetTable.vue
@@ -38,7 +38,19 @@
           <div class="col-resize-area"></div>
         </template>
         <template slot-scope="scope" :column="item">
-          <template v-if="item.prop === 'type'">{{scope.row.type ? scope.row.type.name : '-'}}</template>
+          <template v-if="item.prop === 'name'">
+            <div style="cursor:text" class="document-copy-block">
+              {{scope.row.name ? scope.row.name : '-'}}
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+            </div>
+          </template>
+           <template v-else-if="item.prop === 'manageIp'">
+            <div style="cursor:text" class="document-copy-block">
+              {{scope.row.manageIp ? scope.row.manageIp : '-'}}
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.manageIp)"></i>
+            </div>
+          </template>
+          <template v-else-if="item.prop === 'type'">{{scope.row.type ? scope.row.type.name : '-'}}</template>
           <template v-else-if="item.prop === 'state'">{{scope.row.state ? scope.row.state.name : '-'}}</template>
           <template v-else-if="item.prop === 'endpointNum'">
             <span style="cursor: pointer" @click="$emit('showBottomBox', 'endpointTab', scope.row)"><i class="nz-icon nz-icon-overview-endpoint monitorColor"></i> <span>{{scope.row.endpointNum ? scope.row.endpointNum : 0}}</span></span>
@@ -91,6 +103,12 @@
             <!--          <span v-else-if="scope.row.pid == -1">  <i class="nz-icon nz-icon-overview-project monitorColor color23BF9A"></i> 0 </span>-->
             <span v-else> - </span>
           </template>
+          <template v-else-if="item.prop === 'sn'">
+            <div style="cursor:text" class="document-copy-block">
+              {{scope.row.sn ? scope.row.sn : '-'}}
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.sn)"></i>
+            </div>
+          </template>
           <template v-else-if="item.prop === 'talon'">
             <div v-if="scope.row['clientState']===1">
               <div class="active-icon green-bg inline-block"></div>
diff --git a/nezha-fronted/src/entrance/app/main.js b/nezha-fronted/src/entrance/app/main.js
index 00653f23a..516f3981b 100644
--- a/nezha-fronted/src/entrance/app/main.js
+++ b/nezha-fronted/src/entrance/app/main.js
@@ -16,6 +16,7 @@ import axios from 'axios'
 import { hasPermission, hasButton } from '@/permission'
 import loadsh from 'lodash'
 import plTable from 'pl-table'
+import VueClipboard from 'vue-clipboard2'
 import 'pl-table/themes/index.css'
 
 import { post, get, put, del } from '@/http.js'
@@ -126,6 +127,7 @@ Vue.config.productionTip = false
 Vue.use(ElementUI)
 Vue.use(Vuex)
 Vue.use(VueResource)
+Vue.use(VueClipboard)
 Vue.use(plTable)
 Vue.component('el-select', MyElSelect)
 Vue.use(hasPermission)