xcx

src/pages/system/cmsManager/majorProjects/index.vue

@@ -59,9 +59,13 @@
               type="warning"
               v-if="scope.row.Status === 0"
               @click="editItem(scope.$index, scope.row)">编辑</el-button>
-            <!-- <el-button
+            <el-button
               size="mini"
-              @click="copyItemUrl(scope.$index, scope.row)">复制专题链接</el-button> -->
+              type="success"
+              v-clipboard:copy="returnUrl(scope.row.CmsCaseId)"
+              v-clipboard:success="onCopy"
+              v-clipboard:error="onError"
+              >点击复制链接</el-button>
             <el-button
               size="mini"
               type="danger"
@@ -142,15 +146,12 @@ export default {
       })
     },
     editItem (index, row) { // 编辑
-      console.log(index, row)
       this.$router.push({ name: 'editIndexCase', query: { id: row.CmsCaseId } })
     },
-    // copyItemUrl (index, row) { // 复制专题链接
-    //   console.log(index, row)
-    //   window.clipboardData.setData('Text', row.Title)
-    // },
+    returnUrl (id) {
+      return window.location.origin + window.location.pathname + 'user.html#/majorProjects?id=' + id
+    },
     deleteItem (index, row) { // 删除
-      console.log(index, row)
       this.$confirm('确认删除此项目专题?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -208,6 +209,18 @@ export default {
 
       })
     },
+    onCopy () {
+      this.$message({
+        type: 'success',
+        message: '复制成功！'
+      })
+    },
+    onError () {
+      this.$message({
+        type: 'error',
+        message: '复制失败！'
+      })
+    },
   }
 }
 </script>