fix: 奖励金审核

zhengyiming

2 天以前 503dcbe9d248d7a6b759c1725d155b07de31d83a

 src/views/Reward/components/RewardApplyTradeCheckDialog.vue

@@ -1,6 +1,19 @@
<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>
          <el-button type="primary" link @click="handleApply">复制</el-button>
        </el-row>
      </template>
    </PortraitTableWithAttachment>
    <ProForm
      :model="form"
      ref="dialogForm"
@@ -34,12 +47,15 @@
          <ProFormItemV2
            label="上传凭证:"
            prop="payAuditFileUrl"
            :check-rules="[
              {
                message: '请上传凭证',
                type: 'upload',
              },
            ]"
            :required="form.auditStatus === EnumParkBountyTradeDetailAuditStatus.Pass"
            :check-rules="
              form.auditStatus === EnumParkBountyTradeDetailAuditStatus.Pass && [
                {
                  message: '请上传凭证',
                  type: 'upload',
                },
              ]
            "
          >
            <ProFormUpload
              v-model:file-url="form.payAuditFileUrl"
@@ -102,15 +118,12 @@
  ProFormDatePicker,
  UploadUserFile,
} from '@bole-core/components';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import { usePortraitTableWithAttachment } from '@/hooks';
import { convertApi2FormUrl, convertApi2FormUrlOnlyOne } from '@/utils';
import { useQuery } from '@tanstack/vue-query';
import { copyTextToClipboard } from '@/utils';
import {
  EnumParkBountyTradeDetailAuditStatus,
  EnumParkBountyTradeDetailAuditStatusTextForAdudit,
  EnterpriseType,
  EnterpriseTypeText,
} from '@/constants';

defineOptions({
@@ -138,7 +151,7 @@
  parkName: string;
  parkTypeName: string;
  tradeAmount: number;
  remianAmount: number;
  bountyAmount: number;
  tradeTime: string;
  auditTime: string;
  payRemark: string;
@@ -157,11 +170,6 @@
  annexList: computed(() => form.value?.payFileUrl),
  columns: [
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
    },
    {
      label: '进账单位',
      key: 'enterpriseName',
      formatter: () => '太平财产保险有限公司抚州中心支公司',
@@ -175,6 +183,11 @@
      label: '开户银行',
      key: 'contactPhone',
      formatter: () => '中国工商银行股份有限公司抚州赣东支行',
    },
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
    },
    // {
    //   label: '企业类型',
@@ -190,23 +203,23 @@
    //   label: '园区类型',
    //   key: 'parkTypeName',
    // },
    // {
    //   label: '消费类型',
    //   key: 'payRemark',
    // },
    {
      label: '申请出账金额',
      key: 'tradeAmount',
      type: 'money',
      label: '消费类型',
      key: 'payRemark',
    },
    {
      label: '申请出账时间',
      label: '出账审核日期',
      key: 'tradeTime',
      type: 'date',
    },
    {
      label: '出账金额',
      key: 'tradeAmount',
      type: 'money',
    },
    {
      label: '资金余额',
      key: 'remianAmount',
      key: 'bountyAmount',
      type: 'money',
    },
  ],
@@ -233,4 +246,17 @@
    }
  });
}

function handleApply() {
  copyTextToClipboard(
    `开户名称：${'太平财产保险有限公司抚州中心支公司'}\n开户银行：${'中国工商银行股份有限公司抚州赣东支行'}\n开户账号：${'1511 2001 2920 0156 069'}`
  );
}
</script>
<style lang="scss" scoped>
@use '@/style/common.scss' as *;

.portrait-table-with-attachment-title {
  justify-content: space-between;
}
</style>