案例-销售订单查询存量后修改指定行背景色

yonyouhmm

一、说明

    案例实现效果，支持遇到场景，客户没有可视化应用扩展，希望在销售订单新增时，点“查询存量”按钮后，如果物料存量是0，或者存量<销售数量，就改变对应行的背景色。

二、实现
1、ui模板-脚本编辑
打开销售订单详情页模板，点击右上角“脚本编辑”

2、脚本逻辑

1. function loadStyle(params) {
   
2.   var headobj = document.getElementsByTagName('head')[0];
   
3.   var style = document.createElement('style');
   
4.   style.type = 'text/css';
   
5.   style.appendChild(document.createTextNode(params));
   
6.   headobj.appendChild(style);
   
7. }
   
8. loadStyle(`.meta-table .public_fixedDataTableRow_bg-yellow .public_fixedDataTableCell_main {
   
9.   background: yellow;
   
10. }`);
    
11. 
    
12. viewModel.on('afterQueryStock', (args) => {
    
13.   debugger;
    
14.   let result = args.result;
    
15.   result.forEach((item, index) => {
    
16.     if (item.currentqty == 0) {
    
17.       //gridModel.setCellState(index, 'productName', 'style', { background: 'yellow' });
    
18.       gridModel.setRowState(index, 'className', 'bg-yellow');
    
19.     } else {
    
20.       if (gridModel.getRow(index).subQty) {
    
21.         if (gridModel.getRow(index).subQty > item.currentqty) {
    
22.           gridModel.setRowState(index, 'className', 'bg-yellow');
    
23.         }
    
24.       }
    
25.     }
    
26.   });
    
27. });

复制代码