优化页面和模型

web/src/lang/backend/en/mall/claimLog.ts

@@ -0,0 +1,9 @@
+export default {
+    id: 'id',
+    claim_request_id: 'claim_request_id',
+    user_id: 'user_id',
+    claimed_amount: 'claimed_amount',
+    create_time: 'create_time',
+    'quick Search Fields': 'id',
+}
+

web/src/lang/backend/en/mall/dailyPush.ts

@@ -0,0 +1,13 @@
+export default {
+    id: 'id',
+    user_id: 'user_id',
+    date: 'date',
+    username: 'username',
+    yesterday_win_loss_net: 'yesterday_win_loss_net',
+    yesterday_total_deposit: 'yesterday_total_deposit',
+    lifetime_total_deposit: 'lifetime_total_deposit',
+    lifetime_total_withdraw: 'lifetime_total_withdraw',
+    create_time: 'create_time',
+    'quick Search Fields': 'id',
+}
+

web/src/lang/backend/en/mall/order.ts

@@ -0,0 +1,37 @@
+export default {
+    id: 'id',
+    user_id: 'user_id',
+    type: 'type',
+    'type BONUS': 'Bonus(BONUS)',
+    'type PHYSICAL': 'Physical(PHYSICAL)',
+    'type WITHDRAW': 'Withdraw(WITHDRAW)',
+    status: 'status',
+    'status PENDING': 'Pending(PENDING)',
+    'status COMPLETED': 'Completed(COMPLETED)',
+    'status SHIPPED': 'Shipped(SHIPPED)',
+    'status REJECTED': 'Rejected(REJECTED)',
+    mall_item_id: 'mall_item_id',
+    mallitem__title: 'title',
+    points_cost: 'points_cost',
+    amount: 'amount',
+    multiplier: 'multiplier',
+    external_transaction_id: 'external_transaction_id',
+    playx_transaction_id: 'playx_transaction_id',
+    grant_status: 'grant_status',
+    'grant_status NOT_SENT': 'NOT_SENT',
+    'grant_status SENT_PENDING': 'SENT_PENDING',
+    'grant_status ACCEPTED': 'ACCEPTED',
+    'grant_status FAILED_RETRYABLE': 'FAILED_RETRYABLE',
+    'grant_status FAILED_FINAL': 'FAILED_FINAL',
+    fail_reason: 'fail_reason',
+    reject_reason: 'reject_reason',
+    shipping_company: 'shipping_company',
+    shipping_no: 'shipping_no',
+    receiver_name: 'receiver_name',
+    receiver_phone: 'receiver_phone',
+    receiver_address: 'receiver_address',
+    create_time: 'create_time',
+    update_time: 'update_time',
+    'quick Search Fields': 'ID',
+}
+

web/src/lang/backend/en/mall/userAsset.ts

@@ -0,0 +1,15 @@
+export default {
+    id: 'id',
+    username: 'username',
+    phone: 'phone',
+    playx_user_id: 'playx_user_id',
+    locked_points: 'locked_points',
+    available_points: 'available_points',
+    today_limit: 'today_limit',
+    today_claimed: 'today_claimed',
+    today_limit_date: 'today_limit_date',
+    create_time: 'create_time',
+    update_time: 'update_time',
+    'quick Search Fields': 'id, playx_user_id, username, phone',
+}
+

web/src/lang/backend/zh-cn/mall/claimLog.ts

@@ -0,0 +1,9 @@
+export default {
+    id: 'ID',
+    claim_request_id: '领取幂等键',
+    user_id: '用户ID',
+    claimed_amount: '领取积分',
+    create_time: '创建时间',
+    'quick Search Fields': 'ID',
+}
+

web/src/lang/backend/zh-cn/mall/dailyPush.ts

@@ -0,0 +1,13 @@
+export default {
+    id: 'ID',
+    user_id: '用户ID',
+    date: '业务日期',
+    username: '用户名',
+    yesterday_win_loss_net: '昨日净输赢',
+    yesterday_total_deposit: '昨日总充值',
+    lifetime_total_deposit: '历史总充值',
+    lifetime_total_withdraw: '历史总提现',
+    create_time: '创建时间',
+    'quick Search Fields': 'ID',
+}
+

