zhengyiming
5 天以前 a6921e08035356d4d4e367a8731f729d0520f6b3
src/views/EnterpriseManage/components/WechatConfigureView.vue
@@ -1,6 +1,6 @@
<template>
  <LoadingLayout :loading="isLoading">
    <ProForm :model="form" ref="dialogForm" label-width="150px">
    <ProForm :model="form" ref="dialogForm" label-width="210px">
      <ProFormItemV2
        label="业务申请编号:"
        prop="business_code"
@@ -572,10 +572,15 @@
          prop="biz_address_code"
          :checkRules="[{ message: '请输入线下场所省市编码', type: 'number' }]"
        >
          <ProFormText v-model.trim="form.biz_address_code" placeholder="请输入线下场所省市编码" />
          <el-button type="primary" link @click="downloadAddressCodeTemplate"
            >省市编码模板</el-button
          >
          <div style="display: flex; width: 100%">
            <ProFormText
              v-model.trim="form.biz_address_code"
              placeholder="请输入线下场所省市编码"
            />
            <el-button type="primary" link @click="downloadAddressCodeTemplate"
              >省市编码模板</el-button
            >
          </div>
        </ProFormItemV2>
        <ProFormItemV2
          label="线下场所地址:"
@@ -886,38 +891,61 @@
      </ProFormItemV2>
      <ProFormItemV2
        label="开户银行:"
        prop="account_bank"
        prop="bank_alias"
        :checkRules="[{ message: '请输入开户银行' }]"
      >
        <!-- <ProFormText v-model.trim="form.account_bank" placeholder="请输入开户银行" /> -->
        <WeChatPayWalletBanksSelect
          v-model.trim="form.account_bank"
          v-model:bank_alias="form.bank_alias"
          v-model:account_bank="form.account_bank"
          v-model:account_bank_code="form.account_bank_code"
          v-model:bank_alias_code="form.bank_alias_code"
          v-model:need_bank_branch="form.need_bank_branch"
          placeholder="请输入开户银行"
          clearable
        />
      </ProFormItemV2>
      <ProFormItemV2
      <!-- <ProFormItemV2
        label="开户银行省市编码:"
        prop="bank_address_code"
        :checkRules="[{ message: '请输入开户银行省市编码' }]"
      >
        <ProFormText v-model.trim="form.bank_address_code" placeholder="请输入开户银行省市编码" />
        <el-button type="primary" link @click="downloadAddressCodeTemplate">省市编码模板</el-button>
      </ProFormItemV2>
      <ProFormItemV2
        label="开户银行银行号:"
        prop="bank_branch_id"
        :checkRules="[{ message: '请输入开户银行银行号' }]"
      >
        <ProFormText v-model.trim="form.bank_branch_id" placeholder="请输入开户银行银行号" />
      </ProFormItemV2>
      <ProFormItemV2
        label="开户银行全称(含支行):"
        prop="bank_name"
        :checkRules="[{ message: '请输入开户银行全称(含支行)' }]"
      >
        <ProFormText v-model.trim="form.bank_name" placeholder="请输入开户银行全称(含支行)" />
      </ProFormItemV2>
        <div style="display: flex; width: 100%">
          <ProFormText v-model.trim="form.bank_address_code" placeholder="请输入开户银行省市编码" />
          <el-button type="primary" link @click="downloadAddressCodeTemplate"
            >省市编码模板</el-button
          >
        </div>
      </ProFormItemV2> -->
      <template v-if="form.need_bank_branch">
        <!-- <ProFormItemV2
          label="开户银行银行号:"
          prop="bank_branch_id"
          :checkRules="[{ message: '请输入开户银行银行号' }]"
        >
          <ProFormText v-model.trim="form.bank_branch_id" placeholder="请输入开户银行银行号" />
        </ProFormItemV2> -->
        <ProFormItemV2
          label="开户支行省市编码:"
          prop="bank_branch_area"
          :checkRules="[{ message: '请输入开户银行银行号', type: 'array' }]"
        >
          <WeChatPayWalletBankBranchAreaCascader v-model:areaList="form.bank_branch_area" />
        </ProFormItemV2>
        <ProFormItemV2
          label="开户银行全称(含支行):"
          prop="bank_branch_id"
          :checkRules="[{ message: '请输入开户银行全称(含支行)' }]"
        >
          <WeChatPayWalletBankBranchsSelect
            v-model:bank_branch_id="form.bank_branch_id"
            placeholder="请输入"
            :bank_alias_code="form.bank_alias_code"
            :need_bank_branch="form.need_bank_branch"
            :city_code="form.bank_branch_area?.[1]"
          />
        </ProFormItemV2>
      </template>
      <ProFormItemV2
        label="银行账号:"
        prop="account_number"
