chore: push latest changes

admin-vben/src/app/views/finance/refund_detail.vue

@@ -30,7 +30,7 @@
             </el-table>
         </el-card>
 
-        <el-dialog v-model="transferDialog" :title="title" width="500px" class="diy-dialog-wrap" :destroy-on-close="true">
+        <ModalRefund :class="'w-[500px]'" :title="t('transfer')">
             <el-form :model="transferFormData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
                 <el-form-item :label="t('transferType')">
                     <el-radio-group v-model="transferFormData.refund_type">
@@ -47,11 +47,11 @@
 
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button @click="transferDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button @click="refundCancel">{{ t('cancel') }}</el-button>
                     <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
                 </span>
             </template>
-        </el-dialog>
+        </ModalRefund>
     </div>
 </template>
 
@@ -62,6 +62,7 @@ import { getPayRefundInfo, getRefundType, getRefundTransfer } from '@/app/api/pa
 import { useRoute, useRouter } from 'vue-router'
 import { FormInstance } from 'element-plus'
 import { ArrowLeft } from '@element-plus/icons-vue'
+import { useVbenModal } from '@vben/common-ui'
 
 const route = useRoute()
 const router = useRouter()
@@ -95,9 +96,9 @@ getRefundType().then((data) => {
     })
 })
 
-const transferDialog = ref(false)
+const [ModalRefund, modalRefundApi] = useVbenModal()
 const transferEvent = (data:any) => {
-    transferDialog.value = true
+    modalRefundApi.open()
     transferFormData.refund_no = data.refund_no
     transferFormData.refund_money = data.money
 }
@@ -130,16 +131,17 @@ const confirm = async (formEl: FormInstance | undefined) => {
             const data = transferFormData
             getRefundTransfer(data).then(res => {
                 loading.value = false
-                transferDialog.value = false
+                modalRefundApi.close()
                 refundList.value = []
                 setFormData(refundNo)
             }).catch(() => {
-                transferDialog.value = false
+                modalRefundApi.close()
                 loading.value = false
             })
         }
     })
 }
+const refundCancel = () => { modalRefundApi.close() }
 </script>
 
 <style lang="scss" scoped></style>