机器开机率、人员技能比饼图优化

yangfeng

2023-12-11 14101bd42ce17dfb9d951d0738abe9d303fb3fe5

 src/views/cockpitPage/components/OrderCompleteRadio.vue

@@ -9,7 +9,7 @@
          <div class="left">{{ item.title }}</div>
          <div class="middle" ref="middle">
            <el-progress
              :stroke-width="20"
              :stroke-width="18"
              :text-inside="true"
              :percentage="item.radio"
              :define-back-color="'#083f55'"
@@ -61,7 +61,7 @@
    tableList: {
      get() {
        if (
          this.startIndex > this.orderCompleteObject.orderCompleteList.length
          this.startIndex >= this.orderCompleteObject.orderCompleteList.length
        ) {
          this.startIndex = 0;
        }
@@ -91,6 +91,7 @@
  }
  .list-view {
    height: calc(100% - 20px);
    padding-right: 5px;
    .table-bg-view {
      display: flex;
      align-items: center;
@@ -98,6 +99,7 @@
      background: #083f55;
      height: calc(20% - 10px);
      width: 100%;
      padding-right: 5px;
      border-radius: 50px;
      transition: all 1s ease-in-out 0s;
      .left {
@@ -122,13 +124,11 @@
  }
  .el-progress-bar__inner {
    position: relative;
    // background: #552d08;
    background: url("../../../../public/cockpitPage/order-bg.png") no-repeat
      center center / cover;
  }
  .setTitle-complete .el-progress-bar__inner {
    position: relative;
    // background: #552d08;
    background: url("../../../../public/cockpitPage/order-complete.png")
      no-repeat center center / cover;
  }