From 7a39478e838d491f8ef98349e99403c12ff4cee1 Mon Sep 17 00:00:00 2001
From: Wenchao Gong <hanyeduxing2012@163.com>
Date: Fri, 10 Sep 2021 18:01:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=8D=E5=88=B6=E6=96=87=E6=9C=AC=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/isc/application/index.vue | 20 +++++++++++++-
 ruoyi-ui/src/views/isc/appservice/index.vue  | 28 ++++++++++++++++++--
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/ruoyi-ui/src/views/isc/application/index.vue b/ruoyi-ui/src/views/isc/application/index.vue
index 74e652153..e8a3464bd 100644
--- a/ruoyi-ui/src/views/isc/application/index.vue
+++ b/ruoyi-ui/src/views/isc/application/index.vue
@@ -82,7 +82,12 @@
           </router-link>
         </template>
       </el-table-column>
-      <el-table-column label="应用密钥" align="center" prop="accessKey" />
+      <el-table-column label="应用密钥" align="center" prop="accessKey">
+        <template slot-scope="scope">
+            <span>{{ scope.row.accessKey }} </span> 
+            <i class="el-icon-copy-document" style="color: #4A8DFF" @click="handleCopy(scope.row.accessKey)" title="复制"/>
+        </template>
+      </el-table-column>
       <el-table-column label="更新者" align="center" prop="updateBy" />
       <el-table-column label="更新时间" align="center" prop="updateTime" width="180">
         <template slot-scope="scope">
@@ -254,6 +259,19 @@ export default {
         this.title = "修改应用信息";
       });
     },
+    // 复制ak
+    handleCopy(data) {
+      let oInput = document.createElement('input')
+      oInput.value = data
+      document.body.appendChild(oInput)
+      oInput.select()
+      document.execCommand('copy')
+      this.$message({
+        message: '复制成功',
+        type: 'success'
+      })
+      oInput.remove()
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
diff --git a/ruoyi-ui/src/views/isc/appservice/index.vue b/ruoyi-ui/src/views/isc/appservice/index.vue
index 3239730a6..3a19cd800 100644
--- a/ruoyi-ui/src/views/isc/appservice/index.vue
+++ b/ruoyi-ui/src/views/isc/appservice/index.vue
@@ -88,7 +88,12 @@
       <el-table-column type="selection" width="55" align="center" :selectable="selectable"/>
       <el-table-column label="应用服务ID" align="center" prop="appServiceId" v-if="false"/>
       <el-table-column label="服务名称" align="left" prop="serviceName" />
-      <el-table-column label="虚拟地址" align="left" prop="virtualAddr" />
+      <el-table-column label="虚拟地址" align="left" prop="virtualAddr">
+        <template slot-scope="scope">
+            <span :title="scope.row.virtualAddr" v-text="handleVirtualAddr(scope.row.virtualAddr)"></span> 
+            <i class="el-icon-copy-document" style="color: #4A8DFF" @click="handleCopy(scope.row.virtualAddr)" title="复制"/>
+        </template>
+      </el-table-column>
       <el-table-column label="审核状态" align="center" prop="status" width="100">
         <template slot-scope="scope">
           <dict-tag :options="statusOptions" :value="scope.row.status"/>
@@ -256,7 +261,9 @@ export default {
         pageSize: 10,
         enabled: undefined,
         status: undefined,
-        applicationId: undefined
+        applicationId: undefined,
+        orderByColumn: 'update_time',
+        isAsc: 'desc'
       },
       applicationName: undefined,
       applicationId: undefined,
@@ -399,6 +406,23 @@ export default {
         this.title = "应用服务续期";
       });
     },
+    // 复制地址
+    handleCopy(data) {
+      let oInput = document.createElement('input')
+      oInput.value = data
+      document.body.appendChild(oInput)
+      oInput.select()
+      document.execCommand('copy')
+      this.$message({
+        message: '复制成功',
+        type: 'success'
+      })
+      oInput.remove()
+    },
+    // 处理虚拟地址
+    handleVirtualAddr(data) {
+      return data.length > 40 ? data.substring(0, 37) + '...' : data;
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {