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

src/components/drawers/AssessmentList.vue

@@ -24,7 +24,7 @@
             <div class="fi_input">
               <a-input
                 v-model:value="inputV1"
-                style="width: 424px; height: 40px"
+               style="width: 424px; height: 40px; border-radius: 8px;"
                 placeholder="请输入评估名称"
                 maxlength="20"
               />
@@ -38,7 +38,8 @@
               <div class="btnText">重置</div>
             </div>
           </div>
-          <div class="main_item2">
+         
+        <div class="main_table">
             <a-table
               style="border: 1px solid #f2f6fe"
               :columns="tableDataFunc()"
@@ -50,10 +51,10 @@
               :row-selection="rowSelection"
               filterMultiple:false
             />
-
+            <div class="tableBox">
             <div class="pa">
               <a-pagination
-                showSizeChanger="true"
+                :showSizeChanger="false"
                 showQuickJumper="true"
                 hideOnSinglePage="true"
                 :pageSize="pageSize"
@@ -62,10 +63,15 @@
                 class="pagination"
                 @change="handelChangePage"
               />
-            </div>
+            </div></div>
           </div>
         </div>
       </div>
+      <div class="main_btns">
+            <button class="btn1" @click="closeDrawer">取消</button>
+            <button class="btn2" @click="submitCheck">确定</button>
+          </div>
+  
     </div>
   </a-drawer>
 </template>
@@ -82,10 +88,14 @@ export default {
       type: Boolean,
       default: false,
     },
-    isface: {
+    assessmentId: {
       type: Number,
       default: null,
     },
+    assessmentName: {
+      type: String,
+      default: null,
+    },
   },
   setup(props, ctx) {
     const state = reactive({
@@ -97,6 +107,8 @@ export default {
       tableDataTotal: 0,
       tableData: [],
       selectedRowKeys: [],
+      assessmentName:null,
+      assessmentId:null,
     });
     const closeDrawer = () => {
       ctx.emit("update:assessmentVisible", false);
@@ -114,9 +126,9 @@ export default {
           dataIndex: "name",
           // width: "30%",
           key: "name",
-          width: "20%",
-          align: "left",
+          width: "40%",
           className: "classify",
+          ellipsis: true,
         },
         {
           title: "题数",
@@ -147,21 +159,17 @@ export default {
       onSelect: (selectedRows) => {
         state.assessment = selectedRows;
         console.log("selectedRows=======", state.assessment);
-        if (props.isface == 1) {
-          ctx.emit("faceAssess", state.assessment);
-        } else {
           ctx.emit("checkedAss", state.assessment);
-        }
-
-        state.selectedRowKeys = [];
-        closeDrawer();
+           state.selectedRowKeys = [];
+            
       },
     };
-    // const onSelectChange = (selectedRowKeys) => {
-    //   if(selectedRowKeys.length>2){return}
-    //   state.selectedRowKeys = selectedRowKeys;
-    // };
-
+    const submitCheck=()=>{
+      ctx.emit("update:assessmentId", state.assessment.assessmentId);
+      ctx.emit("update:assessmentName", state.assessment.name);
+      closeDrawer();
+    }
+  
     const handelChangePage = (page, pageSize) => {
       state.currentPage = page;
       state.pageSize = pageSize;
@@ -174,7 +182,8 @@ export default {
         let obj = {
           key: index,
           assessmentId: value.assessmentId,
-          num: value.essayQuestionVoList.length,
+          num: Number(value.essayQuestionVoList.length)+Number(value.multipleStemVoList.length)+Number(value.scoringQuestionVoList
+.length)+Number(value.singleStemVoList.length),
           name: value.assessmentName ? value.assessmentName : "-",
           creator: value.createUser ? value.createUser : "-",
           time: dayjs(value.createTime).format("YYYY-MM-DD"),
@@ -219,6 +228,7 @@ export default {
       getAllInvistText,
       resetInvist,
       handelChangePage,
+      submitCheck,
     };
   },
 };
@@ -319,6 +329,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%;