vue 试卷控件 界面模式

考试界面
vue 试卷控件 界面模式_第1张图片
阅卷界面
vue 试卷控件 界面模式_第2张图片
重要说明

list格式 必须是 以下格式:
     list:[{
              // 题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type: null,
              // 题目ID
              id: null,
              // 题号
              no: null,
              // 题目
              subject: "",
              // 题目总分
              totalScore: null,
              // 答案集合
              answers: [
                {
                  // 答案id
                  id: "",
                  // 答案序号
                  no: "",
                  // 答案
                  answer: ""
                }
              ],
              // 考生答案
              examineAnswer: null, // 1.单选题 '' 2.多选题 ['1','2'] 3.判断题 '' 4.填空题  ['1','2'] 5.简答题 ''
              // 正确答案
              correctAnswer: null, // 1.单选题 '' 2.多选题 ['1','2'] 3.判断题 '' 4.填空题  ['1','2'] 5.简答题 ''
              // 答案解析
              answerAnalysis: "",
              // 是否对错  1.对 0.错
              isHook: null,
              // 得分
              score: null
              }]

初始化


paperData:{
          //试卷ID
          paperId:'1',
          //试卷名称
          paperName: '测试试卷',
          //考生ID
          examineId:'1000',
          //考生名称
          examineName: '张三',
          //分数
          score: 80,
          //考试时长
          examDuration: 90,
          //交卷时间
          submissionTime: '2019-11-25 16:30:26',
          //题目集合
          list:[
            {
              //题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type:2, no:1, subject:'以下属于南方电网员工职业操守中明文规定的有()',totalScore:6,
              answers:[
                {no:'A',answer:'热爱祖国、热爱南网、热爱岗位'},
                {no:'B',answer:'遵纪守法、忠于职守、令行禁止'},
                {no:'C',answer:'客户至上、诚实守信、优质服务'}
              ],examineAnswer:['A','B'],correctAnswer:['A','B','C'],
              answerAnalysis:'答案解析.......',isHook:2,score:0,
            },
            {
              //题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type:1, no:1, subject:'在生产管理信息系统中,下列操作步骤能正确将工单推进流程的是( )',totalScore:1,
              answers:[
                {no:'A',answer:'在工具栏中点击“workflow”标签'},
                {no:'B',answer:'在缺陷单界面中点击“推进流程”按钮'},
                {no:'C',answer:'在缺陷单界面中点击“提交”按钮'}
              ],examineAnswer:'A',correctAnswer:'B',
              answerAnalysis:'答案解析.......',isHook:2,score:0,
            },
            {
              //题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type:1, no:2, subject:'在营销系统中查询客户有无欠费、余额及抄表数据接待客户时应做到哪些最基本的礼仪?',totalScore:5,
              answers:[
                {no:'A',answer:'起身、微笑、示坐、问候客户'},
                {no:'B',answer:'坐着,问候客户'},
                {no:'C',answer:'请问需要办理什么业务'}
              ],examineAnswer:'A',correctAnswer:'A',
              answerAnalysis:'答案解析.......',isHook:1,score:5,
            },

            {
              //题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type:3, no:1, subject:'记录一次与人有效沟通的案例',totalScore:10,
              answers:[],examineAnswer:'对',correctAnswer:'对',
              answerAnalysis:'答案解析.......',isHook:1,score:10,
            },
            {
              //题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type:4, no:1, subject:'打招呼的方式一般有()()()()',totalScore:10,
              answers:[],examineAnswer:'寒暄式',correctAnswer:['寒暄式','问候式','致意式','致礼式'],
              answerAnalysis:'答案解析.......',isHook:1,score:10,
            },
            {
              //题目类型 1.单选题 2.多选题 3.判断题 4.填空题 5.简答题
              type:5, no:1, subject:'请简单说一下你对礼仪的认识与理解',totalScore:10,
              answers:[],examineAnswer:'寒暄式',correctAnswer:'',
              answerAnalysis:'答案解析.......',isHook:1,score:10,
            }
          ]
        }

控件







你可能感兴趣的:(vue)