web/src/lang/backend/zh-cn/mall/order.ts

@@ -0,0 +1,37 @@
+export default {
+    id: 'ID',
+    user_id: '用户ID',
+    type: '类型',
+    'type BONUS': '红利(BONUS)',
+    'type PHYSICAL': '实物(PHYSICAL)',
+    'type WITHDRAW': '提现(WITHDRAW)',
+    status: '状态',
+    'status PENDING': '处理中(PENDING)',
+    'status COMPLETED': '已完成(COMPLETED)',
+    'status SHIPPED': '已发货(SHIPPED)',
+    'status REJECTED': '已驳回(REJECTED)',
+    mall_item_id: '商品ID',
+    mallitem__title: '商品标题',
+    points_cost: '消耗积分',
+    amount: '现金面值',
+    multiplier: '流水倍数',
+    external_transaction_id: '外部交易幂等键',
+    playx_transaction_id: 'PlayX流水号',
+    grant_status: '发放子状态',
+    'grant_status NOT_SENT': '未发送',
+    'grant_status SENT_PENDING': '已发送排队',
+    'grant_status ACCEPTED': '已接收(accepted)',
+    'grant_status FAILED_RETRYABLE': '失败可重试',
+    'grant_status FAILED_FINAL': '失败最终',
+    fail_reason: '失败原因',
+    reject_reason: '驳回原因',
+    shipping_company: '物流公司',
+    shipping_no: '物流单号',
+    receiver_name: '收货人',
+    receiver_phone: '收货电话',
+    receiver_address: '收货地址',
+    create_time: '创建时间',
+    update_time: '修改时间',
+    'quick Search Fields': 'ID',
+}
+

web/src/lang/backend/zh-cn/mall/userAsset.ts

@@ -0,0 +1,15 @@
+export default {
+    id: 'ID',
+    username: '用户名',
+    phone: '手机号',
+    playx_user_id: 'PlayX用户ID',
+    locked_points: '待领取积分',
+    available_points: '可用积分',
+    today_limit: '今日可领取上限',
+    today_claimed: '今日已领取',
+    today_limit_date: '今日上限日期',
+    create_time: '创建时间',
+    update_time: '修改时间',
+    'quick Search Fields': 'ID、PlayX用户ID、用户名、手机号',
+}
+

web/src/views/backend/mall/address/popupForm.vue

@@ -34,7 +34,7 @@
                         type="remoteSelect"
                         v-model="baTable.form.items!.playx_user_asset_id"
                         prop="playx_user_asset_id"
-                        :input-attr="{ pk: 'mall_playx_user_asset.id', field: 'username', remoteUrl: '/admin/mall.PlayxUserAsset/select' }"
+                        :input-attr="{ pk: 'mall_user_asset.id', field: 'username', remoteUrl: '/admin/mall.UserAsset/select' }"
                         :placeholder="t('Please select field', { field: t('mall.address.playx_user_asset_id') })"
                     />
                     <FormItem

web/src/views/backend/mall/claimLog/index.vue

