|
@@ -0,0 +1,54 @@
|
|
|
+<template>
|
|
|
+ <CtTable
|
|
|
+ class="mt-3"
|
|
|
+ :items="dataList"
|
|
|
+ :headers="headers"
|
|
|
+ :loading="false"
|
|
|
+ :elevation="0"
|
|
|
+ :isTools="false"
|
|
|
+ :showPage="true"
|
|
|
+ :total="total"
|
|
|
+ :page-info="query"
|
|
|
+ itemKey="id"
|
|
|
+ @pageHandleChange="handleChangePage"
|
|
|
+ >
|
|
|
+ </CtTable>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+defineOptions({ name: 'trading-order-balance'})
|
|
|
+import { ref } from 'vue'
|
|
|
+import { timesTampChange } from '@/utils/date'
|
|
|
+import { getEnterpriseCurrencyPage } from '@/api/recruit/enterprise/member/points'
|
|
|
+
|
|
|
+const dataList = ref([])
|
|
|
+const headers = [
|
|
|
+ { title: '交易类型', key: 'title', sortable: false },
|
|
|
+ { title: '支出M豆', key: 'price', value: item => (item.price / 100) + 'M豆', sortable: false },
|
|
|
+ { title: '交易后剩余M豆', key: 'balance', value: item => (item.balance / 100) + 'M豆', sortable: false },
|
|
|
+ { title: '交易时间', key: 'createTime', value: item => timesTampChange(item.createTime), sortable: false }
|
|
|
+]
|
|
|
+
|
|
|
+const total = ref(0)
|
|
|
+const query = ref({
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 10
|
|
|
+})
|
|
|
+
|
|
|
+const getData = async () => {
|
|
|
+ dataList.value = []; total.value = 0
|
|
|
+ const res = await getEnterpriseCurrencyPage(query.value)
|
|
|
+ dataList.value = res?.list || []
|
|
|
+ total.value = res.total
|
|
|
+}
|
|
|
+getData()
|
|
|
+
|
|
|
+const handleChangePage = (e) => {
|
|
|
+ query.value.pageNo = e
|
|
|
+ getData()
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+
|
|
|
+</style>
|