fix: s

zhengyiming

3 天以前 27f846dc2415f9a962c09e45b5447ad0f9106e2b

 src/views/Reward/components/RewardApplyTradeCheckDialog.vue

@@ -1,6 +1,12 @@
<template>
  <ProDialog title="出账审批" v-model="visible" @close="onDialogClose" destroy-on-close draggable>
    <PortraitTableWithAttachment v-bind="portraitTableWithAttachmentProps">
  <ProDialog
    :title="form.title"
    v-model="visible"
    @close="onDialogClose"
    destroy-on-close
    draggable
  >
    <PortraitTableWithAttachment v-bind="portraitTableWithAttachmentProps" labelWidth="100px">
      <template #title>
        <el-row class="portrait-table-with-attachment-title">
          <el-text style="color: #333333">打款信息</el-text>
@@ -31,8 +37,15 @@
      </ProFormCol>
      <ProFormCol v-if="form.isCheck">
        <ProFormColItem :span="12">
          <ProFormItemV2 label="审核日期:" prop="auditTime">
          <ProFormItemV2 label="审核日期:" prop="auditTime" v-if="isApplyTrade">
            <ProFormDatePicker v-model="form.auditTime" type="date" format="YYYY-MM-DD HH:mm" />
          </ProFormItemV2>
          <ProFormItemV2 label="审核日期:" prop="financeAuditTime" v-else>
            <ProFormDatePicker
              v-model="form.financeAuditTime"
              type="date"
              format="YYYY-MM-DD HH:mm"
            />
          </ProFormItemV2>
        </ProFormColItem>
      </ProFormCol>
@@ -41,12 +54,15 @@
          <ProFormItemV2
            label="上传凭证:"
            prop="payAuditFileUrl"
            :check-rules="[
              {
                message: '请上传凭证',
                type: 'upload',
              },
            ]"
            :required="!isApplyTrade"
            :check-rules="
              !isApplyTrade && [
                {
                  message: '请上传凭证',
                  type: 'upload',
                },
              ]
            "
          >
            <ProFormUpload
              v-model:file-url="form.payAuditFileUrl"
@@ -109,24 +125,24 @@
  ProFormDatePicker,
  UploadUserFile,
} from '@bole-core/components';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import { copyTextToClipboard, usePortraitTableWithAttachment } from '@/hooks';
import { convertApi2FormUrl, convertApi2FormUrlOnlyOne } from '@/utils';
import { useQuery } from '@tanstack/vue-query';
import { usePortraitTableWithAttachment } from '@/hooks';
import { copyTextToClipboard, StringUtils } from '@/utils';
import {
  EnumParkBountyTradeDetailAuditStatus,
  EnumParkBountyTradeDetailAuditStatusTextForAdudit,
  EnterpriseType,
  EnterpriseTypeText,
} from '@/constants';

defineOptions({
  name: 'WithdrawalApprovalAuditDialog',
  name: 'RewardApplyTradeCheckDialog',
});

// type Props = {};
type Props = {
  //true 出账审批 false 财务审批
  isApplyTrade?: boolean;
};

// const props = withDefaults(defineProps<Props>(), {});
const props = withDefaults(defineProps<Props>(), {});

const visible = defineModel({ type: Boolean });

@@ -145,11 +161,19 @@
  parkName: string;
  parkTypeName: string;
  tradeAmount: number;
  remianAmount: number;
  bountyAmount: number;
  tradeTime: string;
  auditTime: string;
  financeAuditTime: string;
  payRemark: string;
  payFileUrl: UploadUserFile[];

  incomeCompanyName: string;
  insureBillNo: string;
  incomeBankAccount: string;
  incomeBankCardNumber: string;
  incomeBankName: string;
  creationTime: string;
};

const form = defineModel<Form>('form');
@@ -165,23 +189,24 @@
  columns: [
    {
      label: '进账单位',
      key: 'enterpriseName',
      formatter: () => '太平财产保险有限公司抚州中心支公司',
      key: 'incomeCompanyName',
      formatter: (row) => row.incomeCompanyName ?? '太平财产保险有限公司抚州中心支公司',
    },
    {
      label: '开户名称',
      key: 'societyCreditCode',
      formatter: () => '太平财产保险有限公司抚州中心支公司',
      key: 'incomeBankAccount',
      formatter: (row) => row.incomeBankAccount ?? '太平财产保险有限公司抚州中心支公司',
    },
    {
      label: '开户银行',
      key: 'contactPhone',
      formatter: () => '中国工商银行股份有限公司抚州赣东支行',
      key: 'incomeBankName',
      formatter: (row) => row.incomeBankName ?? '中国工商银行股份有限公司抚州赣东支行',
    },
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
      key: 'incomeBankCardNumber',
      formatter: (row) =>
        StringUtils.insertSpaces(row.incomeBankCardNumber ?? '1511200129200156069'),
    },
    // {
    //   label: '企业类型',
@@ -202,10 +227,23 @@
      key: 'payRemark',
    },
    {
      label: '出账审核日期',
      label: '保单号',
      key: 'insureBillNo',
    },
    {
      label: '出账申请日期',
      key: 'tradeTime',
      type: 'date',
    },
    props.isApplyTrade
      ? {
          label: '',
        }
      : {
          label: '出账审核日期',
          key: 'auditTime',
          type: 'date',
        },
    {
      label: '出账金额',
      key: 'tradeAmount',
@@ -213,7 +251,7 @@
    },
    {
      label: '资金余额',
      key: 'remianAmount',
      key: 'bountyAmount',
      type: 'money',
    },
  ],
@@ -243,7 +281,7 @@

function handleApply() {
  copyTextToClipboard(
    `开户名称：${form.value?.societyCreditCode}\n开户银行：${form.value?.contactPhone}\n开户账号：${form.value?.userName}`
    `开户名称：${'太平财产保险有限公司抚州中心支公司'}\n开户银行：${'中国工商银行股份有限公司抚州赣东支行'}\n开户账号：${'1511 2001 2920 0156 069'}`
  );
}
</script>