用户管理页面，修复下拉框被遮挡问题

src/views/modules/sys/userInfo/UserInfoForm.vue

@@ -374,7 +374,6 @@
           class="vxe-table-element"
           :data="sysUserEducations"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -394,7 +393,7 @@
           <vxe-table-column field="education" title="学历"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_education')}">
             <template v-slot:edit="scope" >
-              <vxe-select v-model="scope.row.education">
+              <vxe-select v-model="scope.row.education" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_education')"
                   :key="item.value"
@@ -407,7 +406,7 @@
           <vxe-table-column field="degree" title="学位"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_degree')}">
             <template v-slot:edit="scope" >
-              <vxe-select v-model="scope.row.degree">
+              <vxe-select v-model="scope.row.degree" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_degree')"
                   :key="item.value"
@@ -420,7 +419,7 @@
           <vxe-table-column field="educationType" title="学历性质"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_education_type')}">
             <template v-slot:edit="scope" >
-              <vxe-select v-model="scope.row.educationType">
+              <vxe-select v-model="scope.row.educationType" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_education_type')"
                   :key="item.value"
@@ -432,12 +431,12 @@
           </vxe-table-column>
           <vxe-table-column field="entranceDate" title="入学日期" :edit-render="{}">
             <template v-slot:edit="scope" >
-              <vxe-input v-model="scope.row.entranceDate" placeholder="入学日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.entranceDate" placeholder="入学日期" type="date" transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="graduationDate" title="毕业日期" :edit-render="{}">
             <template v-slot:edit="scope" >
-              <vxe-input v-model="scope.row.graduationDate" placeholder="毕业日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.graduationDate" placeholder="毕业日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="educationCertificateUrl" title="学历证书" :edit-render="{}">
@@ -493,7 +492,6 @@
           class="vxe-table-element"
           :data="sysUserContracts"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -503,7 +501,7 @@
         <vxe-table-column field="contractType" title="合同类型"
                           :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_contract_type')}">
           <template v-slot:edit="scope">
-            <vxe-select v-model="scope.row.contractType">
+            <vxe-select v-model="scope.row.contractType" transfer>
               <vxe-option
                 v-for="item in $dictUtils.getDictList('sys_user_contract_type')"
                 :key="item.value"
@@ -525,22 +523,22 @@
         </vxe-table-column>
         <vxe-table-column field="contractBeginDate" title="合同起始日期" :edit-render="{}">
           <template v-slot:edit="scope">
-            <vxe-input v-model="scope.row.contractBeginDate" placeholder="合同起始日期" type="date"></vxe-input>
+            <vxe-input v-model="scope.row.contractBeginDate" placeholder="合同起始日期" type="date"transfer></vxe-input>
           </template>
         </vxe-table-column>
         <vxe-table-column field="contractEndDate" title="合同终止日期" :edit-render="{}">
           <template v-slot:edit="scope">
-            <vxe-input v-model="scope.row.contractEndDate" placeholder="合同终止日期" type="date"></vxe-input>
+            <vxe-input v-model="scope.row.contractEndDate" placeholder="合同终止日期" type="date"transfer></vxe-input>
           </template>
         </vxe-table-column>
         <vxe-table-column field="probationEndDate" title="试用期结束日期" :edit-render="{}">
           <template v-slot:edit="scope">
-            <vxe-input v-model="scope.row.probationEndDate" placeholder="试用期结束日期" type="date"></vxe-input>
+            <vxe-input v-model="scope.row.probationEndDate" placeholder="试用期结束日期" type="date"transfer></vxe-input>
           </template>
         </vxe-table-column>
         <vxe-table-column field="processingDate" title="办理日期" :edit-render="{}">
           <template v-slot:edit="scope">
-            <vxe-input v-model="scope.row.processingDate" placeholder="办理日期" type="date"></vxe-input>
+            <vxe-input v-model="scope.row.processingDate" placeholder="办理日期" type="date"transfer></vxe-input>
           </template>
         </vxe-table-column>
           <vxe-table-column field="fileUrl" title="文件" :edit-render="{}">
@@ -580,7 +578,6 @@
           class="vxe-table-element"
           :data="sysUserLanguages"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -589,7 +586,7 @@
           <vxe-table-column field="languages" title="语种"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_languages')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.languages">
+              <vxe-select v-model="scope.row.languages" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_languages')"
                   :key="item.value"
@@ -602,7 +599,7 @@
           <vxe-table-column field="level" title="熟练程度"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_proficiency')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.level">
+              <vxe-select v-model="scope.row.level" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_proficiency')"
                   :key="item.value"
@@ -619,7 +616,7 @@
           </vxe-table-column>
           <vxe-table-column field="getDate" title="获证日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.getDate" placeholder="获证日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.getDate" placeholder="获证日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="fileUrl" title="文件" :edit-render="{}">
@@ -659,7 +656,6 @@
           class="vxe-table-element"
           :data="sysUserWorks"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -682,12 +678,12 @@
           </vxe-table-column>
           <vxe-table-column field="beginDate" title="起始日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.beginDate" placeholder="起始日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.beginDate" placeholder="起始日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="endDate" title="终止日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.endDate" placeholder="终止日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.endDate" placeholder="终止日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="witness" title="证明人" :edit-render="{}">
