zxl
2025-03-03 c78889e71d16d26c03ff59746db47c6d4d2b98e0
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;
@@ -140,25 +142,26 @@
  }
  // 已超时流程线
  //方块内部颜色
  .highlight-overtime.djs-shape .djs-visual > :nth-child(1) {
    fill: #ff5353 !important;
    stroke: #ff5353 !important;
    fill-opacity: 0.2 !important;
  }
  //文字颜色
  .highlight-overtime.djs-shape .djs-visual > :nth-child(2) {
    fill: #ff5353 !important;
  }
  //人物ui颜色
  .highlight-overtime.djs-shape .djs-visual > path {
    fill: #ff5353 !important;
    fill-opacity: 0.2 !important;
    stroke: #ff5353 !important;
  }
  //前面那条线的颜色
  .highlight-overtime.djs-connection > .djs-visual > path {
    stroke: #ff5353 !important;
  }
}
  // 即将超时流程线
  .highlight-willOvertime.djs-shape .djs-visual > :nth-child(1) {
@@ -171,7 +174,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 +216,7 @@
      margin-right: 8px;
    }
    .willOvertime {
    .overtime {
      background-color: #fcf5ea;
      padding: 4px;
      border: 1px solid #fce9c7;
@@ -240,13 +243,13 @@
      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;
    }
    //.overtime {
    //  padding: 4px;
    //  background: #ffd1d1;
    //  border: 1px solid rgba(246, 181, 181, 0.1);
    //  border-radius: 3px;
    //  color: #ff5353;
    //  margin-right: 5px;
    //}
  }
}