From 03c27f7e10fe95cf8710bc267e8f54738a1d81d0 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Thu, 30 Nov 2023 17:04:26 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E9=A3=9E=E4=B9=A6=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/common/InfoTemplate.vue  | 74 ++++++++++++++++---
 de-xpack                                      |  2 +-
 .../io/dataease/api/lark/api/LarkApi.java     |  4 +
 .../api/lark/dto/LarkEnableEditor.java        | 11 +++
 4 files changed, 80 insertions(+), 11 deletions(-)
 create mode 100644 sdk/api/api-base/src/main/java/io/dataease/api/lark/dto/LarkEnableEditor.java

diff --git a/core/core-frontend/src/views/system/common/InfoTemplate.vue b/core/core-frontend/src/views/system/common/InfoTemplate.vue
index 4dc05b29de..0d8eeb3dce 100644
--- a/core/core-frontend/src/views/system/common/InfoTemplate.vue
+++ b/core/core-frontend/src/views/system/common/InfoTemplate.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="info-template-container">
-    <div class="info-template-header">
+    <div v-if="!props.hideHead" class="info-template-header">
       <div class="info-template-title">
         <span>{{ curTitle }}</span>
       </div>
@@ -24,19 +24,50 @@
         <div class="info-item-content">
           <div class="info-item-pwd" v-if="item.type === 'pwd'">
             <span>{{ pwdItem[item.pkey]['hidden'] ? '********' : item.pval }}</span>
-            <el-tooltip effect="dark" content="新页面预览" placement="top">
-              <el-icon
-                class="hover-icon hover-icon-in-table switch-pwd-icon"
-                @click="switchPwd(item.pkey)"
-              >
-                <Icon :name="pwdItem[item.pkey]['hidden'] ? 'eye' : 'eye-open'"></Icon>
-              </el-icon>
+
+            <el-tooltip
+              v-if="props.copyList.includes(item.pkey)"
+              effect="dark"
+              :content="t('common.copy')"
+              placement="top"
+            >
+              <el-button text @click="copyVal(item.pval)" class="setting-tip-btn">
+                <template #icon>
+                  <Icon name="de-copy"></Icon>
+                </template>
+              </el-button>
+            </el-tooltip>
+
+            <el-tooltip
+              effect="dark"
+              :content="pwdItem[item.pkey]['hidden'] ? '点击隐藏' : '点击显示'"
+              placement="top"
+            >
+              <el-button text @click="switchPwd(item.pkey)" class="setting-tip-btn">
+                <template #icon>
+                  <Icon :name="pwdItem[item.pkey]['hidden'] ? 'eye' : 'eye-open'"></Icon>
+                </template>
+              </el-button>
             </el-tooltip>
           </div>
           <span v-else-if="item.pkey.includes('basic.dsIntervalTime')">
             <span>{{ item.pval + ' ' + executeTime + '执行一次' }}</span>
           </span>
-          <span v-else>{{ item.pval }}</span>
+          <span v-else>
+            <span>{{ item.pval }}</span>
+            <el-tooltip
+              v-if="props.copyList.includes(item.pkey)"
+              effect="dark"
+              :content="t('common.copy')"
+              placement="top"
+            >
+              <el-button text @click="copyVal(item.pval)" class="setting-tip-btn">
+                <template #icon>
+                  <Icon name="de-copy"></Icon>
+                </template>
+              </el-button>
+            </el-tooltip>
+          </span>
         </div>
       </div>
     </div>
@@ -46,6 +77,9 @@
 import { ref, defineProps, PropType, computed } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { SettingRecord, ToolTipRecord } from './SettingTemplate'
+import useClipboard from 'vue-clipboard3'
+import { ElMessage } from 'element-plus-secondary'
+const { toClipboard } = useClipboard()
 const { t } = useI18n()
 const props = defineProps({
   settingKey: {
@@ -63,13 +97,28 @@ const props = defineProps({
   settingTitle: {
     type: String,
     default: '基础设置'
+  },
+  hideHead: {
+    type: Boolean,
+    default: false
+  },
+  copyList: {
+    type: Array as PropType<string[]>,
+    default: () => []
   }
 })
 const executeTime = ref('0分0秒')
 const curTitle = computed(() => {
   return props.settingTitle
 })
-
+const copyVal = async val => {
+  try {
+    await toClipboard(val)
+    ElMessage.success(t('common.copy_success'))
+  } catch (e) {
+    ElMessage.warning(t('common.copy_unsupported'), e)
+  }
+}
 const loadList = () => {
   settingList.value = []
   if (props.settingData?.length) {
@@ -133,6 +182,11 @@ formatLabel()
 </script>
 
 <style lang="less" scope>
+.setting-tip-btn {
+  height: 22px !important;
+  line-height: 22px !important;
+  margin-left: 2px !important;
+}
 .info-template-container {
   padding: 24px;
   .info-template-header {
diff --git a/de-xpack b/de-xpack
index 3ac39a121c..0d5c846bff 160000
--- a/de-xpack
+++ b/de-xpack
@@ -1 +1 @@
-Subproject commit 3ac39a121cd415012d66c912ccd788ac1272aaf6
+Subproject commit 0d5c846bffb10aaaf57253d09912bbbff1401fe2
diff --git a/sdk/api/api-base/src/main/java/io/dataease/api/lark/api/LarkApi.java b/sdk/api/api-base/src/main/java/io/dataease/api/lark/api/LarkApi.java
index c608ee94a6..f82e9cfc4f 100644
--- a/sdk/api/api-base/src/main/java/io/dataease/api/lark/api/LarkApi.java
+++ b/sdk/api/api-base/src/main/java/io/dataease/api/lark/api/LarkApi.java
@@ -1,5 +1,6 @@
 package io.dataease.api.lark.api;
 
+import io.dataease.api.lark.dto.LarkEnableEditor;
 import io.dataease.api.lark.dto.LarkTokenRequest;
 import io.dataease.api.lark.vo.LarkInfoVO;
 import io.dataease.api.lark.dto.LarkSettingCreator;
@@ -18,4 +19,7 @@ public interface LarkApi {
     @PostMapping("/token")
     String larkToken(@RequestBody LarkTokenRequest request);
 
+    @PostMapping("/switchEnable")
+    void switchEnable(@RequestBody LarkEnableEditor editor);
+
 }
diff --git a/sdk/api/api-base/src/main/java/io/dataease/api/lark/dto/LarkEnableEditor.java b/sdk/api/api-base/src/main/java/io/dataease/api/lark/dto/LarkEnableEditor.java
new file mode 100644
index 0000000000..e8297af332
--- /dev/null
+++ b/sdk/api/api-base/src/main/java/io/dataease/api/lark/dto/LarkEnableEditor.java
@@ -0,0 +1,11 @@
+package io.dataease.api.lark.dto;
+
+import lombok.Data;
+
+import java.io.Serializable;
+
+@Data
+public class LarkEnableEditor implements Serializable {
+
+    private boolean enable;
+}