feat: 页面

wupengfei

5 天以前 2174f758e8a963964198e092f0d528ef1ae9b81e

 src/views/Reward/components/RewardApplyTradeCheckDialog.vue

@@ -1,6 +1,13 @@
<template>
  <ProDialog title="出账审批" v-model="visible" @close="onDialogClose" destroy-on-close draggable>
    <PortraitTableWithAttachment v-bind="portraitTableWithAttachmentProps" />
    <PortraitTableWithAttachment v-bind="portraitTableWithAttachmentProps">
      <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"
@@ -103,7 +110,7 @@
  UploadUserFile,
} from '@bole-core/components';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import { usePortraitTableWithAttachment } from '@/hooks';
import { copyTextToClipboard, usePortraitTableWithAttachment } from '@/hooks';
import { convertApi2FormUrl, convertApi2FormUrlOnlyOne } from '@/utils';
import { useQuery } from '@tanstack/vue-query';
import {
@@ -157,11 +164,6 @@
  annexList: computed(() => form.value?.payFileUrl),
  columns: [
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
    },
    {
      label: '进账单位',
      key: 'enterpriseName',
      formatter: () => '太平财产保险有限公司抚州中心支公司',
@@ -175,6 +177,11 @@
      label: '开户银行',
      key: 'contactPhone',
      formatter: () => '中国工商银行股份有限公司抚州赣东支行',
    },
    {
      label: '开户账号',
      key: 'userName',
      formatter: () => '1511 2001 2920 0156 069',
    },
    // {
    //   label: '企业类型',
@@ -190,19 +197,19 @@
    //   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: '资金余额',
@@ -233,4 +240,17 @@
    }
  });
}

function handleApply() {
  copyTextToClipboard(
    `开户名称：${form.value?.societyCreditCode}\n开户银行：${form.value?.contactPhone}\n开户账号：${form.value?.userName}`
  );
}
</script>
<style lang="scss" scoped>
@use '@/style/common.scss' as *;

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