页面button颜色统一，表格不可选择页面数量

src/components/drawers/SelFacet.vue

@@ -24,7 +24,7 @@
               <div class="fi_input">
                 <a-input
                     v-model:value="name"
-                    style="width: 240px; height: 40px; border-radius: 8px"
+                    style="width: 424px; height: 40px; border-radius: 8px;"
                     placeholder="请输入课程名称"
                 />
               </div>
@@ -115,10 +115,11 @@
               :loading="tableDataTotal === -1 ? true : false"
               :pagination="false"
           />
+          <div class="tableBox">
           <div class="pa" style="display:flex;justify-content:center;padding:20px;">
             <a-pagination
                 v-if="tableDataTotal > 10"
-                showSizeChanger="true"
+                :showSizeChanger="false"
                 showQuickJumper="true"
                 hideOnSinglePage="true"
                 :pageSize="pageSize"
@@ -127,10 +128,13 @@
                 class="pagination"
                 @change="changePaginationStu"
             />
-          </div>
+          </div></div>
         </div>
       </div>
-
+      <div class="main_btns">
+        <button class="btn1" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="submitCourse">确定</button>
+      </div>
     </div>
   </a-drawer>
 </template>
@@ -140,47 +144,48 @@ import {reactive, toRefs, computed} from "vue";
 // import { planList } from "../../api/indexTaskadd";
 //import {detail} from "../../api/indexCourse";
 import {list} from "../../api/indexTaskadd";
-import {toDate} from "../../api/method";
+
 
 const columns1 = [
-  {
-    title: "课程编号",
-    width: "20%",
-    dataIndex: "num",
-    key: "num",
-    align: "center",
-  },
+ // {
+//    title: "课程编号",
+  //  title: "课程编号",
+ //   width: "20%",
+ //   dataIndex: "num",
+  //  key: "num",
+ ////   align: "center",
+//  },
   {
     title: "名称",
-    width: "20%",
+    width: "30%",
     dataIndex: "name",
     key: "name",
-    align: "center",
+    
   },
   {
     title: "内容分类",
-    width: "13%",
+    width: "15%",
     dataIndex: "content",
     key: "content",
     align: "center",
   },
   {
     title: "授课教师",
-    width: "13%",
+    width: "15%",
     dataIndex: "teacher",
     key: "teacher",
     align: "center",
   },
   {
     title: "创建人",
-    width: "13%",
+    width: "15%",
     dataIndex: "creator",
     key: "creator",
     align: "center",
   },
   {
-    title: "完成时间",
-    width: "20%",
+    title: "发布时间",
+    width: "25%",
     dataIndex: "time",
     key: "time",
     align: "center",
@@ -246,7 +251,6 @@ export default {
           state.chooseCourse = selectedRows.num;
           state.chooseCourseName = selectedRows.name;
           console.log(selectedRows, "==========", state.chooseCourse);
-          closeDrawer();
         },
         onChange: (selectedRows) => {
           console.log('onChange')
@@ -254,11 +258,14 @@ export default {
         },
       }
     })
-
-    const closeDrawer = () => {
-      ctx.emit("update:selfacetVisible", false);
+    const submitCourse=()=>{
       state.chooseCourse && ctx.emit("update:chooseCourse", state.chooseCourse);
       state.chooseCourseName && ctx.emit("update:chooseCourseName", state.chooseCourseName);
+          closeDrawer();
+    }
+    const closeDrawer = () => {
+      ctx.emit("update:selfacetVisible", false);
+     
     };
     const afterVisibleChange = (bool) => {
       if (bool) {
@@ -309,7 +316,7 @@ export default {
           name: value.name || "-",
           teacher: value.teacher || "-",
           creator: value.createName || "-",
-          time: toDate(value.publishTime / 1000, "Y-M-D h:m"),
+          time: value.publishTime,
           categoryId: value.categoryId,
           //需要判断content
         };
@@ -368,6 +375,7 @@ export default {
       changePaginationStu,
       rowSelection,
       search,
+      submitCourse,
       // change,
     };
   },
@@ -399,7 +407,7 @@ export default {
     .contentMain {
       .main_items {
         display: flex;
-        justify-content: space-between;
+    
         margin-bottom: 12px;
         margin-top: 32px;
         flex-wrap: wrap;
@@ -484,7 +492,7 @@ export default {
             }
 
             .btnText {
-              color: #388be1;
+              color: #4ea6ff;
             }
           }
 
@@ -520,7 +528,7 @@ export default {
           }
 
           .data {
-            color: #388be1;
+            color: #4ea6ff;
           }
 
           .notice_icon {
@@ -538,7 +546,37 @@ export default {
         }
       }
     }
-
+    .main_table {
+        position: relative;
+        padding-bottom: 80px;
+        .ant-checkbox-wrapper {
+          align-items: center;
+          margin-top: -2px;
+        }
+        .ant-table-selection-column {
+          padding: 0px !important;
+          padding-left: 5px !important;
+        }
+        .ant-table-thead > tr > th {
+          background-color: rgba(239, 244, 252, 1);
+        }
+        th.h {
+          background-color: #eff4fc !important;
+        }
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .pa {
+          left: 0;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          position: absolute;
+          bottom: 20px;
+        }
+      }
     .main_btns {
       height: 72px;
       width: 100%;