feat: 页面

wupengfei

18 小时以前 2260308c9ab6abca8b32ba1afc1dbada04ec0c1b

 src/views/EnterpriseManage/components/ConfigureDialog.vue

@@ -35,11 +35,65 @@
        </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="handleOpenEnterpriseWallet"
              >获取签约链接</el-button
            >
          </div>
        </ProFormItemV2>
        <ProFormItemV2
          label="商户ID:"
          prop="alipayMerchantId"
          :checkRules="[{ message: '请输入商户ID' }]"
        >
          <ProFormText v-model.trim="form.alipayMerchantId" placeholder="请输入商户ID" />
        </ProFormItemV2>
        <ProFormItemV2
          label="图片:"
          prop="url"
          :check-rules="[{ type: 'upload', message: '请上传图片' }]"
        >
          <ProFormImageUpload v-model:file-url="form.url" :limitFileCount="1"></ProFormImageUpload>
        </ProFormItemV2>
        <ProFormItemV2
          label="图片:"
          prop="url"
          :check-rules="[{ type: 'upload', message: '请上传图片' }]"
        >
          <ProFormImageUpload v-model:file-url="form.url" :limitFileCount="1"></ProFormImageUpload>
        </ProFormItemV2>
        <ProFormItemV2 label="签约状态:" prop="signStatus" required>
          <span>{{ EnumEnterpriseWalletSignStatusText[form.signStatus] }}</span>
          <el-button style="margin-left: 10px" type="primary" link @click="handleCheckBankAccount"
            >校验</el-button
          >
        </ProFormItemV2>
        <ProFormItemV2 label="进件状态:" prop="expandindirectOrderStatus" required>
          <span>{{
            EnumEnterpriseWalletExpandindirectOrderStatusText[form.expandindirectOrderStatus]
          }}</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
@@ -84,6 +138,7 @@
      </span>
    </template>
  </ProDialog>
  <AlipayWalletOpen v-bind="dialogQrcodeProps"></AlipayWalletOpen>
</template>

<script setup lang="ts">
@@ -97,6 +152,9 @@
  ProFormInputNumber,
  ProFormSelect,
  ProFormSwitch,
  useFormDialog,
  UploadUserFile,
  ProFormImageUpload,
} from '@bole-core/components';
import { BoleRegExp } from '@bole-core/core';
import {
@@ -106,7 +164,11 @@
  EnumElectronSignAccessText,
  EnumSmsAccessText,
  EnumElectronSignAccess,
  EnumEnterpriseWalletSignStatusText,
  EnumEnterpriseWalletExpandindirectOrderStatusText,
} from '@/constants';
import * as enterpriseWalletServices from '@/services/api/enterpriseWallet';
import AlipayWalletOpen from './AlipayWalletOpen.vue';

defineOptions({
  name: 'ConfigureDialog',
@@ -121,6 +183,14 @@
  electronSignAccesses: EnumElectronSignAccess[];
  smsAccess: EnumSmsAccess;
  smsCost: number;
  alipayAccount: string;
  alipayMerchantId: string;
  id: string;

  signStatus: EnumEnterpriseWalletSignStatus;
  expandindirectOrderStatus: EnumEnterpriseWalletExpandindirectOrderStatus;

  url: UploadUserFile[];
};

const form = defineModel<Form>('form');
@@ -135,7 +205,18 @@

const { enabledElectronSignSettings } = useEnabledElectronSignSettings();

function handleCheckBankAccount() {}
async function handleCheckBankAccount() {
  try {
    let alipayWallet = await enterpriseWalletServices.getEnterpriseWallet({
      enterpriseId: form.value.id,
      access: EnumEnterpriseWalletAccess.Alipay,
    });
    if (alipayWallet) {
      form.value.signStatus = alipayWallet.signStatus;
      form.value.expandindirectOrderStatus = alipayWallet.expandindirectOrderStatus;
    }
  } catch (error) {}
}

function onDialogClose() {
  if (!dialogForm.value) return;
@@ -152,6 +233,39 @@
    }
  });
}

const { dialogProps: dialogQrcodeProps, handleAdd } = useFormDialog({
  defaultFormParams: {
    alipayUrl: '',
  },
});

async function handleOpenEnterpriseWallet() {
  try {
    if (!dialogForm.value) return;
    const valid = await dialogForm.value.validateField(['alipayAccount', 'alipayMerchantId']);
    if (valid) {
      openEnterpriseWallet();
    }
  } catch (error) {}
}

async function openEnterpriseWallet() {
  try {
    let params: API.OpenEnterpriseWalletCommand = {
      access: EnumEnterpriseWalletAccess.Alipay,
      enterpriseId: form.value.id,
      account: form.value.alipayAccount,
      merchantId: form.value.alipayMerchantId,
    };
    let res = await enterpriseWalletServices.openEnterpriseWallet(params);
    if (res) {
      handleAdd({
        alipayUrl: res.signUrl,
      });
    }
  } catch (error) {}
}
</script>
<style lang="scss" scoped>
@use '@/style/common.scss' as *;