复制粘贴

package.json

@@ -26,10 +26,10 @@
     "@tinymce/tinymce-vue": "^3.2.2",
     "animate.css": "^3.7.2",
     "axios": "^0.19.2",
-    "cnpm": "^6.1.1",
-    "core-js": "^2.6.11",
     "browserslist": "^4.12.0",
     "caniuse-lite": "^1.0.30001084",
+    "cnpm": "^6.1.1",
+    "core-js": "^2.6.11",
     "crypto-js": "^4.0.0",
     "dayjs": "^1.8.17",
     "echarts": "^4.2.1",
@@ -55,6 +55,7 @@
     "v-jsoneditor": "^1.2.2",
     "vue": "2.6.10",
     "vue-awesome-swiper": "^4.1.0",
+    "vue-clipboard2": "^0.3.1",
     "vue-fullcalendar": "^1.0.9",
     "vue-json-viewer": "^2.2.8",
     "vue-qr": "^2.2.1",

src/views/projectManage/taskList/childrenTask/addChildrenList.vue

@@ -165,7 +165,7 @@ export default {
         name: null,
         bizId: this.formData.bizId,
         endTime: null,
-        owner: this.formData.owner,
+        owner: localStorage.getItem('username'),
         status: 0,
         edit: true,
         newNode: true

src/views/projectManage/taskList/childrenTask/childDetail.vue

@@ -100,10 +100,10 @@
             <div class="title-left-icon" />
             <div class="title-left-name">
               子任务
-              <el-tooltip class="item" effect="dark" content="添加子任务" placement="top">
-                <i class="el-icon-circle-plus child-add" @click="addChild()" />
-              </el-tooltip>
             </div>
+            <el-tooltip class="item" effect="dark" content="添加子任务" placement="top">
+              <i class="el-icon-circle-plus child-add" @click="addChild()" />
+            </el-tooltip>
           </div>
           <div class="children-list">
             <add-children-list
@@ -262,7 +262,7 @@ export default {
         name: null,
         bizId: this.formData.bizId,
         endTime: null,
-        owner: this.formData.owner || '',
+        owner: localStorage.getItem('username'),
         status: 0,
         edit: true,
         newNode: true

src/views/projectManage/taskList/childrenTask/childDrawer.vue

@@ -130,10 +130,10 @@
           <div class="title-left-icon" />
           <div class="title-left-name">
             子任务
-            <el-tooltip class="item" effect="dark" content="添加子任务" placement="top">
-              <i class="el-icon-circle-plus child-add" @click="addChild()" />
-            </el-tooltip>
           </div>
+          <el-tooltip class="item" effect="dark" content="添加子任务" placement="top">
+            <i class="el-icon-circle-plus child-add" @click="addChild()" />
+          </el-tooltip>
         </div>
         <div class="children-list">
           <add-children-list
@@ -315,7 +315,7 @@ export default {
         name: null,
         bizId: this.formData.bizId,
         endTime: null,
-        owner: this.formData.owner || '',
+        owner: localStorage.getItem('username'),
         status: 0,
         edit: true,
         newNode: true

src/views/projectManage/taskList/taskViewDetail.vue

@@ -18,7 +18,11 @@
           <div class="header-title">
             <span class="title-id">TASK-{{ form_query.id }}</span>
             <el-tooltip class="item" effect="dark" :content="form_query.name" placement="bottom">
-              <span class="title-name">{{ form_query.name }}</span>
+              <span
+                v-clipboard:copy="form_query.name"
+                v-clipboard:success="copyName"
+                class="title-name"
+              >{{ form_query.name }}</span>
             </el-tooltip>
           </div>
           <el-dropdown placement="bottom" @command="updateStatus">
@@ -273,6 +277,9 @@
 </template>
 <script>
 const _ = require('lodash')
+import Vue from 'vue'
+import VueClipboard from 'vue-clipboard2'
+Vue.use(VueClipboard)
 import {
   taskGet,
   configShowTaskEnum,
@@ -608,6 +615,9 @@ export default {
     },
     returnEmpty(val) {
       return val || ''
+    },
+    copyName(name) { // 复制名字
+      this.$message({ message: '复制成功', type: 'success', duration: 1000, offset: 150 })
     }
   }
 }
@@ -623,6 +633,9 @@ export default {
 }
 .main-header {
   @include main-header;
+  .title-name {
+    cursor: pointer;
+  }
 }
 .main-header::after {
   @include main-header-after;