ctj-ui-next
搜索 K

Appearance

本页目录

视图数据结构说明 ​

TIP

  • 核心参数 uiViews、uiClumns、uiButtons

视图数据 ​

js
{
  id: 'b364e877-cb3f-4bda-af70-0a58e941cab1', // 视图组id
  code: 'GIC801036011001', // 视图组编码
  name: '事前审批单录入', // 视图名称
  url: null,
  parent_id: '0',
  uiRunViewGroups: [{}],
  uiViews: [{
    id:'',code:'',view_type:2,
    uiButtons: [name:'',title:'',icon:''],
    uiClumns: [field_code:'',data_type:'']
  }], //视图设置
}
{
  id: 'b364e877-cb3f-4bda-af70-0a58e941cab1', // 视图组id
  code: 'GIC801036011001', // 视图组编码
  name: '事前审批单录入', // 视图名称
  url: null,
  parent_id: '0',
  uiRunViewGroups: [{}],
  uiViews: [{
    id:'',code:'',view_type:2,
    uiButtons: [name:'',title:'',icon:''],
    uiClumns: [field_code:'',data_type:'']
  }], //视图设置
}

核心参数说明

字段说明备注
id视图组 id-
code视图组编码-
name视图组名称-
uiViews视图属性配置-

uiViews 视图属性 ​

uiViews 【展开查看详情】
js
{
      id: 'b2f18e75852b48509e53751bd36d6fe7',
      code: '9882201',
      name: '查询',
      title: '查询',
      group_id: 'b364e877-cb3f-4bda-af70-0a58e941cab1',
      tenant_id: 0,
      user_id: 0,
      view_type: 2,// 视图类型
      query_table_code: null,//视图数据来源
      get_attribute: null, // 后台对象说明
      save_table_code: null,// 数据存储的数据表
      set_attribute: null,
      is_show_sum: 0, /**是否显示行合计 */
      unit: '1', /** 金额单位 0元 1万元*/
      col_number: 0,
      disp_order: 0,
      is_default_select: 1,
      rep_control_name: null,
      specialfield: null,
      remark: null,
      is_enabled: 1,
      uiButtons: [],/** 按钮数据 */
      uiClumns: [],/** 字段数据 */
      url: null,
      sql: null,
      operationGuidance: null,
      params: null,
      is_checkbox: 1,
      is_show_stripe: 1,
      is_show_unit: 1,
      is_paged: 0,
      is_visible: 1,
}
{
      id: 'b2f18e75852b48509e53751bd36d6fe7',
      code: '9882201',
      name: '查询',
      title: '查询',
      group_id: 'b364e877-cb3f-4bda-af70-0a58e941cab1',
      tenant_id: 0,
      user_id: 0,
      view_type: 2,// 视图类型
      query_table_code: null,//视图数据来源
      get_attribute: null, // 后台对象说明
      save_table_code: null,// 数据存储的数据表
      set_attribute: null,
      is_show_sum: 0, /**是否显示行合计 */
      unit: '1', /** 金额单位 0元 1万元*/
      col_number: 0,
      disp_order: 0,
      is_default_select: 1,
      rep_control_name: null,
      specialfield: null,
      remark: null,
      is_enabled: 1,
      uiButtons: [],/** 按钮数据 */
      uiClumns: [],/** 字段数据 */
      url: null,
      sql: null,
      operationGuidance: null,
      params: null,
      is_checkbox: 1,
      is_show_stripe: 1,
      is_show_unit: 1,
      is_paged: 0,
      is_visible: 1,
}

字段说明备注
code视图编码-
title视图名称-
view_type视图类型-
unit金额单位0 元，1 万元
uiClumns视图字段-
uiButtons操作项(页签/按钮)-
get_attribute后台对象属性名单据视图填写：实体对象
remark备注单据视图填写：后台表名

注意事项

1、 后台对象属性名：对应的后台实体对象名，示例 MAIN_BILL_DTO ​

只有使用视图自动保存对象数据，才使用此字段

  • 【_DTO 结尾】：返回实例对象{}
  • 非 DTO：返回对象数组[]
