线上看板

package.json

@@ -32,9 +32,12 @@
     "vue": "2.6.10",
     "vue-json-viewer": "^2.2.8",
     "vue-router": "3.0.6",
+    "vuedraggable": "^2.23.2",
     "vuex": "3.1.0",
     "wangeditor": "^3.1.1",
-    "xlsx": "^0.15.0"
+    "xlsx": "^0.15.0",
+    "qrcodejs2": "0.0.2",
+    "vue-qr": "^2.2.1"
   },
   "devDependencies": {
     "@babel/core": "7.0.0",

src/api/projectPage.js

@@ -127,3 +127,12 @@ export function teamMembers(data) {
     data
   })
 }
+
+// 看板
+export function listMap(data) {
+  return request({
+    url: mockUrl + '/task/listMap',
+    method: 'post',
+    data
+  })
+}

src/views/projectManage/taskList/taskListIndex.vue

@@ -1,8 +1,8 @@
 <template>
-  <div style="width: 100%;">
+  <div v-loading="loadingOnlineProcess" style="width: 100%;" element-loading-background="rgba(0, 0, 0, 0.7)" element-loading-text="拼命加载中">
     <div class="set-background">
       <div class="block">
-        <el-tabs v-model="activeName">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="列表" name="first">
             <el-form :model="form">
               <div class="set-between">
@@ -302,6 +302,7 @@ export default {
       userInformation: localStorage.getItem('username'),
       userNames: localStorage.getItem('realname'),
       queryCode: {},
+      loadingOnlineProcess: false,
       curIndex: 1,
       pageSize: 10,
       total: 0,
@@ -337,8 +338,10 @@ export default {
   },
   methods: {
     async bugListSelectBeforeGet() {
+      this.loadingOnlineProcess = true
       await bugGetEnum().then(res => {
         this.processStatusEnumList = res.data.processStatusEnumList
+        this.processStatusEnumListKanBan = res.data.processStatusEnumList
       })
       const queryListData = {
         bizId: this.bizJson,
@@ -738,7 +741,6 @@ export default {
     },
     // tree
     handleNodeClick(data) {
-      console.log(data.commentInfo.fatherId)
       if (data.commentInfo.fatherId === 0) {
         this.kanBanDrag()
       } else {