订单

src/views/integral/pointsManagement/index.vue

@@ -7,11 +7,12 @@
       <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
         <v-tab :value="0">{{ $t('points.pointsDetails') }}</v-tab>
         <v-tab :value="1">{{ $t('points.balanceDetails') }}</v-tab>
+        <v-tab :value="2">支付订单明细</v-tab>
       </v-tabs>
       <CtTable
         class="mt-3"
         :items="dataList"
-        :headers="tab === 0 ? integralHeaders : balanceHeaders"
+        :headers="headers[tab]"
         :loading="false"
         :elevation="0"
         :isTools="false"
@@ -65,6 +66,15 @@ const balanceHeaders = [
   { title: '发生时间', key: 'createTime', value: item =>  timesTampChange(item.createTime), sortable: false },
 ]
 
+const orderHeaders = [
+  { title: '充值时间', key: 'createTime', value: item =>  timesTampChange(item.createTime), sortable: false },
+  { title: '充值金额', key: 'price', sortable: false },
+  { title: '支付方式', key: 'type', sortable: false },
+  { title: '充值状态', key: 'status', sortable: false }
+]
+
+const headers = ref([integralHeaders, balanceHeaders, orderHeaders])
+
 // 积分、签到明细
 const getData = async () => {
   const res = props.type ? await getEnterpriseAccountRecordPage(query.value) : await getUserRewardPointPage(query.value)