From 52d30edcf23af79c5b7ee8c76f4e4e572b784bf3 Mon Sep 17 00:00:00 2001
From: keyleaf <jbkey@126.com>
Date: Wed, 26 May 2021 12:08:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=A7=88=E4=BB=A3=E7=A0=81=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=A2=9E=E5=8A=A0=E5=A4=8D=E5=88=B6=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=EF=BC=8C=E6=96=B9=E4=BE=BF=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/tool/gen/index.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/ruoyi-ui/src/views/tool/gen/index.vue b/ruoyi-ui/src/views/tool/gen/index.vue
index 9d2939935..b51bf8278 100644
--- a/ruoyi-ui/src/views/tool/gen/index.vue
+++ b/ruoyi-ui/src/views/tool/gen/index.vue
@@ -162,6 +162,9 @@
     />
     <!-- 预览界面 -->
     <el-dialog :title="preview.title" :visible.sync="preview.open" width="80%" top="5vh" append-to-body>
+      <el-button class="copy-btn-main" icon="el-icon-document-copy" type="text" @click="execCopy">
+        复制代码
+      </el-button>
       <el-tabs v-model="preview.activeName">
         <el-tab-pane
           v-for="(value, key) in preview.data"
@@ -174,12 +177,14 @@
       </el-tabs>
     </el-dialog>
     <import-table ref="import" @ok="handleQuery" />
+    <input id="copyNode" type="hidden">
   </div>
 </template>
 
 <script>
 import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen";
 import importTable from "./importTable";
+import ClipboardJS from 'clipboard'
 import { downLoadZip } from "@/utils/zipdownload";
 import hljs from "highlight.js/lib/highlight";
 import "highlight.js/styles/github-gist.css";
@@ -231,6 +236,24 @@ export default {
       }
     };
   },
+  mounted() {
+    const clipboard = new ClipboardJS('#copyNode', {
+      text: trigger => {
+        const suffix = this.preview.activeName.substring(this.preview.activeName.indexOf(".") + 1)
+        const key = 'vm/' + suffix + '/' + this.preview.activeName + '.vm'
+        const codeStr = this.preview.data[key]
+        this.$notify({
+          title: '成功',
+          message: '代码已复制到剪切板，可粘贴。',
+          type: 'success'
+        })
+        return codeStr
+      }
+    })
+    clipboard.on('error', e => {
+      this.$message.error('代码复制失败')
+    })
+  },
   created() {
     this.getList();
   },
@@ -334,6 +357,9 @@ export default {
           this.getList();
           this.msgSuccess("删除成功");
       })
+    },
+    execCopy(data) {
+      document.getElementById('copyNode').click()
     }
   }
 };