非视图如何使用视图组件？

不使用使用配置如何使用视图组件？

非视图情况下，只要数据定义按照以下数据结构定义，即可正常使用视图组件渲染页面
数据代码示例如下：

import { UiData, DataType, EleShowType, ViewType } from 'ctj-ui-next/lib/index'
const formUiData: UiData = {
  id: '1',
  code: 'GIC80100000100110105',
  name: '视图名称',
  uiRunViewGroups: [],
  uiViews: [
    {
      id: '1',
      code: '1',
      title: '项目基本信息',
      /** 视图类型 */
      view_type: ViewType.form_input_view,
      /** 后台对象的属性名 */
      get_attribute: 'pmProjectInfoApPO',
      /** 按钮数据（查询区的按钮，豆腐块上面按钮，表格操作列按钮） */
      uiButtons: [
        {
          id: '1',
          title: '附件上传',
          icon: 'attachupload',
        },
        {
          id: '2',
          title: '附件上传',
          icon: 'attachupload',
          is_operated: 1, // 操作列
        },
      ],
      uiClumns: [
        {
          id: '1',
          field_code: 'agency_pro_name',
          title: '项目名称',
          /** 文本框类型 */
          data_type: DataType.input,
          /** 下拉要素code */
          ele_code: '',
          /** 下拉显示方式 1 code;2 名称;3 编码加名称 */
          ele_show_type: EleShowType.name,
        },
        {
          id: '2',
          field_code: 'agency_pro',
          title: '下拉',
          /** 文本框类型 */
          data_type: DataType.select,
          /** 下拉要素code */
          ele_code: 'agency', // 没有也可不要
          /** 下拉显示方式 1 code;2 名称;3 编码加名称 */
          ele_show_type: EleShowType.name, // 可不加 默认名称
        },
        {
          id: '3',
          field_code: 'agency_pro_tree',
          title: '下拉树',
          /** 文本框类型 */
          data_type: DataType.treeSelect,
          /** 下拉要素code */
          ele_code: 'agency',
        },
      ],
    },
  ],
}

import { UiData, DataType, EleShowType, ViewType } from 'ctj-ui-next/lib/index'
const formUiData: UiData = {
  id: '1',
  code: 'GIC80100000100110105',
  name: '视图名称',
  uiRunViewGroups: [],
  uiViews: [
    {
      id: '1',
      code: '1',
      title: '项目基本信息',
      /** 视图类型 */
      view_type: ViewType.form_input_view,
      /** 后台对象的属性名 */
      get_attribute: 'pmProjectInfoApPO',
      /** 按钮数据（查询区的按钮，豆腐块上面按钮，表格操作列按钮） */
      uiButtons: [
        {
          id: '1',
          title: '附件上传',
          icon: 'attachupload',
        },
        {
          id: '2',
          title: '附件上传',
          icon: 'attachupload',
          is_operated: 1, // 操作列
        },
      ],
      uiClumns: [
        {
          id: '1',
          field_code: 'agency_pro_name',
          title: '项目名称',
          /** 文本框类型 */
          data_type: DataType.input,
          /** 下拉要素code */
          ele_code: '',
          /** 下拉显示方式 1 code;2 名称;3 编码加名称 */
          ele_show_type: EleShowType.name,
        },
        {
          id: '2',
          field_code: 'agency_pro',
          title: '下拉',
          /** 文本框类型 */
          data_type: DataType.select,
          /** 下拉要素code */
          ele_code: 'agency', // 没有也可不要
          /** 下拉显示方式 1 code;2 名称;3 编码加名称 */
          ele_show_type: EleShowType.name, // 可不加 默认名称
        },
        {
          id: '3',
          field_code: 'agency_pro_tree',
          title: '下拉树',
          /** 文本框类型 */
          data_type: DataType.treeSelect,
          /** 下拉要素code */
          ele_code: 'agency',
        },
      ],
    },
  ],
}

非视图如何使用视图组件？ ​

非视图如何使用视图组件？