面板等

src/components/TestPanel.vue

@@ -45,7 +45,7 @@
       <el-container>
         <el-aside width="30%">
           <div class="aside-header">
-            <div class="p-title color">
+            <div :class="['p-title color', 'system' + systemId]">
               <i class="el-icon-s-order"></i>
               <p>实验目标</p>
             </div>
@@ -54,7 +54,7 @@
             </div>
           </div>
           <div class="aside-footer">
-            <div class="p-title color">
+            <div :class="['p-title color', 'system' + systemId]">
               <i class="el-icon-s-management"></i>
               <p>实验任务</p>
             </div>
@@ -62,7 +62,7 @@
               <el-row>
                 <el-col :span="24">
                   <el-card shadow="hover">
-                    <el-table :data="taskList" :stripe="true" height="405">
+                    <el-table :data="taskList" :stripe="true">
                       <el-table-column type="index"></el-table-column>
                       <el-table-column prop="name" label="判分点" align="center"></el-table-column>
                       <el-table-column prop="score" label="分值" width="60" align="center"></el-table-column>
@@ -316,6 +316,7 @@ export default {
       // 如果是没有代码的缓存，则只需要恢复项目，否则，就调接口查询缓存代码
       if (cache && cache.empty && list.find(e => e.projectId === projectId)) {
         this.projectId = projectId
+        this.getProDetail()
         this.closeLoad()
         localStorage.removeItem('codeCache')
       } else {
@@ -415,6 +416,7 @@ export default {
       this.isSubmit = false
       this.countVal = 0
       this.grade = '00'
+      this.pannelTab = 'first'
       this.$emit('recoveryCode') // 切换实训项目后回到第一个判分点
       newmain.$emit('isSubmit', this.isSubmit) // 选择项目后把提交状态重置为未提交
     },
@@ -668,7 +670,9 @@ export default {
   padding: 5px 20px;
 }
 .el-aside {
+  margin-bottom: 10px;
   color: #333;
+  background-color: #fff;
 }
 .el-aside /deep/[class*=" el-icon-"],
 [class^="el-icon-"] {
@@ -687,6 +691,18 @@ export default {
   display: flex;
   justify-content: center;
   height: 40px;
+  &.system4 {
+    background-size: 100% 58px;
+  }
+  &.system5, &.system7, &.system9 {
+    background-size: 100% 57px;
+  }
+  &.system8, &.system6 {
+    background-size: 100% 61px;
+  }
+  &.system10 {
+    background-size: 104% 61px;
+  }
   p {
     padding-left: 10px;
     line-height: 40px;

src/styles/common.scss

@@ -52,6 +52,15 @@ body .cus-table.el-table {
     padding: 0;
   }
 }
+.el-checkbox__input.is-checked .el-checkbox__inner,
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background-color: #007eff !important;
+  border-color: #007eff !important;
+}
+.el-checkbox__inner:hover,
+.el-checkbox__input.is-focus .el-checkbox__inner {
+  border-color: #007eff !important;
+}
 
 .pagination {
   margin: 20px 0;

src/views/Data.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="wrap" v-loading="loading">
+      <breadcrumb data="返回实验/我的数据"></breadcrumb>
       <div class="inner">
-        <breadcrumb data="首页/我的数据"></breadcrumb>
         <div class="tool">
           <el-input style="width: 250px" placeholder="请输入文件名称" v-model="keyword" suffix-icon="el-icon-search" clearable size="small"></el-input>
           <div class="action">