zianxin/pj_admin_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:第三方支付页面

Browse Source
This commit is contained in:
dzc committed 2026-03-27 11:30:36 +08:00
1 parent 1bd2ba3a8e
commit 70f7969481
1 file changed
+30 -35
Download Patch File Download Diff File Expand all files Collapse all files
src/views/thirdparty/third-pay-order/index.vue
Vendored
+30 -35
View File
@@ -2,47 +2,41 @@
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row>
<div class="mb8" style="width: 100%">
<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
v-auth="'third_thirdPayOrder_add'">
新 增
</el-button>
<el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'third_thirdPayOrder_del'"
@click="handleDelete(selectObjs)">
删除
</el-button>
<right-toolbar v-model:showSearch="showSearch" :export="'third_thirdPayOrder_export'"
@exportExcel="exportExcel" class="ml10 mr20" style="float: right;"
@queryTable="getDataList"></right-toolbar>
</div>
</el-row>
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="40" />
<el-table-column prop="payPlatformType" label="支付平台类型" show-overflow-tooltip />
<el-table-column prop="bizType" label="支付类型" show-overflow-tooltip />
<el-table-column prop="bizId" label="支付相关id" show-overflow-tooltip />
<el-table-column prop="userId" label="用户id" show-overflow-tooltip />
<el-table-column prop="userCode" label="用户code" show-overflow-tooltip />
<el-table-column prop="price" label="支付金额(分)" show-overflow-tooltip />
<el-table-column prop="status" label="支付状态" show-overflow-tooltip />
<el-table-column prop="payNo" label="支付订单号" show-overflow-tooltip />
<el-table-column prop="payTime" label="支付时间" show-overflow-tooltip />
<el-table-column prop="payRes" label="支付返回" show-overflow-tooltip />
<el-table-column prop="refundNo" label="退款订单号" show-overflow-tooltip />
<el-table-column prop="refundTime" label="退款时间" show-overflow-tooltip />
<el-table-column prop="refundRes" label="退款返回" show-overflow-tooltip />
<el-table-column prop="expireTime" label="订单过期时间" show-overflow-tooltip />
<el-table-column label="操作" width="150">
<template #default="scope">
<el-button icon="edit-pen" text type="primary" v-auth="'third_thirdPayOrder_edit'"
@click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
<el-button icon="delete" text type="primary" v-auth="'third_thirdPayOrder_del'"
@click="handleDelete([scope.row.id])">删除</el-button>
<el-table-column prop="payPlatformType" width="150" label="支付平台类型">
<template #default="{ row }">
<dict-tag :options="mini_platform_type" :value="row.payPlatformType" />
</template>
</el-table-column>
<el-table-column prop="bizType" label="支付业务类型" width="150">
<template #default="{ row }">
<dict-tag :options="third_pay_order_biz_type" :value="row.bizType" />
</template>
</el-table-column>
<el-table-column prop="bizId" label="支付业务id" width="200" show-overflow-tooltip />
<el-table-column prop="payNo" label="支付订单号" width="200" show-overflow-tooltip />
<el-table-column prop="userId" label="用户id" show-overflow-tooltip />
<el-table-column prop="userCode" label="用户第三方平台唯一编码" width="280" />
<el-table-column prop="price" width="100" label="支付金额">
<template #default="{ row }">
<div class="color-success">{{ displayPrice(row.price) }}</div>
</template>
</el-table-column>
<el-table-column prop="status" width="100" label="支付状态">
<template #default="{ row }">
<dict-tag :options="third_pay_order_status" :value="row.status" />
</template>
</el-table-column>
<el-table-column prop="payTime" label="支付时间" width="180" />
<el-table-column prop="payRes" label="支付返回" width="200" show-overflow-tooltip />
<el-table-column prop="refundNo" label="退款订单号" width="200" show-overflow-tooltip />
<el-table-column prop="refundTime" label="退款时间" width="180" />
<el-table-column prop="refundRes" label="退款返回" width="200" show-overflow-tooltip />
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
</div>
@@ -58,11 +52,12 @@ import { BasicTableProps, useTable } from "/@/hooks/table";
import * as thirdPayOrderApi from "/@/api/thirdparty/third-pay-order";
import { useMessage, useMessageBox } from "/@/hooks/message";
import { useDict } from '/@/hooks/dict';
import { displayPrice } from "/@/utils/formatMoney"
// 引入组件
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
// 定义查询字典
const { third_pay_order_biz_type, mini_platform_type, third_pay_order_status } = useDict("third_pay_order_biz_type", "mini_platform_type", "third_pay_order_status")
// 定义变量内容
const formDialogRef = ref()
// 搜索变量