@beisen-platform/index-page

1.0.31 • Public • Published

不基于元数据的 index-page

包含 vlewList(不支持切换)、dataTable(不支持复选框)、paging

API

参数 说明 类型 默认值 是否必传
metaData 页面元数据 包含backgroundColor, pageHead,pageContent
tableData 列表数据
button 按钮区域 DOM
loading 控制loading组件显示 boolean false
onPagingChange 改变分页的回调函数 (pageIndex, capacity) => {}
onSearchFormChange 搜索表单改变回调函数 (searchData) => {}
//元数据定义
{
  backgroundColor: '#FAFBFC',
  pageHead: {
    iconClass: 'sys-icon-20 sys-bgcolor-f4',
    title: '页面标题'
  },
  pageContent: {
    searchForm: {
      defaultSearchBizData: {
        name: {
          text: '1',
          value: '1'
        }
      },
      sub_cmps: [{
        label: '姓名',
        cmp_type: 'TextBox',
        field_name: 'name',
        cmp_data: {
          datasource: []
        }
      }, {
        label: '人员',
        cmp_type: 'UserSelect',
        field_name: 'user',
        cmp_data: {
          singleSelect: true,
          datasourceurl: `{ 
            "getSearchUserUrl": 
              { "url": "${location.origin}/api/v1/user/getUsersByKeyword", "method": "GET", "mode": "cors" },
            "getUserUrl": 
              { "url": "/api/v1/user/getUsersByKeyword", "method": "GET", "mode": "cors" } 
          }`,
          customFilterKey: 'searchParams'
        }
      }, {
          label: '下拉',
          cmp_type: 'DropDownList',
          field_name: 'down',
          cmp_data: {
            datasource: [{
              text: 'a',
              value: 'a'
            }]
          }
        }]
    },
    tableConfig: {
      columns: [{
        key: 'state',
        name: 'state',
        title: '导入状态',
        sortable: false,
        resizable: true,
        fixedWidth: 80
      }, {
        key: 'createdTime',
        name: 'createdTime',
        title: '导入时间',
        sortable: false,
        resizable: true,
        fixedWidth: 120
      }, {
        key: 'createdBy',
        name: 'createdBy',
        title: '操作人',
        sortable: false,
        resizable: true,
        fixedWidth: 200
      }, {
        key: 'fileName',
        name: 'fileName',
        title: '导入文件',
        sortable: false,
        resizable: true,
        minWidth: 100

      }, {
        key: 'errorMessage',
        name: 'errorMessage',
        sortable: false,
        resizable: true,
        title: '结果说明',
        minWidth: 100
      },{
        key: 'operator',
        name: 'operator',
        title: '操作',
        sortable: false,
        resizable: true,
        fixedWidth: 120
      }]
    },
    paging: {
      capacity: 15,  // 每页条数
      capacityList: [15, 30, 60, 100], // 每页条数列表
      pageIndex: 0, // 当前页 从1开始
      totalCount: 0 // 总条数
    }
  }
}

待做 1.列表复选框 2.多视图切换

Readme

Keywords

none

Package Sidebar

Install

npm i @beisen-platform/index-page

Weekly Downloads

25

Version

1.0.31

License

ISC

Unpacked Size

44.6 kB

Total Files

30

Last publish

Collaborators

  • beisencorp