2、备注：在单据视图中，填写对应的后台表名 ​

view_type 视图类型 ​

ViewType 枚举值【展开查看详情】
js
/** 视图类型ViewType */
export enum ViewType {
  /** 1表单录入视图 */
  form_input_view = 1,
  /** 2查询视图 */
  query_view = 2,
  /** 3列表视图  */
  list_view = 3,
  /** 4列表录入视图 */
  list_input_view = 4,
  /** 5多级表头列表视 */
  multi_list_view = 5,
  /** 6分组视图 */
  group_list_view = 6,
  /** 7附件视图 */
  affix_view = 7,
  /** 8第三方页面 */
  third_view = 8,
  /** 9详细显示视图 */
  vision_view = 9,
  /** 10 Toolbar视图 */
  toolbar = 10,
  /** 11 带分组汇总的列表视图 */
  list_group_view = 11,
  /** 12 头部页签视图 */
  top_tab_view = 12,
}
/** 视图类型ViewType */
export enum ViewType {
  /** 1表单录入视图 */
  form_input_view = 1,
  /** 2查询视图 */
  query_view = 2,
  /** 3列表视图  */
  list_view = 3,
  /** 4列表录入视图 */
  list_input_view = 4,
  /** 5多级表头列表视 */
  multi_list_view = 5,
  /** 6分组视图 */
  group_list_view = 6,
  /** 7附件视图 */
  affix_view = 7,
  /** 8第三方页面 */
  third_view = 8,
  /** 9详细显示视图 */
  vision_view = 9,
  /** 10 Toolbar视图 */
  toolbar = 10,
  /** 11 带分组汇总的列表视图 */
  list_group_view = 11,
  /** 12 头部页签视图 */
  top_tab_view = 12,
}
原始数据对象【展开查看详情】
js
;[
  {
    id: 1,
    code: 'form_input_view',
    name: '表单录入视图',
    text: 'form_input_view 表单录入视图',
    table_code: null,
    disp_order: 1,
  },
  {
    id: 2,
    code: 'query_view',
    name: '查询视图',
    text: 'query_view 查询视图',
    table_code: null,
    disp_order: 2,
  },
  {
    id: 3,
    code: 'list_view',
    name: '列表视图',
    text: 'list_view 列表视图',
    table_code: null,
    disp_order: 3,
  },
  {
    id: 4,
    code: 'list_input_view',
    name: '列表录入视图',
    text: 'list_input_view 列表录入视图',
    table_code: null,
    disp_order: 4,
  },
  {
    id: 5,
    code: 'multi_list_view',
    name: '多级表头列表视图',
    text: 'multi_list_view 多级表头列表视图',
    table_code: null,
    disp_order: 5,
  },
  {
    id: 6,
    code: 'group_list_view',
    name: '分组视图',
    text: 'group_list_view 分组视图',
    table_code: null,
    disp_order: 6,
  },
  {
    id: 7,
    code: 'affix_view',
    name: '附件视图',
    text: 'affix_view 附件视图',
    table_code: null,
    disp_order: 7,
  },
  {
    id: 8,
    code: 'third_view',
    name: '第三方页面',
    text: 'third_view 第三方页面',
    table_code: null,
    disp_order: 8,
  },
  {
    id: 9,
    code: 'vision_view',
    name: '详细显示视图',
    text: 'vision_view 详细显示视图',
    table_code: null,
    disp_order: 9,
  },
  {
    id: 10,
    code: 'toolbar',
    name: 'Toolbar视图',
    text: 'toolbar Toolbar视图',
    table_code: null,
    disp_order: 10,
  },
  {
    id: 11,
    code: 'list_group_view',
    name: '带分组汇总的列表视图',
    text: 'list_group_view 带分组汇总的列表视图',
    table_code: null,
    disp_order: 11,
  },
  {
    id: 12,
    code: 'top_tab_view',
    name: '头部页签视图',
    text: 'top_tab_view 头部页签视图',
    table_code: null,
    disp_order: 12,
  },
]
;[
  {
    id: 1,
    code: 'form_input_view',
    name: '表单录入视图',
    text: 'form_input_view 表单录入视图',
    table_code: null,
    disp_order: 1,
  },
  {
    id: 2,
    code: 'query_view',
    name: '查询视图',
    text: 'query_view 查询视图',
    table_code: null,
    disp_order: 2,
  },
  {
    id: 3,
    code: 'list_view',
    name: '列表视图',
    text: 'list_view 列表视图',
    table_code: null,
    disp_order: 3,
  },
  {
    id: 4,
    code: 'list_input_view',
    name: '列表录入视图',
    text: 'list_input_view 列表录入视图',
    table_code: null,
    disp_order: 4,
  },
  {
    id: 5,
    code: 'multi_list_view',
    name: '多级表头列表视图',
    text: 'multi_list_view 多级表头列表视图',
    table_code: null,
    disp_order: 5,
  },
  {
    id: 6,
    code: 'group_list_view',
    name: '分组视图',
    text: 'group_list_view 分组视图',
    table_code: null,
    disp_order: 6,
  },
  {
    id: 7,
    code: 'affix_view',
    name: '附件视图',
    text: 'affix_view 附件视图',
    table_code: null,
    disp_order: 7,
  },
  {
    id: 8,
    code: 'third_view',
    name: '第三方页面',
    text: 'third_view 第三方页面',
    table_code: null,
    disp_order: 8,
  },
  {
    id: 9,
    code: 'vision_view',
    name: '详细显示视图',
    text: 'vision_view 详细显示视图',
    table_code: null,
    disp_order: 9,
  },
  {
    id: 10,
    code: 'toolbar',
    name: 'Toolbar视图',
    text: 'toolbar Toolbar视图',
    table_code: null,
    disp_order: 10,
  },
  {
    id: 11,
    code: 'list_group_view',
    name: '带分组汇总的列表视图',
    text: 'list_group_view 带分组汇总的列表视图',
    table_code: null,
    disp_order: 11,
  },
  {
    id: 12,
    code: 'top_tab_view',
    name: '头部页签视图',
    text: 'top_tab_view 头部页签视图',
    table_code: null,
    disp_order: 12,
  },
]

