资料收集

src/components/pages/liyuan/page/teadTest.vue

@@ -48,7 +48,11 @@
                             v-if="item.array">
                             <div class="test" v-for="(test, index) in item.array" :key="test.id">
                                 <div class="time">
-                                    <span>提交记录{{item.array.length - index}}</span>
+                                    <span v-if="!test.editName && !test.name">提交记录{{item.array.length - index}}</span>
+                                    <span v-if="!test.editName && test.name">{{test.name}}</span>
+                                </div>
+                                <div class="testType">
+                                    <span :class="`typeStatus_${test.type}`">{{ typeStatusList[test.type] }}</span>
                                 </div>
                                 <div class="utime">
                                     <span>{{ test.utime }}</span>
@@ -116,7 +120,8 @@ export default {
             org: this.$route.query.org,
             role: this.$route.query.role,
             loading: false,
-            checkTypeValue:""
+            checkTypeValue:"",
+            typeStatusList:["","未提交","已提交","","已退回"]
         };
     },
     computed: {
@@ -663,19 +668,20 @@ export default {
 
 <style scoped>
 .i_body_box {
-    /* height: calc(100% - 10px); */
-    height: 100%;
+    height: calc(100% - 80px);
+    padding: 10px 0 0;
+    box-sizing: border-box;
 }
 
 .check_nav {
     display: flex;
     height: 50px;
     align-items: center;
+    padding: 0;
     box-sizing: border-box;
     width: 100%;
-    padding: 0 90px;
-    box-sizing: border-box;
     overflow: auto;
+    padding: 0 90px;
 }
 
 .check_nav>.nav {
@@ -689,7 +695,6 @@ export default {
     cursor: pointer;
     min-width: fit-content;
     margin-right: 10px;
-    
 }
 
 .check_nav>.active {
@@ -763,12 +768,12 @@ export default {
 
 
 .check_box {
-    height: calc(100% - 90px);
+    height: calc(100% - 50px);
     overflow: auto;
-    padding: 0 0px 20px;
-    margin: 0 90px;
+    padding: 0 0 20px;
     box-sizing: border-box;
     background: rgb(248, 250, 254);
+    margin: 0 90px;
 }
 
 .test_panel {
@@ -1059,7 +1064,7 @@ export default {
     font-size: 14px;
     width: 160px;
     min-width: 160px;
-    margin: 0 30px 0 auto;
+    margin: 0 30px 0 0;
 }
 .test_add_box>.test>.mask {
     display: flex;
@@ -1156,4 +1161,38 @@ export default {
 .isDead{
     color:#EE3E3E;
 }
+
+.testType{
+  width: 60px;
+  margin: 0 45px 0 auto;
+}
+
+.testType>span{
+  padding: 6px 10px;
+  border-radius: 4px;
+  border: solid 1px gray;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+
+
+.testType>.typeStatus_2{
+  background:#F0F9F2;
+  border-color: #B5E3BF;
+  color:#5FC875;
+}
+
+.testType>.typeStatus_4{
+  background:#FEF5EC;
+  border-color: #FAD0A1;
+  color:#F7933B;
+}
+
+.testType>.typeStatus_1{
+  background:#EEF3FC;
+  border-color: #0F40F5;
+  color:#0F40F5;
+}
 </style>