|
|
@@ -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);
|
