feat: 页面

wupengfei

4 天以前 5b0401fea3c339aa45feb0d165f36b1b7a76fdaf

 src/views/Reward/components/RewardApplyTradeCheckDialog.vue

@@ -49,19 +49,21 @@
          </ProFormItemV2>
        </ProFormColItem>
      </ProFormCol>
      <ProFormCol>
      <ProFormCol v-if="!form.isSignWallet || form.isCheck">
        <ProFormColItem :span="12">
          <ProFormItemV2
            label="上传凭证:"
            prop="payAuditFileUrl"
            :required="!isApplyTrade"
            :check-rules="
              !isApplyTrade && [
                {
                  message: '请上传凭证',
                  type: 'upload',
                },
              ]
              !isApplyTrade
                ? [
                    {
                      message: '请上传凭证',
                      type: 'upload',
                    },
                  ]
                : undefined
            "
          >
            <ProFormUpload
@@ -132,6 +134,7 @@
  EnumParkBountyTradeDetailAuditStatusTextForAdudit,
  EnterpriseType,
} from '@/constants';
import { Message } from '@bole-core/core';

defineOptions({
  name: 'RewardApplyTradeCheckDialog',
@@ -173,7 +176,10 @@
  incomeBankAccount: string;
  incomeBankCardNumber: string;
  incomeBankName: string;
  insurePeopleNum: number;
  creationTime: string;

  isSignWallet: boolean;
};

const form = defineModel<Form>('form');
@@ -183,6 +189,30 @@
  (e: 'onCancel'): void;
}>();

function getIncomeCompanyName(row: Form) {
  return row.id === '52febfa5-1df6-23d6-21fd-3a1cfdef4222'
    ? '中国大地财产保险股份有限公司深圳分公司'
    : row.incomeCompanyName ?? '太平财产保险有限公司抚州中心支公司';
}

function getIncomeBankAccount(row: Form) {
  return row.id === '52febfa5-1df6-23d6-21fd-3a1cfdef4222'
    ? '中国大地财产保险股份有限公司深圳分公司'
    : row.incomeBankAccount ?? '太平财产保险有限公司抚州中心支公司';
}

function getIncomeBankName(row: Form) {
  return row.id === '52febfa5-1df6-23d6-21fd-3a1cfdef4222'
    ? '中国工商银行股份有限公司深圳喜年支行'
    : row.incomeBankName ?? '中国工商银行股份有限公司抚州赣东支行';
}

function getIncomeBankCardNumber(row: Form) {
  return row.id === '52febfa5-1df6-23d6-21fd-3a1cfdef4222'
    ? StringUtils.insertSpaces('4000032419200171762')
    : StringUtils.insertSpaces(row.incomeBankCardNumber ?? '1511200129200156069');
}

const { portraitTableWithAttachmentProps } = usePortraitTableWithAttachment({
  data: form,
  annexList: computed(() => form.value?.payFileUrl),
@@ -190,23 +220,22 @@
    {
      label: '进账单位',
      key: 'incomeCompanyName',
      formatter: (row) => row.incomeCompanyName ?? '太平财产保险有限公司抚州中心支公司',
      formatter: (row) => getIncomeCompanyName(row),
    },
    {
      label: '开户名称',
      key: 'incomeBankAccount',
      formatter: (row) => row.incomeBankAccount ?? '太平财产保险有限公司抚州中心支公司',
      formatter: (row) => getIncomeBankAccount(row),
    },
    {
      label: '开户银行',
      key: 'incomeBankName',
      formatter: (row) => row.incomeBankName ?? '中国工商银行股份有限公司抚州赣东支行',
      formatter: (row) => getIncomeBankName(row),
    },
    {
      label: '开户账号',
      key: 'incomeBankCardNumber',
      formatter: (row) =>
        StringUtils.insertSpaces(row.incomeBankCardNumber ?? '1511200129200156069'),
      formatter: (row) => getIncomeBankCardNumber(row),
    },
    // {
    //   label: '企业类型',
@@ -231,19 +260,19 @@
      key: 'insureBillNo',
    },
    {
      label: '投保人数',
      key: 'insurePeopleNum',
    },
    {
      label: '出账申请日期',
      key: 'tradeTime',
      type: 'date',
    },
    props.isApplyTrade
      ? {
          label: '',
        }
      : {
          label: '出账审核日期',
          key: 'auditTime',
          type: 'date',
        },
    !props.isApplyTrade && {
      label: '出账审核日期',
      key: 'auditTime',
      type: 'date',
    },
    {
      label: '出账金额',
      key: 'tradeAmount',
@@ -254,7 +283,10 @@
      key: 'bountyAmount',
      type: 'money',
    },
  ],
    !props.isApplyTrade && {
      label: '',
    },
  ].filter(Boolean) as any,
});

const dialogForm = ref<FormInstance>();
@@ -279,10 +311,14 @@
  });
}

function handleApply() {
  copyTextToClipboard(
    `开户名称：${'太平财产保险有限公司抚州中心支公司'}\n开户银行：${'中国工商银行股份有限公司抚州赣东支行'}\n开户账号：${'1511 2001 2920 0156 069'}`
  );
async function handleApply() {
  try {
    const content = `开户名称：${getIncomeBankAccount(form.value)}\n开户银行：${getIncomeBankName(
      form.value
    )}\n开户账号：${getIncomeBankCardNumber(form.value)}`;
    await Message.tipMessage(content, { title: '复制内容' });
    copyTextToClipboard(content);
  } catch (error) {}
}
</script>
<style lang="scss" scoped>