elementui表格中进度条

最新推荐文章于 2024-08-20 08:00:00 发布

貑娤不嬡伱

最新推荐文章于 2024-08-20 08:00:00 发布

阅读量965

点赞数

分类专栏：前端 vue 文章标签： javascript vue.js html node.js 前端

原文链接：https://juejin.cn/post/6844903893147762701

版权

前端同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

vue

13 篇文章 0 订阅

订阅专栏

<el-table-column label="交卷数" show-overflow-tooltip>
    <template slot-scope="scope">
      <p>
        交卷数:
        <span>{{scope.row.hand}}</span>/
        <span>{{scope.row.all}}</span>
      </p>
      <el-progress :percentage="Math.ceil(scope.row.hand/scope.row.all*100)"></el-progress>
    </template>
</el-table-column>



data: [
    {
      type: "1",
      name: "王小虎",
      info: "工商管理第一次测试",
      startTime: "07月09日 09:14",
      endTime: "07月10日 09:14",
      hand: "1",
      all: "50",
      id: "82820181"
    },
    {
      type: "2",
      name: "王小虎",
      info: "电子技术工程第一次测试",
      startTime: "07月09日 09:14",
      endTime: "07月10日 09:14",
      hand: "48",
      all: "65",
      id: "82830181"
    },
    {
      type: "1",
      name: "王小虎",
      info: "工程信息第一次测试",
      startTime: "07月09日 09:14",
      endTime: "07月10日 09:14",
      hand: "25",
      all: "32",
      id: "82820181"
    },
    {
      type: "2",
      name: "王小虎",
      info: "工程信息第一次测试",
      startTime: "07月09日 09:14",
      endTime: "07月10日 09:14",
      hand: "20",
      all: "44",
      id: "82881181"
    }
  ],

作者：sun shying
链接：https://juejin.cn/post/6844903893147762701