1.生产进度报表优化

小小儁爺

2024-07-26 9bb8eabe0c9f104cf6c63bbeeb2d8b00ff0f5129

1.生产进度报表优化

 src/views/statistic/workOrderProcess.vue

@@ -101,7 +101,7 @@
      <div class="elTableDiv">
        <el-table
          ref="tableDataRef"
          class="tableFixed"
          class="tableFixed  custom-table-class"
          :data="tableData"
          :height="isExpandForm?tableHeight:(tableHeight+40)+'px'"
          border
@@ -198,7 +198,7 @@
            <!--            show-tooltip-when-overflow-->

            <template slot-scope="{row}">
              <div style="min-width: 900px;display: flex;overflow-x: auto;overflow-y: hidden">
              <div style="min-width: 900px;display: flex;overflow-x: auto;overflow-y: hidden;height: 65px;">
                <div
                  v-for="item in row.concat_name.split(',')"
                  :key="item+row.wo_code"
@@ -206,18 +206,23 @@
                >
                  <!--                  padding:0px 0px 10px 0px;-->

                  <div style="position: relative;display: flex;flex-direction: column;width: 80px;text-align: center;align-items: center;margin-left:10px">
                    <div style="width: 80px;" class="ellipsis">{{ item.split('/')[0] }}</div>
                  <div
                    style="position: relative;display: flex;flex-direction: column;width: 120px;text-align: center;align-items: center;margin-left:10px"
                  >
                    <div style="width: 120px;" class="ellipsis">{{ item.split('/')[0] }}</div>
                    <el-progress
                      :text-inside="true"
                      :stroke-width="20"
                      :stroke-width="18"
                      color="#2FD04F"
                      define-back-color="rgba(144,147,153,0.5)"
                      :percentage="parseFloat((parseFloat(item.split('/')[1])*100/parseFloat(row.plan_qty)).toFixed(2))"
                      style="width: 80px;margin: 0 2px"
                      style="width: 120px;margin: 0 2px;"
                    />

                    <div style="position: absolute;top:22px;">{{ parseFloat(item.split('/')[1]) }}/{{ row.plan_qty }}</div>
                    <div style="position: absolute;top:22px;">{{ parseFloat(item.split('/')[1]) }}/{{
                      row.plan_qty
                    }}
                    </div>

                  </div>

@@ -438,7 +443,15 @@
  align-items: center;
}

::v-deep .el-progress-bar__innerText{
::v-deep .el-progress-bar__innerText {
  display: none !important;
}

//.custom-table-class {
//  ::v-deep .el-table__row {
//    height: 80px;
//    line-height:80px;
//  }
//}

</style>