Merge branch 'dev'

zxl

2025-03-25 6ae0fcef149ddbe614746023a58a3885b3ac4bde

 src/components/Process/style/flow-viewer.scss

@@ -7,7 +7,9 @@
.flowMsgPopover {
  display: none;
}

.bjs-powered-by {
  display: none;
}
.tipBox {
  width: 180px;
  background: #fff;
@@ -97,7 +99,7 @@
    right: 10px;
  }

  // 流程线
  /* ---------完成颜色---------- */
  .highlight.djs-shape .djs-visual > :nth-child(1) {
    fill: #56bb56 !important;
    stroke: #56bb56 !important;
@@ -118,18 +120,92 @@
    stroke: #56bb56 !important;
  }

  .highlight-todo.djs-connection > .djs-visual > path {
    stroke: #eab24a !important;
    stroke-dasharray: 4px !important;
  /* ----------代办颜色---------- */
  .highlight-todo.djs-shape .djs-visual > :nth-child(1) {
    fill: #559db0 !important;
    stroke: #559db0 !important;
    fill-opacity: 0.2 !important;
  }

  .highlight-todo.djs-shape .djs-visual > :nth-child(1) {
    stroke-dasharray: 5, 5;
    stroke-dashoffset: 500;
    stroke: #eab24a !important;
    fill: rgba(252, 211, 127, 0.2) !important;
  .highlight-todo.djs-shape .djs-visual > :nth-child(2) {
    fill: #559db0 !important;
  }

  .highlight-todo.djs-shape .djs-visual > path {
    fill: #559db0 !important;
    fill-opacity: 0.2 !important;
    stroke: #559db0 !important;
  }

  .highlight-todo.djs-connection > .djs-visual > path {
    stroke: #559db0 !important;
  }

  /* --------容缺颜色-------- */
  //方块内部颜色
  .highlight-wait.djs-shape .djs-visual > :nth-child(1) {
    fill: #F56C6C !important;
    stroke: #F56C6C !important;
    fill-opacity: 0.2 !important;
  }
  //文字颜色
  .highlight-wait.djs-shape .djs-visual > :nth-child(2) {
    fill: #F56C6C !important;
  }
  //人物ui颜色
  .highlight-wait.djs-shape .djs-visual > path {
    fill: #F56C6C !important;
    fill-opacity: 0.2 !important;
    stroke: #F56C6C !important;
  }
  //前面那条线的颜色
  .highlight-wait.djs-connection > .djs-visual > path {
    stroke: #F56C6C !important;
}

  /* --------跳过颜色--------- */
  .highlight-jump.djs-shape .djs-visual > :nth-child(1) {
    fill: #909399 !important;
    stroke: #909399 !important;
    fill-opacity: 0.2 !important;
  }
  //文字颜色
  .highlight-jump.djs-shape .djs-visual > :nth-child(2) {
    fill: #909399 !important;
  }
  //人物ui颜色
  .highlight-jump.djs-shape .djs-visual > path {
    fill: #909399 !important;
    fill-opacity: 0.2 !important;
    stroke: #909399 !important;
  }
  //前面那条线的颜色
  .highlight-jump.djs-connection > .djs-visual > path {
    stroke: #909399 !important;
  }


  /* --------超时颜色 */
  .highlight-willOvertime.djs-shape .djs-visual > :nth-child(1) {
    fill: #eab24a !important;
    stroke: #eab24a !important;
    fill-opacity: 0.2 !important;
  }

  .highlight-willOvertime.djs-shape .djs-visual > :nth-child(2) {
    fill: #eab24a !important;
  }

  .highlight-willOvertime.djs-shape .djs-visual > path {
    fill: #eab24a !important;
    fill-opacity: 0.2 !important;
    stroke: #eab24a !important;
  }

  .highlight-willOvertime.djs-connection > .djs-visual > path {
    stroke: #eab24a !important;
  }


  @keyframes draw {
    100% {
@@ -162,22 +238,49 @@
      margin-right: 8px;
    }

    .processing {
    .overtime {
      background-color: #fcf5ea;
      padding: 4px;
      border: 1px solid #fce9c7;
      border-radius: 3px;
      color: #eab24a;
      color: #de9603;
      margin-right: 8px;
    }

    .todo {
    .processing {
      background-color: #d8f1fc;
      padding: 4px;
      background: #ECEDEE;
      border: 1px solid #b6e1f5;
      border-radius: 3px;
      color: #559db0;
      margin-right: 8px;
    }

    .jump {
      padding: 4px;
      background: #909399;
      border: 1px solid rgba(204, 204, 204, 0.1);
      border-radius: 3px;
      color: #666666;
      color: #4f4f4f;
      margin-right: 5px;
    }

    .wait {
      padding: 4px;
      background: #F56C6C;
      border: 1px solid rgba(204, 204, 204, 0.1);
      border-radius: 3px;
      color: #eae9e9;
      margin-right: 5px;
    }

    //.overtime {
    //  padding: 4px;
    //  background: #ffd1d1;
    //  border: 1px solid rgba(246, 181, 181, 0.1);
    //  border-radius: 3px;
    //  color: #ff5353;
    //  margin-right: 5px;
    //}
  }
}