Merge pull request '甘特图展示调整' (#121) from liwei into develop

Reviewed-on: http://101.201.121.115:3000/leo/LAPP_GAAS_GFrame_WEBFRONT/pulls/121
Reviewed-by: wangxy <xinyao.wang@le-it.com.cn>

src/views/productplan/workbench/schedule.vue

@@ -483,8 +483,8 @@
             },
           }
           gantt.config.work_time = true
-          gantt.config.task_height = 30
-          gantt.config.row_height = 50
+          gantt.config.task_height = 60
+          gantt.config.row_height = 100
           gantt.config.scale_height = 60
           gantt.config.min_column_width = 40
           gantt.config.show_progress = false // 隐藏进度条
@@ -529,7 +529,7 @@
           div.addEventListener('mousedown', function () {
             div.classList.add('move-task-wrap');
             div.innerHTML =
-              `<div class="move-task">${task.text}&nbsp;/&nbsp;${task.TaskId}&nbsp;/&nbsp;${task.PlanQty}</div>`
+              `<div class="move-task">${task.text}&nbsp;/&nbsp;${task.TaskId}&nbsp;/&nbsp;${task.PlanQty-task.ActQty3}</div>`
             document.onmousemove = function (event) {
               // 待排任务移动效果, 通过改变元素left值
               div.style.left = event.clientX + 'px';
@@ -545,9 +545,9 @@
             const domHelpers = gantt.utils.dom;
             const position = domHelpers.getRelativeEventPosition(event, gantt.$task_bg) // 获取当前div x,y
             const scrollLeft = document.getElementsByClassName('gantt_task')[0].scrollLeft
-            // 50 取决于 row_height  的值
+            // 100 取决于 row_height  的值
             // 保证拖动结束时，拖动对象在甘特图中
-            if (position.x >= scrollLeft && position.y > 0 && position.y < 50) {
+            if (position.x >= scrollLeft && position.y > 0 && position.y < 100) {
               // 通过 X 获取当前时间
               const dataTime = gantt.dateFromPos(position.x);
               // 调用接口，重排任务
@@ -583,13 +583,11 @@
               }).catch(() => {
                 _this.fullscreenLoading = false;
               })
-
-
             } else {
               // 不在甘特内部，恢复默认样式
               div.classList.remove('move-task-wrap')
               div.innerHTML =
-                `<div class="work-datails-wrap"><p>名称：${task.text}</p><p>零件号：${task.TaskId}</p><p>零件号：${task.ArtId}</p><p>数量：${task.PlanQty}</p></div>`
+                `<div class="work-datails-wrap"><p>名称：${task.text}</p><p>零件号：${task.TaskId}</p><p>零件号：${task.ArtId}</p><p>数量：${task.PlanQty-task.ActQty3}</p></div>`
             }
           });
 
@@ -600,7 +598,7 @@
               if (task) {
                 div.style.background = _this.orderColors[task.Status];
                 div.innerHTML =
-                  `<div class="work-datails-wrap"><p>名称：${task.text}</p><p>编号：${task.TaskId}</p><p>零件号：${task.ArtId}</p><p>数量：${task.PlanQty}</p></div>`
+                  `<div class="work-datails-wrap"><p>名称：${task.text}</p><p>编号：${task.TaskId}</p><p>零件号：${task.ArtId}</p><p>数量：${task.PlanQty-task.ActQty3}</p></div>`
                 div.style.display = 'inline-block';
               }
               return this
@@ -625,7 +623,7 @@
         console.log(findItem);
         if (findItem) {
           taskDom.innerHTML =
-            `<div class="work-datails-wrap"><p class='task-details-title'>名称：${findItem.Wotab['OM_WorkOrder-OrderInfo']}</p><p>零件号：${findItem.ArtId}</p><p>数量：${findItem.PlanQty}</p><p>开始时间：${moment(findItem.SchedStartTime).format('YYYY-MM-DD HH:mm:ss')}</p><p>结束时间：${moment(findItem.SchedEndTime).format('YYYY-MM-DD HH:mm:ss')}</p></div>`
+            `<div class="work-datails-wrap"><p class='task-details-title'>名称：${findItem.Wotab['OM_WorkOrder-OrderInfo']}</p><p>零件号：${findItem.ArtId}</p><p>数量：${findItem.PlanQty-findItem.ActQty3}</p><p>开始时间：${moment(findItem.SchedStartTime).format('YYYY-MM-DD HH:mm:ss')}</p><p>结束时间：${moment(findItem.SchedEndTime).format('YYYY-MM-DD HH:mm:ss')}</p></div>`
         } else {
           taskDom.innerHTML = "";
         }
@@ -687,9 +685,9 @@
                 // 通过DOM元素计算鼠标坐标
                 const position = domHelpers.getRelativeEventPosition(event, gantt.$task_bg)
                 // 甘特图任务移动效果, 通过改变元素left值
-                // 15 取 task_height  值的一半
+                // 30 取 task_height  值的一半
                 item.style.left = position.x + 'px';
-                item.style.top = position.y - 15 + 'px';
+                item.style.top = position.y - 30 + 'px';
               }
             } else if(e.which === 3){
               // setTimeout(()=>{
@@ -729,8 +727,8 @@
               // const index = Math.floor(pos.y / gantt.config.row_height)
               // const resource = gantt.getTaskByIndex(index)
               // task.resourceID = resource.id
-              // 50 取决于 row_height  的值
-              if (position.y <= 50) {
+              // 100 取决于 row_height  的值
+              if (position.y <= 100) {
                 // 改变任务排程
                 _this.allData.Operation = "MOVE";
 
@@ -785,7 +783,7 @@
               start_date: new Date(e.SchedStartTime),
               end_date: new Date(e.SchedEndTime),
               duration: 1,
-              text: `${e.ArtId}&nbsp;/&nbsp;${e.PlanQty}`,
+              text: `${e.ArtId}&nbsp;/&nbsp;${e.PlanQty-e.ActQty3}`,
               sortorder: index,
               parent: 0,
               open: true,