uiClumns 视图字段 ​

uiClumns【展开查看详情】
js
{
    field_code: '', // 逻辑表字段名
      name: '', // 名称
      title: '', // 显示名
      dec_len: 0, // 精度
      column_width: '', // 列的显示宽度
      column_height: '', // 列的显示高度
      data_type: 0, // 控件类型
      alignment: 0, // 对齐方式
      ele_code_primary: undefined, // 主控要素
      ele_code_related: undefined, // 被控要素
      ele_code: undefined, // 要素
      ele_show_type: 0, // 显示方式
      ele_bound_value: '', // 要素绑定值
      ele_display_value: '', // 要素显示值
      max_length: '', // 最大输入长度
      min_length: '', // 最小输入长度
      parent_id: 0, // 父级ID
      row_span: 1, // 跨行数
      col_span: 1, // 跨列数
      col_level: 1, // 列的级次
      ele_level_num: 0, // 要素的显示级次
      default_value: '', // 缺省值
      row_wrap: '', // 换行标识
      is_visible: 1, // 是否可见
      is_frozen: 1, // 是否冻结
      is_required: 1, // 是否必填
      is_enabled: 1, // 是否可编辑
      is_calculated: 1, // 是否计算列
      is_column_sort: 1, // 该列是否支持排序
      is_loadelement: 1, // 是否加载全部要素
      expression: '', // 计算公式
      tips: '', // 录入视图时提示信息
      jump_group_id: '', // 点击后跳转的视图组id
      swhere: '', // swhere
      remark: '', // 备注
}
{
    field_code: '', // 逻辑表字段名
      name: '', // 名称
      title: '', // 显示名
      dec_len: 0, // 精度
      column_width: '', // 列的显示宽度
      column_height: '', // 列的显示高度
      data_type: 0, // 控件类型
      alignment: 0, // 对齐方式
      ele_code_primary: undefined, // 主控要素
      ele_code_related: undefined, // 被控要素
      ele_code: undefined, // 要素
      ele_show_type: 0, // 显示方式
      ele_bound_value: '', // 要素绑定值
      ele_display_value: '', // 要素显示值
      max_length: '', // 最大输入长度
      min_length: '', // 最小输入长度
      parent_id: 0, // 父级ID
      row_span: 1, // 跨行数
      col_span: 1, // 跨列数
      col_level: 1, // 列的级次
      ele_level_num: 0, // 要素的显示级次
      default_value: '', // 缺省值
      row_wrap: '', // 换行标识
      is_visible: 1, // 是否可见
      is_frozen: 1, // 是否冻结
      is_required: 1, // 是否必填
      is_enabled: 1, // 是否可编辑
      is_calculated: 1, // 是否计算列
      is_column_sort: 1, // 该列是否支持排序
      is_loadelement: 1, // 是否加载全部要素
      expression: '', // 计算公式
      tips: '', // 录入视图时提示信息
      jump_group_id: '', // 点击后跳转的视图组id
      swhere: '', // swhere
      remark: '', // 备注
}

