Commit 49a203f1defa95d68113954175788e799790a995
1 parent
b7739169
添加试卷流程绣花
Showing
2 changed files
with
37 additions
and
9 deletions
src/assets/images/example2.png
0 → 100644
69.5 KB
src/views/examinationPaper/index.vue
| @@ -60,7 +60,7 @@ | @@ -60,7 +60,7 @@ | ||
| 60 | > | 60 | > |
| 61 | <el-dropdown-menu slot="dropdown"> | 61 | <el-dropdown-menu slot="dropdown"> |
| 62 | <el-dropdown-item :command="1">导入试卷</el-dropdown-item> | 62 | <el-dropdown-item :command="1">导入试卷</el-dropdown-item> |
| 63 | - <el-dropdown-item :command="2">手动创建</el-dropdown-item> | 63 | + <el-dropdown-item :command="2">创建答题卡</el-dropdown-item> |
| 64 | </el-dropdown-menu> | 64 | </el-dropdown-menu> |
| 65 | </el-dropdown> | 65 | </el-dropdown> |
| 66 | </p> | 66 | </p> |
| @@ -279,9 +279,28 @@ | @@ -279,9 +279,28 @@ | ||
| 279 | @upSuccess="upSuccess" | 279 | @upSuccess="upSuccess" |
| 280 | fileName="下载" | 280 | fileName="下载" |
| 281 | > | 281 | > |
| 282 | - <div class="down-box" slot="down"> | ||
| 283 | - <p class="down-head"> | ||
| 284 | - <span>第一步：导出菁优网试卷,</span> | 282 | + <div class="down-box p0" slot="down"> |
| 283 | + <p class="down-head" v-if="query.type == 1"> | ||
| 284 | + <span>第一步：</span> | ||
| 285 | + <el-link type="primary" @click="downExcel">下载模板,</el-link> | ||
| 286 | + <span | ||
| 287 | + >或者导出菁优网试卷/组卷网(学科网)试卷； | ||
| 288 | + 为保证第三方试卷导入成功，请注意参考导出示例：</span | ||
| 289 | + > | ||
| 290 | + <span class="img-box"> | ||
| 291 | + <el-image | ||
| 292 | + class="img" | ||
| 293 | + :src="examplePic" | ||
| 294 | + :preview-src-list="examplePicList" | ||
| 295 | + > | ||
| 296 | + </el-image> | ||
| 297 | + 菁优网示例/组卷网(学科网)示例。 | ||
| 298 | + </span> | ||
| 299 | + </p> | ||
| 300 | + <p class="down-head" v-if="query.type == 2"> | ||
| 301 | + <span | ||
| 302 | + >第一步：导出菁优网试卷/组卷网(学科网)试卷；为保证第三方试卷导入成功，请注意参考导出示例：</span | ||
| 303 | + > | ||
| 285 | <span class="img-box"> | 304 | <span class="img-box"> |
| 286 | <el-image | 305 | <el-image |
| 287 | class="img" | 306 | class="img" |
| @@ -289,10 +308,8 @@ | @@ -289,10 +308,8 @@ | ||
| 289 | :preview-src-list="examplePicList" | 308 | :preview-src-list="examplePicList" |
| 290 | > | 309 | > |
| 291 | </el-image> | 310 | </el-image> |
| 292 | - 导出选项示例。 | 311 | + 菁优网示例/组卷网(学科网)示例。 |
| 293 | </span> | 312 | </span> |
| 294 | - 或者 | ||
| 295 | - <el-link type="primary" @click="downExcel">下载模板</el-link> 。 | ||
| 296 | </p> | 313 | </p> |
| 297 | <p>第二步：上传完成编辑好的试卷。</p> | 314 | <p>第二步：上传完成编辑好的试卷。</p> |
| 298 | </div> | 315 | </div> |
| @@ -308,6 +325,7 @@ | @@ -308,6 +325,7 @@ | ||
| 308 | import { downloadFile } from "@/utils"; | 325 | import { downloadFile } from "@/utils"; |
| 309 | import axios from "axios"; | 326 | import axios from "axios"; |
| 310 | import example from "@/assets/images/example.jpg"; | 327 | import example from "@/assets/images/example.jpg"; |
| 328 | +import example2 from "@/assets/images/example2.png"; | ||
| 311 | export default { | 329 | export default { |
| 312 | name: "examinationPaper", | 330 | name: "examinationPaper", |
| 313 | data() { | 331 | data() { |
| @@ -352,7 +370,7 @@ export default { | @@ -352,7 +370,7 @@ export default { | ||
| 352 | diaUp: false, //上传word弹窗开关 | 370 | diaUp: false, //上传word弹窗开关 |
| 353 | url: "/api_html/common/paper/upload", //上传文档地址 | 371 | url: "/api_html/common/paper/upload", //上传文档地址 |
| 354 | examplePic: example, | 372 | examplePic: example, |
| 355 | - examplePicList: [example], | 373 | + examplePicList: [example, example2], |
| 356 | }; | 374 | }; |
| 357 | }, | 375 | }, |
| 358 | async created() { | 376 | async created() { |
| @@ -710,6 +728,16 @@ export default { | @@ -710,6 +728,16 @@ export default { | ||
| 710 | </script> | 728 | </script> |
| 711 | 729 | ||
| 712 | <style scoped lang="scss"> | 730 | <style scoped lang="scss"> |
| 731 | +.down-box { | ||
| 732 | + padding-left: 20px; | ||
| 733 | + .down-head { | ||
| 734 | + display: block; | ||
| 735 | + span, | ||
| 736 | + a { | ||
| 737 | + vertical-align: middle; | ||
| 738 | + } | ||
| 739 | + } | ||
| 740 | +} | ||
| 713 | .tips { | 741 | .tips { |
| 714 | display: flex; | 742 | display: flex; |
| 715 | padding-left: 30px; | 743 | padding-left: 30px; |
| @@ -904,7 +932,7 @@ export default { | @@ -904,7 +932,7 @@ export default { | ||
| 904 | left: -1px; | 932 | left: -1px; |
| 905 | top: -1px; | 933 | top: -1px; |
| 906 | opacity: 0; | 934 | opacity: 0; |
| 907 | - width: 86px; | 935 | + width: 220px; |
| 908 | height: 22px; | 936 | height: 22px; |
| 909 | } | 937 | } |
| 910 | } | 938 | } |