fix: 奖励金审核

zhengyiming

1 天以前 f633483b97b38c2965ecdbffcb80e4e297175a43

 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="!isApplyTrade"
            :check-rules="
              !isApplyTrade && [
                {
                  message: '请上传凭证',
                  type: 'upload',
                },
              ]
            "
          >
            <ProFormUpload
              v-model:file-url="form.payAuditFileUrl"
@@ -102,24 +118,24 @@
  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({
  name: 'WithdrawalApprovalAuditDialog',
});

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

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

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

@@ -138,7 +154,7 @@
  parkName: string;
  parkTypeName: string;
  tradeAmount: number;
  remianAmount: number;
  bountyAmount: number;
  tradeTime: string;
  auditTime: string;
  payRemark: string;
@@ -157,11 +173,6 @@
  annexList: computed(() => form.value?.payFileUrl),
  columns: [
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
    },
    {
      label: '进账单位',
      key: 'enterpriseName',
      formatter: () => '太平财产保险有限公司抚州中心支公司',
@@ -175,6 +186,11 @@
      label: '开户银行',
      key: 'contactPhone',
      formatter: () => '中国工商银行股份有限公司抚州赣东支行',
    },
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
    },
    // {
    //   label: '企业类型',
@@ -190,23 +206,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 +249,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>