添加试卷流程绣花

梁保满
1 parent b7739169
Showing 2 changed files with 37 additions and 9 deletions
src/assets/images/example2.png
src/views/examinationPaper/index.vue
@@ -60,7 +60,7 @@
           >
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item :command="1">导入试卷</el-dropdown-item>
-            <el-dropdown-item :command="2">手动创建</el-dropdown-item>
+            <el-dropdown-item :command="2">创建答题卡</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </p>
@@ -279,9 +279,28 @@
         @upSuccess="upSuccess"
         fileName="下载"
       >
-        <div class="down-box" slot="down">
-          <p class="down-head">
-            <span>第一步：导出菁优网试卷,</span>
+        <div class="down-box p0" slot="down">
+          <p class="down-head" v-if="query.type == 1">
+            <span>第一步：</span>
+            <el-link type="primary" @click="downExcel">下载模板,</el-link>
+            <span
+              >或者导出菁优网试卷/组卷网(学科网)试卷；
+              为保证第三方试卷导入成功，请注意参考导出示例：</span
+            >
+            <span class="img-box">
+              <el-image
+                class="img"
+                :src="examplePic"
+                :preview-src-list="examplePicList"
+              >
+              </el-image>
+              菁优网示例/组卷网(学科网)示例。
+            </span>
+          </p>
+          <p class="down-head" v-if="query.type == 2">
+            <span
+              >第一步：导出菁优网试卷/组卷网(学科网)试卷；为保证第三方试卷导入成功，请注意参考导出示例：</span
+            >
             <span class="img-box">
               <el-image
                 class="img"
@@ -289,10 +308,8 @@
                 :preview-src-list="examplePicList"
               >
               </el-image>
-              导出选项示例。
+              菁优网示例/组卷网(学科网)示例。
             </span>
-            或者
-            <el-link type="primary" @click="downExcel">下载模板</el-link> 。
           </p>
           <p>第二步：上传完成编辑好的试卷。</p>
         </div>
@@ -308,6 +325,7 @@
 import { downloadFile } from "@/utils";
 import axios from "axios";
 import example from "@/assets/images/example.jpg";
+import example2 from "@/assets/images/example2.png";
 export default {
   name: "examinationPaper",
   data() {
@@ -352,7 +370,7 @@ export default {
       diaUp: false, //上传word弹窗开关
       url: "/api_html/common/paper/upload", //上传文档地址
       examplePic: example,
-      examplePicList: [example],
+      examplePicList: [example, example2],
     };
   },
   async created() {
@@ -710,6 +728,16 @@ export default {
 </script>
  
 <style scoped lang="scss">
+.down-box {
+  padding-left: 20px;
+  .down-head {
+    display: block;
+    span,
+    a {
+      vertical-align: middle;
+    }
+  }
+}
 .tips {
   display: flex;
   padding-left: 30px;
@@ -904,7 +932,7 @@ export default {
       left: -1px;
       top: -1px;
       opacity: 0;
-      width: 86px;
+      width: 220px;
       height: 22px;
     }
   }