<next-tab-block-information />

Controller：NextInformationController

基本介绍

<next-tab-block-information /> 是嵌入在 <n-tab-block /> 中的信息视图组件。

如何使用

<next-tab-block-information :name="name" :options="options" :refer="refer" />

参数

1. name： <n-tab-block /> 的名称。
2. options： 信息视图的选项参数。
3. refer： 组件参照内容。

name

name 是 <n-tab-block /> 的名称。会显示在列表卡片顶部。

options

options 是组织详情视图的选项参数，必填。以下是 options 的默认参数值：

export default {
  // 用于获取基础配置信息
  getBaseConfig () {
    return {
      // options 作用域，保留字段
      scope: '',
      // 头部 information 的数据来源
      informationBy: 'state.data',
      // n-information 的 props
      informationProps: {}
    }
  },
  // 用于获取统一的props
  getUnifyProps: null,
  // 获取初始化数据
  getContentData: () => null,
  // 用于获取行配置
  getRows: () => []
}

refer

refer 是组件参照内容，可用于获取外部数据。在任意事件中均可使用 nvt.props.refer 获取当前函数的返回值。

options配置

在 NextInformationController 控制器中，会将默认options与外部传入的 options 进行合并。

getBaseConfig

该执行函数用于获取基础配置信息。默认值：

// 用于获取基础配置信息
function getBaseConfig () {
  return {
    // options 作用域，保留字段
    scope: '',
    // n-information 的数据来源
    informationBy: 'state.data',
    // n-information 的 props
    informationProps: {}
  }
}

getUnifyProps

该执行函数用于获取统一的props。抹平由于不同入口导致的参数差异。

在任意事件中均可使用 nvt.props 获取当前函数的返回值。

function getUnifyProps (nvt) {
    return null
}

getContentData

该执行函数用于获取页面渲染需要的数据（n-information组件的data参数）。

function getContentData (nvt) {
    return nvt.props.refer.data
}

getRows

该执行函数用于获取行配置。

function getRows (nvt) {
  return []
}

如何实现

props

任意选项回调中，均可使用 nvt.props 获取 props。

init

NextInformationController 使用 init 单例函数进行初始化，同<next-body-viewer />。

getContentData

NextInformationController 使用 getContentData 单例函数获取页面渲染需要的数据（n-information组件的data参数）。

任意选项回调中，均可使用 nvt.getContentData 获取页面渲染数据。