From c90335222c97bb554041ab49928d6facbd31298d Mon Sep 17 00:00:00 2001
From: jack-rabbit <376168706@qq.com>
Date: Wed, 4 Mar 2020 11:20:40 +0800
Subject: [PATCH] 更新前端代码

---
 src/router/index.js                            |   9 ++++++++-
 src/views/analysis/classes/index.vue           |   3 ++-
 src/views/analysis/page/components/rightbl.vue |  14 +++++++++++---
 src/views/analysis/page/testinfo.vue           | 177 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------
 src/views/analysis/testpaper/index.vue         |   7 ++++++-
 src/views/testpaper/page/creatpaper.vue        | 635 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/testpaper/test/index.vue             |   5 ++++-
 7 files changed, 799 insertions(+), 51 deletions(-)
 create mode 100644 src/views/testpaper/page/creatpaper.vue

diff --git a/src/router/index.js b/src/router/index.js
index 3c48442..d438e61 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -142,8 +142,15 @@ export const constantRoutes = [
       {
         path: 'test',
         component: () => import('@/views/testpaper/test/index'), // Parent router-view
-        name: 'Menu1',
+        name: 'Test',
         meta: { title: '试卷管理' }
+      },
+      {
+        path: 'creatpaper',
+        component: () => import('@/views/testpaper/page/creatpaper'), // Parent router-view
+        name: 'Creatpaper',
+        meta: { title: '创建试卷', activeMenu: '/testpaper/test' },
+        hidden: true
       }
     ]
   },
