Li-ExamWidget: A Vue repository from 18850221350

Li-ExamWidght 在线答题,试卷测试

UniApp组件市场：https://ext.dcloud.net.cn/plugin?id=706

在线演示：http://www.bedmoonlight.cn/

在线答题组件，组件名：Li-ExamWidght。支持单选，多选，填空，我觉得判断题可以做成单选形式，所以就没有添加。有些字段是按照我的项目来写的，请根据自己的需求修改。

使用方式：

在 script 中引用组件

import examWidght from '@/components/Li-ExamWidght/Li-ExamWidght.vue';

export default {
    components: {examWidght}
}

用法：

<exam-widght 
		:dataList='QuestionList' 
		:index="index" 
		@select='selectItem' 
		@selectFinish='selectFinish' 
		@finish='finish'
		:numBoxType='0'
		:showIndexText='showIndexText'
		:numBoxShow='numBoxShow'
		>
		</exam-widght>

模拟数据：

   [
       {
           "questionID": "655180e7-c06a-42ca-a043-6ead0dc41b2f",
           "fldName": "下列哪种灭火器不可用于电器类火灾()。",
           "fldAnswer": null,
           "questionType": 0,
           "QuestionOptionList": [
               {
                   "fldOptionText": "干粉灭火器",
                   "fldOptionIndex": 1
               },
               {
                   "fldOptionText": "二氧化碳灭火器",
                   "fldOptionIndex": 2
               },
               {
                   "fldOptionText": "泡沫灭火器",
                   "fldOptionIndex": 3
               },
               {
                   "fldOptionText": "泡灭火器",
                   "fldOptionIndex": 4
               }
           ]
       },
   ]

字段说明：

属性名	类型	说明
questionID	String	题目ID
fldName	String	题目名称
fldAnswer	String	题目答案，可以预设。单选：值为单个数字；多选：字符串，以逗号分隔，如"1,2,3"；多选为字符串
questionType	Number	题目类型，0为单选题，1为多选，2为填空
QuestionOptionList	array	单选或者多选时的选项

QuestionOptionList：

属性名	类型	说明
fldOptionText	String	项的名称
fldOptionIndex	Number	选项结果，数字，会转换成对应的ABC，非Number型时原样输入

属性说明：

属性名	类型	默认值	说明
index	Number	0	起始题号，外部可通过此参数修改当前题号
dataList	array	[]	题目列表
finishText	String	完成	按键文字
lastText	String	上一题	按键文字
nextText	String	下一题	按键文字
indexText	String	题号	按键文字
showIndexText	Boolean	trur	题号文字是否显示，可用于外部切换
numBoxType	Number	0	题号框显示方式,0 或 1, 具体看截图
numBoxShow	Boolean	false	题号框显示切换，用于外部切换，值变化则切换

事件：

事件名	说明
select	题目类型为单选或者多选时，选择或者切换选择触发
selectFinish	切换题目时触发，包括点击上一题、下一题、点击题号、外部修改题号
finish	点击完成时触发

selectFinish事件返回值：

	{
		"currentItem": {   //当前项
			"question": {
				"questionID": "34d4f7bb-3575-47d8-89a2-55dd12250527",
				"fldName": "火警电话是多少?拨打火警电话，报警内容是什么？",
				"fldAnswer": null,
				"questionType": 2,
				"QuestionOptionList": [{
					"fldOptionText": null,
					"fldOptionIndex": 0
				}]
			},
			"anwser": [],
			"hasChange": false,
			"index": 34, 
			"total": 38
		},
		"newItem": {   //新项
			"question": {
				"questionID": "8f569bcd-babc-46e6-86d3-fb3b4826e657",
				"fldName": "乐都汇购物中心内部火警电话是。",
				"fldAnswer": null,
				"questionType": 2,
				"QuestionOptionList": [{
					"fldOptionText": null,
					"fldOptionIndex": 0
				}]
			},
			"index": 33,
			"total": 38
		}
	}

1.0.0

初始项目

18850221350/Li-ExamWidget

Li-ExamWidght 在线答题,试卷测试