【适用版本】 

s-HR Cloud V8.8及以上

【应用场景】 

填报页面，自定义列宽。设置的宽度可能与预期不一致，可先阅读下1.3部分。

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

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

1 按字段类型调整列宽

1.1 确认字段类型

按F12打开浏览器调试模式，在控制台输入globalIndicatorData后回车，fieldType字段值位置如图：

1.2 找到_getFieldListModel方法

在getFieldListModel方法内，可以看到不同类型字段的属性设置方法：

1.3 举例

例如修改数字类型字段宽度：

如果某个字段类型方法内没有设置width属性，加上即可。

2 修改指定字段宽度

2.1 确认字段类型

同步骤1.1

2.2 找到_getFieldListModel方法

同步骤1.2

2.3 确认字段colName字段值

按F12打开浏览器调试模式，在控制台输入globalIndicatorData后回车，colName字段值位置如图：

2.4 设置宽度

例如将目标值字段的宽度设置为100px，确认字段的colName、fieldType属性值：

找到_getNumberModel方法，增加判断代码：

        if(_myModel.name == "FTARGETVALUE"){

            _myModel.width = 100;

        }

3 列表横向滚动条

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

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

shrinkToFit值为“true”时没有滚动条，默认会按照字段宽度等比缩放。字段少、宽度不能占满列表时，实际宽度大于width值，字段多、超过列表宽度时，实际宽度小于width值。注意标品不是这样的，请继续阅读

现有的功能，会根据显示字段的宽度判断shrinkToFit的值，字段宽度和大于列表宽度时，值为false，有滚动条，字段宽度和小于列表宽度时，值为true，没有滚动条：

当没有滚动条时，如果字段宽度和刚好等于列表宽度，则按照width设置的值显示。如果字段宽度和小于列表宽度，为了右侧不会出现空白，会均分到文本、长文本字段的宽度中，此时文本、长文本字段真实宽度会大于width值。若不需要这个功能，可注释掉图中代码：

【注意事项/常见错误】

先备份再修改，不用重启服务器，未生效的话，清下浏览器缓存。

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