条件分支问题

[karasu10]

条件分支数大于2时，页面样式出现偏移。

[wangwjjin]

你解决了嘛姐姐

[wangwjjin]

条件分支数大于2时，页面样式出现偏移。

你解决了嘛？姐姐。解决了可以加我一下v嘛？麻烦你了我很需要这个流程表单.a13873221662

[codecnmc]

nodeWrap文件下对条件类型的样式加上偏移量就好了

// 生成多个后位置偏移解决 对type==4 的branch-box-wrap

:style="{'margin-left':condtionsOffset}"

// 对添加条件按钮

       <button
        class="add-branch"
        @click="addTerm"
        :style="`margin-left:${conditionButtonOffset}`"
      >
        添加条件
      </button>

// 对下方添加节点按钮处理

   <addNode
      :childNodeP.sync="nodeConfig.childNode"
      :style="`margin-left:${condtionAddButton}`"
    ></addNode>

// compute里加上

// 条件分支偏移量
condtionsOffset() {
  let nodeLength = this.nodeConfig.conditionNodes.length;
  // 1080p下 五个极限了 再靠左就遮住了 所以往右偏移一点
  if (nodeLength > 5) {
    return -240 - 3 * 190 + "px";
  }
  return -240 - (this.nodeConfig.conditionNodes.length - 2) * 190 + "px";
},
// 条件分支添加条件按钮偏移量
conditionButtonOffset() {
  let nodeLength = this.nodeConfig.conditionNodes.length;
  if (nodeLength > 5) {
    return -(nodeLength - 5) * 190 + "px";
  }
  return 0;
},
// 解决条件分支添加按钮偏移量
condtionAddButton() {
  let nodeLength = this.nodeConfig.conditionNodes.length;
  if (nodeLength > 5) {
    return -(nodeLength - 5) * 380 + "px";
  }
  return 0;
},

[codecnmc]