［修改］样式调整

src/assets/scss/app.scss

@@ -74,3 +74,9 @@ $default-margin-between:1.5rem;
   border-bottom-color: #dbdbdb;
   //border-bottom-color: white;
 }
+.data-table {
+  width: 100%;
+  padding: 30px;
+  /*min-height: 80vh;*/
+  background-color: #ffffff;
+}

src/views/teacher/Code/detail.vue

@@ -28,9 +28,12 @@
             </b-input>
           </b-field>
         </div>
-
-        <b-tabs>
-          <b-tab-item :label="submitInfo.yes">
+        <!---->
+        <b-tabs type="is-boxed">
+          <b-tab-item>
+            <template slot="header">
+              <span> {{ submitInfo.yes }} </span>
+            </template>
             <div class="submitted-list">
               <b-table :data="showResult" paginated per-page="5">
                 <template slot-scope="props">
@@ -73,8 +76,10 @@
               </b-table>
             </div>
           </b-tab-item>
-
-          <b-tab-item :label="submitInfo.no">
+          <b-tab-item>
+            <template slot="header">
+              <span> {{ submitInfo.no }} </span>
+            </template>
             <b-table
               :data="unsubmited.data"
               :columns="unsubmited.columns"
@@ -236,20 +241,9 @@ export default {
 .form-group {
   display: flex;
   justify-content: space-between;
+  margin-bottom: 1.5rem;
 }
-.description {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  word-wrap: break-word;
-  word-break: break-all;
-  display: -webkit-box;
-}
-.process-bar {
-  width: 50%;
-  margin-right: 10px;
-}
+
 .submit-state {
   display: flex;
   margin-top: 20px;

src/views/teacher/Code/index.vue

@@ -14,7 +14,7 @@
       </template>
     </page-header>
     <page-body>
-      <div>
+      <div class="data-table">
         <b-table
           :data="codeData"
           paginated

src/views/teacher/Code/test.vue

@@ -16,28 +16,30 @@
     </page-header>
 
     <page-body>
-      <b-collapse
-        :open="false"
-        class="collapseeeeeee"
-        v-for="item in testResult"
-        :key="item.id"
-      >
-        <button class="button is-primary " slot="trigger">
-          测试时间：2019-1-18 23:02{{ item.id }}
-        </button>
-        <div class="notification card">
-          <div class="content">
-            <h3>Build Info</h3>
-            <p>{{ item.buildResult }}</p>
-            <h3>Deploy Info</h3>
-            <p>{{ item.deployResult }}</p>
-            <h3>Unit Test Info</h3>
-            <p>{{ item.unitTestResult }}</p>
-            <h3>Functional Test Info</h3>
-            <p>{{ item.functionTestResult }}</p>
+      <div class="data-table">
+        <b-collapse
+          :open="false"
+          class="collapseeeeeee"
+          v-for="item in testResult"
+          :key="item.id"
+        >
+          <button class="button is-primary " slot="trigger">
+            测试时间：2019-1-18 23:02{{ item.id }}
+          </button>
+          <div class="notification card">
+            <div class="content">
+              <h3>Build Info</h3>
+              <p>{{ item.buildResult }}</p>
+              <h3>Deploy Info</h3>
+              <p>{{ item.deployResult }}</p>
+              <h3>Unit Test Info</h3>
+              <p>{{ item.unitTestResult }}</p>
+              <h3>Functional Test Info</h3>
+              <p>{{ item.functionTestResult }}</p>
+            </div>
           </div>
-        </div>
-      </b-collapse>
+        </b-collapse>
+      </div>
     </page-body>
   </div>
 </template>

src/views/teacher/Document/index.vue

@@ -15,7 +15,7 @@
     </page-header>
 
     <page-body>
-      <div>
+      <div class="data-table">
         <b-table :data="data" paginated per-page="5" detailed detail-key="id">
           <template slot-scope="props">
             <b-table-column field="id" label="题目ID" numeric sortable centered>

src/views/teacher/Question/index.vue

@@ -179,12 +179,12 @@ export default {
   /*color: #7957d5;*/
   font-weight: bold;
 }
-.data-table {
-  width: 100%;
-  padding: 30px;
-  /*min-height: 80vh;*/
-  background-color: #ffffff;
-}
+/*.data-table {*/
+/*width: 100%;*/
+/*padding: 30px;*/
+/*!*min-height: 80vh;*!*/
+/*background-color: #ffffff;*/
+/*}*/
 .question-list {
   margin-top: 30px;
 }

src/views/teacher/Result/index.vue

@@ -191,7 +191,7 @@ const data = [
         result: 85
       }
     ],
-    detail: 99
+    finalResult: 99
   },
   {
     id: 2,
@@ -315,7 +315,7 @@ const data = [
         result: 85
       }
     ],
-    detail: 99
+    finalResult: 99
   }
 ];
 
@@ -399,14 +399,14 @@ export default {
   /*color: #7957d5;*/
   font-weight: bold;
 }
-.data-table {
-  width: 100%;
-  padding: 30px;
-  /*min-height: 80vh;*/
-  background-color: #ffffff;
-  .chart {
-    margin-top: 1.5rem;
-  }
+/*.data-table {*/
+/*width: 100%;*/
+/*padding: 30px;*/
+/*!*min-height: 80vh;*!*/
+/*background-color: #ffffff;*/
+/*}*/
+.chart {
+  margin-top: 1.5rem;
 }
 .question-list {
   margin-top: 3rem;