ui切图细化

src/pages/ass/list/index.vue

@@ -77,9 +77,9 @@
                 <el-table-column prop="className" label="实验班级" align="center"></el-table-column>
                 <el-table-column prop="experimentalNum" width="90" label="实验人数" align="center"></el-table-column>
                 <el-table-column prop="experimentDuration" width="90" label="考试时长" align="center"></el-table-column>
-                <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
+                <el-table-column prop="createTime" width="140" label="创建时间" align="center"></el-table-column>
-                <el-table-column prop="startTime" label="起始时间" align="center"></el-table-column>
+                <el-table-column prop="startTime" width="140" label="起始时间" align="center"></el-table-column>
-                <el-table-column prop="stopTime" label="结束时间" align="center"></el-table-column>
+                <el-table-column prop="stopTime" width="140" label="结束时间" align="center"></el-table-column>
                 <el-table-column label="倒计时" width="90" align="center">
                     <template slot-scope="scope">
                         <span>{{ timeFilter(scope.row) }}</span>

src/pages/course/list/index.vue

@@ -132,7 +132,9 @@ export default {
     position: relative;
     padding: 100px 0 130px;
     text-align: center;
-    background: url(../../../assets/img/course-bg.png) 0 0/100% 100% no-repeat;
+    background: url(../../../assets/img/course-bg2.png) (73px 50px)/auto no-repeat,
+                url(../../../assets/img/course-bg3.png) (top right)/auto no-repeat,
+                url(../../../assets/img/course-bg1.png) 0 0/100% 100% no-repeat;
     h6 {
         margin-bottom: 25px;
         font-size: 26px;

src/pages/info/list/index.vue

@@ -193,7 +193,11 @@ export default {
     .banner {
         height: 350px;
         padding: 100px 0 0 180px;
-        background: url(../../../assets/img/info-bg.png) 0 0/100% 100% no-repeat;
+        background: url(../../../assets/img/info-bg6.png) (0 0)/auto no-repeat,
+                    url(../../../assets/img/info-bg7.png) (25% 140px)/auto no-repeat,
+                    url(../../../assets/img/info-bg4.png) (top right)/auto no-repeat,
+                    url(../../../assets/img/info-bg5.png) (80% 20px)/auto no-repeat,
+                    url(../../../assets/img/info-bg3.png) 0 0/100% 100% no-repeat;
     }
 }
 .main{

src/pages/record/details/index.vue

@@ -22,17 +22,17 @@
                 row-key="reportId"
             >
                 <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
-                <el-table-column prop="id" label="次序" width="120" align="center" type="index"></el-table-column>
+                <el-table-column prop="id" label="次序" width="80" align="center" type="index"></el-table-column>
                 <el-table-column prop="projectName" label="实验项目名称" align="center"></el-table-column>
-                <el-table-column prop="score" label="得分" align="center"></el-table-column>
+                <el-table-column prop="score" width="100" label="得分" align="center"></el-table-column>
-                <el-table-column prop="timeSum" label="耗时" align="center">
+                <el-table-column prop="timeSum" width="100" label="耗时" align="center">
                     <template slot-scope="scope">
                         {{ scope.row.timeSum }}min
                     </template>
                 </el-table-column>
-                <el-table-column prop="startTime" label="起始时间" align="center"></el-table-column>
+                <el-table-column prop="startTime" width="140" label="起始时间" align="center"></el-table-column>
-                <el-table-column prop="submitTime" label="结束时间" align="center"></el-table-column>
+                <el-table-column prop="submitTime" width="140" label="结束时间" align="center"></el-table-column>
-                <el-table-column label="操作" align="center">
+                <el-table-column width="100" label="操作" align="center">
                     <template slot-scope="scope">
                         <el-button type="text" @click="toReport(scope.row)">实验报告</el-button>
                     </template>

src/pages/record/list/ass.vue

@@ -17,8 +17,8 @@
                     {{ scope.row.timeSum }}min
                 </template>
             </el-table-column>
-            <el-table-column prop="startTime" label="起始时间" align="center"></el-table-column>
+            <el-table-column prop="startTime" width="160" label="起始时间" align="center"></el-table-column>
-            <el-table-column prop="submitTime" label="结束时间" align="center"></el-table-column>
+            <el-table-column prop="submitTime" width="160" label="结束时间" align="center"></el-table-column>
             <el-table-column label="操作" width="100" align="center">
                 <template slot-scope="scope">
                     <el-button type="text" @click="toReport(scope.row)">实验成绩报告</el-button>

src/pages/record/list/index.vue

@@ -1,7 +1,6 @@
 <template>
     <!--  实验记录  -->
     <div class="wrap">
-        <div class="inner">
         <div class="block overview">
             <h6 class="l-title">
                 <img src="@/assets/img/record5.png" alt="">
@@ -60,7 +59,6 @@
             <ass v-else :curriculumId.sync="curriculumId" :key="curriculumId"></ass>
         </div>
     </div>
-    </div>
 </template>
 
 <script>
@@ -154,16 +152,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.main .view {
+.wrap {
-    padding: 12px 0 20px;
+    padding: 12px 100px 20px;
-    .inner {
-        width: $min-width;
-        margin: 0 auto;
-    }
 }
 .block {
     padding: 16px;
-    margin-bottom: 20px;
+    margin-bottom: 12px;
     background: #fff;
 }
 .overview {
@@ -171,24 +165,26 @@ export default {
         display: flex;
         justify-content: space-between;
         .item:nth-child(1) {
-            background-image: url('../../../assets/img/record1.png');
+            background: url(../../../assets/img/record1-1.png) (88% 25px)/auto no-repeat,
+                        url(../../../assets/img/record1.png) 0 0/100% 100% no-repeat;
         }
         .item:nth-child(2) {
-            background-image: url('../../../assets/img/record2.png');
+            background: url(../../../assets/img/record2-1.png) (88% 15px)/auto no-repeat,
+                        url(../../../assets/img/record2.png) 0 0/100% 100% no-repeat;
         }
         .item:nth-child(3) {
-            background-image: url('../../../assets/img/record3.png');
+            background: url(../../../assets/img/record3-1.png) (88% 20px)/auto no-repeat,
+                        url(../../../assets/img/record3.png) 0 0/100% 100% no-repeat;
         }
         .item:nth-child(4) {
             margin-right: 0;
-            background-image: url('../../../assets/img/record4.png');
+            background: url(../../../assets/img/record4-1.png) (88% 18px)/auto no-repeat,
+                        url(../../../assets/img/record4.png) 0 0/100% 100% no-repeat;
         }
         .item {
-            flex: 1;
+            width: 22%;
+            min-width: 250px;
             padding: 27px;
-            margin-right: 19px;
-            background-size: 100% 100%;
-            background-repeat: no-repeat;
             .name {
                 margin-top: 12px;
                 color: #fff;

src/pages/record/list/practice.vue

@@ -4,10 +4,10 @@
             <el-table-column prop="id" label="次序" width="60" align="center" type="index"></el-table-column>
             <el-table-column prop="curriculumName" label="课程名称" align="center"></el-table-column>
             <el-table-column prop="projectName" label="实验项目名称" align="center"></el-table-column>
-            <el-table-column prop="hightScore" label="实验最高得分" align="center"></el-table-column>
+            <el-table-column prop="hightScore" width="120" label="实验最高得分" align="center"></el-table-column>
             <el-table-column prop="practiceNum" label="练习次数" width="80" align="center"></el-table-column>
-            <el-table-column prop="duration" label="累计实验时长（小时）" align="center"></el-table-column>
+            <el-table-column prop="duration" width="140" label="累计实验时长（小时）" align="center"></el-table-column>
-            <el-table-column prop="lastTime" label="最近实验时间" align="center"></el-table-column>
+            <el-table-column prop="lastTime" width="140" label="最近实验时间" align="center"></el-table-column>
             <el-table-column prop="creationTime" width="90" label="操作" align="center">
                 <template slot-scope="scope">
                     <el-button type="text" @click="toDetails(scope.row)">实验情况</el-button>