卡号复制

src/views/homePage/components/tableMain.vue

@@ -530,7 +530,7 @@
       <u-table-column label="SIM卡" v-if="simcheck" min-width="160" key="sim">
         <u-table-column label="卡1（ICCID）" width="158" prop="simcard1">
           <template slot-scope="scope">
-            <span>{{
+            <span @dblclick="handleCopyClick1(scope.row.mntnStatus)">{{
               scope.row.mntnStatus.reportMap !== null &&
               scope.row.mntnStatus.reportMap.hasOwnProperty("simcard1")
                 ? scope.row.mntnStatus.reportMap.simcard1
@@ -540,7 +540,7 @@
         </u-table-column>
         <u-table-column label="卡2（ICCID）" width="158" prop="simcard2">
           <template slot-scope="scope">
-            <span>{{
+            <span @dblclick="handleCopyClick2(scope.row.mntnStatus)">{{
               scope.row.mntnStatus.reportMap !== null &&
               scope.row.mntnStatus.reportMap.hasOwnProperty("simcard2")
                 ? scope.row.mntnStatus.reportMap.simcard2
@@ -1701,6 +1701,45 @@ export default {
     // this.idArray = [];
   },
   methods: {
+    //复制
+    handleCopyClick1(row) {
+      console.log(row);
+      if (row.reportMap.hasOwnProperty("simcard1")) {
+        // alert(val);
+        var input = document.createElement("input"); // 创建input对象
+        input.value = row.reportMap.simcard1; // 设置复制内容
+        document.body.appendChild(input); // 添加临时实例
+        input.select(); // 选择实例内容
+        document.execCommand("Copy"); // 执行复制
+        document.body.removeChild(input); // 删除临时实例
+        //this.$message.success("复制成功！");
+        this.$message({
+          duration: 800,
+          showClose: true,
+          message: "复制成功！",
+          type: "success",
+        });
+      }
+    },
+    handleCopyClick2(row) {
+      console.log(row);
+      if (row.reportMap.hasOwnProperty("simcard2")) {
+        // alert(val);
+        var input = document.createElement("input"); // 创建input对象
+        input.value = row.reportMap.simcard2; // 设置复制内容
+        document.body.appendChild(input); // 添加临时实例
+        input.select(); // 选择实例内容
+        document.execCommand("Copy"); // 执行复制
+        document.body.removeChild(input); // 删除临时实例
+        //this.$message.success("复制成功！");
+        this.$message({
+          duration: 800,
+          showClose: true,
+          message: "复制成功！",
+          type: "success",
+        });
+      }
+    },
     //获取命令列表
     getCmdOptionsFun() {
       getCmdActionApi()