库存不足高亮显示
场景：
在库存管理中，如果某些产品的库存数低于或等于安全库存，则需要高亮显示库存数以提醒相关人员进行处理；
前期准备：
在白码低代码开发平台上准备产品数据表，并录入一些基础数据；
实现步骤：
1. 创建一个产品数据集，类型选择“beta集合”，数据表选择前面准备好的产品表；
2. 点击数据集名称进入流程，点击设置，当前库存字段设置自定义显示为“编程”；
3. 进行单元格编写代码，代码如下：
<template> <div class="cell" :class="cellClass">{{num}}</div> </template> <script> module.exports = { computed:{ // value 原始值 // display 显示的值 // data 当前行的数据 // field 当前属性 num(){ let v = this.value||0; return new Number(v); }, cellClass(){ let v = ''; if(this.num <= new Number(this.data["6094af356d8eaf20d45f315b"])){//当前库存是否小于等于安全库存 v+='red';//class名称改为“red” } return v; }, } } </script> <style lang="less" scoped> .cell { margin-left: 18px; &.red { color: red; } } </style>
实现效果：
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/69981618/viewspace-2771373/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
如何对接企业微信打卡记录
下一篇：
快速实现表单会签功能
请登录后发表评论
登录
全部评论
