成绩单样式

src/views/pms/product/newGpaPdf.vue

@@ -55,24 +55,28 @@
               :data="userCourseList"
               style="width: 100%"
               :row-style="{ height: '40px' }"
-              :header-cell-style="{ 'text-align': 'center', color: '#333' }"
+              :header-cell-style="{
+                'text-align': 'center',
+                color: '#333',
+                'border-bottom': '2px solid'
+              }"
               :cell-style="{
                 padding: '0px',
                 'text-align': 'center',
                 color: '#333'
               }"
             >
-              <el-table-column label="Course Code" width="160">
+              <el-table-column label="Course Code">
                 <template slot-scope="scope">
                   {{ scope.row.auditCourseCode }}</template
                 >
               </el-table-column>
-              <el-table-column label="Description" width="220">
+              <el-table-column label="Description">
                 <template slot-scope="scope">{{
                   scope.row.courseName
                 }}</template>
               </el-table-column>
-              <el-table-column prop="units" label="CREDITS" width="85">
+              <el-table-column prop="units" label="CREDITS">
                 4.0
               </el-table-column>
               <!-- <el-table-column prop="earned" label="Earned" width="85">
@@ -113,10 +117,15 @@
                   <span v-if="scope.row.gpa < 60">F </span>
                 </template>
               </el-table-column> -->
-              <el-table-column label="Points" width="85">
+              <el-table-column label="Points">
                 <template slot-scope="scope">{{ scope.row.gpa }}</template>
               </el-table-column>
             </el-table>
+            <img
+              class="logo"
+              src="../../../assets/images/成绩单水印.png"
+              alt=""
+            />
           </div>
         </div>
         <div class="end">
@@ -242,7 +251,7 @@ export default {
   height: 0;
 }
 .table >>> .el-table th.el-table__cell > .cell {
-  text-decoration: underline;
+  // text-decoration: underline;
 }
 .container {
   // box-sizing: border-box;
@@ -255,16 +264,21 @@ export default {
     padding-top: 12px;
   }
   .main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     margin-top: 10px;
     margin-left: 200px;
-    border: 2px solid;
+    // border: 2px solid;
     width: 760px;
     height: 1080px;
     margin-bottom: 100px;
+    // background-color: #ecf0f1;
 
     .up {
       height: 295px;
       width: 100%;
+
       // border-bottom: 2px solid;
 
       .title {
@@ -345,10 +359,19 @@ export default {
           padding-left: 25px;
         }
         .table {
+          // display: flex;
+          // flex-direction: column;
+          // align-items: center;
           // margin-top: 20px;
           margin-right: -10px;
           height: 100%;
           width: 100%;
+          .logo {
+            width: 90%;
+            object-fit: contain;
+            margin: 0 auto;
+            margin-top: 60px;
+          }
         }
       }
       .end {