@@ -721,7 +717,6 @@
           class="vxe-table-element"
           :data="sysUserCertificates"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -730,7 +725,7 @@
           <vxe-table-column field="certificateName" title="证书名称"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_certificate_name')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.certificateName">
+              <vxe-select v-model="scope.row.certificateName" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_certificate_name')"
                   :key="item.value"
@@ -747,12 +742,12 @@
           </vxe-table-column>
           <vxe-table-column field="regineDate" title="注册日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.regineDate" placeholder="注册日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.regineDate" placeholder="注册日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="issueDate" title="发证日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.issueDate" placeholder="发证日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.issueDate" placeholder="发证日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="issuingAuthority" title="发证机关" :edit-render="{}">
@@ -763,7 +758,7 @@
           <vxe-table-column field="major" title="专业"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_major')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.major">
+              <vxe-select v-model="scope.row.major" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_major')"
                   :key="item.value"
@@ -810,7 +805,6 @@
           class="vxe-table-element"
           :data="sysUserTitles"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -828,7 +822,7 @@
           </vxe-table-column>
           <vxe-table-column field="getDate" title="取得日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.getDate" placeholder="取得日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.getDate" placeholder="取得日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="getAccess" title="取得途径" :edit-render="{}">
@@ -878,7 +872,6 @@
           class="vxe-table-element"
           :data="sysUserFamilys"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -902,7 +895,7 @@
           <vxe-table-column field="sex" title="成员性别"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sex')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.sex">
+              <vxe-select v-model="scope.row.sex" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sex')"
                   :key="item.value"
@@ -938,7 +931,6 @@
           class="vxe-table-element"
           :data="sysUserTrains"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -961,18 +953,18 @@
           </vxe-table-column>
           <vxe-table-column field="trainBeginDate" title="培训起始日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.trainBeginDate" placeholder="培训起始日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.trainBeginDate" placeholder="培训起始日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="trainEndDate" title="培训终止日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.trainEndDate" placeholder="培训终止日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.trainEndDate" placeholder="培训终止日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="trainLevel" title="培训类型"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_training_type')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.trainLevel">
+              <vxe-select v-model="scope.row.trainLevel" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_training_type')"
                   :key="item.value"
@@ -1034,7 +1026,6 @@
           class="vxe-table-element"
           :data="sysUserDuties"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -1047,12 +1038,12 @@
           </vxe-table-column>
           <vxe-table-column field="postBeginDate" title="任职开始日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.postBeginDate" placeholder="任职开始日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.postBeginDate" placeholder="任职开始日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="postEndDate" title="任职结束日期" :edit-render="{}">
             <template v-slot:edit="scope">
-              <vxe-input v-model="scope.row.postEndDate" placeholder="任职结束日期" type="date"></vxe-input>
+              <vxe-input v-model="scope.row.postEndDate" placeholder="任职结束日期" type="date"transfer></vxe-input>
             </template>
           </vxe-table-column>
           <vxe-table-column field="postOffice" title="任职机构" :edit-render="{}">
@@ -1081,7 +1072,6 @@
           class="vxe-table-element"
           :data="sysUserRewards"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -1090,7 +1080,7 @@
           <vxe-table-column field="rewardsType" title="奖惩类型"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_rewards')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.rewardsType">
+              <vxe-select v-model="scope.row.rewardsType" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_rewards')"
                   :key="item.value"
@@ -1146,7 +1136,6 @@
           class="vxe-table-element"
           :data="sysUserAchievements"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -1175,7 +1164,7 @@
           <vxe-table-column field="post" title="担任职务"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_post')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.post">
+              <vxe-select v-model="scope.row.post" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_post')"
                   :key="item.value"
@@ -1211,7 +1200,6 @@
           class="vxe-table-element"
           :data="sysUserArchives"
           style="margin-left: 5em"
-          height="500"
           @cell-click="dbclickFun"
           @edit-closed=""
           highlight-current-row
@@ -1220,7 +1208,7 @@
           <vxe-table-column field="archivesName" title="项目名称"
                             :edit-render="{name: '$select', options: $dictUtils.getDictList('sys_user_archives')}">
             <template v-slot:edit="scope">
-              <vxe-select v-model="scope.row.archivesName">
+              <vxe-select v-model="scope.row.archivesName" transfer>
                 <vxe-option
                   v-for="item in $dictUtils.getDictList('sys_user_archives')"
                   :key="item.value"
@@ -2219,6 +2207,12 @@
   .tid_45 .vxe-header--row .col--last{
     text-align: center;
   }
+  .vxe-select--panel {
+    z-index: 9997 !important
+  }
+  .vxe-input--panel.type--date, .vxe-input--panel.type--month, .vxe-input--panel.type--week, .vxe-input--panel.type--year {
+    z-index: 9998 !important
+  }
 </style>
 
 <style scoped>