| | |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="银行账户:" prop="verifyStatus"> |
| | | {{ VerifyStatusText[form.verifyStatus] }} |
| | | <el-button style="margin-left: 40px" type="primary" link @click="handleCheckBankAccount" |
| | | <el-button style="margin-left: 10px" type="primary" link @click="handleCheckBankAccount" |
| | | >校验</el-button |
| | | > |
| | | </ProFormItemV2> |
| | | </template> --> |
| | | <template v-if="form.enterpriseConfigureType === EnterpriseConfigureType.AliPay"> |
| | | <ProFormItemV2 |
| | | label="支付宝账号:" |
| | | prop="alipayAccount" |
| | | :checkRules="[{ message: '请输入支付宝账号' }]" |
| | | > |
| | | <div style="display: flex; width: 100%"> |
| | | <ProFormText v-model.trim="form.alipayAccount" placeholder="请输入支付宝账号"> |
| | | </ProFormText> |
| | | <el-button style="margin-left: 10px" type="primary" link @click="openEnterpriseWallet" |
| | | >获取签约链接</el-button |
| | | > |
| | | </div> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 |
| | | label="商户ID:" |
| | | prop="alipayMerchantId" |
| | | :checkRules="[{ message: '请输入商户ID' }]" |
| | | > |
| | | <ProFormText v-model.trim="form.alipayMerchantId" placeholder="请输入商户ID" /> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="签约状态:" prop="alipayAccount" required> |
| | | <span>已签约</span> |
| | | <el-button style="margin-left: 10px" type="primary" link @click="handleCheckBankAccount" |
| | | >校验</el-button |
| | | > |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="进件状态:" prop="alipayAccount" required> |
| | | <span>已进件</span> |
| | | <el-button style="margin-left: 10px" type="primary" link @click="handleCheckBankAccount" |
| | | >校验</el-button |
| | | > |
| | | </ProFormItemV2> |
| | | </template> |
| | | <template v-if="form.enterpriseConfigureType === EnterpriseConfigureType.Electronic"> |
| | | <div class="configure-dialog-form-title">通道配置</div> |
| | | <ProFormItemV2 |
| | |
| | | </span> |
| | | </template> |
| | | </ProDialog> |
| | | <AlipayWalletOpen v-bind="dialogQrcodeProps"></AlipayWalletOpen> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | |
| | | ProFormInputNumber, |
| | | ProFormSelect, |
| | | ProFormSwitch, |
| | | useFormDialog, |
| | | } from '@bole-core/components'; |
| | | import { BoleRegExp } from '@bole-core/core'; |
| | | import { |
| | |
| | | EnumSmsAccessText, |
| | | EnumElectronSignAccess, |
| | | } from '@/constants'; |
| | | import * as enterpriseWalletServices from '@/services/api/enterpriseWallet'; |
| | | import AlipayWalletOpen from './AlipayWalletOpen.vue'; |
| | | |
| | | defineOptions({ |
| | | name: 'ConfigureDialog', |
| | |
| | | electronSignAccesses: EnumElectronSignAccess[]; |
| | | smsAccess: EnumSmsAccess; |
| | | smsCost: number; |
| | | alipayAccount: string; |
| | | alipayMerchantId: string; |
| | | id: string; |
| | | }; |
| | | |
| | | const form = defineModel<Form>('form'); |
| | |
| | | } |
| | | }); |
| | | } |
| | | |
| | | const { dialogProps: dialogQrcodeProps, handleAdd } = useFormDialog({ |
| | | defaultFormParams: { |
| | | alipayUrl: '', |
| | | }, |
| | | }); |
| | | |
| | | async function openEnterpriseWallet() { |
| | | try { |
| | | let params: API.OpenEnterpriseWalletCommand = { |
| | | access: EnumEnterpriseWalletAccess.Alipay, |
| | | enterpriseId: form.value.id, |
| | | }; |
| | | let res = await enterpriseWalletServices.openEnterpriseWallet(params); |
| | | if (res) { |
| | | handleAdd({ |
| | | alipayUrl: res.signUrl, |
| | | }); |
| | | } |
| | | } catch (error) {} |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | @use '@/style/common.scss' as *; |