Forráskód Böngészése

企业:我的订单

lifanagju_citu 9 hónapja
szülő
commit
e7384bcbf1

+ 8 - 0
src/api/recruit/enterprise/member/points/index.js

@@ -6,4 +6,12 @@ export const getEnterpriseAccountRecordPage = async (params) => {
     url: '/app-admin-api/menduner/system/enterprise/account/record/page',
     params
   })
+}
+
+// 账户变动记录
+export const getEnterpriseTradeOrderPage = async (params) => {
+  return await request.get({
+    url: '/app-admin-api/menduner/system/trade/order/page',
+    params
+  })
 }

+ 63 - 1
src/views/recruit/enterprise/memberCenter/tradingOrder/index.vue

@@ -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>