Просмотр исходного кода

feat: 增加题库界面简单规划

ChenYangfan 6 лет назад
Родитель
Сommit
f23998a4d8

+ 5 - 0
src/router/index.js

@@ -35,6 +35,11 @@ const routes = [{
   path: '/quiz/:slideId',
   name: 'quiz',
   component: () => import('../views/quiz/QuizView.vue')
+}, {
+  meta: { roles: ['teacher'] },
+  path: '/questions',
+  name: 'questions',
+  component: () => import('../views/quiz/Questions.vue')
 }, {
   meta: { roles: ['teacher'] },
   path: '/teacher',

+ 20 - 0
src/views/quiz/Questions.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="questions">
+    <back-title>题库界面</back-title>
+  </div>
+</template>
+
+<script>
+import BackTitle from '@/components/BackTitle'
+export default {
+  components: { BackTitle }
+}
+</script>
+
+<style lang="scss" scoped>
+.questions {
+  margin: 0 auto;
+  max-width: 1100px;
+  padding: 64px 24px;
+}
+</style>

+ 10 - 3
src/views/quiz/QuizView.vue

@@ -1,13 +1,20 @@
 <template>
   <div>
-    学生做题界面(待完成
+    <back-title>具体课件的测验(学生)</back-title>
   </div>
 </template>
 
 <script>
-export default {}
+import BackTitle from '@/components/BackTitle'
+export default {
+  components: { BackTitle }
+}
 </script>
 
 <style lang="scss" scoped>
-
+.questions {
+  margin: 0 auto;
+  max-width: 1100px;
+  padding: 64px 24px;
+}
 </style>

+ 10 - 12
src/views/quiz/TeacherQuizSetting.vue

@@ -1,25 +1,23 @@
 <template>
   <div class="teacher-quiz-setting">
-    <back-title>{{'软件工程与计算 I'}} - 习题设置</back-title>
+    <back-title>具体课件的习题设置</back-title>
     <div class="sub-title">课前习题设置</div>
-    <br>
-    <br>
-    <br>
     <div class="sub-title">课后习题设置</div>
-    <br>
-    <br>
-    <br>
-    <div class="sub-title">题库管理</div>
-    <br>
-    <br>
-    <br>
+    <c-button class="secondary" @click="handleToQuestions">题库管理</c-button>
   </div>
 </template>
 
 <script>
 import BackTitle from '@/components/BackTitle'
+import CButton from '@/components/CButton'
+
 export default {
-  components: { BackTitle }
+  components: { CButton, BackTitle },
+  methods: {
+    handleToQuestions () {
+      this.$router.push({ name: 'questions' })
+    }
+  }
 }
 </script>
 

+ 4 - 0
src/views/teacher/tabs/TeacherPersonal.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="tab">
     <h1 class="title">个人信息设置 <span class="tag">教师</span></h1>
+    <c-button class="full-width secondary mb-24" @click="handleToQuestions">题库设置</c-button>
     <div class="sub-title">修改姓名</div>
     <c-input :placeholder="'目前资料中的姓名:' + userInfo.name" class="mb-16" v-model="newName"></c-input>
     <c-button class="warning full-width mb-32" @click="handleModifyName">确认修改姓名</c-button>
@@ -97,6 +98,9 @@ export default {
       }).catch(err => {
         this.$setErrorMessage(err.response.data.msg)
       })
+    },
+    handleToQuestions () {
+      this.$router.push({ name: 'questions' })
     }
   }
 }