fix：修复实名认证弹出框

src/views/userCenter/components/VerifyType.vue

 <template>
   <div class="verify-bg" @click.stop>
-    <h1>选择验证方式</h1>
+    <!-- <h1>选择验证方式</h1> -->
     <el-radio-group v-model="select" class="select-box">
       <el-radio :label="1">企业认证</el-radio>
       <el-radio :label="2">个人认证</el-radio>
     </el-radio-group>
-    <div class="dialog-btn flex items-center justify-end">
+    <!-- <div class="dialog-btn flex items-center justify-end">
       <div class="cancel" @click="$emit('cancel')">取消</div>
-      <el-button type="primary" class="confirm" @click="confirm()">确认</el-button>
-    </div>
+      <el-button type="primary" class="confirm" @click="confirm()"
+        >确认</el-button
+      >
+    </div> -->
   </div>
 </template>
 <script lang="ts">
 import { defineComponent } from "vue";
-import { ElRadio, ElRadioGroup, ElButton } from "element-plus"
+import { ElRadio, ElRadioGroup, ElButton } from "element-plus";
 export default defineComponent({
   props: ["visible"],
   components: { ElRadio, ElRadioGroup, ElButton },
@@ -36,11 +38,7 @@ export default defineComponent({
   margin: 0;
 }
 .verify-bg {
-  width: 532px;
-  height: 238px;
   background: rgba(255, 255, 255, 1);
-  box-shadow: 0px 0px 20px 0px rgba(61, 118, 249, 0.18);
-  padding: 34px 44px;
 }
 
 h1 {
@@ -73,4 +71,3 @@ h1 {
   background-color: rgb(64, 158, 255);
 }
 </style>
-

src/views/userCenter/index.vue

@@ -11,12 +11,47 @@
       <safe-set :Infos="setOptions.phone" @to="to"></safe-set>
     </div>
     <common-dialog
-      v-if="showVerify"
+      :visible="showVerify"
+      @closePopup="showVerify = false"
       showMask
-      close
-      @ClickingBackground="showVerify = false"
+      type="element"
+      :elementDialogProps="{
+        title: '选择验证方式',
+        width: '620px',
+      }"
+      :btnConfig="{
+        type: 'noBorder',
+        btns: [{
+            name: '取消',
+            disabled: false,
+            loading: false,
+            type: 'default' as const,
+          },
+          {
+              name: '确定',
+              disabled: false,
+              loading: false,
+              type: 'primary' as const,
+          }
+        ],
+        btnFunctions: [{
+            name: '取消',
+            async click(){
+                return true;
+            },
+        }, {
+            name: '确定',
+            click: async() =>{
+              $refs.verifyDialog.confirm()
+              return true;
+            },
+        }]
+      }"
     >
-      <verify-dialog @cancel="showVerify = false"></verify-dialog>
+      <verify-dialog
+        ref="verifyDialog"
+        @cancel="showVerify = false"
+      ></verify-dialog>
     </common-dialog>
   </div>
 </template>