style 样式优化

This commit is contained in:
DaxPay
2024-07-29 08:42:33 +08:00
parent 515f9cef69
commit a4cf902fd4
4 changed files with 112 additions and 109 deletions

View File

@@ -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>

View File

@@ -136,4 +136,9 @@
justify-content: center;
align-items: center;
}
:deep(.ant-card-meta-description) {
display: flex;
justify-content: center;
align-items: center;
}
</style>

View File

@@ -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"

View File

@@ -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"