团队管理

src/views/expert/list/index.vue

@@ -402,7 +402,7 @@
       </template>
     </Dialog>
 
-    <Dialog v-model="teamDialogVisible" title="选择所属团队" width="70%">
+    <Dialog v-model="teamDialogVisible" title="选择所属团队" width="70%" class="team-picker-dialog">
       <el-form :inline="true" :model="teamQueryParams" class="-mb-15px">
         <el-form-item label="团队名称">
           <el-input
@@ -424,7 +424,7 @@
         </el-form-item>
       </el-form>
 
-      <div style="margin-bottom: 20px">
+      <div class="team-picker-table-wrap">
         <el-table
           ref="teamTableRef"
           v-loading="teamLoading"
@@ -436,9 +436,7 @@
           <el-table-column label="团队名称" prop="teamName" min-width="180" />
           <el-table-column label="团队概述" prop="summary" min-width="240" show-overflow-tooltip />
         </el-table>
-      </div>
 
-      <div style="margin-top: 20px">
         <Pagination
           v-model:page="teamQueryParams.pageNo"
           v-model:limit="teamQueryParams.pageSize"
@@ -448,8 +446,10 @@
       </div>
 
       <template #footer>
-        <el-button @click="teamDialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="confirmTeamSelection">确 定</el-button>
+        <div class="team-picker-footer">
+          <el-button @click="teamDialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="confirmTeamSelection">确 定</el-button>
+        </div>
       </template>
     </Dialog>
   </div>
@@ -950,6 +950,36 @@ onMounted(async () => {
   flex: 1;
 }
 
+// .team-picker-table-wrap {
+//   margin-top: 8px;
+//   margin-bottom: 12px;
+// }
+
+.team-picker-pagination-wrap {
+  margin-top: 16px;
+}
+
+:deep(.team-picker-dialog .el-dialog__footer) {
+  border-top: none;
+  padding-top: 8px;
+}
+
+:deep(.team-picker-table) {
+  margin-bottom: 0;
+}
+
+:deep(.team-picker-pagination) {
+  margin-top: 0;
+}
+
+.team-picker-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  width: 100%;
+  padding-top: 12px;
+}
+
 .search-layout {
   display: grid;
   grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);