在这里插入图片描述

    <el-table-column prop="packageTotal" label="更新进度" width="200">
          <template slot-scope="scope">
            <el-progress :text-inside="true" :stroke-width="20" :percentage="setItemProgress(scope.row)"
              :format="setItemText(scope.row)"></el-progress>
          </template>
        </el-table-column>


    methods: {
      setItemProgress(data) {
        if (data.completeCount > data.packageTotal) {
          return 100
        } else {
          return parseInt((data.completeCount / data.packageTotal).toFixed(1) * 100)
        }
      },

      setItemText(data) {
        return () => {
          return + data.completeCount + ' / ' + data.packageTotal
        }
      },
}
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