📚 记录详情 (record) 参数说明

📚 记录详情 (record) 参数说明 📚 记录详情 (record) 参数说明 Modified August 28, 2024 📌 Code block Markdown <record fields=[{ displayName: '姓名', name: 'name', type: 'string', }, { displayName: '年龄', name: 'age', type: 'number', }, { displayName: '是否存活', name: 'isAlive', type: 'boolean', }, { displayName: '出生日期', name: 'birthday', type: 'date', }, { displayName: '主要胜出赛事', name: 'mainRaces', type: 'options', }, { displayName: '奖金', name: 'prizes', type: 'number', }] data={ "name": '东海帝皇', "age": 25, "isAlive": false, "birthday": 577465200000, "mainRaces": ['皋月赏', '东京优骏', '日本杯', '有马纪念', '产经大阪杯'], "prizes": 625633500, } / 宽屏效果： 窄屏效果： 组件属性说明 属性 类型 必填 默认值 说明 fields (StringField | BooleanField | NumberField | DateField | OptionsField | PersonsField)[] 是 配置描述，详细参数见下文 data JSON 是 数据： • 用 "name": VALUE 的形式，定义每一行的数据内容，name 为 columns 中每一列定义的 name 字段 • 具体 VALUE 值见下文列配置参数的介绍 StringField 📌 对应数据的 VALUE 配置类型：string 属性 类型 必填 默认值 说明 type string 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 BooleanField 📌 对应数据的 VALUE 配置类型：boolean 属性 类型 必填 默认值 说明 type boolean 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 NumberField 📌 对应数据的 VALUE 配置类型：number 属性 类型 必填 默认值 说明 type number 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 DateField 📌 对应数据的 VALUE 配置类型：number，从 1970 1 1 00:00:00 UTC+0 开始到现在所经过的毫秒数 属性 类型 必填 默认值 说明 type date 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 format string 否 YYYY MM DD 时间戳的格式化 可参考 dayjs OptionsField 📌 对应数据的 VALUE 配置类型：string | string[] 属性 类型 必填 默认值 说明 type options 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 PersonsField 📌 对应数据的 VALUE 配置类型：string | string[]，字符串内容应为 userId（Aily 数据中用户表的 id，说明文档） 属性 类型 必填 默认值 说明 type persons 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 注意事项 1. OptionsField 内容的颜色目前不支持配置 2. fields 里的 name 字段建议只用英文和数字混用表示，不要使用其他额外的字符，如 /，如果使用了额外的字符，那么需要保证你的 data 字段里的 key 用双引号包裹。如下，dong/e 由于没有双引号包裹，就直接报错了。 Code block Markdown <record fields=[{ displayName: '姓名', name: 'dong/e', type: 'string', }] data={ dong/e: '东海帝皇', } / 正确写法： Code block Markdown <record fields=[{ displayName: '姓名', name: 'dong/e', type: 'string', }] data={ "dong/e": '东海帝皇', } / 3. StringField 一项最多支持展示两行文本，若超出则会被裁减而不展示。 StringField BooleanField NumberField DateField OptionsField PersonsField dayjs 说明文档 📌 Code block Markdown <record fields=[{ displayName: '姓名', name: 'name', type: 'string', }, { displayName: '年龄', name: 'age', type: 'number', }, { displayName: '是否存活', name: 'isAlive', type: 'boolean', }, { displayName: '出生日期', name: 'birthday', type: 'date', }, { displayName: '主要胜出赛事', name: 'mainRaces', type: 'options', }, { displayName: '奖金', name: 'prizes', type: 'number', }] data={ "name": '东海帝皇', "age": 25, "isAlive": false, "birthday": 577465200000, "mainRaces": ['皋月赏', '东京优骏', '日本杯', '有马纪念', '产经大阪杯'], "prizes": 625633500, } / 宽屏效果： 窄屏效果： Code block Markdown <record fields=[{ displayName: '姓名', name: 'name', type: 'string', }, { displayName: '年龄', name: 'age', type: 'number', }, { displayName: '是否存活', name: 'isAlive', type: 'boolean', }, { displayName: '出生日期', name: 'birthday', type: 'date', }, { displayName: '主要胜出赛事', name: 'mainRaces', type: 'options', }, { displayName: '奖金', name: 'prizes', type: 'number', }] data={ "name": '东海帝皇', "age": 25, "isAlive": false, "birthday": 577465200000, "mainRaces": ['皋月赏', '东京优骏', '日本杯', '有马纪念', '产经大阪杯'], "prizes": 625633500, } / 宽屏效果： 窄屏效果： 宽屏效果： 窄屏效果： 组件属性说明 属性 类型 必填 默认值 说明 fields (StringField | BooleanField | NumberField | DateField | OptionsField | PersonsField)[] 是 配置描述，详细参数见下文 data JSON 是 数据： • 用 "name": VALUE 的形式，定义每一行的数据内容，name 为 columns 中每一列定义的 name 字段 • 具体 VALUE 值见下文列配置参数的介绍 StringField BooleanField NumberField DateField OptionsField PersonsField 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 fields fields (StringField | BooleanField | NumberField | DateField | OptionsField | PersonsField)[] StringField BooleanField NumberField DateField OptionsField PersonsField (StringField | BooleanField | NumberField | DateField | OptionsField | PersonsField)[] StringField BooleanField NumberField DateField OptionsField PersonsField 是 是 配置描述，详细参数见下文 配置描述，详细参数见下文 data data JSON JSON 是 是 数据： • 用 "name": VALUE 的形式，定义每一行的数据内容，name 为 columns 中每一列定义的 name 字段 • 具体 VALUE 值见下文列配置参数的介绍 数据： • 用 "name": VALUE 的形式，定义每一行的数据内容，name 为 columns 中每一列定义的 name 字段 • 具体 VALUE 值见下文列配置参数的介绍 StringField 📌 对应数据的 VALUE 配置类型：string 对应数据的 VALUE 配置类型：string 属性 类型 必填 默认值 说明 type string 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 type type string string 是 是 name name string string 是 是 displayName displayName string string 否 否 如果没有，直接用 name 来展示 如果没有，直接用 name 来展示 BooleanField 📌 对应数据的 VALUE 配置类型：boolean 对应数据的 VALUE 配置类型：boolean 属性 类型 必填 默认值 说明 type boolean 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 type type boolean boolean 是 是 name name string string 是 是 displayName displayName string string 否 否 如果没有，直接用 name 来展示 如果没有，直接用 name 来展示 NumberField 📌 对应数据的 VALUE 配置类型：number 对应数据的 VALUE 配置类型：number 属性 类型 必填 默认值 说明 type number 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 type type number number 是 是 name name string string 是 是 displayName displayName string string 否 否 如果没有，直接用 name 来展示 如果没有，直接用 name 来展示 DateField 📌 对应数据的 VALUE 配置类型：number，从 1970 1 1 00:00:00 UTC+0 开始到现在所经过的毫秒数 对应数据的 VALUE 配置类型：number，从 1970 1 1 00:00:00 UTC+0 开始到现在所经过的毫秒数 属性 类型 必填 默认值 说明 type date 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 format string 否 YYYY MM DD 时间戳的格式化 可参考 dayjs dayjs 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 type type date date 是 是 name name string string 是 是 displayName displayName string string 否 否 如果没有，直接用 name 来展示 如果没有，直接用 name 来展示 format format string string 否 否 YYYY MM DD YYYY MM DD 时间戳的格式化 可参考 dayjs dayjs 时间戳的格式化 可参考 dayjs dayjs OptionsField 📌 对应数据的 VALUE 配置类型：string | string[] 对应数据的 VALUE 配置类型：string | string[] 属性 类型 必填 默认值 说明 type options 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 type type options options 是 是 name name string string 是 是 displayName displayName string string 否 否 如果没有，直接用 name 来展示 如果没有，直接用 name 来展示 PersonsField 📌 对应数据的 VALUE 配置类型：string | string[]，字符串内容应为 userId（Aily 数据中用户表的 id，说明文档） 说明文档 对应数据的 VALUE 配置类型：string | string[]，字符串内容应为 userId（Aily 数据中用户表的 id，说明文档） 说明文档 属性 类型 必填 默认值 说明 type persons 是 name string 是 displayName string 否 如果没有，直接用 name 来展示 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 type type persons persons 是 是 name name string string 是 是 displayName displayName string string 否 否 如果没有，直接用 name 来展示 如果没有，直接用 name 来展示 注意事项 1. OptionsField 内容的颜色目前不支持配置 2. fields 里的 name 字段建议只用英文和数字混用表示，不要使用其他额外的字符，如 /，如果使用了额外的字符，那么需要保证你的 data 字段里的 key 用双引号包裹。如下，dong/e 由于没有双引号包裹，就直接报错了。 Code block Markdown <record fields=[{ displayName: '姓名', name: 'dong/e', type: 'string', }] data={ dong/e: '东海帝皇', } / Code block Markdown <record fields=[{ displayName: '姓名', name: 'dong/e', type: 'string', }] data={ dong/e: '东海帝皇', } / 正确写法： Code block Markdown <record fields=[{ displayName: '姓名', name: 'dong/e', type: 'string', }] data={ "dong/e": '东海帝皇', } / Code block Markdown <record fields=[{ displayName: '姓名', name: 'dong/e', type: 'string', }] data={ "dong/e": '东海帝皇', } / 3. StringField 一项最多支持展示两行文本，若超出则会被裁减而不展示。 使用场景 记录详情组件是一个纯展示的组件，旨在帮助你结构化展示一段信息。 使用示例 组件布局上宽屏上展示两列，窄屏上自适应成一列。