@@ -0,0 +1,61 @@
+<template>
+    <div class="default-main ba-table-box">
+        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />
+
+        <TableHeader
+            :buttons="['refresh', 'comSearch', 'quickSearch', 'columnDisplay']"
+            :quick-search-placeholder="t('Quick search placeholder', { fields: t('mall.claimLog.quick Search Fields') })"
+        ></TableHeader>
+
+        <Table ref="tableRef"></Table>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, provide, useTemplateRef } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { baTableApi } from '/@/api/common'
+import TableHeader from '/@/components/table/header/index.vue'
+import Table from '/@/components/table/index.vue'
+import baTableClass from '/@/utils/baTable'
+
+defineOptions({
+    name: 'mall/claimLog',
+})
+
+const { t } = useI18n()
+const tableRef = useTemplateRef('tableRef')
+
+const baTable = new baTableClass(
+    new baTableApi('/admin/mall.ClaimLog/'),
+    {
+        pk: 'id',
+        column: [
+            { type: 'selection', align: 'center', operator: false },
+            { label: t('mall.claimLog.id'), prop: 'id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
+            { label: t('mall.claimLog.claim_request_id'), prop: 'claim_request_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.claimLog.user_id'), prop: 'user_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.claimLog.claimed_amount'), prop: 'claimed_amount', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.claimLog.create_time'), prop: 'create_time', align: 'center', render: 'datetime', operator: 'RANGE', comSearchRender: 'datetime', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
+        ],
+        dblClickNotEditColumn: [undefined],
+    },
+    {
+        defaultItems: {},
+    }
+)
+
+provide('baTable', baTable)
+
+onMounted(() => {
+    baTable.table.ref = tableRef.value
+    baTable.mount()
+    baTable.getData()?.then(() => {
+        baTable.initSort()
+        baTable.dragSort()
+    })
+})
+</script>
+
+<style scoped lang="scss"></style>
+

web/src/views/backend/mall/dailyPush/index.vue

@@ -0,0 +1,65 @@
+<template>
+    <div class="default-main ba-table-box">
+        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />
+
+        <TableHeader
+            :buttons="['refresh', 'comSearch', 'quickSearch', 'columnDisplay']"
+            :quick-search-placeholder="t('Quick search placeholder', { fields: t('mall.dailyPush.quick Search Fields') })"
+        ></TableHeader>
+
+        <Table ref="tableRef"></Table>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, provide, useTemplateRef } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { baTableApi } from '/@/api/common'
+import TableHeader from '/@/components/table/header/index.vue'
+import Table from '/@/components/table/index.vue'
+import baTableClass from '/@/utils/baTable'
+
+defineOptions({
+    name: 'mall/dailyPush',
+})
+
+const { t } = useI18n()
+const tableRef = useTemplateRef('tableRef')
+
+const baTable = new baTableClass(
+    new baTableApi('/admin/mall.DailyPush/'),
+    {
+        pk: 'id',
+        column: [
+            { type: 'selection', align: 'center', operator: false },
+            { label: t('mall.dailyPush.id'), prop: 'id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
+            { label: t('mall.dailyPush.user_id'), prop: 'user_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.dailyPush.date'), prop: 'date', align: 'center', render: 'date', operator: 'RANGE', comSearchRender: 'date', sortable: 'custom', width: 120, operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.dailyPush.username'), prop: 'username', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.dailyPush.yesterday_win_loss_net'), prop: 'yesterday_win_loss_net', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.dailyPush.yesterday_total_deposit'), prop: 'yesterday_total_deposit', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.dailyPush.lifetime_total_deposit'), prop: 'lifetime_total_deposit', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.dailyPush.lifetime_total_withdraw'), prop: 'lifetime_total_withdraw', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.dailyPush.create_time'), prop: 'create_time', align: 'center', render: 'datetime', operator: 'RANGE', comSearchRender: 'datetime', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
+        ],
+        dblClickNotEditColumn: [undefined],
+    },
+    {
+        defaultItems: {},
+    }
+)
+
+provide('baTable', baTable)
+
+onMounted(() => {
+    baTable.table.ref = tableRef.value
+    baTable.mount()
+    baTable.getData()?.then(() => {
+        baTable.initSort()
+        baTable.dragSort()
+    })
+})
+</script>
+
+<style scoped lang="scss"></style>
+

web/src/views/backend/mall/order/index.vue

