［新增］互评作业

src/router/routes.js

@@ -71,6 +71,16 @@ export default [
       {
         path: "result",
         component: () => import("@/views/teacher/Result")
+      },
+      {
+        path: "review",
+        component: () => import("@/views/teacher/Review"),
+        children: [
+          {
+            path: ":id",
+            component: () => import("@/views/teacher/Review/assignment")
+          }
+        ]
       }
     ]
   },

src/views/teacher/Result/index.vue

@@ -34,7 +34,9 @@
             <b-table-column field="id" label="ID" width="40" numeric sortable>
               {{ props.row.id }}
             </b-table-column>
-
+            <b-table-column field="id" label="学生" width="60" numeric sortable>
+              {{ props.row.student }}
+            </b-table-column>
             <b-table-column label="文档作业" centered>
               <div
                 class="result"
@@ -104,15 +106,9 @@
           成绩比例调控<small>&nbsp;&nbsp;请按百分比填写</small>
         </div>
         <div class="content">
-          <b-field label="文档作业比例">
-            <b-input v-model="name"></b-input>
-          </b-field>
-          <b-field label="互评作业比例">
-            <b-input v-model="name"></b-input>
-          </b-field>
-          <b-field label="代码作业比例">
-            <b-input v-model="name"></b-input>
-          </b-field>
+          <b-field label="文档作业比例"> <b-input></b-input> </b-field>
+          <b-field label="互评作业比例"> <b-input></b-input> </b-field>
+          <b-field label="代码作业比例"> <b-input></b-input> </b-field>
           <a class="button is-link" @click="isCardModalActive = false"
             >确认调整</a
           >
@@ -127,6 +123,7 @@ import { getStudentCourseReviewList } from "@/api/review";
 const data = [
   {
     id: 1,
+    student: "小白",
     documentHomeworkResult: [
       {
         id: 1,

src/views/teacher/Review/assignment.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>hello assignment</div>
+</template>

src/views/teacher/Review/index.vue

@@ -0,0 +1,140 @@
+<template>
+  <div>
+    <nav class="breadcrumb" aria-label="breadcrumbs">
+      <ul>
+        <li><router-link :to="{ name: 'HOME' }">所有课程</router-link></li>
+        <li>
+          <router-link :to="`/course-teacher/${course.id}/dashboard`">{{
+            course.name
+          }}</router-link>
+        </li>
+        <li class="is-active">
+          <router-link :to="`/student-course/${course.id}/review`"
+            >评审作业</router-link
+          >
+        </li>
+      </ul>
+    </nav>
+    <!-- 数据面板 -->
+    <div class="data-table">
+      <!--<div class="submit-state">-->
+      <!--<span>提交情况</span>-->
+      <!--<progress class="progress is-link" value="30" max="100">40%</progress>-->
+      <!--50/200-->
+      <!--</div>-->
+      <div class="homework-list">
+        <section>
+          <b-tabs type="is-boxed">
+            <b-tab-item label="进行中的作业">
+              <b-table
+                :data="homeworkList"
+                :columns="columns"
+                :hoverable="true"
+              ></b-table>
+            </b-tab-item>
+            <b-tab-item label="已结束作业">
+              <div class="info">暂无已结束作业</div>
+            </b-tab-item>
+          </b-tabs>
+        </section>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState } from "vuex";
+const homeworkList = [
+  {
+    id: 1,
+    name: "物流系统需求规格说明文档",
+    beginAt: "2018-12-29",
+    endAt: "2019-01-06",
+    group: 2
+  },
+  {
+    id: 2,
+    name: "物流系统用例图",
+    beginAt: "2018-12-29",
+    endAt: "2019-01-06",
+    group: 3
+  },
+  {
+    id: 3,
+    name: "物流系统体系架构文档",
+    beginAt: "2018-12-29",
+    endAt: "2019-01-06",
+    group: 4
+  }
+];
+
+const columns = [
+  {
+    field: "id",
+    label: "ID",
+    numeric: true
+  },
+  {
+    field: "name",
+    label: "作业名",
+    centered: true
+  },
+  {
+    field: "beginAt",
+    label: "开始时间",
+    centered: true
+  },
+  {
+    field: "endAt",
+    label: "结束时间",
+    centered: true
+  }
+];
+
+export default {
+  components: {},
+  computed: {
+    ...mapState({
+      course: state => state.course.currentCourse
+    })
+  },
+  data() {
+    return {
+      homeworkList,
+      columns
+    };
+  },
+  mounted() {}
+};
+</script>
+<style lang="scss" scoped>
+.breadcrumb a {
+  font-weight: bold;
+}
+.data-table {
+  width: 100%;
+  padding: 30px;
+  min-height: 80vh;
+  background-color: #ffffff;
+  .submit-state {
+    display: flex;
+    align-items: center;
+    font-size: 1rem;
+    font-weight: bold;
+    span {
+      margin-right: 1.5rem;
+    }
+    progress {
+      width: 50%;
+      margin-right: 1.5rem;
+    }
+  }
+  .homework-list {
+    .info {
+      display: flex;
+      justify-content: center;
+      margin: 0.75rem;
+      font-weight: bold;
+    }
+  }
+}
+</style>