style:背景颜色,默认返回页

src/components/drawers/StuAdd.vue

@@ -18,7 +18,7 @@
       <div class="main">
         <div class="left">
           <div class="tabs">
-            <a-tabs v-model:activeKey="activeKey">
+            <a-tabs v-model:activeKey="stuaddTab" @change="stuaddChange">
               <a-tab-pane key="1" tab="快速选人">
                 <div class="tab1">
                   <div class="nameinp">
@@ -60,7 +60,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 560, y: 560 }"
+                    :scroll="{ x: 540, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -201,6 +201,7 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
+      stuaddTab: "1",
       organizeList: [
         {
           id: 1,
@@ -392,6 +393,10 @@ export default {
           width: 40,
           align: "center",
           className: "h",
+          sorter: {
+            compare: (a, b) => a.time - b.time,
+            multiple: 3,
+          },
         },
         {
           title: "人数",
@@ -421,8 +426,13 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:Stuvisible", false);
+      state.stuaddTab = "1";
     };
 
+    const stuaddChange = (e) => {
+      state.stuaddTab = e;
+    }
+
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
@@ -432,6 +442,7 @@ export default {
       afterVisibleChange,
       closeDrawer,
       // change,
+      stuaddChange,
     };
   },
 };
@@ -439,6 +450,9 @@ export default {
 
 <style scoped lang="scss" >
 .stuadd {
+  .ant-pagination-options {
+    margin-top: 10px !important;
+   }
   .ant-drawer-content-wrapper {
     // max-width: 1000px;
     .ant-drawer-header {