feat: 支付宝充值

wupengfei

14 小时以前 ec76c13fac4f9937e62e6244624c3fb98c398538

 src/views/ServiceChargeManage/components/RechargeEnterpriseWalletDialog.vue

@@ -8,6 +8,14 @@
    :width="700"
  >
    <ProForm :model="form" ref="dialogForm" label-width="120px">
      <ProFormItemV2 label="钱包通道:" prop="access" :check-rules="[{ message: '请选择钱包通道' }]">
        <ProFormSelect
          v-model="form.access"
          :valueEnum="EnumEnterpriseWalletAccessText"
          placeholder="请选择钱包通道"
        >
        </ProFormSelect>
      </ProFormItemV2>
      <ProFormItemV2
        label="充值金额："
        prop="amount"
@@ -31,7 +39,7 @@
      </span>
    </template>
  </ProDialog>
  <!-- <AlipayWalletRecharge v-bind="dialogAlipayWalletProps" /> -->
  <AlipayWalletRecharge v-bind="dialogAlipayWalletProps" />
</template>

<script setup lang="ts">
@@ -43,9 +51,11 @@
  ProFormItemV2,
  ProFormTextArea,
  useFormDialog,
  ProFormSelect,
} from '@bole-core/components';
import * as enterpriseWalletServices from '@/services/api/enterpriseWallet';
import AlipayWalletRecharge from './AlipayWalletRecharge.vue';
import { EnumEnterpriseWalletAccessText } from '@/constants';

defineOptions({
  name: 'RechargeEnterpriseWalletDialog',
@@ -55,6 +65,7 @@
  title?: string;
  amount: number;
  remark: string;
  access: EnumEnterpriseWalletAccess;
};

const visible = defineModel({ type: Boolean });
@@ -68,28 +79,27 @@

const dialogForm = ref<FormInstance>();

// const { dialogProps: dialogAlipayWalletProps, handleAdd: handleAlipayWalletAdd } = useFormDialog({
//   onConfirm: rechargeEnterpriseWallet,
//   defaultFormParams: {
//     alipayUrl: '',
//   },
// });
const { dialogProps: dialogAlipayWalletProps, handleAdd: handleAlipayWalletAdd } = useFormDialog({
  defaultFormParams: {
    alipayUrl: '',
  },
});

// async function rechargeEnterpriseWallet() {
//   try {
//     let params: API.RechargeEnterpriseWalletCommand = {
//       access: EnumEnterpriseWalletAccess.Alipay,
//       amount: form.value.amount,
//       remark: form.value.remark,
//     };
//     let res = await enterpriseWalletServices.rechargeEnterpriseWallet(params);
//     if (res) {
//       handleAlipayWalletAdd({
//         alipayUrl: res.payUrl,
//       });
//     }
//   } catch (error) {}
// }
async function rechargeEnterpriseWallet() {
  try {
    let params: API.RechargeEnterpriseWalletCommand = {
      access: form.value.access,
      amount: form.value.amount,
      remark: form.value.remark,
    };
    let res = await enterpriseWalletServices.rechargeEnterpriseWallet(params);
    if (res) {
      handleAlipayWalletAdd({
        alipayUrl: res.payUrl,
      });
    }
  } catch (error) {}
}

function onDialogClose() {
  if (!dialogForm.value) return;
@@ -100,6 +110,7 @@
  if (!dialogForm.value) return;
  dialogForm.value.validate((valid) => {
    if (valid) {
      rechargeEnterpriseWallet();
      emit('onConfirm');
    } else {
      return;