拖动优化调整

2020/x-3/biz/js/page/project-phase-task.js

@@ -18,6 +18,7 @@ require(["ipuUI", "jquery", "tool", "PanCarousel", 'Hammer'], function (ipuUI, $
      var outid;
      var dragLiIndex;        // 拖拽的对象的初始泳道
      var lastX = 0;       // 记录切换泳道时的X坐标
      var titleHeight = null;    //
      listenEl.addEventListener("touchstart", touchStartLister, {passive: true});  // 添加触屏监听
@@ -37,6 +38,8 @@ require(["ipuUI", "jquery", "tool", "PanCarousel", 'Hammer'], function (ipuUI, $
            return;
          }
          titleHeight = $(".project-phase-item .item-state:first").outerHeight();
          if (isDragSlt) {  // 当前即为dragItem
            dragItem = $(e.target);
          } else {
@@ -54,7 +57,8 @@ require(["ipuUI", "jquery", "tool", "PanCarousel", 'Hammer'], function (ipuUI, $
            if (touchState == 1) {  // 1秒后，还没有移动
              touchState = 2;        // 满足条件可拖动
              dragPosition = dragItem.position();  // 相当父元素偏移
              dragPosition.top = dragItem.offset().top - dragItem.parents("li").offset().top;  // top值要进行处理
              // dragPosition.top = dragItem.offset().top - dragItem.parents("li").offset().top;
              dragPosition.top = dragPosition.top + titleHeight;  // top值要进行处理，默认相对的div class ipu-flex-col，要加上标题高度
              placeholderEl = $(placeholderHtml).insertBefore(dragItem);
              placeholderEl.height(dragItem.height());
              dragLiIndex = carousel.currentIndex;
@@ -108,15 +112,21 @@ require(["ipuUI", "jquery", "tool", "PanCarousel", 'Hammer'], function (ipuUI, $
                  disabledMove++;
                  index = index + (moveX > 0 ? 1 : -1);           // 判断是向左还是往右
                  carousel.show(index);
                  setTimeout(function () {
                    if (touchState == 2) {  // 有可能在等待时，就touchend了
                      placeholderEl.appendTo($(".ipu-carousel-wrapper li:eq(" + index + ") .project-task-list"));  // 默认拖动后放在对应泳道的最后位置
                      adjustPhd(newPosition);
                    }
                  }, 300);
                  setTimeout(function () {
                    disabledMove--;
                    lastX = 0;
                    // placeholderEl = placeholderEl.appendTo($(".ipu-carousel-wrapper li:eq(" + index + ") .project-task-list"));  // 默认拖动后放在对应泳道的最后位置
                    // adjustPhd(newPosition);
                  }, 1600);
                  }, 1000);
                }
              } else {                        // 还要处理往下的滚动
                // adjustPhd(newPosition);
                adjustPhd(newPosition);
              }
            }
          }
@@ -131,7 +141,7 @@ require(["ipuUI", "jquery", "tool", "PanCarousel", 'Hammer'], function (ipuUI, $
        $(".ipu-carousel-wrapper li:eq(" + index + ") .project-task-item").each(function (index, el) {
          // 在一个子项的上半部或下半部，位置好像不大准确
          var tempOffsetTop = newPosition.top - $(el).position().top;
          var tempOffsetTop = newPosition.top - titleHeight - $(el).position().top;
          if (tempOffsetTop > 0 && (index == 0 || tempOffsetTop < offsetTop)) {
            offsetTop = tempOffsetTop;
            toIndex = index;