refactor(系统设置): 成员列表对话框优化

frontend/src/business/components/settings/organization/OrganizationWorkspace.vue

@@ -71,9 +71,12 @@
     <el-dialog :close-on-click-modal="false" :visible.sync="dialogWsMemberVisible" width="70%" :destroy-on-close="true"
                @close="close"
                class="dialog-css">
+      <template v-slot:title>
         <ms-table-header :condition.sync="dialogCondition" @create="addMember" @search="dialogSearch"
                          :create-permission="['ORGANIZATION_WORKSPACE:READ+CREATE', 'ORGANIZATION_WORKSPACE:READ+EDIT']"
                          :create-tip="$t('member.create')" :title="$t('commons.member')"/>
+      </template>
+
       <!-- organization member table -->
       <el-table :data="memberLineData" style="width: 100%;margin-top: 5px;">
         <el-table-column prop="name" :label="$t('commons.username')"/>
@@ -418,7 +421,7 @@ export default {
       pageSize: 10,
       total: 0,
       dialogCurrentPage: 1,
-      dialogPageSize: 10,
+      dialogPageSize: 5,
       dialogTotal: 0,
       memberLineData: [],
       memberForm: {},
@@ -481,9 +484,9 @@ export default {
   font-size: 13px;
 }
 
-.dialog-css >>> .el-dialog__header {
+/*.dialog-css >>> .el-dialog__header {*/
-  padding: 0px;
+/*  padding: 0px;*/
-}
+/*}*/
 
 .input-with-autocomplete {
   width: 100%;

frontend/src/business/components/settings/system/Organization.vue

@@ -40,8 +40,10 @@
     <el-dialog :close-on-click-modal="false" :visible.sync="dialogOrgMemberVisible" width="70%" :destroy-on-close="true"
                @close="closeFunc"
                class="dialog-css">
+      <template v-slot:title>
         <ms-table-header :condition.sync="dialogCondition" @create="addMember" @search="dialogSearch"
                          :create-tip="$t('member.create')" :title="$t('commons.member')"/>
+      </template>
       <!-- organization member table -->
       <el-table :border="true" class="adjust-table" :data="memberLineData" style="width: 100%;margin-top:5px;">
         <el-table-column prop="id" label="ID"/>
@@ -211,7 +213,7 @@ export default {
       pageSize: 10,
       total: 0,
       dialogCurrentPage: 1,
-      dialogPageSize: 10,
+      dialogPageSize: 5,
       dialogTotal: 0,
       currentRow: {},
       screenHeight: 'calc(100vh - 195px)',
@@ -467,8 +469,8 @@ export default {
   width: 100%;
 }
 
-.dialog-css >>> .el-dialog__header {
+/*.dialog-css >>> .el-dialog__header {*/
-  padding: 0;
+/*  padding: 0;*/
-}
+/*}*/
 
 </style>

frontend/src/business/components/settings/system/SystemWorkspace.vue

@@ -98,8 +98,10 @@
     <!-- dialog of workspace member -->
     <el-dialog :close-on-click-modal="false" :visible.sync="dialogWsMemberVisible" width="70%" :destroy-on-close="true"
                @close="closeWsMemberDialog" class="dialog-css">
+      <template v-slot:title>
         <ms-table-header :condition.sync="dialogCondition" @create="addMember" @search="dialogSearch"
                          :create-tip="$t('member.create')" :title="$t('commons.member')"/>
+      </template>
       <!-- organization member table -->
       <el-table :data="memberLineData" style="width: 100%;margin-top: 5px;">
         <el-table-column prop="id" label="ID"/>
@@ -445,7 +447,7 @@ export default {
       pageSize: 10,
       total: 0,
       dialogCurrentPage: 1,
-      dialogPageSize: 10,
+      dialogPageSize: 5,
       dialogTotal: 0,
       memberLineData: [],
       memberForm: {},
@@ -512,9 +514,9 @@ export default {
   width: 100%;
 }
 
-.dialog-css >>> .el-dialog__header {
+/*.dialog-css >>> .el-dialog__header {*/
-  padding: 0;
+/*  padding: 0;*/
-}
+/*}*/
 
 </style>
 

frontend/src/business/components/settings/system/group/GroupMember.vue

@@ -4,8 +4,10 @@
                :destroy-on-close="true" @close="close" v-loading="result.loading"
                class="group-member"
     >
+      <template v-slot:title>
         <ms-table-header :condition.sync="condition" @create="addMemberBtn" @search="search"
                          :create-tip="$t('member.create')" :title="$t('commons.member')"/>
+      </template>
       <el-table :border="true" class="adjust-table" :data="memberData" style="width: 100%;margin-top:5px;">
         <el-table-column prop="id" label="ID"/>
         <el-table-column prop="name" :label="$t('commons.username')" show-overflow-tooltip/>
@@ -291,9 +293,9 @@ export default {
 </script>
 
 <style scoped>
-.group-member >>> .el-dialog__header {
+/*.group-member >>> .el-dialog__header {*/
-  padding: 0;
+/*  padding: 0;*/
-}
+/*}*/
 
 .user-select-left {
   float: left;

frontend/src/business/components/settings/workspace/MsProject.vue

@@ -142,9 +142,11 @@
     <el-dialog :close-on-click-modal="false" :visible.sync="memberVisible" width="70%" :destroy-on-close="true"
                @close="close"
                class="dialog-css">
-      <div style="height: 60vh;overflow: auto">
+      <template v-slot:title>
         <ms-table-header :condition.sync="dialogCondition" @create="open" @search="list" :have-search="false"
                          :create-tip="$t('member.create')" :title="$t('commons.member')"/>
+      </template>
+      <div>
         <!-- organization member table -->
         <el-table :data="memberLineData" style="width: 100%;margin-top: 5px;">
           <el-table-column prop="name" :label="$t('commons.username')"/>
@@ -302,7 +304,7 @@ export default {
       memberLineData: [],
       memberForm: {},
       dialogCurrentPage: 1,
-      dialogPageSize: 10,
+      dialogPageSize: 5,
       dialogTotal: 0,
       currentProjectId: "",
       userList: [],
@@ -629,9 +631,9 @@ pre {
   font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
 }
 
-.dialog-css >>> .el-dialog__header {
+/*.dialog-css >>> .el-dialog__header {*/
-  padding: 0px;
+/*  padding: 0px;*/
-}
+/*}*/
 
 .select-width {
   width: 100%;