From 70306288036f941512aca904b7fc0c15376214e0 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 24 Oct 2025 11:21:35 +0800
Subject: [PATCH] feat(Smart Question): Add question copy

---
 .../src/views/chat/chat-block/UserChat.vue    | 22 +++++++++++++++++++
 frontend/src/views/system/embedded/Card.vue   |  2 +-
 frontend/src/views/system/embedded/Page.vue   |  2 +-
 frontend/src/views/system/embedded/iframe.vue |  6 ++---
 frontend/src/views/system/prompt/index.vue    |  2 +-
 frontend/src/views/system/training/index.vue  |  2 +-
 frontend/src/views/system/user/User.vue       |  2 +-
 7 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/chat/chat-block/UserChat.vue b/frontend/src/views/chat/chat-block/UserChat.vue
index ce92fae2..6be1c3f2 100644
--- a/frontend/src/views/chat/chat-block/UserChat.vue
+++ b/frontend/src/views/chat/chat-block/UserChat.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
 import type { ChatMessage } from '@/api/chat.ts'
+import icon_copy_outlined from '@/assets/embedded/icon_copy_outlined.svg'
 import { useI18n } from 'vue-i18n'
+import { useClipboard } from '@vueuse/core'
 
 const props = defineProps<{
   message?: ChatMessage
 }>()
 const { t } = useI18n()
+const { copy } = useClipboard({ legacy: true })
 
 function clickAnalysis() {
   console.info('analysis_record_id: ' + props.message?.record?.analysis_record_id)
@@ -13,6 +16,17 @@ function clickAnalysis() {
 function clickPredict() {
   console.info('predict_record_id: ' + props.message?.record?.predict_record_id)
 }
+
+const copyCode = () => {
+  const str = props.message?.content || ''
+  copy(str as string)
+    .then(function () {
+      ElMessage.success(t('embedded.copy_successful'))
+    })
+    .catch(function () {
+      ElMessage.error(t('embedded.copy_failed'))
+    })
+}
 </script>
 
 <template>
@@ -24,6 +38,13 @@ function clickPredict() {
       {{ t('qa.data_predict') }}
     </span>
     <span style="width: 100%">{{ message?.content }}</span>
+    <div style="position: absolute; right: 12px; bottom: -24px">
+      <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
+        <el-icon style="cursor: pointer" size="16" @click="copyCode">
+          <icon_copy_outlined></icon_copy_outlined>
+        </el-icon>
+      </el-tooltip>
+    </div>
   </div>
 </template>
 
@@ -39,6 +60,7 @@ function clickPredict() {
   padding: 12px 16px;
   color: rgba(31, 35, 41, 1);
   background: rgba(245, 246, 247, 1);
+  position: relative;
 
   word-wrap: break-word;
   white-space: pre-wrap;
diff --git a/frontend/src/views/system/embedded/Card.vue b/frontend/src/views/system/embedded/Card.vue
index 323719c3..c363bcd2 100644
--- a/frontend/src/views/system/embedded/Card.vue
+++ b/frontend/src/views/system/embedded/Card.vue
@@ -55,7 +55,7 @@ const copyCode = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 const buttonRef = ref()
diff --git a/frontend/src/views/system/embedded/Page.vue b/frontend/src/views/system/embedded/Page.vue
index 3f3b08e1..a49fe5d3 100644
--- a/frontend/src/views/system/embedded/Page.vue
+++ b/frontend/src/views/system/embedded/Page.vue
@@ -292,7 +292,7 @@ const copyCode = (row: any, key: any = 'app_secret') => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 </script>
diff --git a/frontend/src/views/system/embedded/iframe.vue b/frontend/src/views/system/embedded/iframe.vue
index 86068904..e12a40be 100644
--- a/frontend/src/views/system/embedded/iframe.vue
+++ b/frontend/src/views/system/embedded/iframe.vue
@@ -461,7 +461,7 @@ const copyJsCode = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 
@@ -471,7 +471,7 @@ const copyJsCodeFull = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 const copyCode = () => {
@@ -480,7 +480,7 @@ const copyCode = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 const certificateBeforeClose = () => {
diff --git a/frontend/src/views/system/prompt/index.vue b/frontend/src/views/system/prompt/index.vue
index 93d6d997..a6422a1f 100644
--- a/frontend/src/views/system/prompt/index.vue
+++ b/frontend/src/views/system/prompt/index.vue
@@ -70,7 +70,7 @@ const copyCode = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 const cancelDelete = () => {
diff --git a/frontend/src/views/system/training/index.vue b/frontend/src/views/system/training/index.vue
index b4186c73..483f321b 100644
--- a/frontend/src/views/system/training/index.vue
+++ b/frontend/src/views/system/training/index.vue
@@ -65,7 +65,7 @@ const copyCode = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }
 const cancelDelete = () => {
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index b63798b9..1213a8f4 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -517,7 +517,7 @@ const copyText = () => {
       ElMessage.success(t('embedded.copy_successful'))
     })
     .catch(function () {
-      ElMessage.error(t('embedded.copy_successful'))
+      ElMessage.error(t('embedded.copy_failed'))
     })
 }