feat(custom): i

src/views/order/index/api.js

@@ -0,0 +1,5 @@
+import { request } from '@/utils'
+
+export default {
+  getOrder: (data) => request.post('/order', data),
+}

src/views/order/index/index.vue

@@ -0,0 +1,103 @@
+<template>
+  <CommonPage show-footer :title="$route.title">
+    <n-data-table
+      :loading="loading"
+      :columns="columns"
+      :data="data"
+      :pagination="pagination"
+      :bordered="false"
+    />
+  </CommonPage>
+</template>
+
+<script setup>
+import api from './api'
+
+const loading = ref(false)
+
+const columns = ref([
+  {
+    title: '订单号',
+    align: 'center',
+    key: 'oid',
+  },
+  {
+    title: '用户',
+    align: 'center',
+    key: 'user_name',
+  },
+  {
+    title: '商品名称',
+    align: 'center',
+    key: 'goods_name',
+  },
+  {
+    title: '商品价格',
+    align: 'center',
+    key: 'number',
+  },
+  {
+    title: '订单状态',
+    align: 'center',
+    slot: 'status',
+    render(row) {
+      switch (row.status) {
+        case 0:
+          return h('span', '待付款')
+        case 1:
+          return h('span', '待使用')
+        case 2:
+          return h('span', '已完成')
+        case 3:
+          return h('span', '已过期')
+      }
+    },
+  },
+  {
+    title: '操作',
+    align: 'center',
+    slot: 'action',
+    render(row) {
+      console.log(row)
+    },
+  },
+])
+
+const data = ref([])
+
+const pagination = ref({
+  current: 1,
+  pageSize: 10,
+  total: 0,
+  onChange: (page) => {
+    pagination.value.page = page
+    getList()
+  },
+  onUpdatePageSize: (pageSize) => {
+    pagination.value.pageSize = pageSize
+    pagination.value.page = 1
+    getList()
+  },
+})
+
+onMounted(() => {
+  getList()
+})
+
+const getList = async () => {
+  loading.value = true
+  try {
+    const res = await api.getOrder({
+      pageNum: pagination.value.current,
+      pageSize: pagination.value.pageSize,
+    })
+    console.log(res)
+    data.value = res.data.data || []
+  } catch (error) {
+    $message.error(error.msg)
+  }
+  loading.value = false
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/order/point/api.js

@@ -0,0 +1,5 @@
+import { request } from '@/utils'
+
+export default {
+  getPoint: (data) => request.post('/point/order', data),
+}

src/views/order/point/index.vue

@@ -0,0 +1,103 @@
+<template>
+  <CommonPage show-footer :title="$route.title">
+    <n-data-table
+      :loading="loading"
+      :columns="columns"
+      :data="data"
+      :pagination="pagination"
+      :bordered="false"
+    />
+  </CommonPage>
+</template>
+
+<script setup>
+import api from './api'
+
+const loading = ref(false)
+
+const columns = ref([
+  {
+    title: '订单号',
+    align: 'center',
+    key: 'oid',
+  },
+  {
+    title: '用户',
+    align: 'center',
+    key: 'user_name',
+  },
+  {
+    title: '商品名称',
+    align: 'center',
+    key: 'goods_name',
+  },
+  {
+    title: '商品价格',
+    align: 'center',
+    key: 'number',
+  },
+  {
+    title: '订单状态',
+    align: 'center',
+    slot: 'status',
+    render(row) {
+      switch (row.status) {
+        case 0:
+          return h('span', '待付款')
+        case 1:
+          return h('span', '待使用')
+        case 2:
+          return h('span', '已完成')
+        case 3:
+          return h('span', '已过期')
+      }
+    },
+  },
+  {
+    title: '操作',
+    align: 'center',
+    slot: 'action',
+    render(row) {
+      console.log(row)
+    },
+  },
+])
+
+const data = ref([])
+
+const pagination = ref({
+  current: 1,
+  pageSize: 10,
+  total: 0,
+  onChange: (page) => {
+    pagination.value.page = page
+    getList()
+  },
+  onUpdatePageSize: (pageSize) => {
+    pagination.value.pageSize = pageSize
+    pagination.value.page = 1
+    getList()
+  },
+})
+
+onMounted(() => {
+  getList()
+})
+
+const getList = async () => {
+  loading.value = true
+  try {
+    const res = await api.getPoint({
+      pageNum: pagination.value.current,
+      pageSize: pagination.value.pageSize,
+    })
+    console.log(res)
+    data.value = res.data.data || []
+  } catch (error) {
+    $message.error(error.msg)
+  }
+  loading.value = false
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/order/route.js

@@ -0,0 +1,30 @@
+const Layout = () => import('@/layout/index.vue')
+
+export default {
+  name: '订单管理',
+  path: '/order',
+  component: Layout,
+  redirect: '/order_list',
+  children: [
+    {
+      name: 'Orderlist',
+      path: 'order_list',
+      component: () => import('./index/index.vue'),
+      meta: {
+        title: '活动订单',
+        icon: 'mdi:account-multiple',
+        order: 10,
+      },
+    },
+    {
+      name: 'Pointlist',
+      path: 'point_list',
+      component: () => import('./point/index.vue'),
+      meta: {
+        title: '积分订单',
+        icon: 'mdi:account-multiple',
+        order: 10,
+      },
+    },
+  ],
+}