@@ -0,0 +1,232 @@
+<template>
+    <div class="default-main ba-table-box">
+        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />
+
+        <TableHeader
+            :buttons="['refresh', 'comSearch', 'quickSearch', 'columnDisplay']"
+            :quick-search-placeholder="t('Quick search placeholder', { fields: t('mall.order.quick Search Fields') })"
+        ></TableHeader>
+
+        <Table ref="tableRef"></Table>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, provide, useTemplateRef } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { baTableApi } from '/@/api/common'
+import createAxios from '/@/utils/axios'
+import TableHeader from '/@/components/table/header/index.vue'
+import Table from '/@/components/table/index.vue'
+import baTableClass from '/@/utils/baTable'
+import { ElMessageBox } from 'element-plus'
+
+defineOptions({
+    name: 'mall/order',
+})
+
+const { t } = useI18n()
+const tableRef = useTemplateRef('tableRef')
+
+const baTable = new baTableClass(
+    new baTableApi('/admin/mall.Order/'),
+    {
+        pk: 'id',
+        column: [
+            { type: 'selection', align: 'center', operator: false },
+            { label: t('mall.order.id'), prop: 'id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
+            { label: t('mall.order.user_id'), prop: 'user_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            {
+                label: t('mall.order.type'),
+                prop: 'type',
+                align: 'center',
+                operator: 'eq',
+                sortable: false,
+                render: 'tag',
+                replaceValue: {
+                    BONUS: t('mall.order.type BONUS'),
+                    PHYSICAL: t('mall.order.type PHYSICAL'),
+                    WITHDRAW: t('mall.order.type WITHDRAW'),
+                },
+            },
+            {
+                label: t('mall.order.status'),
+                prop: 'status',
+                align: 'center',
+                operator: 'eq',
+                sortable: false,
+                render: 'tag',
+                replaceValue: {
+                    PENDING: t('mall.order.status PENDING'),
+                    COMPLETED: t('mall.order.status COMPLETED'),
+                    SHIPPED: t('mall.order.status SHIPPED'),
+                    REJECTED: t('mall.order.status REJECTED'),
+                },
+            },
+            { label: t('mall.order.mall_item_id'), prop: 'mall_item_id', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.order.mallitem__title'), prop: 'mallItem.title', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.order.points_cost'), prop: 'points_cost', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.order.amount'), prop: 'amount', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.order.multiplier'), prop: 'multiplier', align: 'center', operator: 'eq', sortable: false },
+            { label: t('mall.order.external_transaction_id'), prop: 'external_transaction_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.order.playx_transaction_id'), prop: 'playx_transaction_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            {
+                label: t('mall.order.grant_status'),
+                prop: 'grant_status',
+                align: 'center',
+                operator: 'eq',
+                sortable: false,
+                render: 'tag',
+                replaceValue: {
+                    NOT_SENT: t('mall.order.grant_status NOT_SENT'),
+                    SENT_PENDING: t('mall.order.grant_status SENT_PENDING'),
+                    ACCEPTED: t('mall.order.grant_status ACCEPTED'),
+                    FAILED_RETRYABLE: t('mall.order.grant_status FAILED_RETRYABLE'),
+                    FAILED_FINAL: t('mall.order.grant_status FAILED_FINAL'),
+                },
+            },
+            { label: t('mall.order.fail_reason'), prop: 'fail_reason', align: 'center', showOverflowTooltip: true, operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.order.reject_reason'), prop: 'reject_reason', align: 'center', showOverflowTooltip: true, sortable: false, operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.order.shipping_company'), prop: 'shipping_company', align: 'center', showOverflowTooltip: true, sortable: false, operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.order.shipping_no'), prop: 'shipping_no', align: 'center', showOverflowTooltip: true, sortable: false, operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.order.receiver_name'), prop: 'receiver_name', align: 'center', showOverflowTooltip: true, sortable: false, operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.order.receiver_phone'), prop: 'receiver_phone', align: 'center', showOverflowTooltip: true, sortable: false, operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.order.receiver_address'), prop: 'receiver_address', align: 'center', showOverflowTooltip: true, sortable: false, operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.order.create_time'), prop: 'create_time', align: 'center', render: 'datetime', operator: 'RANGE', comSearchRender: 'datetime', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
+            { label: t('mall.order.update_time'), prop: 'update_time', align: 'center', render: 'datetime', operator: 'RANGE', comSearchRender: 'datetime', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
+            {
+                label: t('Operate'),
+                align: 'center',
+                width: 220,
+                render: 'buttons',
+                buttons: [
+                    {
+                        render: 'confirmButton',
+                        name: 'retry',
+                        title: 'Retry',
+                        text: '手动重试',
+                        type: 'warning',
+                        icon: '',
+                        display: (row: TableRow) =>
+                            (row.type === 'BONUS' || row.type === 'WITHDRAW') && row.grant_status === 'FAILED_RETRYABLE' && row.status === 'PENDING',
+                        popconfirm: {
+                            title: '确认将该订单加入重试队列？',
+                            confirmButtonText: '确认',
+                            cancelButtonText: '取消',
+                            confirmButtonType: 'warning',
+                        },
+                        click: async (row: TableRow) => {
+                            await createAxios(
+                                {
+                                    url: '/admin/mall.Order/retry',
+                                    method: 'post',
+                                    data: {
+                                        id: row.id,
+                                    },
+                                },
+                                {
+                                    showSuccessMessage: true,
+                                }
+                            )
+                            await baTable.getData()
+                        },
+                    },
+                    {
+                        render: 'basicButton',
+                        name: 'ship',
+                        title: 'Ship',
+                        text: '发货',
+                        type: 'success',
+                        icon: '',
+                        display: (row: TableRow) => row.type === 'PHYSICAL' && row.status === 'PENDING',
+                        click: async (row: TableRow) => {
+                            try {
+                                const shippingNoRes = await ElMessageBox.prompt('请输入物流单号', '发货', {
+                                    confirmButtonText: '确认',
+                                    cancelButtonText: '取消',
+                                })
+                                const shippingCompanyRes = await ElMessageBox.prompt('请输入物流公司', '发货', {
+                                    confirmButtonText: '确认',
+                                    cancelButtonText: '取消',
+                                })
+
+                                const shippingNo = shippingNoRes.value
+                                const shippingCompany = shippingCompanyRes.value
+
+                                await createAxios(
+                                    {
+                                        url: '/admin/mall.Order/ship',
+                                        method: 'post',
+                                        data: {
+                                            id: row.id,
+                                            shipping_company: shippingCompany,
+                                            shipping_no: shippingNo,
+                                        },
+                                    },
+                                    {
+                                        showSuccessMessage: true,
+                                    }
+                                )
+                                await baTable.getData()
+                            } catch {
+                                // 用户取消弹窗：不做任何提示，避免控制台报错
+                            }
+                        },
+                    },
+                    {
+                        render: 'basicButton',
+                        name: 'reject',
+                        title: 'Reject',
+                        text: '驳回',
+                        type: 'danger',
+                        icon: '',
+                        display: (row: TableRow) => row.type === 'PHYSICAL' && row.status === 'PENDING',
+                        click: async (row: TableRow) => {
+                            try {
+                                const res = await ElMessageBox.prompt('请输入驳回原因', '驳回', {
+                                    confirmButtonText: '确认',
+                                    cancelButtonText: '取消',
+                                })
+                                await createAxios(
+                                    {
+                                        url: '/admin/mall.Order/reject',
+                                        method: 'post',
+                                        data: {
+                                            id: row.id,
+                                            reject_reason: res.value,
+                                        },
+                                    },
+                                    {
+                                        showSuccessMessage: true,
+                                    }
+                                )
+                                await baTable.getData()
+                            } catch {
+                                // 用户取消：不提示
+                            }
+                        },
+                    },
+                ],
+            },
+        ],
+        dblClickNotEditColumn: [undefined],
+    },
+    {
+        defaultItems: {},
+    }
+)
+
+provide('baTable', baTable)
+
+onMounted(() => {
+    baTable.table.ref = tableRef.value
+    baTable.mount()
+    baTable.getData()?.then(() => {
+        baTable.initSort()
+        baTable.dragSort()
+    })
+})
+</script>
+
+<style scoped lang="scss"></style>
+

