From 898c3f3f2b64bb6ef49aade0a8030eb93fa6ddf4 Mon Sep 17 00:00:00 2001
From: zhanglipeng <chinazhanglipeng@qq.com>
Date: Mon, 28 Jun 2021 09:53:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=B6=E5=BA=AD=E6=95=99=E8=82=B2=E4=B8=80?=
 =?UTF-8?q?=E9=94=AE=E5=A4=8D=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/benyi/familyedu_study/index.vue | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/ruoyi-ui/src/views/benyi/familyedu_study/index.vue b/ruoyi-ui/src/views/benyi/familyedu_study/index.vue
index f47c7d24e..403927f1e 100644
--- a/ruoyi-ui/src/views/benyi/familyedu_study/index.vue
+++ b/ruoyi-ui/src/views/benyi/familyedu_study/index.vue
@@ -30,6 +30,16 @@
             <span class="box-card-title">{{ title }}</span>
           </div>
           <div class="text item" v-show="title1">
+            <el-button
+              type="primary"
+              class="copy-code-button"
+              plain
+              size="mini"
+              icon="el-icon-document-copy"
+              :data-clipboard-text="note"
+              @click="copy"
+              >复制</el-button
+            >
             <div class="pad-left" v-html="note"></div>
           </div>
         </el-card>
@@ -40,6 +50,7 @@
 
 <script>
 import { treeselect, getFamilyedu } from "@/api/benyi/familyedu";
+import Clipboard from "clipboard";
 
 export default {
   name: "familyedu_study",
@@ -104,6 +115,20 @@ export default {
         this.note = response.data.content;
       });
     },
+    copy() {
+      var clipboard = new Clipboard(".copy-code-button"); // 这里可以理解为选择器，选择上面的复制按钮
+      clipboard.on("success", (e) => {
+        this.msgSuccess("复制成功");
+        // 释放内存
+        clipboard.destroy();
+      });
+      clipboard.on("error", (e) => {
+        // 不支持复制
+        this.msgSuccess("手机权限不支持复制功能");
+        // 释放内存
+        clipboard.destroy();
+      });
+    },
   },
 };
 </script>