［修改］工作台内容

src/views/teacher/Dashboard/index.vue

@@ -1,42 +1,59 @@
 <template>
   <div>
-    <page-header
-      :routes="[
-        { name: '小白大王', path: 'adsfsa' },
-        { name: '小白大fsa王dasfas', path: 'adsfsa/fdsafdsa' }
-      ]"
-      :tab-list="[
-        { name: '小白大王', path: 'dashboard' },
-        { name: '小白大fsa王dasfas', path: 'adsfsa/fdsafdsa' }
-      ]"
-    >
+    <page-header :routes="[{ name: '小白大王的工作台', path: 'dashboard/' }]">
       <template slot="title">
-        Here might be a page title
+        工作台
       </template>
       <template slot="content">
-        Here might be a page title
-      </template>
-      <template slot="extraContent">
-        Here might be a page title
-      </template>
-      <template slot="logo">
-        Here might
-      </template>
-      <template slot="action">
-        Here might be a page title
+        当前<strong>&nbsp;5&nbsp;</strong>份作业进行中
       </template>
+      <!--<template slot="extraContent">-->
+      <!--Here might be a page title-->
+      <!--</template>-->
+      <!--<template slot="logo">-->
+      <!--Here might-->
+      <!--</template>-->
+      <!--<template slot="action">-->
+      <!--Here might be a page title-->
+      <!--</template>-->
     </page-header>
-    <page-body> fdjasoifjdasiofjsa </page-body>
+    <page-body>
+      <div class="data-table">
+        <div class="subtitle">代码作业</div>
+        <div class="columns is-multiline is-desktop">
+          <div class="column is-4"><card hoverable>代码作业一</card></div>
+          <div class="column is-4"><card hoverable>代码作业二</card></div>
+          <div class="column is-4"><card hoverable>代码作业三</card></div>
+        </div>
+        <div class="subtitle">文档作业</div>
+        <div class="columns is-multiline is-desktop">
+          <div class="column is-4"><card hoverable>文档作业一</card></div>
+        </div>
+        <div class="subtitle">互评作业</div>
+        <div class="columns is-multiline is-desktop">
+          <div class="column is-4"><card hoverable>互评作业一</card></div>
+        </div>
+      </div>
+    </page-body>
   </div>
 </template>
-
 <script>
 import PageHeader from "@/components/PageHeader";
 import PageBody from "@/components/PageBody/index";
+import Card from "@/components/Card";
 export default {
   components: {
     PageBody,
-    PageHeader
+    PageHeader,
+    Card
   }
 };
 </script>
+<style lang="scss" scoped>
+.subtitle {
+  width: 100%;
+  font-weight: bold;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #dbdbdb;
+}
+</style>