|
@@ -1,10 +1,72 @@
|
|
|
<!-- -->
|
|
|
<template>
|
|
|
- <div>tradingOrder</div>
|
|
|
+ <div class="mt-3 white-bgc pa-3 pt-3">
|
|
|
+ <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
|
|
|
+ <v-tab :value="0">{{ '交易订单' }}</v-tab>
|
|
|
+ </v-tabs>
|
|
|
+ <CtTable
|
|
|
+ class="mt-3"
|
|
|
+ :items="dataList"
|
|
|
+ :headers="headers[tab]"
|
|
|
+ :loading="false"
|
|
|
+ :elevation="0"
|
|
|
+ :isTools="false"
|
|
|
+ :showPage="true"
|
|
|
+ :total="total"
|
|
|
+ :page-info="query"
|
|
|
+ itemKey="id"
|
|
|
+ @pageHandleChange="handleChangePage"
|
|
|
+ >
|
|
|
+ </CtTable>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
defineOptions({name: 'enterprise-memberCenter-tradingOrder'})
|
|
|
+import { getEnterpriseTradeOrderPage } from '@/api/recruit/enterprise/member/points'
|
|
|
+import { ref } from 'vue'
|
|
|
+
|
|
|
+const tab = ref(0)
|
|
|
+const total = ref(0)
|
|
|
+const query = ref({
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ type: 0 // 0积分 1余额
|
|
|
+})
|
|
|
+const dataList = ref([])
|
|
|
+
|
|
|
+const integralHeaders = [
|
|
|
+ { title: '标题', key: 'title', sortable: false },
|
|
|
+ { title: '描述', key: 'description', sortable: false },
|
|
|
+ { title: '积分点', key: 'point', sortable: false },
|
|
|
+ { title: '剩余点数', key: 'totalPoint', sortable: false },
|
|
|
+ // { title: '发生时间', key: 'createTime', value: item => timesTampChange(item.createTime), sortable: false },
|
|
|
+]
|
|
|
+// const balanceHeaders = [
|
|
|
+// { title: '标题', key: 'title', sortable: false },
|
|
|
+// ]
|
|
|
+
|
|
|
+// 积分、签到明细
|
|
|
+const getData = async () => {
|
|
|
+ const res = await getEnterpriseTradeOrderPage(query.value)
|
|
|
+ dataList.value = res.list
|
|
|
+ total.value = res.total
|
|
|
+}
|
|
|
+getData()
|
|
|
+
|
|
|
+const handleChangePage = (e) => {
|
|
|
+ query.value.pageNo = e
|
|
|
+ getData()
|
|
|
+}
|
|
|
+
|
|
|
+// 切换
|
|
|
+const handleChangeTab = () => {
|
|
|
+ query.value.pageNo = 1
|
|
|
+ query.value.type = tab.value
|
|
|
+ getData()
|
|
|
+}
|
|
|
+
|
|
|
+const headers = ref([integralHeaders])
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
</style>
|