当前位置： 首页 > news >正文

css-vxe列表中ant进度条与百分比

news 来源：原创 2024/9/28 21:09:48

1.vxe列表 ant进度条

 <vxe-column field="actualProgress" title="进度" align="center" width="200"><template #default="{ row }"><a-progress:percent="Math.floor(row.actualProgress)"size="small"status="active":stroke-color="{ '0%': '#4DA6FF', '100%': '#C3DCFF' }"/></template></vxe-column>

2.列表中的百分比 

2.1 html
<vxe-column field="Ratio" title="百分比" min-width="132" align="center" :formatter="formatProgress">
2.1 js 
// 格式化进度formatProgress(record) {if (record.cellValue != '' && record.cellValue != null) {return this.showProgress(record.cellValue)} else {return '--'}},// 百分比展示showProgress(num) {let ps = 0 > num ? -1 * Math.floor(-1 * num) : Math.floor(num);return ps + "%";},

3.返回是否有值判断

 // 返回是否有值getConnect({ cellValue }) {if (cellValue != null) {return cellValue} else {return '--'}},

相关文章：

  • RabbitMQ消息队列 安装及基本介绍
  • STM32项目分享：家庭环境监测系统
  • 【mysql】关键词搜索实现
  • Highcharts 饼图
  • Python爬虫-贝壳二手房“改进版”
  • 深入了解 Android 中的 ViewStub
  • yolov8训练初体验
  • CSS的 text-decoration
  • 八大排序浅入浅出
  • Instagram APIj接口——快速获取Ins帖子媒体内容下载链接
  • python脚本获取本机IP的方式
  • Flume基础教程
  • 使用python下载图片且批量将图片插入word文档
  • 如何设置MySQL远程访问权限？
  • [学习笔记]-MyBatis-Plus简介
  • 5、React组件事件详解
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • HashMap ConcurrentHashMap
  • Javascript设计模式学习之Observer(观察者)模式
  • Java方法详解
  • leetcode388. Longest Absolute File Path
  • mysql中InnoDB引擎中页的概念
  • npx命令介绍
  • oldjun 检测网站的经验
  • PhantomJS 安装
  • php的插入排序，通过双层for循环
  • windows下使用nginx调试简介
  • 多线程 start 和 run 方法到底有什么区别？
  • 给初学者：JavaScript 中数组操作注意点
  • 精彩代码 vue.js
  • 警报：线上事故之CountDownLatch的威力
  • 前端面试之闭包
  • 深入浏览器事件循环的本质
  • 使用parted解决大于2T的磁盘分区
  • 在weex里面使用chart图表
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • 3月27日云栖精选夜读 | 从 “城市大脑”实践，瞭望未来城市源起 ...
  • linux 淘宝开源监控工具tsar
  • 昨天1024程序员节，我故意写了个死循环~
  • ​必胜客礼品卡回收多少钱，回收平台哪家好
  • #WEB前端（HTML属性）
  • （3）nginx 配置(nginx.conf)
  • (bean配置类的注解开发)学习Spring的第十三天
  • （SpringBoot）第七章：SpringBoot日志文件
  • （二）构建dubbo分布式平台-平台功能导图
  • (附源码)计算机毕业设计高校学生选课系统
  • （六）Flink 窗口计算
  • （七）Java对象在Hibernate持久化层的状态
  • (三)uboot源码分析
  • (十三)MipMap
  • （推荐）叮当——中文语音对话机器人
  • (转)程序员疫苗：代码注入
  • *_zh_CN.properties 国际化资源文件 struts 防乱码等
  • *p++,*(p++),*++p,(*p)++区别？
  • .Net 8.0 新的变化