【适用版本】 

s-HR Cloud V8.8及以上

【应用场景】 

评分页面列表模式调整字段宽度

【详细说明/示例/操作步骤】

设置的宽度可能与预期不一致，可先阅读下1.5部分。

1评分列表

文件及路径：\eas\server\deploy\easweb.ear\shr_web.war\addon\perfweb\web\js\shr\perfweb\portal\目录下的perfscoreNew.js文件 

搜索initScoreTab，定位到如图位置：

新增代码：

        params.myModel.forEach(function(item, i){

        })

如图：

1.1确认字段name属性值

两种方式，方式一：

列表名称的name值也就是数据中的colName字段值，按F12打开浏览器调试模式，在控制台输入globalIndicatorData后回车，字段值位置如图，指标名称的colName值为FNAME：

方式二：

鼠标悬浮在字段所在列的列标题处，右键->检查，可定位到元素的html结构，如图查看：

可两种方式结合查看，有些字段在fieldList中没有，例如其他评分人信息列，也有些字段名称不一致，例如可以打否决项时的评分、等级列，这时就可以用第二种方式查看。

1.2按字段名称修改

例如将指标名称（colName值为FNAME）的宽度修改为100px，新增代码：
            if(item.name == 'FNAME'){

                params.myModel[i].width = 100; // 新列宽

            }

如图：

1.3同时设置多个字段为相同宽度

例如将指标名称（colName值为FNAME）、目标分值（colName值为FTARSCORE）的宽度，统一设置为90px，新增代码：

            if(item. name == 'FNAME' || item. name == 'FTARSCORE'){

                params.myModel[i].width = 90; // 新列宽

            }

如图：

1.4其他人评分列

其他人评分列信息不在globalIndicatorData字段中，若要设置，增加代码：

            if(item.name == 'nodeInfoList'){

                params.myModel[i].width = 150; // 新列宽

            }

如图：

1.5列表横向滚动条

列表有无横向滚动条，是由属性shrinkToFit控制的。

shrinkToFit值为“false”时有滚动条，字段宽度按照width值显示。

shrinkToFit值为“true”时没有滚动条，默认会按照字段宽度等比缩放。字段少、宽度不能占满列表时，实际宽度大于width值，字段多、超过列表宽度时，实际宽度小于width值。

若要写死shrinkToFit的值，在如图位置修改即可：

【注意事项/常见错误】（可省略）

注：先备份再修改，不用重启服务器，若没生效可清下浏览器缓存再重新验证

设置的宽度可能与预期不一致，可先阅读下1.5部分。