web/src/views/backend/mall/pintsOrder/popupForm.vue

@@ -41,7 +41,7 @@
                         type="remoteSelect"
                         v-model="baTable.form.items!.playx_user_asset_id"
                         prop="playx_user_asset_id"
-                        :input-attr="{ pk: 'mall_playx_user_asset.id', field: 'username', remoteUrl: '/admin/mall.PlayxUserAsset/select' }"
+                        :input-attr="{ pk: 'mall_user_asset.id', field: 'username', remoteUrl: '/admin/mall.UserAsset/select' }"
                         :placeholder="t('Please select field', { field: t('mall.pintsOrder.playx_user_asset_id') })"
                     />
                     <FormItem

web/src/views/backend/mall/redemptionOrder/popupForm.vue

@@ -41,7 +41,7 @@
                         type="remoteSelect"
                         v-model="baTable.form.items!.playx_user_asset_id"
                         prop="playx_user_asset_id"
-                        :input-attr="{ pk: 'mall_playx_user_asset.id', field: 'username', remoteUrl: '/admin/mall.PlayxUserAsset/select' }"
+                        :input-attr="{ pk: 'mall_user_asset.id', field: 'username', remoteUrl: '/admin/mall.UserAsset/select' }"
                         :placeholder="t('Please select field', { field: t('mall.redemptionOrder.playx_user_asset_id') })"
                     />
                     <FormItem

