style:评估管理,增加学员导出信息

src/views/research/ManagePage.vue

@@ -52,6 +52,10 @@
     <div class="up down">
       <div class="header">
         <div class="text">学员情况</div>
+        <div class="btn btn2">
+          <div class="img2"></div>
+          <div class="wz">导出信息</div>
+        </div>
       </div>
       <!-- 表格 -->
       <div class="tableBox">
@@ -215,7 +219,10 @@ export default {
     .header {
       width: 100%;
       display: flex;
-      flex-direction: column;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      padding-right: 38px;
       border-bottom: 1px solid #f2f6fc;
       .text {
         font-size: 16px;
@@ -315,5 +322,44 @@ export default {
       }
     }
   }
+
+  .btn {
+    cursor: pointer;
+    width: 130px;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .img1 {
+      width: 15px;
+      height: 17px;
+      background-image: url(../../assets/images/courseManage/search0.png);
+      background-size: 100% 100%;
+      margin-right: 7px;
+    }
+
+    .img2 {
+      width: 16px;
+      height: 18px;
+      background-image: url(../../assets/images/coursewareManage/export.png);
+      background-size: 100% 100%;
+      margin-right: 7px;
+    }
+  }
+
+  .btn1 {
+    background: #4ea6ff;
+
+    color: #ffffff;
+  }
+
+  .btn2 {
+    background: #ffffff;
+
+    color: #4ea6ff;
+    border: 1px solid #4ea6ff;
+  }
 }
 </style>