diff --git a/src/views/analysis/classes/index.vue b/src/views/analysis/classes/index.vue
index fb56c52..dc88b93 100644
--- a/src/views/analysis/classes/index.vue
+++ b/src/views/analysis/classes/index.vue
@@ -247,7 +247,8 @@ export default {
 </script>
 <style scoped>
 .classes{
-    max-width: 1100px;
+    max-width: 1700px;
+    min-width: 1100px;
     height:calc(100vh - 115px);
     margin:0 auto;
     background: #fff;
diff --git a/src/views/analysis/page/components/rightbl.vue b/src/views/analysis/page/components/rightbl.vue
index 0c590d6..2535e6a 100644
--- a/src/views/analysis/page/components/rightbl.vue
+++ b/src/views/analysis/page/components/rightbl.vue
@@ -1,16 +1,24 @@
 <template>
   <div class="rightbl">
     <div class="slider-bg">
-      <div style="width:100px;" class="slider-color" />
+      <div :style="'width:'+wid*200+'px;'" class="slider-color" />
     </div>
-    <div class="bl">16.32%</div>
+    <div class="bl">{{ data }}</div>
   </div>
 </template>
 <script>
 export default {
   name: 'Rightbl',
   props: {
-
+    data: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    wid() {
+      return parseFloat(this.data.replace('%', '')) / 100
+    }
   }
 }
 </script>
diff --git a/src/views/analysis/page/testinfo.vue b/src/views/analysis/page/testinfo.vue
index e0e2d67..7576da6 100644
--- a/src/views/analysis/page/testinfo.vue
+++ b/src/views/analysis/page/testinfo.vue
@@ -67,34 +67,45 @@
           <div style="clear:both" />
         </div>
         <div class="listbox">
-          <div class="list">
+          <div v-for="(item,index) in errorList" :key="index" :ref="'list'" class="list">
             <el-row>
               <el-col :span="4">
-                <p class="bold">第1题</p>
-                <p>单选题</p>
+                <p class="bold">第{{ item.rank }}题</p>
+                <p>{{ item.type }}</p>
               </el-col>
               <el-col :span="16">
                 <div class="asw">
-                  <p style="float:left"><i class="el-ump-icon-3" />易错项：AB</p>
-                  <p style="float:left;margin-left:40px;"><i class="el-ump-icon-5" />正确答案：ABCDEFGHI</p>
+                  <p style="float:left"><i class="el-ump-icon-3" />易错项：<span class="red">{{ item.easyerror }}</span></p>
+                  <p style="float:left;margin-left:40px;"><i class="el-ump-icon-5" />正确答案：<span class="green">{{ item.right }}</span></p>
                   <div style="clear:both" />
                 </div>
-                <div class="rightbl">
+                <div v-if="activeShow!=index" class="rightbl">
                   <i class="el-ump-icon-6" />
                   <span>正确率</span>
-                  <Rightbl />
+                  <Rightbl :data="item.rightbl" />
                 </div>
-                <Aswdetail :data="data" class="detailbox" />
+                <transition name="el-zoom-in-top">
+                  <Aswdetail v-show="activeShow==index" :data="item.aswdetail" class="detailbox" />
+                </transition>
               </el-col>
               <el-col :span="4" style="line-height:70px;">
-                <span>展开详情</span>
-                <i class="el-icon-caret-bottom" />
+                <div v-if="activeShow!=index" style="display:inline-block;cursor: pointer;" @click="toggle(index)">
+                  <span>展开详情</span>
+                  <i class="el-icon-caret-bottom" />
+                </div>
+                <div v-else style="position:absolute;bottom:0px;cursor: pointer;" @click="toggle(-1)">
+                  <span>收起详情</span>
+                  <i class="el-icon-caret-top" />
+                </div>
               </el-col>
             </el-row>
+            <div v-if="activeShow==index" class="blbox">
+              <i class="el-ump-icon-6" />
+              正确率：{{ item.rightbl }}
+            </div>
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </template>
@@ -114,38 +125,8 @@ export default {
   data() {
     return {
       content: '',
-      data: [
-        {
-          answer: 'A',
-          num: '33',
-          total: '60',
-          right: 1
-        },
-        {
-          answer: 'BCDEFGHIJKL',
-          num: '12',
-          total: '60',
-          right: 0
-        },
-        {
-          answer: 'C',
-          num: '5',
-          total: '60',
-          right: 0
-        },
-        {
-          answer: 'D',
-          num: '5',
-          total: '60',
-          right: 0
-        },
-        {
-          answer: '未提交',
-          num: '5',
-          total: '60',
-          right: -1
-        }
-      ],
+      activeShow: -1,
+      tg: true,
       scoredata: [
         {
           icon: 'el-ump-icon-4',
@@ -246,6 +227,86 @@ export default {
           rightbl: '96%',
           score: '96'
         }
+      ],
+      errorList: [
+        {
+          rank: '1',
+          type: '单选题',
+          easyerror: 'AB',
+          right: 'ABCDEFG',
+          rightbl: '30.32%',
+          aswdetail: [
+            {
+              answer: 'A',
+              num: '33',
+              total: '60',
+              right: 1
+            },
+            {
+              answer: 'BCDEFGHIJKL',
+              num: '12',
+              total: '60',
+              right: 0
+            },
+            {
+              answer: 'C',
+              num: '5',
+              total: '60',
+              right: 0
+            },
+            {
+              answer: 'D',
+              num: '5',
+              total: '60',
+              right: 0
+            },
+            {
+              answer: '未提交',
+              num: '5',
+              total: '60',
+              right: -1
+            }
+          ]
+        },
+        {
+          rank: '3',
+          type: '多选题',
+          easyerror: 'AB',
+          right: 'ABCDEFG',
+          rightbl: '30.32%',
+          aswdetail: [
+            {
+              answer: 'A',
+              num: '33',
+              total: '60',
+              right: 1
+            },
+            {
+              answer: 'BCDEFGHIJKL',
+              num: '12',
+              total: '60',
+              right: 0
+            },
+            {
+              answer: 'C',
+              num: '5',
+              total: '60',
+              right: 0
+            },
+            {
+              answer: 'D',
+              num: '5',
+              total: '60',
+              right: 0
+            },
+            {
+              answer: '未提交',
+              num: '5',
+              total: '60',
+              right: -1
+            }
+          ]
+        }
       ]
     }
   },
@@ -295,13 +356,18 @@ export default {
           }
         ]
       })
+    },
+    toggle(index) {
+      index === -1 ? this.tg = true : this.tg = false
+      this.activeShow = index
     }
   }
 }
 </script>
 <style scoped>
 .aswinfo{
-    max-width: 1100px;
+    min-width: 1100px;
+    max-width: 1700px;
     height:calc(100vh - 115px);
     overflow: auto;
     margin:0 auto;
@@ -369,12 +435,35 @@ export default {
   margin-top:10px;
   background: #eee;
 }
+.listbox{
+  max-height: 550px;
+  overflow: auto;
+}
 .listbox .list{
   background: #fff;
   border-radius: 15px;
   padding:10px 15px;
+  position: relative;
+  margin-bottom:20px;
 }
 .detailbox{
   margin-top:30px;
 }
+.list i{
+  color:#ccc;
+  margin-right:10px;
+}
+.blbox{
+  position:absolute;
+  right:20px;
+  top:10px;
+  border:1px solid #ccc;
+  padding:5px 10px;
+}
+.red{
+  color: #f00;
+}
+.green{
+  color:green;
+}
 </style>
diff --git a/src/views/analysis/testpaper/index.vue b/src/views/analysis/testpaper/index.vue
index 4528dba..983c9c8 100644
--- a/src/views/analysis/testpaper/index.vue
+++ b/src/views/analysis/testpaper/index.vue
@@ -186,6 +186,10 @@ export default {
     gradeclick() {
       this.classFlag = false
       this.gradeFlag = true
+    },
+    handleEdit(index, row) {
+      console.log(row)
+      this.$router.push('/analysis/testinfo')
     }
 
   }
@@ -193,7 +197,8 @@ export default {
 </script>
 <style scoped>
 .testpaper{
-    max-width: 1100px;
+    max-width: 1700px;
+    min-width: 1100px;
     height:calc(100vh - 115px);
     margin:0 auto;
     background: #fff;
diff --git a/src/views/testpaper/page/creatpaper.vue b/src/views/testpaper/page/creatpaper.vue
new file mode 100644
index 0000000..f68eb10
--- /dev/null
+++ b/src/views/testpaper/page/creatpaper.vue
@@ -0,0 +1,635 @@
+<template>
+  <div class="creatpaper">
+    <Dec :content="content" />
+    <div class="add">
+      <p class="footer">
+        <el-button v-show="active==1" type="primary" @click="next">下一步</el-button>
+        <el-button v-show="active==1" type="danger" @click="close">取消</el-button>
+
+        <el-button v-show="active==2" type="primary" @click="prev">上一步</el-button>
+        <el-button v-show="active==2" type="primary" @click="next">发布</el-button>
+        <el-button v-show="active==2" type="primary" @click="close">取消</el-button>
+        <el-button v-show="active==2" type="primary" @click="save">存为草稿</el-button>
+
+        <el-button v-show="active==3" type="primary" @click="close">返回列表页</el-button>
+      </p>
+      <div style="height:calc(100% - 40px);overflow:auto;">
+        <el-steps :active="active" style="width:60%;margin:0 auto;">
+          <el-step title="基本信息" />
+          <el-step title="创建答题卡" />
+          <el-step title="完成发布" />
+        </el-steps>
+        <div v-show="active==1">
+          <el-form ref="paper" :model="paper" label-width="100px" style="margin-top:30px;">
+            <el-form-item label="试卷名称：">
+              <el-input v-model="paper.name" style="width:500px;" placeholder="请输入试卷名称" maxlength="30" show-word-limit />
+            </el-form-item>
+            <el-form-item label="试卷分类：">
+              <el-select v-model="paper.type" placeholder="请选择">
+                <el-option label="月考" value="month" />
+                <el-option label="周考" value="week" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="可视权限：">
+              <el-select v-model="paper.permission" placeholder="请选择">
+                <el-option label="月考" value="month" />
+                <el-option label="周考" value="week" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="科目：">
+              <el-select v-model="paper.subject" placeholder="请选择">
+                <el-option label="语文" value="yw" />
+                <el-option label="数学" value="sx" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="年级：">
+              <el-select v-model="paper.schoollength" placeholder="请选择">
+                <el-option label="小学" value="xx" />
+                <el-option label="中学" value="zx" />
+              </el-select>
+              <el-select v-model="paper.grade" placeholder="请选择">
+                <el-option label="一年级" value="one" />
+                <el-option label="二年级" value="two" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="考试时长：">
+              <el-input v-model="paper.timelength" style="width:500px;" placeholder="" />
+            </el-form-item>
+          </el-form>
+        </div>
+        <div v-show="active==2">
+          <p style="text-align:center;color:#888;">无需编辑题目，添加选项及答案即可快速组卷，考生通过纸质试卷或其他载体异步答题</p>
+          <div class="leftbox"><span>选择题型：</span></div>
+          <div class="typebox">
+            <el-row>
+              <el-col :span="8">
+                <p>题型</p>
+                <el-select v-model="qtype" @change="selctChange">
+                  <el-option label="单选" value="1" />
+                  <el-option label="多选" value="2" />
+                  <el-option label="判断" value="3" />
+                  <el-option label="数字" value="4" />
+                  <el-option label="排序" value="5" />
+                </el-select>
+              </el-col>
+              <el-col :span="8">
+                <div v-if="'12'.includes(qtype)">
+                  <p>选项个数</p>
+                  <el-input-number v-model="qnum" :min="1" :max="10" label="描述文字" @change="numFun" />
+                </div>
+              </el-col>
+              <el-col :span="8">
+                <p>单题分值</p>
+                <el-input-number v-model="score" :min="1" :max="100" label="描述文字" @change="scoreFun" />
+              </el-col>
+            </el-row>
+          </div>
+          <div class="leftbox" style="padding-top:10px;"><span>题目名称：</span></div>
+          <div class="typebox" style="padding-top:10px;">
+            <el-input v-model="qtitle" placeholder="填写题目名称；例如：一、单选题" style="width:500px;" />
+          </div>
+          <div class="leftbox" style="padding-top:10px;"><span>添加答案：</span></div>
+          <div class="typebox">
+            <p v-if="qtype=='1'" style="margin-top:10px;">直接输入单题答案添加题目，例（若添加10道题）：“ABCCD DCAAA”</p>
+            <p v-if="qtype=='2'" style="margin-top:10px;">题目之间用空格隔开，例（若添加5道题）：“ABCD AB ACD ABD ABCD”</p>
+            <p v-if="qtype=='3'" style="margin-top:10px;">请点击“✔”或者“✘”添加答案</p>
+            <p v-if="qtype=='4'" style="margin-top:10px;">题目之间用空格隔开，例如（若添加5道题）：“2.4 33 0 1 12”</p>
+            <p v-if="qtype=='5'" style="margin-top:10px;">题目之间用空格隔开，例如（若添加2道题）：“12345 53421”</p>
+            <el-button v-if="qtype=='3'" type="primary" class="el-icon-check" @click="checktrue" />
+            <el-button v-if="qtype=='3'" type="primary" class="el-icon-close" @click="checkfail" />
+            <el-input v-model="aswString" placeholder="请输入内容" style="width:500px;" />
+            <el-button type="primary" @click="creatPaper">添加</el-button>
+          </div>
+          <div style="clear:both" />
+          <div class="paperbox">
+            <h2 class="center">答题卡</h2>
+            <p class="center">卷面总分：{{ totalscore }}分</p>
+            <div v-for="(item,index) in paperdata" :key="index" class="bigq">
+              <!--单选题-->
+              <div v-if="item.type==1">
+                <h2>{{ item.title }}<span class="qtotal">共{{ item.total }}分</span></h2>
+                <el-row>
+                  <el-col :span="2">题号</el-col>
+                  <el-col :span="2">分数</el-col>
+                  <el-col :span="20">选项及答案</el-col>
+                </el-row>
+                <el-row v-for="(list,index1) in item.info" :key="index1" style="margin-top:10px;">
+                  <el-col :span="2" style="line-height:40px;">{{ list.rank }}</el-col>
+                  <el-col :span="2"><el-input v-model="list.score" maxlength="2" style="width:50px;" @change="reoder" /></el-col>
+                  <el-col :span="20">
+                    <li v-for="count in list.num" :key="count" :class="list.right == String.fromCharCode(64 + parseInt(count))?'right':''" class="option" @click="checkoption(index,index1,count)">{{ String.fromCharCode(64 + parseInt(count)) }}</li>
+
+                    <el-button type="primary" icon="el-icon-plus" circle @click="addOption(index,index1)" />
+                    <el-button type="danger" icon="el-icon-delete" circle @click="delOption(index,index1)" />
+                  </el-col>
+                </el-row>
+                <p style="text-align:center">
+                  <el-button type="primary" @click="addQue(index)">添加单选题目</el-button>
+                </p>
+              </div>
+              <!--多选题-->
+              <div v-if="item.type==2">
+                <h2>{{ item.title }}<span class="qtotal">共{{ item.total }}分</span></h2>
+                <el-row>
+                  <el-col :span="2">题号</el-col>
+                  <el-col :span="2">分数</el-col>
+                  <el-col :span="20">选项及答案</el-col>
+                </el-row>
+                <el-row v-for="(list,index1) in item.info" :key="index1" style="margin-top:10px;">
+                  <el-col :span="2" style="line-height:40px;">{{ list.rank }}</el-col>
+                  <el-col :span="2"><el-input v-model="list.score" maxlength="2" style="width:50px;" @change="reoder" /></el-col>
+                  <el-col :span="20">
+                    <li v-for="count in list.num" :key="count" :class="list.right.includes( String.fromCharCode(64 + parseInt(count)))?'right':''" class="option" @click="checkoption2(index,index1,count)">{{ String.fromCharCode(64 + parseInt(count)) }}</li>
+
+                    <el-button type="primary" icon="el-icon-plus" circle @click="addOption(index,index1)" />
+                    <el-button type="danger" icon="el-icon-delete" circle @click="delOption(index,index1)" />
+                  </el-col>
+                </el-row>
+                <p style="text-align:center">
+                  <el-button type="primary" @click="addQue(index)">添加多选题目</el-button>
+                </p>
+              </div>
+              <!--判断题-->
+              <div v-if="item.type==3">
+                <h2>{{ item.title }}<span class="qtotal">共{{ item.total }}分</span></h2>
+                <el-row>
+                  <el-col :span="2">题号</el-col>
+                  <el-col :span="2">分数</el-col>
+                  <el-col :span="20">选项及答案</el-col>
+                </el-row>
+                <el-row v-for="(list,index1) in item.info" :key="index1" style="margin-top:10px;">
+                  <el-col :span="2" style="line-height:40px;">{{ list.rank }}</el-col>
+                  <el-col :span="2"><el-input v-model="list.score" maxlength="2" style="width:50px;" @change="reoder" /></el-col>
+                  <el-col :span="20">
+                    <li :class="list.right=='✔'?'right':''" class="option" @click="checkoption3(index,index1,1)">✔</li>
+                    <li :class="list.right=='✘'?'right':''" class="option" @click="checkoption3(index,index1,2)">✘</li>
+                    <el-button type="danger" icon="el-icon-delete" circle @click="delOption(index,index1)" />
+                  </el-col>
+                </el-row>
+                <p style="text-align:center">
+                  <el-button type="primary" @click="addQue3(index)">添加判断题目</el-button>
+                </p>
+              </div>
+              <!--数字题-->
+              <div v-if="item.type==4">
+                <h2>{{ item.title }}<span class="qtotal">共{{ item.total }}分</span></h2>
+                <el-row>
+                  <el-col :span="2">题号</el-col>
+                  <el-col :span="2">分数</el-col>
+                  <el-col :span="20">选项及答案</el-col>
+                </el-row>
+                <el-row v-for="(list,index1) in item.info" :key="index1" style="margin-top:10px;">
+                  <el-col :span="2" style="line-height:40px;">{{ list.rank }}</el-col>
+                  <el-col :span="2"><el-input v-model="list.score" maxlength="2" style="width:50px;" @change="reoder" /></el-col>
+                  <el-col :span="20">
+                    <el-input v-model="list.right" type="primary" style="width:100px;" />
+                    <el-button type="danger" icon="el-icon-delete" circle @click="delOption(index,index1)" />
+                  </el-col>
+                </el-row>
+                <p style="text-align:center">
+                  <el-button type="primary" @click="addQue3(index)">添加数字题目</el-button>
+                </p>
+              </div>
+              <!--排序题-->
+              <div v-if="item.type==5">
+                <h2>{{ item.title }}<span class="qtotal">共{{ item.total }}分</span></h2>
+                <el-row>
+                  <el-col :span="2">题号</el-col>
+                  <el-col :span="2">分数</el-col>
+                  <el-col :span="20">选项及答案</el-col>
+                </el-row>
+                <el-row v-for="(list,index1) in item.info" :key="index1" style="margin-top:10px;">
+                  <el-col :span="2" style="line-height:40px;">{{ list.rank }}</el-col>
+                  <el-col :span="2"><el-input v-model="list.score" maxlength="2" style="width:50px;" @change="reoder" /></el-col>
+                  <el-col :span="20">
+                    <el-input v-model="list.right" type="primary" style="width:200px;" />
+                    <el-button type="danger" icon="el-icon-delete" circle @click="delOption(index,index1)" />
+                  </el-col>
+                </el-row>
+                <p style="text-align:center">
+                  <el-button type="primary" @click="addQue3(index)">添加排序题目</el-button>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-show="active==3">
+          789
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Dec from '@/components/Dec'
+export default {
+  name: 'Creatpaper',
+  components: {
+    Dec
+  },
+  data() {
+    return {
+      content: '',
+      active: 1,
+      num: '',
+      qtype: '1',
+      qnum: '',
+      qtitle: '',
+      aswString: '',
+      score: '',
+      value: '1',
+      totalscore: 0,
+      paper: {
+        name: '',
+        type: '',
+        promission: '',
+        subject: '',
+        grade: '',
+        schoollength: '',
+        testtime: ''
+      },
+      paperdata: [
+        {
+          title: '一、单选题',
+          type: 1,
+          total: 4,
+          info: [
+            {
+              rank: 1,
+              score: 1,
+              num: 4,
+              right: 'A'
+            },
+            {
+              rank: 2,
+              score: 1,
+              num: 4,
+              right: 'B'
+            }
+          ]
+        },
+        {
+          title: '二、多选题',
+          type: 2,
+          total: 4,
+          info: [
+            {
+              rank: 1,
+              score: 1,
+              num: 4,
+              right: 'AB'
+            },
+            {
+              rank: 2,
+              score: 1,
+              num: 4,
+              right: 'BD'
+            }
+          ]
+        },
+        {
+          title: '三、判断题',
+          type: 3,
+          total: 4,
+          info: [
+            {
+              rank: 1,
+              score: 1,
+              right: '✔'
+            },
+            {
+              rank: 2,
+              score: 1,
+              right: '✘'
+            }
+          ]
+        },
+        {
+          title: '四、数字题',
+          type: 4,
+          total: 4,
+          info: [
+            {
+              rank: 1,
+              score: 1,
+              right: '2.75'
+            },
+            {
+              rank: 2,
+              score: 1,
+              right: '12.3'
+            }
+          ]
+        },
+        {
+          title: '五、排序题',
+          type: 5,
+          total: 4,
+          info: [
+            {
+              rank: 1,
+              score: 1,
+              right: '12345'
+            },
+            {
+              rank: 2,
+              score: 1,
+              right: '54312'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  created() {
+    this.reoder()
+  },
+  methods: {
+    next() {
+      this.active++
+      if (this.active > 3) {
+        return
+      }
+    },
+    close() {
+      this.$router.push('/testpaper/test')
+    },
+    prev() {
+      this.active--
+      if (this.active < 1) {
+        return
+      }
+    },
+    save() {
+      this.$router.push('/testpaper/test')
+    },
+    handleChange() {
+
+    },
+    numFun() {
+
+    },
+    scoreFun() {
+
+    },
+    checkoption(bqindex, smindex, opindex) {
+      this.paperdata[bqindex].info[smindex].right = String.fromCharCode(64 + parseInt(opindex))
+    },
+    checkoption2(bqindex, smindex, opindex) {
+      console.log(!this.paperdata[bqindex].info[smindex].right.includes(String.fromCharCode(64 + parseInt(opindex))))
+      if (!this.paperdata[bqindex].info[smindex].right.includes(String.fromCharCode(64 + parseInt(opindex)))) {
+        this.paperdata[bqindex].info[smindex].right += String.fromCharCode(64 + parseInt(opindex))
+      } else {
+        this.paperdata[bqindex].info[smindex].right = this.paperdata[bqindex].info[smindex].right.replace(String.fromCharCode(64 + parseInt(opindex)), '')
+      }
+    },
+    checkoption3(bqindex, smindex, opindex) {
+      this.paperdata[bqindex].info[smindex].right = opindex === 1 ? '✔' : '✘'
+    },
+    addOption(bqindex, smindex) {
+      if (this.paperdata[bqindex].info[smindex].num < 10) { this.paperdata[bqindex].info[smindex].num++ }
+    },
+    delOption(bqindex, smindex) {
+      this.paperdata[bqindex].info.splice(smindex, 1)
+      for (let i = 0; i < this.paperdata[bqindex].info.length; i++) {
+        this.paperdata[bqindex].info[i].rank = i + 1
+      }
+      this.reoder()
+      console.log(this.paperdata)
+    },
+    addQue(bqindex) {
+      this.paperdata[bqindex].info.push({
+        rank: this.paperdata[bqindex].info.length + 1,
+        score: 1,
+        num: 4,
+        right: ''
+      })
+      this.reoder()
+    },
+    addQue3(bqindex) {
+      this.paperdata[bqindex].info.push({
+        rank: this.paperdata[bqindex].info.length + 1,
+        score: 1,
+        right: ''
+      })
+      this.reoder()
+    },
+    checktrue() {
+      this.aswString += '✔'
+    },
+    checkfail() {
+      this.aswString += '✘'
+    },
+    reoder() {
+      let index = 0
+      let totalscore = 0
+
+      for (let i = 0; i < this.paperdata.length; i++) {
+        let qtotal = 0
+        for (let j = 0; j < this.paperdata[i].info.length; j++) {
+          index++
+          totalscore += parseFloat(this.paperdata[i].info[j].score)
+          qtotal += parseFloat(this.paperdata[i].info[j].score)
+          this.totalscore = totalscore
+          this.paperdata[i].info[j].rank = index
+        }
+        this.paperdata[i].total = qtotal
+      }
+    },
+    selctChange(value) {
+      console.log(value)
+    },
+    creatPaper() {
+      let paramdata = {}
+      let qlength = []
+      const aswarr = []
+      switch (this.qtype) {
+        case '1':
+          qlength = this.aswString.split('')
+          for (let i = 0; i < qlength.length; i++) {
+            aswarr.push({
+              rank: 1,
+              score: this.score,
+              num: this.qnum,
+              right: qlength[i]
+            })
+          }
+          paramdata = {
+            title: this.qtitle,
+            type: 1,
+            total: qlength.length * this.score,
+            num: this.qnum,
+            info: aswarr
+          }
+          this.paperdata.push(paramdata)
+          this.score = 1
+          this.qnum = 1
+          this.aswString = ''
+          this.qtitle = ''
+          this.qtype = '1'
+          this.reoder()
+          break
+        case '2':
+          qlength = this.aswString.split(' ')
+          for (let i = 0; i < qlength.length; i++) {
+            aswarr.push({
+              rank: 1,
+              score: this.score,
+              num: this.qnum,
+              right: qlength[i]
+            })
+          }
+          paramdata = {
+            title: this.qtitle,
+            type: 2,
+            total: qlength.length * this.score,
+            num: this.qnum,
+            info: aswarr
+          }
+          this.paperdata.push(paramdata)
+          this.score = 1
+          this.qnum = 1
+          this.aswString = ''
+          this.qtitle = ''
+          this.qtype = '1'
+          this.reoder()
+          break
+        case '3':qlength = this.aswString.split('')
+          for (let i = 0; i < qlength.length; i++) {
+            aswarr.push({
+              rank: 1,
+              score: this.score,
+              num: this.qnum,
+              right: qlength[i]
+            })
+          }
+          paramdata = {
+            title: this.qtitle,
+            type: 3,
+            total: qlength.length * this.score,
+            info: aswarr
+          }
+          this.paperdata.push(paramdata)
+          this.score = 1
+          this.aswString = ''
+          this.qtitle = ''
+          this.qtype = '1'
+          this.reoder()
+          break
+        case '4':
+          qlength = this.aswString.split(' ')
+          for (let i = 0; i < qlength.length; i++) {
+            aswarr.push({
+              rank: 1,
+              score: this.score,
+              num: this.qnum,
+              right: qlength[i]
+            })
+          }
+          paramdata = {
+            title: this.qtitle,
+            type: 4,
+            total: qlength.length * this.score,
+            num: this.qnum,
+            info: aswarr
+          }
+          this.paperdata.push(paramdata)
+          this.score = 1
+          this.aswString = ''
+          this.qtitle = ''
+          this.qtype = '1'
+          this.reoder()
+          break
+        case '5':
+          qlength = this.aswString.split(' ')
+          for (let i = 0; i < qlength.length; i++) {
+            aswarr.push({
+              rank: 1,
+              score: this.score,
+              num: this.qnum,
+              right: qlength[i]
+            })
+          }
+          paramdata = {
+            title: this.qtitle,
+            type: 5,
+            total: qlength.length * this.score,
+            num: this.qnum,
+            info: aswarr
+          }
+          this.paperdata.push(paramdata)
+          this.score = 1
+          this.aswString = ''
+          this.qtitle = ''
+          this.qtype = '1'
+          this.reoder()
+          break
+      }
+    }
+
+  }
+}
+</script>
+<style scoped>
+.add{
+    max-width: 1700px;
+    min-width: 1100px;
+    height:calc(100vh - 115px);
+    margin:0 auto;
+    background: #fff;
+    margin-top:15px;
+    padding:20px;
+    font-size: 14px;
+    position: relative;
+}
+.add .footer{
+    width:100%;
+    height:40px;
+    line-height: 40px;
+    text-align: center;
+    position: absolute;
+    bottom:10px;
+    left:0;
+    background: #fff;
+
+}
+.leftbox{
+    width:20%;
+    float: left;
+}
+.typebox{
+    width:80%;
+    float: left;
+}
+.typebox p{
+    margin-top:0;
+}
+.option{
+    border:1px solid #ccc;
+    width:40px;
+    height:40px;
+    margin-right:5px;
+    border-radius: 5px;
+    display: inline-block;
+    list-style: none;
+    text-align: center;
+    line-height: 40px;
+    cursor: pointer;
+}
+.right{
+    background: green;
+    border:1px solid green;
+    color:#fff;
+}
+.qtotal{
+    font-size:14px;
+    color:#888;
+    margin-left: 10px;
+}
+.center{
+    text-align: center
+}
+.paperbox{
+    padding-top: 20px;
+}
+</style>
diff --git a/src/views/testpaper/test/index.vue b/src/views/testpaper/test/index.vue
index cee4101..f625a6a 100644
--- a/src/views/testpaper/test/index.vue
+++ b/src/views/testpaper/test/index.vue
@@ -6,7 +6,7 @@
         <el-row>
           <el-col :span="9">
             <el-button type="primary" size="small">新增分类</el-button>
-            <el-button type="primary" size="small">创建试卷</el-button>
+            <el-button type="primary" size="small" @click="creatpaper">创建试卷</el-button>
             <el-button type="primary" size="small">移动</el-button>
             <el-button type="danger" size="small">删除</el-button>
           </el-col>
@@ -157,6 +157,9 @@ export default {
     },
     handleSelectionChange(val) {
       console.log(val)
+    },
+    creatpaper() {
+      this.$router.push('/testpaper/creatpaper')
     }
   }
 }
--
libgit2 0.21.4