CommonPage 通用页面模型
# CommonPage 通用页面模型
# Attributes
| 属性名 | 子属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|---|
| asHead | 在EditTab中,是否是head | boolean | ||
| editPage | 编辑界面 | object | ||
| root | 是否是root界面 | boolean | ||
| sub | 是否是子页面 | boolean | ||
| context | 页面上下文信息 | object | ||
| instance | 当前页面的实例信息(vue提供) | object | ||
| name | 页面唯一性的标识(表格的列和查询条件的form表单信息都用它来进行动态加载) | |||
| children | 子页面的信息 | [] | ||
| parent | 父页面信息 | object | ||
| pagePopType | 页面展示方式 | object | ||
| popType | 当前界面是否是弹框 | string | 'page' | |
| data | 页面数据 | object | ||
| title | 弹框的默认值 | string | '编辑' | |
| visible | 判断dialog是否显示 | boolean | false | |
| keyField | 主键 | string | ||
| keyValue | 值 | string | ||
| entity | 表单的v-model | object | ||
| headRow | 主表的信息 | object | ||
| headRowIsNull | headRow是否为空 | true | ||
| cascade | 主表和明细表级联关系 | object | {field: "", headField: ""} | |
| pageInfo | 页面信息 | object | {type: 'BasePage'} | |
| isAdd | 是否是新增 | boolean | false | |
| pageInfo | 页面信息 | object | {type: 'BasePage'} |
# Events
| 事件名称 | 说明 | 类型 | 参数 | |
|---|---|---|---|---|
| build | 建立父子关系 | Function | page | |
| context | getUserInfo | 获取用户信息 | Function | |
| getRefByCode | 通过配置的refCode,获取对应的page信息 | Function | refCode | |
| getRef | 通过组件的配置的ref,获取当前组件 | Function | refName | |
| getContextPage | 获取父组件的信息 | Function | ||
| getRefByInstance | 通过ref获取instance实例下面的组件 | Function | instance,refName | |
| show | 弹框显示 | Function | ||
| useData | 将页面数据挂载在page.data上面 | Function | props | |
| useDialog | 将dialog身上的方法挂载到page.dialog,便于后续的调用 | Function | ||
| setHeadRow | 设置headRow信息 | Function | headRow | |
| setCascade | 设置父子表的级联信息 | Function | cascade | |
| pageClear | 清空当前界面的子界面的信息(并且进行headRow的清空) | Function | ||
| addRule | 创建规则 | Function | codeList | |
| removeRule | 移除规则 | Function | codeList | |
| close | 弹框关闭 | Function | ||
| tgImport | 调用导入组件的方法 | Function | options | |
| req | 获取路由的参数 | Function | param | |
| getHistoryRecord | 通过参数,获取当前界面的操作记录 | Function | historyParam |
# 示例代码:
//文件夹 tiangongCore/models/CommonPage.js
import CommonPage from "@coreCommonPage";
let {page} = CommonPage()
page.context.name = 'xxxxx' //页面唯一标识
1
2
3
4
2
3
4
上次更新: 2024/7/18 14:52:05