字段说明备注
field_code字段标识(数据库同步)-
title显示名称-
ele_code要素-
data_type(前端)控件类型)-
ele_show_type显示方式-

uiButtons 操作项(页签/按钮) ​

uiButtons【展开查看详情】
js
{
  id: '76cc279e3c964ee6b9ba81f8a7648a9a',
  name: '新增',
  view_id: '336782c37d984cd79607107a0d0274b6',
  disp_order: 3,
  title: '新增',
  icon: 'add',
  is_enabled: 1,
  editable_status: 0,
  function_name: '',
  params: '',
  remark: 'showTab=[commited]',
  property_name: null,
  status: '', // 审批流状态
  jump_group_id: null,
  report_URL: null,
  is_disabled: false,
  busi_type: 0,
  is_operated: 1,
  is_ash: 0,
}
{
  id: '76cc279e3c964ee6b9ba81f8a7648a9a',
  name: '新增',
  view_id: '336782c37d984cd79607107a0d0274b6',
  disp_order: 3,
  title: '新增',
  icon: 'add',
  is_enabled: 1,
  editable_status: 0,
  function_name: '',
  params: '',
  remark: 'showTab=[commited]',
  property_name: null,
  status: '', // 审批流状态
  jump_group_id: null,
  report_URL: null,
  is_disabled: false,
  busi_type: 0,
  is_operated: 1,
  is_ash: 0,
}

字段说明备注
name名称-
title按钮显示名称-
icon绑定事件-
is_operated是否操作列 1 是 0 否1：行内按钮 0：表头页签
status工作流审批状态页签时使用
remark辅助信息配置

showTab=[commited] commited状态时显示

type=view 按钮始终显示

data_type (前端)控件类型 ​

