From 79a684ff4a6b83c6d9a23e141ebb45dc4776988f Mon Sep 17 00:00:00 2001
From: liu xm <gzyx0704@foxmail.com>
Date: Thu, 24 Feb 2022 00:19:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B=E5=92=8C?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B=E6=96=B0=E5=A2=9E=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E5=BF=AB=E6=8D=B7=E6=8C=89=E9=92=AE=20gitee=20issues/?=
 =?UTF-8?q?I4U414?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/doc/DocView/index.vue | 35 ++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/front/src/views/doc/DocView/index.vue b/front/src/views/doc/DocView/index.vue
index cddcd5a1..d05389b8 100644
--- a/front/src/views/doc/DocView/index.vue
+++ b/front/src/views/doc/DocView/index.vue
@@ -79,13 +79,29 @@
     </div>
     <div v-show="isShowRequestExample">
       <h4>{{ $ts('requestExample') }}</h4>
-      <pre class="code-block">{{ formatJson(requestExample) }}</pre>
+      <div class="code-box" @mouseenter="isShowRequestExampleCopy=true" @mouseleave="isShowRequestExampleCopy=false">
+        <pre class="code-block">{{ formatJson(requestExample) }}</pre>
+        <el-tag
+          v-show="isShowRequestExampleCopy"
+          size="small"
+          effect="plain"
+          class="code-copy"
+          @click.stop="copy(formatJson(requestExample))">{{ $ts('copy') }}</el-tag>
+      </div>
     </div>
     <h4>{{ $ts('responseParam') }}</h4>
     <el-alert v-if="docInfo.isResponseArray" :closable="false" :title="$ts('tip')" :description="$ts('objectArrayRespTip')" />
     <parameter-table :data="docInfo.responseParams" :hidden-columns="responseParamHiddenColumns" />
     <h4>{{ $ts('responseExample') }}</h4>
-    <pre class="code-block">{{ formatJson(responseSuccessExample) }}</pre>
+    <div class="code-box" @mouseenter="isShowResponseSuccessExample=true" @mouseleave="isShowResponseSuccessExample=false">
+      <pre class="code-block">{{ formatJson(responseSuccessExample) }}</pre>
+      <el-tag
+        v-show="isShowResponseSuccessExample"
+        size="small"
+        effect="plain"
+        class="code-copy"
+        @click.stop="copy(formatJson(responseSuccessExample))">{{ $ts('copy') }}</el-tag>
+    </div>
     <h4>{{ $ts('errorCode') }}</h4>
     <parameter-table
       :data="docInfo.errorCodeParams"
@@ -109,6 +125,17 @@ h4 .content {
   margin-left: 10px;
   cursor: pointer;
 }
+.code-box{
+  position: relative
+}
+.code-box .code-copy{
+  display: block;
+  position: absolute;
+  right: 2px;
+  top: 2px;
+  margin: 8px;
+  cursor: pointer;
+}
 </style>
 <script>
 import ParameterTable from '@/components/ParameterTable'
@@ -192,7 +219,9 @@ export default {
       responseSuccessExample: {},
       isSubscribe: false,
       responseHiddenColumns: [],
-      hostConfigName: ''
+      hostConfigName: '',
+      isShowRequestExampleCopy: false,
+      isShowResponseSuccessExample: false
     }
   },
   computed: {
-- 
Gitee