style:修改面授课

src/components/student/TableStudent.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="TableStudent">
     <a-row
       type="flex"
       gutter="12"
@@ -54,7 +54,7 @@
         </CommonStudent>
       </a-col>
       <!-- 新加导入学员 批量换组 导出学习信息  -->
-      <a-col :span="1.5">
+      <a-col :span="1.5" v-if="type === 1 || type === 2">
         <a-button class="cus-btn white">
           <template #icon
             ><img
@@ -86,6 +86,52 @@
           批量调整关卡
         </a-button>
       </a-col>
+      <!-- 新加批量操作、导出、导出作业 -->
+      <a-col :span="1.5" v-if="type === 3" class="batchOpera">
+        <div class="stmm_btn btn4" @click="hideShow">
+          <div class="btn4_sub">
+            <span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span>
+            <div
+              class="b_zk"
+              :style="{ display: hideshow ? 'block' : 'none' }"
+            ></div>
+            <div
+              class="b_sq"
+              :style="{ display: hideshow ? 'none' : 'block' }"
+            ></div>
+          </div>
+          <div
+            class="btn4_sup"
+            :style="{ display: hideshow ? 'none' : 'block' }"
+          >
+            <div class="btnsbox">
+              <div class="btn4_tit" @click="handleAllJion">
+                <span>批量录入成绩</span>
+              </div>
+              <div class="btn4_op1" @click="handleAllover">
+                <span>批量结业</span>
+              </div>
+              <div class="btn4_op2" @click="handleAllSuc">
+                <span>批量通过</span>
+              </div>
+              <div class="btn4_op3" @click="handleAllReject">
+                <span>批量拒绝</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="stmm_btn btn5" @click="handleExportStu">
+          <div class="export"></div>
+          <div class="btnText">导出</div>
+        </div>
+        <div
+          class="stmm_btn btn5"
+          style="margin-left: 15px"
+          @click="handleExportStu"
+        >
+          <div class="btnText">导出作业</div>
+        </div>
+      </a-col>
     </a-row>
     <div style="margin-top: 20px">
       <a-table
@@ -117,7 +163,7 @@
             <a-col>
               <slot name="extension" v-bind:data="{ record }"></slot>
             </a-col>
-            <!-- 新加 -->
+            <!-- 新加 换组 通过 拒绝-->
             <a-col v-if="type === 1">
               <div
                 style="
@@ -131,6 +177,32 @@
                 换组
               </div>
             </a-col>
+            <a-col v-if="type === 3">
+              <div
+                style="
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  text-align: center;
+                  margin-left: 10px;
+                  cursor: pointer;
+                "
+              >
+                通过
+              </div>
+            </a-col>
+            <a-col v-if="type === 3">
+              <div
+                style="
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  text-align: center;
+                  margin-left: 10px;
+                  cursor: pointer;
+                "
+              >
+                拒绝
+              </div>
+            </a-col>
             <a-col>
               <div
                 @click="del(record.id)"
@@ -306,7 +378,7 @@ const tablecolumns = ref([
     title: "加入方式",
     dataIndex: "source",
     key: "source",
-    width: 100,
+    width: "15%",
     align: "center",
     customRender: ({ record: { source } }) =>
       ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
@@ -316,7 +388,7 @@ const tablecolumns = ref([
     title: "操作",
     dataIndex: "operation",
     key: "operation",
-    width: 170,
+    width: 210,
     align: "center",
     slots: { customRender: "action" },
   },
@@ -478,8 +550,24 @@ const projectId = ref(null);
 
 // 	console.log(checkStuId.value, projectId.value)
 // }
+
+//面授课批量操作
+const hideshow = ref(true);
+const hideShow = () => {
+  if (hideshow.value == true) {
+    hideshow.value = false;
+  } else {
+    hideshow.value = true;
+  }
+};
 </script>
 <style lang="scss">
+.TableStudent {
+  table tr th.ant-table-selection-column,
+  table tr td.ant-table-selection-column {
+    padding-left: 3px;
+  }
+}
 .stydentName {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -553,7 +641,113 @@ const projectId = ref(null);
     rgba(78, 166, 255, 0) 100%
   );
 }
+.batchOpera {
+  display: flex;
+  .stmm_btn {
+    width: 100px;
+    height: 40px;
+    margin-right: 14px;
+    background: #ffffff;
+    border: 1px solid #4ea6ff;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    cursor: pointer;
 
+    .btnText {
+      color: #4ea6ff;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 40px;
+    }
+  }
+
+  .btn4 {
+    display: flex;
+    width: 130px;
+    flex-direction: column;
+    position: relative;
+
+    .btn4_sub {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .b_zk {
+        width: 10px;
+        height: 8px;
+        background-image: url("@/assets/images/coursewareManage/down.png");
+        background-size: 100% 100%;
+      }
+
+      .b_sq {
+        width: 10px;
+        height: 8px;
+        background-image: url("@/assets/images/coursewareManage/up.png");
+        background-size: 100% 100%;
+      }
+    }
+
+    .btn4_sup {
+      width: 100%;
+      background-color: #ffffff;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+      position: absolute;
+      top: 40px;
+      z-index: 999;
+
+      .btnsbox {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        .btn4_tit {
+          margin: 10px auto;
+          white-space: nowrap;
+        }
+
+        .btn4_op1,
+        .btn4_op2,
+        .btn4_op3 {
+          margin-bottom: 10px;
+          white-space: nowrap;
+        }
+        .btn4_tit:hover,
+        .btn4_op1:hover,
+        .btn4_op2:hover,
+        .btn4_op3:hover {
+          color: #4ea6ff;
+        }
+      }
+    }
+  }
+
+  .btn5 {
+    margin-right: 0px;
+
+    .export {
+      width: 17px;
+      height: 18px;
+      margin-right: 5px;
+      background-image: url("@/assets/images/coursewareManage/export.png");
+    }
+  }
+
+  .btn5:hover {
+    background: #4ea6ff;
+
+    .export {
+      background-image: url("@/assets/images/coursewareManage/export1.png");
+    }
+
+    .btnText {
+      color: #ffffff;
+    }
+  }
+}
 /*.delete {
   z-index: 9999;
   width: 424px;