web/src/views/backend/mall/userAsset/index.vue

@@ -0,0 +1,67 @@
+<template>
+    <div class="default-main ba-table-box">
+        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />
+
+        <TableHeader
+            :buttons="['refresh', 'comSearch', 'quickSearch', 'columnDisplay']"
+            :quick-search-placeholder="t('Quick search placeholder', { fields: t('mall.userAsset.quick Search Fields') })"
+        ></TableHeader>
+
+        <Table ref="tableRef"></Table>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, provide, useTemplateRef } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { baTableApi } from '/@/api/common'
+import TableHeader from '/@/components/table/header/index.vue'
+import Table from '/@/components/table/index.vue'
+import baTableClass from '/@/utils/baTable'
+
+defineOptions({
+    name: 'mall/userAsset',
+})
+
+const { t } = useI18n()
+const tableRef = useTemplateRef('tableRef')
+
+const baTable = new baTableClass(
+    new baTableApi('/admin/mall.UserAsset/'),
+    {
+        pk: 'id',
+        column: [
+            { type: 'selection', align: 'center', operator: false },
+            { label: t('mall.userAsset.id'), prop: 'id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
+            { label: t('mall.userAsset.username'), prop: 'username', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.userAsset.phone'), prop: 'phone', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.userAsset.playx_user_id'), prop: 'playx_user_id', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
+            { label: t('mall.userAsset.locked_points'), prop: 'locked_points', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.userAsset.available_points'), prop: 'available_points', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.userAsset.today_limit'), prop: 'today_limit', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.userAsset.today_claimed'), prop: 'today_claimed', align: 'center', operator: 'RANGE', sortable: false },
+            { label: t('mall.userAsset.today_limit_date'), prop: 'today_limit_date', align: 'center', render: 'date', operator: 'RANGE', comSearchRender: 'date', sortable: 'custom', width: 120, operatorPlaceholder: t('Fuzzy query') },
+            { label: t('mall.userAsset.create_time'), prop: 'create_time', align: 'center', render: 'datetime', operator: 'RANGE', comSearchRender: 'datetime', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
+            { label: t('mall.userAsset.update_time'), prop: 'update_time', align: 'center', render: 'datetime', operator: 'RANGE', comSearchRender: 'datetime', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
+        ],
+        dblClickNotEditColumn: [undefined],
+    },
+    {
+        defaultItems: {},
+    }
+)
+
+provide('baTable', baTable)
+
+onMounted(() => {
+    baTable.table.ref = tableRef.value
+    baTable.mount()
+    baTable.getData()?.then(() => {
+        baTable.initSort()
+        baTable.dragSort()
+    })
+})
+</script>
+
+<style scoped lang="scss"></style>
+