Pārlūkot izejas kodu

修改租户管理中双击复制方法的逻辑

lph 1 gadu atpakaļ
vecāks
revīzija
6560724cb9
1 mainītis faili ar 15 papildinājumiem un 8 dzēšanām
  1. 15 8
      zkqy-ui/src/views/system/tenant/index.vue

+ 15 - 8
zkqy-ui/src/views/system/tenant/index.vue

@@ -955,14 +955,21 @@ export default {
     copyText(row, column, cell, event) {
       // 双击复制
       const textToCopy = event.target.innerText;
-      navigator.clipboard
-        .writeText(textToCopy)
-        .then(() => {
-          this.$message({ message: "复制成功", type: "success" }); // 提示
-        })
-        .catch((error) => {
-          console.error("复制失败:", error);
-        });
+      // navigator.clipboard
+      //   .writeText(textToCopy)
+      //   .then(() => {
+      //     this.$message({ message: "复制成功", type: "success" }); // 提示
+      //   })
+      //   .catch((error) => {
+      //     console.error("复制失败:", error);
+      //   });
+      const input = document.createElement("input");
+      input.value = textToCopy; // 设置要复制的文本
+      document.body.appendChild(input); // 将输入框添加到页面上
+      input.select(); // 选中输入框的内容
+      document.execCommand("copy"); // 执行复制操作
+      document.body.removeChild(input); // 移除临时的输入框
+      this.$message({ message: "复制成功", type: "success" }); // 提示
     },
     /** 查询租户信息列表 */
     getList() {