优化退押金 对话框没有关闭的bug

src/components/fee/refundDepositFee.vue

@@ -1,15 +1,6 @@
 <template>
-  <el-dialog
-    :title="$t('refundDepositFee.title')"
-    :visible.sync="dialogVisible"
-    width="30%"
-    @close="handleClose"
-  >
-    <el-alert
-      :title="$t('refundDepositFee.alertText')"
-      type="warning"
-      :closable="false"
-    ></el-alert>
+  <el-dialog :title="$t('refundDepositFee.title')" :visible.sync="dialogVisible" width="30%" @close="handleClose">
+    <el-alert :title="$t('refundDepositFee.alertText')" type="warning" :closable="false"></el-alert>
 
     <div slot="footer" class="dialog-footer">
       <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
@@ -41,10 +32,11 @@ export default {
     async refundDepositFee() {
       try {
         this.refundData.communityId = await getCommunityId()
-        
+
         const response = await refundFeeDeposit(this.refundData)
         if (response.code === 0) {
           this.$message.success(this.$t('common.operationSuccess'))
+          this.close()
           this.$emit('success')
         } else {
           this.$message.error(response.data.msg)
@@ -65,6 +57,7 @@ export default {
 .el-alert {
   margin-bottom: 20px;
 }
+
 .dialog-footer {
   text-align: right;
 }