DataType 枚举值【展开查看详情】
js
/** 组件类型DataType */
export declare enum DataType {
    /** 0输入框 */
    input = "0",
    /** 1下拉框 */
    select = "1",
    /** 2 多选下拉框 */
    multiSelect = "2",
    /** 4多选 */
    checkBox = "4",
    /** 5下拉树 */
    treeSelect = "5",
    /** 6日期选择框 */
    date = "6",
    /** 7 数字(不允许负) */
    number = "7",
    /** 8 金额(不允许负) */
    money = "8",
    /** 10 分割条  */
    divider = "10",
    /** 11时间区间 */
    dateRang = "11",
    /** 12文本域 */
    textarea = "12",
    /** 13金额段 */
    moneyRang = "13",
    /** 14附件 */
    file = "14",
    /** 15数字(允许为负) */
    minusNumber = "15",
    /** 16年度下拉 */
    yearSelect = "16",
    /** 18可多选下拉树(要素) */
    multiTreeSelect = "18",
    /** 19金额(允许为负) */
    minusMoney = "19",
    /** 百分比 */
    percent = "21",
    /** 22 特殊下拉 */
    custom = "22",
    /** 23 密码框 */
    password = "23",
    /** 24 文本框 */
    text = "24",
    /** 25 跳转链接 */
    link = "25",
    /** 26 输入框验证码 */
    captcha = "26",
    /** 27 单个附件上传 */
    singleUpload = "27"
}
/** 组件类型DataType */
export declare enum DataType {
    /** 0输入框 */
    input = "0",
    /** 1下拉框 */
    select = "1",
    /** 2 多选下拉框 */
    multiSelect = "2",
    /** 4多选 */
    checkBox = "4",
    /** 5下拉树 */
    treeSelect = "5",
    /** 6日期选择框 */
    date = "6",
    /** 7 数字(不允许负) */
    number = "7",
    /** 8 金额(不允许负) */
    money = "8",
    /** 10 分割条  */
    divider = "10",
    /** 11时间区间 */
    dateRang = "11",
    /** 12文本域 */
    textarea = "12",
    /** 13金额段 */
    moneyRang = "13",
    /** 14附件 */
    file = "14",
    /** 15数字(允许为负) */
    minusNumber = "15",
    /** 16年度下拉 */
    yearSelect = "16",
    /** 18可多选下拉树(要素) */
    multiTreeSelect = "18",
    /** 19金额(允许为负) */
    minusMoney = "19",
    /** 百分比 */
    percent = "21",
    /** 22 特殊下拉 */
    custom = "22",
    /** 23 密码框 */
    password = "23",
    /** 24 文本框 */
    text = "24",
    /** 25 跳转链接 */
    link = "25",
    /** 26 输入框验证码 */
    captcha = "26",
    /** 27 单个附件上传 */
    singleUpload = "27"
}

ele_show_type 要素显示方式 ​

原始数据对象【展开查看详情】
js
const eleShowType = [
  { id: '1', name: '编码' },
  { id: '2', name: '名称' },
  { id: '3', name: '编码名称' },
  { id: '0', name: '元' },
  { id: '100', name: '百元' },
  { id: '1000', name: '千元' },
  { id: '10000', name: '万元' },
]
const eleShowType = [
  { id: '1', name: '编码' },
  { id: '2', name: '名称' },
  { id: '3', name: '编码名称' },
  { id: '0', name: '元' },
  { id: '100', name: '百元' },
  { id: '1000', name: '千元' },
  { id: '10000', name: '万元' },
]
key说明备注
1编码-
2名称-
3编码+名称-
0元-
100百元-
1000千元-
10000万元-

status 工作流审批状态 ​

js
/** tab标签流程状态(工作流审批状态) */
export enum WFStatus {
  /** 全部 */
  all = '100',
  /** 曾经办理 */
  handled = '000',
  /** 待办 */
  wait = '001',
  /** 已办 */
  done = '002',
  /** 已退回 */
  returned = '003',
  /** 被退回 */
  beReturned = '004',
  /** 已挂起 搁置*/
  hangUp = '005',
  /** 作废 */
  cancel = '007',
  /** 已办结 */
  finish = '008',
  /** 在途 */
  inProcess = '009',
  /** 在途并排除本岗位退回数据 */
  inProcessExcludeBeReturned = '010',
  /** 待办和被退回 */
  waitAndBeReturned = '001|004',
}
/** tab标签流程状态(工作流审批状态) */
export enum WFStatus {
  /** 全部 */
  all = '100',
  /** 曾经办理 */
  handled = '000',
  /** 待办 */
  wait = '001',
  /** 已办 */
  done = '002',
  /** 已退回 */
  returned = '003',
  /** 被退回 */
  beReturned = '004',
  /** 已挂起 搁置*/
  hangUp = '005',
  /** 作废 */
  cancel = '007',
  /** 已办结 */
  finish = '008',
  /** 在途 */
  inProcess = '009',
  /** 在途并排除本岗位退回数据 */
  inProcessExcludeBeReturned = '010',
  /** 待办和被退回 */
  waitAndBeReturned = '001|004',
}

预算单位软件产品开发部