mirror of
https://gitee.com/bootx/dax-pay-ui
synced 2026-08-12 15:35:39 +08:00
style 样式优化
This commit is contained in:
@@ -65,18 +65,11 @@
|
||||
</a-form-item>
|
||||
<a-form-item label="API版本" name="apiVersion">
|
||||
<a-radio-group v-model:value="form.apiVersion" button-style="solid">
|
||||
<a-radio-button value="apiV2"> Api_V2 </a-radio-button>
|
||||
<a-radio-button value="apiV3"> Api_V3 </a-radio-button>
|
||||
<a-radio-button value="apiV2"> API_V2 </a-radio-button>
|
||||
<a-radio-button value="apiV3"> API_V3 </a-radio-button>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
<a-form-item name="apiKeyV2">
|
||||
<template #label>
|
||||
<basic-title
|
||||
helpMessage="付款码支付方式只支持微信支付V2版, 使用V3时也需要进行配置, 否则无法使用付款码支付"
|
||||
>
|
||||
APIv2密钥
|
||||
</basic-title>
|
||||
</template>
|
||||
<a-form-item name="apiKeyV2" label="APIv2密钥">
|
||||
<a-textarea
|
||||
:rows="3"
|
||||
:disabled="showable"
|
||||
@@ -163,7 +156,7 @@
|
||||
</a-form-item>
|
||||
<a-form-item name="p12">
|
||||
<template #label>
|
||||
<basic-title helpMessage="例如退款、转账时,必须要配置p12证书才可以执行">
|
||||
<basic-title helpMessage="V2版本中例如退款、转账时,必须要配置p12证书才可以执行">
|
||||
p12证书
|
||||
</basic-title>
|
||||
</template>
|
||||
|
||||
@@ -136,4 +136,9 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
:deep(.ant-card-meta-description) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -19,59 +19,61 @@
|
||||
>
|
||||
</template>
|
||||
</vxe-toolbar>
|
||||
<vxe-table
|
||||
height="auto"
|
||||
row-id="id"
|
||||
ref="xTable"
|
||||
:cell-style="cellStyle"
|
||||
:sort-config="{ remote: true, trigger: 'cell' }"
|
||||
:data="pagination.records"
|
||||
:loading="loading"
|
||||
@sort-change="sortChange"
|
||||
>
|
||||
<vxe-column type="seq" title="序号" width="60" />
|
||||
<vxe-column field="refundNo" title="退款号" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="show(row)">
|
||||
{{ row.refundNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="title" title="原支付标题" :min-width="160" />
|
||||
<vxe-column field="orderNo" title="支付订单号" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="showPayOrder(row)">
|
||||
{{ row.orderNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="channel" title="支付通道" :min-width="120">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('PayChannel', row.channel) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="amount" title="退款金额(元)" :min-width="140">
|
||||
<template #default="{ row }">
|
||||
{{ row.amount ? (row.amount / 100).toFixed(2) : 0 }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="refundStatus" title="状态" :min-width="80">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('RefundStatus', row.status) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
|
||||
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作">
|
||||
<template #default="{ row }">
|
||||
<a-link @click="show(row)">查看</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<!-- 钱包不可以同步 -->
|
||||
<a-link @click="sync(row)">同步</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link :disabled="!(row.status === 'fail')" @click="reset(row)">重试</a-link>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<div class="h-65vh">
|
||||
<vxe-table
|
||||
height="auto"
|
||||
row-id="id"
|
||||
ref="xTable"
|
||||
:cell-style="cellStyle"
|
||||
:sort-config="{ remote: true, trigger: 'cell' }"
|
||||
:data="pagination.records"
|
||||
:loading="loading"
|
||||
@sort-change="sortChange"
|
||||
>
|
||||
<vxe-column type="seq" title="序号" width="60" />
|
||||
<vxe-column field="refundNo" title="退款号" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="show(row)">
|
||||
{{ row.refundNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="title" title="原支付标题" :min-width="160" />
|
||||
<vxe-column field="orderNo" title="支付订单号" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="showPayOrder(row)">
|
||||
{{ row.orderNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="channel" title="支付通道" :min-width="120">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('PayChannel', row.channel) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="amount" title="退款金额(元)" :min-width="140">
|
||||
<template #default="{ row }">
|
||||
{{ row.amount ? (row.amount / 100).toFixed(2) : 0 }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="refundStatus" title="状态" :min-width="80">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('RefundStatus', row.status) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
|
||||
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作">
|
||||
<template #default="{ row }">
|
||||
<a-link @click="show(row)">查看</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<!-- 钱包不可以同步 -->
|
||||
<a-link @click="sync(row)">同步</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link :disabled="!(row.status === 'fail')" @click="reset(row)">重试</a-link>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
</div>
|
||||
<vxe-pager
|
||||
size="medium"
|
||||
:loading="loading"
|
||||
|
||||
@@ -17,51 +17,54 @@
|
||||
<span style="font-size: 18px">转账金额: {{ totalAmount }}元</span>
|
||||
</template>
|
||||
</vxe-toolbar>
|
||||
<vxe-table
|
||||
row-id="id"
|
||||
ref="xTable"
|
||||
:sort-config="{ remote: true, trigger: 'cell' }"
|
||||
:data="pagination.records"
|
||||
:loading="loading"
|
||||
@sort-change="sortChange"
|
||||
>
|
||||
<vxe-column type="seq" title="序号" width="60" />
|
||||
<vxe-column field="transferNo" title="转账号" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="show(row)">
|
||||
{{ row.transferNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="bizTransferNo" title="商户转账号" :min-width="230" />
|
||||
<vxe-column field="title" title="标题" :min-width="160" />
|
||||
<vxe-column field="channel" title="转账通道" :min-width="120">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('PayChannel', row.channel) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="amount" title="金额(元)" :min-width="140">
|
||||
<template #default="{ row }">
|
||||
{{ row.amount }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="status" title="状态" :min-width="80">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('TransferStatus', row.status) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="reason" title="转账原因" :min-width="160" />
|
||||
<vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
|
||||
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作">
|
||||
<template #default="{ row }">
|
||||
<a-link @click="show(row)">查看</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link @click="sync(row)">同步</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link @click="reset(row)">重试</a-link>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<div class="h-64vh">
|
||||
<vxe-table
|
||||
height="auto"
|
||||
row-id="id"
|
||||
ref="xTable"
|
||||
:sort-config="{ remote: true, trigger: 'cell' }"
|
||||
:data="pagination.records"
|
||||
:loading="loading"
|
||||
@sort-change="sortChange"
|
||||
>
|
||||
<vxe-column type="seq" title="序号" width="60" />
|
||||
<vxe-column field="transferNo" title="转账号" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="show(row)">
|
||||
{{ row.transferNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="bizTransferNo" title="商户转账号" :min-width="230" />
|
||||
<vxe-column field="title" title="标题" :min-width="160" />
|
||||
<vxe-column field="channel" title="转账通道" :min-width="120">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('PayChannel', row.channel) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="amount" title="金额(元)" :min-width="140">
|
||||
<template #default="{ row }">
|
||||
{{ row.amount }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="status" title="状态" :min-width="80">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('TransferStatus', row.status) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="reason" title="转账原因" :min-width="160" />
|
||||
<vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
|
||||
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作">
|
||||
<template #default="{ row }">
|
||||
<a-link @click="show(row)">查看</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link @click="sync(row)">同步</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link @click="reset(row)">重试</a-link>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
</div>
|
||||
<vxe-pager
|
||||
size="medium"
|
||||
:loading="loading"
|
||||
|
||||
Reference in New Issue
Block a user