# 組件名：hsAnswer（在線考試動態表單組件） ### 作者：屈磊 ### 效果：   ## 使用方式： ``` import hsExamAll from './answer/hs-exam-all.vue' import?hsAnswerJs?from'./answer/mixins/hs-answer' 事件方法 <hsExamAll :ruleForm="ruleForm" :answerDada="answerDada" :activeNumber="activeNumber" :isStart="isStart" :examinesAnswerStatus="examinesAnswerStatus" :allTime="allTime" :countTime="countTime" @clickPrev="clickPrev" @clickNext="clickNext" @startTime="startTime" @submit="submit" /> ## 數據結構模板： getData() { for (let index = 0; index < 4; index++) { const type = Math.floor(Math.random() * 3 + 1) let topicType if (type === 1) { topicType = '單選' const key = 'radio' + index this.$set(this.ruleForm, key, '') } else if (type === 2) { topicType = '多選' const key = 'checkbox' + index this.$set(this.ruleForm, key, []) } else { const key = 'textarea' + index this.$set(this.ruleForm, key, '') } if (type === 3) { this.answerDada.push( { textarea: index + 1 + '.請提出您的寶貴意見，我們將不斷改進，為您提供優質的文化內容：', id: Math.random() * 10, index: index + 1, type: type, required: true } ) } else { this.answerDada.push( { id: Math.random() * 10, index: index + 1, type: type, /題目類型 1 單選 2 多選 3 問答題 required: true, //題目是否必填 topic: index + 1 + '.請問您最喜愛的資源類型是？【' + topicType + '】', //題目標題 children: [ //題目選項 { option: 'A', answer: '新聞咨詢類' }, { option: 'B', answer: '圖片展示類' }, { option: 'C', answer: '視頻類' }, { option: 'D', answer: '直播類' } ] } ) } } }, ?????????????????????????? ``` ### 說明： // 表單數據 ruleForm { radio + 數字 單選第幾題 如 radio1 單選題題目數列號1 checkbox +數字 多選第幾題 如 checkbox2 多選題目數列2 textarea +數字 填空第幾題 如 textarea3 填空題目數列3 } answerDada :[] 接受的題目數據 問卷/考試數據結構一致，可通用 countTime: "00:30:00", //答題限定完成時間 timeInterval: null, //定時 updateTime: 30 * 60 * 1000, //默認 30 分鐘內需完成答題 allTime: 30,//答題時間 isStart: false, //是否開始 activeNumber: 0, // 答題開始題目的數列號 examinesAnswerStatus: 0,//考試結果 1 合格，2不合格 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | |answerDada|題目數據 |??Array?|??|??是?|???| |ruleForm|答題表單數據|??Object?|??|??是?|???| |activeNumber|考試的題目的數列號|Number|?0?|??是?|???| |countTime|倒計時時間|String|?00:30:00?|??是?|???| |isStart|答題表單數據|Boolean|?false?|??是?|???| |examinesAnswerStatus|考試結果|Number|0|??是?|???| |allTime|答題總時長|Number|30|??是?|???|