工单进度统计-延期预警小于零绿色

yangfeng

2023-12-04 382526b8d64bffe687ac57d3b51face476def388

工单进度统计-延期预警小于零绿色

 src/views/cockpitPage/components/WorkOrderProgress.vue

@@ -74,8 +74,16 @@
          <el-table-column label="延期预警" align="center">
            <template slot-scope="scope">
              <div v-show="scope.row.delayWarning > 0" class="round-view">
                <div class="round"></div>
                <div class="title">{{ scope.row.delayWarning + "天" }}</div>
                <div class="round red-bg"></div>
                <div class="title red-color">
                  {{ scope.row.delayWarning + "天" }}
                </div>
              </div>
              <div v-show="scope.row.delayWarning < 0" class="round-view">
                <div class="round green-bg"></div>
                <div class="title green-color">
                  {{ scope.row.delayWarning + "天" }}
                </div>
              </div>
            </template>
          </el-table-column>
@@ -194,7 +202,7 @@
            { status: 2 },
            { status: 0 },
          ],
          delayWarning: 0,
          delayWarning: -2,
        },
        {
          workOrderId: "A5435",
@@ -344,14 +352,26 @@
      .round-view {
        display: flex;
        justify-content: center;
        color: #ff0000;

        .round {
          width: 22px;
          height: 22px;
          border-radius: 11px;
          background: #ff0000;

          margin-right: 5px;
        }
        .red-bg {
          background: #ff0000;
        }
        .green-bg {
          background: #00cc00;
        }
        .red-color {
          color: #ff0000;
        }
        .green-color {
          color: #00cc00;
        }
      }
    }
  }