Appearance
QxsScale
qxs-scale 负责量表题本体,维护量表列和问题行,并导出成 scaleQuestionList + answers 的结构。
量表表格预览
量表题预览会直接展示量表表格;编辑态则拆成“量表列”和“问题行”两组输入。
loading
量表列与问题行编辑
编辑态需要同时维护量表列和问题行。
只要量表列数量不在 3-5 之间,组件就会在校验和导出阶段拒绝当前数据。
loading
使用说明
选项数量
量表题要求量表列数量在 3-5 之间。空输入时组件会回退到默认 5 个空列;非空但数量非法的数据会在 validate() / toJSON() 阶段被拒绝。
题型边界
量表题不会导出正确答案字段,也不会参与互动问答结果项逻辑。
QxsScale API
属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | 题干内容 | string | '' |
answer-list | 量表列数组 | Array<{ title: string, orderIndex?: number }> | [] |
scale-question-list | 问题行数组 | string[] | [] |
scale-questions | 与 scale-question-list 等价的兼容字段 | string[] | [] |
analysis | 解析内容 | string | '' |
show-analysis | 是否显示解析编辑区 | boolean | false |
show-rich-text | 是否整体启用副文本能力 | boolean | false |
hide-add-rich-text | 是否隐藏“添加题目描述(图文)”入口 | boolean | false |
show-delete-action | 是否显示内置删除按钮 | boolean | true |
show-save-action | 是否显示内置完成编辑按钮 | boolean | true |
use-model | 是否启用 update:modelValue | boolean | false |
事件
| 名称 | 说明 | Detail |
|---|---|---|
save | 点击内置“完成编辑”后触发 | toJSON() 导出的题目数据 |
delete | 点击内置“删除”后触发 | null |
update:modelValue | 仅在开启 use-model 时触发 | 当前题干内容 |
插槽
| 名称 | 说明 |
|---|---|
action | 自定义底部操作区 |
business-tag | 题目标题旁的宿主业务标签 |
sub-text | 接管题目副文本编辑区 |
方法
| 名称 | 说明 | 类型 |
|---|---|---|
validate() | 返回当前题目校验错误列表 | () => SubjectError[] |
toJSON() | 导出当前题目数据 | () => Promise<any> |
数据结构
ts
{
customId: crypto.randomUUID(),
answerType: 'scale',
title: '',
analysis: '',
isEdit: true,
examRichTextContent: '',
answers: [
{ title: '1', orderIndex: 1 },
{ title: '2', orderIndex: 2 },
{ title: '3', orderIndex: 3 },
{ title: '4', orderIndex: 4 },
{ title: '5', orderIndex: 5 },
],
scaleQuestionList: [],
}