fix:解决弹框问题

@@ -547,7 +547,7 @@ defineExpose({
 <template>
   <el-dialog v-model="dialogVisible" :title="dialogTitle" :width="dialogSize" :show-close="showClose"
     :modal="dialogModal" :close-on-click-modal="modalClose" :modal-class="dialogModalClass" destroy-on-close
-    align-center :before-close="beforeClose" @close="dialogClose">
+    align-center :before-close="beforeClose" @close="dialogClose" :append-to-body="dialogInfo?.appendToBody ?? false">
     <template v-if="headerSearchInputVisible" #header="{ titleId, titleClass }">
       <span :id="titleId" :class="titleClass">{{ dialogTitle }}</span>
       <el-input class="header_search_input" v-model.trim="headerSearchInputValue"

@@ -58,6 +58,7 @@ onMounted(() => {
 
 const verifyDialogInfo = ref({
   visible: false,
+  appendToBody: true,
   size: 600,
   direction: "column",
   header: {
@@ -165,7 +166,9 @@ const verifyDialogBtnClick = (btn, info) => {
       </template>
     </el-popover>
 
-    <Dialog :dialogInfo="verifyDialogInfo" @btnClick="verifyDialogBtnClick">
+    
+<teleport to="body" v-if="verifyDialogInfo.visible">
+  <Dialog :dialogInfo="verifyDialogInfo" @btnClick="verifyDialogBtnClick">
       <div class="row-main">
         <div class="per" :class="selectRole == USERROLE.USE ? 'selected' : ''" @click="selectRole = USERROLE.USE">
           <div class="img-use"></div>
@@ -183,6 +186,7 @@ const verifyDialogBtnClick = (btn, info) => {
             </div>
       </div>
     </Dialog>
+</teleport>
   </div>
 </template>
 <style lang="scss" scoped>