@@ -974,6 +1002,8 @@
} from '@/utils';
import { Message } from '@bole-core/core';
import WeChatPayWalletBanksSelect from './WeChatPayWalletBanksSelect.vue';
import WeChatPayWalletBankBranchsSelect from './WeChatPayWalletBankBranchsSelect.vue';
import WeChatPayWalletBankBranchAreaCascader from './WeChatPayWalletBankBranchAreaCascader.vue';
defineOptions({
  name: 'WechatConfigureView',
@@ -1065,6 +1095,11 @@
  bank_branch_id: '',
  bank_name: '',
  account_number: '',
  bank_alias_code: '',
  bank_alias: '',
  account_bank_code: '' as any as number,
  need_bank_branch: false,
  bank_branch_area: [] as number[],
});
const EnumWeChatPayApplymentCertTypeTextList = computed(() => {
@@ -1112,7 +1147,7 @@
    form.business_code = data.business_code ?? '';
    form.contact_type = data.contact_info?.contact_type;
    form.contact_name = data.contact_info?.contact_name ?? '';
    form.contact_id_doc_type = data.contact_info?.contact_id_doc_type;
    form.contact_id_doc_type = data.contact_info?.contact_id_doc_type ?? ('' as any);
    form.contact_id_number = data.contact_info?.contact_id_number ?? '';
    form.contact_id_doc_copy = convertApi2FormUrlOnlyOne(
      data.contact_info?.contact_id_doc_copy ?? ''
@@ -1232,6 +1267,14 @@
    form.bank_branch_id = data.bank_account_info?.bank_branch_id ?? '';
    form.bank_name = data.bank_account_info?.bank_name ?? '';
    form.account_number = data.bank_account_info?.account_number ?? '';
    form.bank_alias_code = data.bank_account_info?.bank_alias_code ?? '';
    form.bank_alias = data.bank_account_info?.bank_alias ?? '';
    form.account_bank_code = data.bank_account_info?.account_bank_code;
    form.need_bank_branch = data.bank_account_info?.need_bank_branch ?? false;
    form.bank_branch_area = [
      data.bank_account_info?.province_code,
      data.bank_account_info?.city_code,
    ].filter(Boolean);
  },
});
@@ -1291,13 +1334,135 @@
  window.open('https://kf.qq.com/faq/220228IJb2UV220228uEjU3Q.html', '_blank');
}
async function enterpriseWalletExpandindirectCreate() {
async function openEnterpriseWeChatPayWallet() {
  try {
    if (!dialogForm.value) return;
    const valid = await dialogForm.value.validate();
    if (!valid) return;
    let params: API.EnterpriseWalletExpandindirectCreateCommand = {};
    let res = await enterpriseWalletServices.enterpriseWalletExpandindirectCreate(params);
    let params: API.OpenEnterpriseWeChatPayWalletCommand = {
      enterpriseId: props.id,
      business_code: form.business_code,
      contact_info: {
        contact_type: form.contact_type,
        contact_name: form.contact_name,
        contact_id_doc_type: form.contact_id_doc_type,
        contact_id_number: form.contact_id_number,
        contact_id_doc_copy: form.contact_id_doc_copy?.[0]?.path,
        contact_id_doc_copy_back: form.contact_id_doc_copy_back?.[0]?.path,
        contact_period_begin: format(form.contact_period[0], 'YYYY-MM-DD 00:00:00'),
        contact_period_end: format(form.contact_period[1], 'YYYY-MM-DD 23:59:59'),
        business_authorization_letter: form.business_authorization_letter?.[0]?.path,
        mobile_phone: form.mobile_phone,
        contact_email: form.contact_email,
      },
      subject_info: {
        subject_type: form.subject_type,
        business_license_info: {
          license_copy: form.license_copy?.[0]?.path,
          merchant_name: form.merchant_name,
          license_number: form.license_number,
          legal_person: form.legal_person,
        },
        certificate_info: {
          cert_copy: form.cert_copy?.[0]?.path,
          cert_type: form.cert_type,
          cert_number: form.cert_number,
          merchant_name: form.cert_merchant_name,
          company_address: form.cert_company_address,
          legal_person: form.cert_legal_person,
          period_begin: format(form.cert_period[0], 'YYYY-MM-DD 00:00:00'),
          period_end: format(form.cert_period[1], 'YYYY-MM-DD 23:59:59'),
        },
        identity_info: {
          id_holder_type: form.id_holder_type,
          id_doc_type: form.id_doc_type,
          authorize_letter_copy: form.authorize_letter_copy?.[0]?.path,
          id_card_info: {
            id_card_copy: form.id_card_copy?.[0]?.path,
            id_card_national: form.id_card_national?.[0]?.path,
            id_card_name: form.id_card_name,
            id_card_number: form.id_card_number,
            card_period_begin: format(form.id_card_period[0], 'YYYY-MM-DD 00:00:00'),
            card_period_end: format(form.id_card_period[1], 'YYYY-MM-DD 23:59:59'),
          },
        },
        ubo_info_list:
          form.ubo_info_list?.length > 0
            ? form.ubo_info_list.map((x) => ({
                ubo_id_doc_type: x.ubo_id_doc_type,
                ubo_id_doc_copy: x.ubo_id_doc_copy?.[0]?.path,
                ubo_id_doc_name: x.ubo_id_doc_name,
                ubo_id_doc_number: x.ubo_id_doc_number,
                ubo_id_doc_address: x.ubo_id_doc_address,
                ubo_period_begin: format(x.ubo_period[0], 'YYYY-MM-DD 00:00:00'),
                ubo_period_end: format(x.ubo_period[1], 'YYYY-MM-DD 23:59:59'),
              }))
            : [],
      },
      business_info: {
        merchant_shortname: form.merchant_shortname,
        service_phone: form.service_phone,
        sales_info: {
          sales_scenes_type: form.sales_scenes_type,
          biz_store_info: {
            biz_store_name: form.biz_store_name,
            biz_address_code: form.biz_address_code,
            biz_store_address: form.biz_store_address,
            store_entrance_pic:
              form.store_entrance_pic?.length > 0
                ? form.store_entrance_pic?.map((x) => x.path)
                : [],
            indoor_pic: form.indoor_pic?.length > 0 ? form.indoor_pic?.map((x) => x.path) : [],
          },
          mp_info: {
            mp_appid: form.mp_appid,
            mp_sub_appid: form.mp_sub_appid,
            mp_pics: form.mp_pics?.length > 0 ? form.mp_pics?.map((x) => x.path) : [],
          },
          mini_program_info: {
            mini_program_appid: form.mini_program_appid,
            mini_program_sub_appid: form.mini_program_sub_appid,
            mini_program_pics:
              form.mini_program_pics?.length > 0 ? form.mini_program_pics?.map((x) => x.path) : [],
          },
          app_info: {
            app_appid: form.app_appid,
            app_sub_appid: form.app_sub_appid,
            app_pics: form.app_pics?.length > 0 ? form.app_pics?.map((x) => x.path) : [],
          },
          web_info: {
            domain: form.domain,
            web_authorisation: form.web_authorisation?.[0]?.path,
          },
          wework_info: {
            sub_corp_id: form.sub_corp_id,
            wework_pics: form.wework_pics?.length > 0 ? form.wework_pics?.map((x) => x.path) : [],
          },
        },
      },
      settlement_info: {
        settlement_id: form.settlement_id,
        qualification_type: form.qualification_type,
        qualifications:
          form.qualifications?.length > 0 ? form.qualifications?.map((x) => x.path) : [],
      },
      bank_account_info: {
        bank_account_type: form.bank_account_type,
        account_name: form.account_name,
        account_bank: form.account_bank,
        bank_address_code: form.bank_address_code,
        bank_branch_id: form.bank_branch_id,
        bank_name: form.bank_name,
        account_number: form.account_number,
        bank_alias_code: form.bank_alias_code,
        province_code: form.bank_branch_area?.[0],
        city_code: form.bank_branch_area?.[1],
        bank_alias: form.bank_alias,
        account_bank_code: form.account_bank_code,
        need_bank_branch: form.need_bank_branch,
      },
    };
    let res = await enterpriseWalletServices.openEnterpriseWeChatPayWallet(params);
    return res;
  } catch (error) {}
}
@@ -1330,7 +1495,7 @@
}
defineExpose({
  onConfirm: enterpriseWalletExpandindirectCreate,
  onConfirm: openEnterpriseWeChatPayWallet,
});
</script>