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,7 +120,7 @@
    stroke: #56bb56 !important;
  }


  /* ----------代办颜色---------- */
  .highlight-todo.djs-shape .djs-visual > :nth-child(1) {
    fill: #559db0 !important;
    stroke: #559db0 !important;
@@ -139,28 +141,51 @@
    stroke: #559db0 !important;
  }

  // 已超时流程线
  .highlight-overtime.djs-shape .djs-visual > :nth-child(1) {
    fill: #ff5353 !important;
    stroke: #ff5353 !important;
  /* --------容缺颜色-------- */
  //方块内部颜色
  .highlight-wait.djs-shape .djs-visual > :nth-child(1) {
    fill: #F56C6C !important;
    stroke: #F56C6C !important;
    fill-opacity: 0.2 !important;
  }

  .highlight-overtime.djs-shape .djs-visual > :nth-child(2) {
    fill: #ff5353 !important;
  //文字颜色
  .highlight-wait.djs-shape .djs-visual > :nth-child(2) {
    fill: #F56C6C !important;
  }

  .highlight-overtime.djs-shape .djs-visual > path {
    fill: #ff5353 !important;
  //人物ui颜色
  .highlight-wait.djs-shape .djs-visual > path {
    fill: #F56C6C !important;
    fill-opacity: 0.2 !important;
    stroke: #ff5353 !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-overtime.djs-connection > .djs-visual > path {
    stroke: #ff5353 !important;
  }

  // 即将超时流程线
  /* --------超时颜色 */
  .highlight-willOvertime.djs-shape .djs-visual > :nth-child(1) {
    fill: #eab24a !important;
    stroke: #eab24a !important;
@@ -171,7 +196,7 @@
    fill: #eab24a !important;
  }

  .highlight-willOvertimeovertime.djs-shape .djs-visual > path {
  .highlight-willOvertime.djs-shape .djs-visual > path {
    fill: #eab24a !important;
    fill-opacity: 0.2 !important;
    stroke: #eab24a !important;
@@ -213,7 +238,7 @@
      margin-right: 8px;
    }

    .willOvertime {
    .overtime {
      background-color: #fcf5ea;
      padding: 4px;
      border: 1px solid #fce9c7;
@@ -231,22 +256,31 @@
      margin-right: 8px;
    }

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

    .overtime {
    .wait {
      padding: 4px;
      background: #ffd1d1;
      border: 1px solid rgba(246, 181, 181, 0.1);
      background: #F56C6C;
      border: 1px solid rgba(204, 204, 204, 0.1);
      border-radius: 3px;
      color: #ff5353;
      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;
    //}
  }
}