tiangong-doc tiangong-doc
首页
  • 天宫体系

    • 前端架构
    • 后端架构
    • 扩展功能
    • 打包部署
    • 更新日志
    • 辅助开发平台 (opens new window)
    • 权限平台部署包下载 (opens new window)
  • 基础组件

    • 工作流引擎(待整理)
    • 跨境加签客户端(待整理)
    • 权限平台(待整理)
  • 数字化工具

    • 数字魔方
    • 数据采集
    • 智能导入
    • 数字员工
    • 规则引擎(开发中)
    • 消息引擎(待开发)
    • 智能导出(待开发)
  • 业务算法

    • 南京业务体检(待整理)
    • 智慧长江(待整理)
  • 识别模型

    • 空箱识别(待整理)
    • 智能客服(待整理)
    • OCR识别(待整理)
    • 车牌识别(待整理)
    • 超市停留识别(待整理)
    • 危险品识别(待开发)
    • 超长车识别(待开发)
    • 车辆靠台(待开发)
    • 车辆占用(待开发)
  • 算法模型(待整理)
  • 风控模型(待整理)
  • 海关规则(待整理)
  • 危险品知识(待整理)
  • 组件设计文档(待整理)
  • 数据服务

    • 商品归类服务(待开发)
    • RECP贸易服务(待开发)
    • 商品价格服务(待开发)
    • 业务申报解答(待开发)
    • 报关单状态查询(待开发)
  • 常用开发工具

    • BASE64编解码工具 (opens new window)
    • MD5编码工具 (opens new window)
    • AES/DES加解密 (opens new window)
    • JWT解码工具 (opens new window)
    • ASCII编解码工具 (opens new window)
    • Unicode编解码工具 (opens new window)
    • UTF-8编解码工具 (opens new window)
    • 字符串编解码工具 (opens new window)
    • 通用进制转换工具 (opens new window)
    • 浮点数十进制转换 (opens new window)
    • 在线JSON解析 (opens new window)
    • 在线JS代码格式化工具 (opens new window)
    • CSS可视化工具 (opens new window)
    • XML格式化工具
    • SQL压缩/格式化工具 (opens new window)
    • JSON/XML在线转换 (opens new window)
    • JSON/YAML在线转换 (opens new window)
    • IP地址查询 (opens new window)
    • HTTP在线接口测试 (opens new window)
    • UUID在线生成器 (opens new window)
    • 随机数生成器 (opens new window)
    • 在线文本比对 (opens new window)
  • 研发标准规范(待整理)
  • 国产化适配
首页
  • 天宫体系

    • 前端架构
    • 后端架构
    • 扩展功能
    • 打包部署
    • 更新日志
    • 辅助开发平台 (opens new window)
    • 权限平台部署包下载 (opens new window)
  • 基础组件

    • 工作流引擎(待整理)
    • 跨境加签客户端(待整理)
    • 权限平台(待整理)
  • 数字化工具

    • 数字魔方
    • 数据采集
    • 智能导入
    • 数字员工
    • 规则引擎(开发中)
    • 消息引擎(待开发)
    • 智能导出(待开发)
  • 业务算法

    • 南京业务体检(待整理)
    • 智慧长江(待整理)
  • 识别模型

    • 空箱识别(待整理)
    • 智能客服(待整理)
    • OCR识别(待整理)
    • 车牌识别(待整理)
    • 超市停留识别(待整理)
    • 危险品识别(待开发)
    • 超长车识别(待开发)
    • 车辆靠台(待开发)
    • 车辆占用(待开发)
  • 算法模型(待整理)
  • 风控模型(待整理)
  • 海关规则(待整理)
  • 危险品知识(待整理)
  • 组件设计文档(待整理)
  • 数据服务

    • 商品归类服务(待开发)
    • RECP贸易服务(待开发)
    • 商品价格服务(待开发)
    • 业务申报解答(待开发)
    • 报关单状态查询(待开发)
  • 常用开发工具

    • BASE64编解码工具 (opens new window)
    • MD5编码工具 (opens new window)
    • AES/DES加解密 (opens new window)
    • JWT解码工具 (opens new window)
    • ASCII编解码工具 (opens new window)
    • Unicode编解码工具 (opens new window)
    • UTF-8编解码工具 (opens new window)
    • 字符串编解码工具 (opens new window)
    • 通用进制转换工具 (opens new window)
    • 浮点数十进制转换 (opens new window)
    • 在线JSON解析 (opens new window)
    • 在线JS代码格式化工具 (opens new window)
    • CSS可视化工具 (opens new window)
    • XML格式化工具
    • SQL压缩/格式化工具 (opens new window)
    • JSON/XML在线转换 (opens new window)
    • JSON/YAML在线转换 (opens new window)
    • IP地址查询 (opens new window)
    • HTTP在线接口测试 (opens new window)
    • UUID在线生成器 (opens new window)
    • 随机数生成器 (opens new window)
    • 在线文本比对 (opens new window)
  • 研发标准规范(待整理)
  • 国产化适配
  • 天宫架构

    • 前端架构

      • 前端框架V2.0.0

        • 前端介绍
        • 页面模型

          • CommonPage 通用页面模型
            • CommonPage 通用页面模型
              • Attributes
              • Events
              • 示例代码:
          • QueryPage 查询页面模型
          • EditPage 编辑页面模型
          • EditTab 编辑页面Tab页面模型
        • 前端组件

        • 全局配置

        • 扩展功能

        • 常见问题

        • 其他

    • 后端架构

    • 打包部署

    • 扩展功能

    • 业务组件

    • 国际化

    • 迁移助手

    • 历史版本

    • 更新日志

    • 开发手册

    • 权限平台

  • 基础架构
  • 天宫架构
  • 前端架构
  • 前端框架V2.0.0
  • 页面模型
2024-03-19
目录

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
上次更新: 2024/7/18 14:52:05
前端介绍
QueryPage 查询页面模型

← 前端介绍 QueryPage 查询页面模型→

最近更新
01
EciReport模板导出_Core
09-10
02
EciReport模板导出
09-09
03
Core权限平台接口
07-25
更多文章>
Theme by Vdoing
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式