# 视图相关问题排查指南
# 一、前置操作：补丁更新
在开始排查问题前，请务必完成以下补丁更新步骤，以排除已知问题的干扰：
- 前端： 优先安装最新的前端补丁
- 后端： 优先建议安装后端合集补丁，若无合集补丁通过以下链接检查是否存在相关补丁。若存在，请先安装对应补丁再进行后续问题排查
补丁参考链接：http://help.primeton.com/productcs/patches/
# 二、问题排查
# 1. 流程视图与审批
| 问题现象 | 可能原因/解决方案 |
|---|---|
| 点击“查看流程”按钮无反应 | 1. 在流程中开启“同步流程数据” 2. 安装最新前端补丁 |
| 办理/审批按钮不显示（会签场景） | 不建议直接使用admin账号，admin作为管理员账号且本身并无机构，建议通过其他用户赋权租户管理员角色 |
| 查看流程指定节点数据 | 视图中添加按钮，动作选择“打开弹窗发起流程”，转代码后将 pageType 改为 view，并传入 workItemID |
# 2. 排序异常
| 问题现象 | 排查方案 |
|---|---|
| 按创建时间排序后数据重复，去掉排序正常 | 检查数据库底层数据，确认是否存在重复记录 |
# 3. 样式与显示异常
| 问题现象 | 可能原因/解决方案 |
|---|---|
| 表头对齐方式设置不生效 | “显示字段”中的对齐控制的是内容，表头对齐需在视图“表格设置”中单独配置 |
| 单元格合并后内容显示不全 | 将该字段的“超出宽度时”属性设置为“折行” |
| 字段设置为链接后样式被强制覆盖（变蓝、下划线） | 视图编码模式下添加CSS覆盖默认样式 示例： .el-link.el-link--primary { color: #606266; } |
| 视图滚动条太细或太粗 | 可通过CSS自定义调整 |
| 鼠标悬停表头改变底色 | 视图编码模式CSS中添加：.vxe-header--column:hover { background-color: red; } |
# 4. 视图操作与交互
| 问题现象 | 可能原因/解决方案 |
|---|---|
| 视图列表开关无法操作 | 视图设置-表格设置中开启“允许编辑” |
| 获取点击行数据 | 点击事件中使用：data.row |
| 设置某些行不可选中 | 添加方法设置“可选择行逻辑”，返回 false 的行不可选 |
| 行内编辑保存时提示“页面已发生变动”，怎么去掉该提示 | 行内编辑按钮中关闭“检查值变化的开关” |
| 表格高亮行或字段 | 使用“当前行被点击时触发”事件，调整行样式实现高亮 |
# 5. 常用开发技巧
| 需求 | 代码片段/方案 |
|---|---|
| 获取视图数据 | “视图加载后”事件中：console.log(this.data); |
| 控制按钮显隐 | 按钮“显示控制”中编写表达式，返回 true 或 false |
| 阻止视图自动查询 | “视图查询前”事件中：return false; |
| 给嵌套视图传参 | this.Api.openDialog 的 props 中传递参数；或在表单中定义参数接收 |
| 获取树表数据 | 树表懒加载时，“视图查询后”事件中 this.data 可能为空，可使用 setTimeout 延迟获取 |