diff --git a/src/api/blindBox/blindBoxOeder.ts b/src/api/blindBox/blindBoxOeder.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4bf93b305e464b92c5d6d393a6f8709726146012
--- /dev/null
+++ b/src/api/blindBox/blindBoxOeder.ts
@@ -0,0 +1,80 @@
+import { http } from '@/utils/http/axios';
+
+export interface BasicResponseModel<T = any> {
+  code: number;
+  message: string;
+  result: T;
+}
+
+/**
+ * @description: 盲盒订单表列表
+ */
+export function getBlindBoxOrderPage(params?) {
+  return http.request({
+    url: '/blind-box/blind-box-order/page',
+    method: 'GET',
+    params,
+  });
+}
+//isTransformResponse true不进行任何处理直接返回， false会进行处理后返回 例如权限不够都会处理
+/**
+ * 保存盲盒订单表
+ * @param params
+ */
+export function saveBlindBoxOrder(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/blind-box/blind-box-order`,
+      method: 'POST',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 编辑盲盒订单表
+ * @param params
+ */
+export function updateBlindBoxOrder(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/blind-box/blind-box-order/${params.id}`,
+      method: 'PUT',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 删除盲盒订单表
+ * @param params
+ */
+export function deleteBlindBoxOrder(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/blind-box/blind-box-order/${params.id}`,
+      method: 'DELETE',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+/***
+ * 获取盲盒订单项
+ * @param params
+ */
+export const getBlindOrderItem = (params: number) => {
+  return http.request<BasicResponseModel>({
+    url: `/blind-box/blind-box-order/item/list/${params}`,
+    method: 'GET',
+    // params,
+  });
+};
diff --git a/src/api/order/order.ts b/src/api/order/order.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3a269ade0a863e787225d4e995678518dc966d88
--- /dev/null
+++ b/src/api/order/order.ts
@@ -0,0 +1,76 @@
+import { http } from '@/utils/http/axios';
+
+export interface BasicResponseModel<T = any> {
+  code: number;
+  message: string;
+  result: T;
+}
+
+/**
+ * @description: 订单表列表
+ */
+export function getOrderPage(params?) {
+  return http.request({
+    url: '/order/order/page',
+    method: 'GET',
+    params,
+  });
+}
+//isTransformResponse true不进行任何处理直接返回， false会进行处理后返回 例如权限不够都会处理
+/**
+ * 保存订单表
+ * @param params
+ */
+export function saveOrder(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/order/order`,
+      method: 'POST',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 编辑订单表
+ * @param params
+ */
+export function updateOrder(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/order/order/${params.id}`,
+      method: 'PUT',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 删除订单表
+ * @param params
+ */
+export function deleteOrder(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/order/order/${params.id}`,
+      method: 'DELETE',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+export const getOrderItemPage = (orderId) => {
+  return http.request<BasicResponseModel>({
+    url: `/order/order/item/list`,
+    method: 'GET',
+    params: { orderId },
+  });
+};
diff --git a/src/api/order/orderItem.ts b/src/api/order/orderItem.ts
new file mode 100644
index 0000000000000000000000000000000000000000..af2130fbbb4eafde8fbf69775af339aa67c0adfc
--- /dev/null
+++ b/src/api/order/orderItem.ts
@@ -0,0 +1,69 @@
+import { http } from '@/utils/http/axios';
+
+export interface BasicResponseModel<T = any> {
+  code: number;
+  message: string;
+  result: T;
+}
+
+/**
+ * @description: 订单子项表列表
+ */
+export function getOrderItemPage(params?) {
+  return http.request({
+    url: '/order/orderItem/page',
+    method: 'GET',
+    params,
+  });
+}
+//isTransformResponse true不进行任何处理直接返回， false会进行处理后返回 例如权限不够都会处理
+/**
+ * 保存订单子项表
+ * @param params
+ */
+export function saveOrderItem(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/order/orderItem`,
+      method: 'POST',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 编辑订单子项表
+ * @param params
+ */
+export function updateOrderItem(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/order/orderItem/${params.id}`,
+      method: 'PUT',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 删除订单子项表
+ * @param params
+ */
+export function deleteOrderItem(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/order/orderItem/${params.id}`,
+      method: 'DELETE',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
diff --git a/src/enums/orderEnum.ts b/src/enums/orderEnum.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b390c7fb2b724c75395244ba79d7299e6ec36a8d
--- /dev/null
+++ b/src/enums/orderEnum.ts
@@ -0,0 +1,8 @@
+export enum OrderStatus {
+  PendingPay = 0, // 待付款
+  AlreadyPay = 1, // 已付款
+  AlreadyGo = 2, // 已发货
+  AlreadyGet = 3, // 已收货
+  AlreadyCancel = 4, // 已取消
+  AlreadyFinish = 5, //已完成
+}
diff --git a/src/router/modules/blindBox.ts b/src/router/modules/blindBox.ts
index 38d53d2162734663e350c2bcc52c5e1d7f6129ea..f513d91cf141cfe713b77be6caa83d00a544a8fd 100755
--- a/src/router/modules/blindBox.ts
+++ b/src/router/modules/blindBox.ts
@@ -23,7 +23,7 @@ const routes: Array<RouteRecordRaw> = [
     meta: {
       title: '盲盒',
       icon: renderIcon(GiftOutlined),
-      permissions: ['blind_box_list'],
+      permissions: ['blind_box_list', 'blind_box_order'],
       sort: 4,
     },
     children: [
@@ -49,6 +49,16 @@ const routes: Array<RouteRecordRaw> = [
         },
         component: () => import('@/views/blindBox/blindBox/blindBoxCreate.vue'),
       },
+      {
+        path: 'blind-box-order',
+        name: 'blindBoxOrder',
+        meta: {
+          title: '盲盒订单',
+          permissions: ['blind_box_order'],
+          //keepAlive: true,
+        },
+        component: () => import('@/views/blindBox/bindBoxOrder/index.vue'),
+      },
     ],
   },
 ];
diff --git a/src/router/modules/order.ts b/src/router/modules/order.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c6ce46cc958be13767bf24c3d336d63a2cb1d90e
--- /dev/null
+++ b/src/router/modules/order.ts
@@ -0,0 +1,54 @@
+import { RouteRecordRaw } from 'vue-router';
+import { Layout } from '@/router/constant';
+import { GiftOutlined } from '@vicons/antd';
+import { renderIcon } from '@/utils/index';
+/**
+ * @param name 路由名称, 必须设置,且不能重名
+ * @param meta 路由元信息（路由附带扩展信息）
+ * @param redirect 重定向地址, 访问这个路由时,自定进行重定向
+ * @param meta.disabled 禁用整个菜单
+ * @param meta.title 菜单名称
+ * @param meta.icon 菜单图标
+ * @param meta.keepAlive 缓存该路由
+ * @param meta.sort 排序越小越排前
+ *
+ * */
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/order',
+    name: 'order',
+    redirect: '/order/order',
+    component: Layout,
+    meta: {
+      title: '订单',
+      icon: renderIcon(GiftOutlined),
+      permissions: ['order_list'],
+      sort: 4,
+    },
+    children: [
+      {
+        path: '/order',
+        name: 'order',
+        redirect: '/order/order',
+        meta: {
+          title: '订单',
+          permissions: ['order_list'],
+          //keepAlive: true,
+        },
+        // component: () => import('@/views/order/order/index.vue'),
+        children: [
+          {
+            path: '/order-list',
+            name: 'orderList',
+            meta: {
+              title: '订单列表',
+              permissions: ['order_list'],
+            },
+            component: () => import('@/views/order/orderList/index.vue'),
+          },
+        ],
+      },
+    ],
+  },
+];
+export default routes;
diff --git a/src/views/blindBox/bindBoxOrder/index.vue b/src/views/blindBox/bindBoxOrder/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b505a539bad68617a270e8ec83e3eda979608668
--- /dev/null
+++ b/src/views/blindBox/bindBoxOrder/index.vue
@@ -0,0 +1,273 @@
+<template>
+  <n-card :bordered="false" class="proCard">
+    <BasicForm @register="register" @submit="handleSubmit" @reset="handleReset">
+      <template #statusSlot="{ model, field }">
+        <n-input v-model:value="model[field]" />
+      </template>
+    </BasicForm>
+
+    <BasicTable
+      :columns="columns"
+      :request="loadDataTable"
+      :row-key="(row) => row.id"
+      ref="actionRef"
+      :actionColumn="actionColumn"
+      @update:checked-row-keys="onCheckedRow"
+      :scroll-x="1090"
+    >
+      <template #tableTitle>
+        <n-button type="primary" @click="addTable">
+          <template #icon>
+            <n-icon>
+              <PlusOutlined />
+            </n-icon>
+          </template>
+          新建
+        </n-button>
+      </template>
+
+      <template #toolbar>
+        <n-button type="primary" @click="reloadTable">刷新数据</n-button>
+      </template>
+    </BasicTable>
+
+    <n-modal
+      v-model:show="showModal"
+      :show-icon="false"
+      preset="dialog"
+      :title="editTitle"
+      class="width"
+      style="width: 850px"
+    >
+      <n-card title="" style="margin-bottom: 14px">
+        <n-tabs type="line" animated>
+          <n-tab-pane name="message" tab="基本信息">
+            <order-table :item="shopMessage" />
+          </n-tab-pane>
+          <n-tab-pane name="commodityMSG" tab="商品信息">
+            <goods-table :item="shopMessage" />
+          </n-tab-pane>
+        </n-tabs>
+      </n-card>
+      <template #action>
+        <n-space>
+          <n-button @click="() => (showModal = false)">取消</n-button>
+          <n-button type="info" :loading="formBtnLoading" @click="confirmForm">确定</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </n-card>
+</template>
+
+<script lang="ts" setup>
+  import { h, reactive, ref } from 'vue';
+  import { useDialog, useMessage } from 'naive-ui';
+  import { BasicTable, TableAction } from '@/components/Table';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+  import {
+    getBlindBoxOrderPage,
+    saveBlindBoxOrder,
+    updateBlindBoxOrder,
+    deleteBlindBoxOrder,
+  } from '@/api/blindBox/blindBoxOeder';
+  import { columns } from './lib/columns';
+  import { PlusOutlined } from '@vicons/antd';
+  import { ResultEnum } from '@/enums/httpEnum';
+  import { Item } from './lib/components/OrderTable.vue';
+  const schemas: FormSchema[] = [
+    {
+      field: 'blindBoxName',
+      component: 'NInput',
+      label: '盲盒名称',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'memberMobile',
+      component: 'NInput',
+      label: '会员手机号',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'memberName',
+      component: 'NInput',
+      label: '会员名称',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'nickname',
+      component: 'NInput',
+      label: '会员昵称',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'orderSn',
+      component: 'NInput',
+      label: '订单编号',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'payTime',
+      component: 'NInput',
+      label: '支付时间',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'status',
+      component: 'NInput',
+      label: '订单状态',
+      rules: [{ required: false }],
+    },
+  ];
+
+  const formRef: any = ref(null);
+  const message = useMessage();
+  const actionRef = ref();
+  const showModal = ref(false);
+  const formBtnLoading = ref(false);
+  const checkedBlindBoxOrderId = ref(); //当前编辑id
+  const isEdit = ref(false); // 弹出框是否为编辑
+  const editTitle = ref('');
+  import GoodsTable from './lib/components/GoodsTable.vue';
+  import OrderTable from '@/views/blindBox/bindBoxOrder/lib/components/OrderTable.vue';
+  const shopMessage = ref({} as Item);
+  // const dialog = useDialog();
+  const formParams = reactive({
+    id: null,
+    orderSn: '',
+    blindBoxId: '',
+    memberId: '',
+    blindBoxNum: '',
+    price: '',
+    status: '',
+    paymentOrderNo: '',
+    payTime: '',
+    createTime: '',
+  });
+  const formParamsBak = { ...formParams };
+
+  const params = ref({});
+
+  const actionColumn = reactive({
+    width: 220,
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    render(record) {
+      return h(TableAction as any, {
+        style: 'button',
+        actions: [
+          {
+            label: '订单详情',
+            onClick: handleEdit.bind(null, record),
+          },
+          // {
+          //   label: '删除',
+          //   icon: 'ic:outline-delete-outline',
+          //   onClick: handleDelete.bind(null, record),
+        ],
+      });
+    },
+  });
+
+  const [register, {}] = useForm({
+    gridProps: { cols: '2 s:1 m:2 l:2 xl:4 2xl:6' },
+    labelWidth: 100,
+    schemas,
+  });
+
+  function addTable() {
+    // 新增清空表单
+    Object.assign(formParams, formParamsBak);
+    isEdit.value = false;
+    showModal.value = true;
+    editTitle.value = '新建';
+  }
+
+  const loadDataTable = async (res) => {
+    return await getBlindBoxOrderPage({ ...params.value, ...res });
+  };
+  function onCheckedRow(rowKeys) {
+    console.log(rowKeys);
+  }
+
+  function reloadTable() {
+    actionRef.value.reload();
+  }
+
+  function confirmForm(e) {
+    e.preventDefault();
+    formBtnLoading.value = true;
+    formRef.value.validate(async (errors) => {
+      if (!errors) {
+        let response;
+        // 如果是编辑
+        if (isEdit.value) {
+          formParams.id = checkedBlindBoxOrderId.value;
+          response = await updateBlindBoxOrder(formParams);
+        } else {
+          response = await saveBlindBoxOrder(formParams);
+        }
+        const { message: msg, code } = response;
+        if (code == ResultEnum.SUCCESS) {
+          message.success(msg);
+          Object.assign(formParams, formParamsBak);
+          showModal.value = false;
+          reloadTable();
+        } else {
+          message.error(msg);
+        }
+      } else {
+        message.error('请填写完整信息');
+      }
+      formBtnLoading.value = false;
+    });
+  }
+
+  function handleEdit(record: Recordable) {
+    console.log('点击了编辑', record);
+    // const time = record.createTime * 1000;
+    // record.createTime = formatToDateTime(time);
+    shopMessage.value = record;
+    checkedBlindBoxOrderId.value = record.id;
+    Object.assign(formParams, record);
+    editTitle.value = '订单详情';
+    showModal.value = true;
+    isEdit.value = true;
+  }
+
+  // function handleDelete(record: Recordable) {
+  //   console.log('点击了删除', record);
+  //   dialog.info({
+  //     title: '提示',
+  //     content: `您确定想删除吗?`,
+  //     positiveText: '确定',
+  //     negativeText: '取消',
+  //     onPositiveClick: async () => {
+  //       const params = { id: record.id };
+  //       const response = await deleteBlindBoxOrder(params);
+  //       const { message: msg, code } = response;
+  //       if (code == ResultEnum.SUCCESS) {
+  //         message.success(msg);
+  //         reloadTable();
+  //       } else {
+  //         message.error(msg);
+  //       }
+  //     },
+  //     onNegativeClick: () => {
+  //       message.error('已取消');
+  //     },
+  //   });
+  // }
+
+  function handleSubmit(values: Recordable) {
+    console.log(values);
+    params.value = values;
+    reloadTable();
+  }
+
+  function handleReset(values: Recordable) {
+    console.log(values);
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/blindBox/bindBoxOrder/lib/columns.ts b/src/views/blindBox/bindBoxOrder/lib/columns.ts
new file mode 100644
index 0000000000000000000000000000000000000000..aabc1e294fc2d6de77b9068b20e3a50a4564ca61
--- /dev/null
+++ b/src/views/blindBox/bindBoxOrder/lib/columns.ts
@@ -0,0 +1,105 @@
+import { formatToDateTime } from '@/utils/dateUtil';
+
+export const columns = [
+  {
+    title: 'ID',
+    key: 'id',
+    width: 50,
+  },
+  {
+    title: '订单编号',
+    key: 'orderSn',
+    width: 150,
+  },
+  {
+    title: '商品名称',
+    key: 'blindBoxName',
+    width: 100,
+  },
+  // {
+  //   title: '盲盒id',
+  //   key: 'blindBoxId',
+  //   width: 75,
+  // },
+  {
+    title: '会员昵称',
+    key: 'nickname',
+    width: 100,
+  },
+  // {
+  //   title: '会员id',
+  //   key: 'memberId',
+  //   width: 100,
+  // },
+  {
+    title: '会员手机号',
+    key: 'memberMobile',
+    width: 150,
+  },
+  // {
+  //   title: '抽奖次数',
+  //   key: 'blindBoxNum',
+  //   width: 100,
+  // },
+  {
+    title: '价格',
+    key: 'price',
+    width: 100,
+  },
+  {
+    title: '状态',
+    key: 'status',
+    width: 100,
+    render: (data) => {
+      try {
+        // if (data.status === 0) {
+        //   return '待支付';
+        // } else if (data.status === 1) {
+        //   return '已支付';
+        // } else if (data.status === 2) {
+        //   return '已提货';
+        // } else if (data.status === 3) {
+        //   return '已完成';
+        // }
+        switch (data.status) {
+          case 0:
+            return '待支付';
+          case 1:
+            return '已支付';
+          case 2:
+            return '已提货';
+          case 3:
+            return '已完成';
+          default:
+            break;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+  // {
+  //   title: '第三方支付单号',
+  //   key: 'paymentOrderNo',
+  //   width: 100,
+  // },
+  // {
+  //   title: '支付时间',
+  //   key: 'payTime',
+  //   width: 100,
+  // },
+  {
+    title: '下单时间',
+    key: 'createTime',
+    width: 150,
+    render: (data) => {
+      try {
+        const createTime = data.createTime * 1000;
+        return formatToDateTime(createTime);
+      } catch (error) {
+        console.log(error);
+        return data.createTime;
+      }
+    },
+  },
+];
diff --git a/src/views/blindBox/bindBoxOrder/lib/components/GoodsTable.vue b/src/views/blindBox/bindBoxOrder/lib/components/GoodsTable.vue
new file mode 100644
index 0000000000000000000000000000000000000000..39ae38e46bdb01af4150f366480e710e3b2f08be
--- /dev/null
+++ b/src/views/blindBox/bindBoxOrder/lib/components/GoodsTable.vue
@@ -0,0 +1,61 @@
+<script setup lang="ts">
+  // eslint-disable-next-line vue/no-setup-props-destructure
+  const { item } = defineProps<{
+    item: Item;
+  }>();
+  export interface Item {
+    blindBoxId: number;
+    blindBoxName: string;
+    blindBoxNum: number;
+    createTime: number;
+    id: number;
+    memberId: number;
+    memberMobile: string;
+    memberName: string;
+    nickname: string;
+    orderSn: string;
+    payTime: number;
+    paymentOrderNo: string;
+    price: number;
+    priceRule: object;
+    status: number;
+  }
+  import { getBlindOrderItem } from '@/api/blindBox/blindBoxOeder';
+  console.log(typeof Number(item.orderSn));
+  const getGoodsItem = () => {
+    const res = getBlindOrderItem(item.blindBoxId);
+    console.log(res);
+  };
+  getGoodsItem();
+</script>
+
+<template>
+  <div class="message">
+    <div class="order-msg-content">
+      <n-descriptions label-placement="left" title="订单信息">
+        <n-descriptions-item>
+          <template #label> 盲盒名称 </template>
+          {{ item.blindBoxName }}
+        </n-descriptions-item>
+        <n-descriptions-item label="盲盒抽奖次数"> {{ item.blindBoxNum }} </n-descriptions-item>
+        <n-descriptions-item label="创建时间"> {{ item.createTime }} </n-descriptions-item>
+        <n-descriptions-item label="会员手机号"> {{ item.memberMobile }} </n-descriptions-item>
+        <n-descriptions-item label="会员名称"> {{ item.memberName }} </n-descriptions-item>
+        <n-descriptions-item label="会员昵称"> {{ item.nickname }} </n-descriptions-item>
+        <n-descriptions-item label="订单编号"> {{ item.orderSn }} </n-descriptions-item>
+        <n-descriptions-item label="支付时间"> {{ item.payTime }} </n-descriptions-item>
+        <n-descriptions-item label="第三方支付单号">
+          {{ item.paymentOrderNo }}
+        </n-descriptions-item>
+        <n-descriptions-item label="订单总价">
+          {{ item.price }}
+        </n-descriptions-item>
+        <n-descriptions-item label="订单状态">
+          {{ item.status === 1 ? '未支付' : '已支付' }}
+        </n-descriptions-item>
+      </n-descriptions>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/views/blindBox/bindBoxOrder/lib/components/OrderTable.vue b/src/views/blindBox/bindBoxOrder/lib/components/OrderTable.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6cb8b68a56e65761ec6447e3ad7464f99d6b1a9a
--- /dev/null
+++ b/src/views/blindBox/bindBoxOrder/lib/components/OrderTable.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+  // import { S } from 'mockjs';
+
+  // import { defineProps } from 'vue';
+  // eslint-disable-next-line vue/no-setup-props-destructure
+  const { item } = defineProps<{
+    item: Item;
+  }>();
+  export interface Item {
+    blindBoxId: number;
+    blindBoxName: string;
+    blindBoxNum: number;
+    createTime: number;
+    id: number;
+    memberId: number;
+    memberMobile: string;
+    memberName: string;
+    nickname: string;
+    orderSn: string;
+    payTime: number;
+    paymentOrderNo: string;
+    price: number;
+    priceRule: object;
+    status: number;
+  }
+  import { formatToDateTime } from '@/utils/dateUtil';
+  import { ref } from 'vue';
+  // formatToDateTime(item.createTime);
+  const createTime = ref<number>(0);
+  createTime.value = item.createTime * 1000; //创建时间
+  const payTime = ref<number>(0);
+  payTime.value = item.payTime * 1000; // 支付时间
+</script>
+
+<template>
+  <div class="message">
+    <div class="order-msg-content">
+      <n-descriptions label-placement="left" title="订单信息">
+        <n-descriptions-item>
+          <template #label> 盲盒名称 </template>
+          {{ item.blindBoxName }}
+        </n-descriptions-item>
+        <n-descriptions-item label="盲盒抽奖次数"> {{ item.blindBoxNum }} </n-descriptions-item>
+        <n-descriptions-item label="创建时间">
+          {{ formatToDateTime(createTime) }}
+        </n-descriptions-item>
+        <n-descriptions-item label="会员手机号"> {{ item.memberMobile }} </n-descriptions-item>
+        <n-descriptions-item label="会员名称"> {{ item.memberName }} </n-descriptions-item>
+        <n-descriptions-item label="会员昵称"> {{ item.nickname }} </n-descriptions-item>
+        <n-descriptions-item label="订单编号"> {{ item.orderSn }} </n-descriptions-item>
+        <n-descriptions-item label="支付时间">
+          {{ payTime ? formatToDateTime(payTime) : '' }}
+        </n-descriptions-item>
+        <n-descriptions-item label="第三方支付单号">
+          {{ item.paymentOrderNo }}
+        </n-descriptions-item>
+        <n-descriptions-item label="订单总价">
+          {{ item.price }}
+        </n-descriptions-item>
+        <n-descriptions-item label="订单状态">
+          {{ item.status === 1 ? '未支付' : '已支付' }}
+        </n-descriptions-item>
+      </n-descriptions>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="less"></style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index dd9a065a42fa69a857c94df525d6a49af0cc7d3d..18ba6a5beffc9f4ea44901128e92e00de80ae5f7 100755
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -4,7 +4,8 @@
     <div class="view-account-container">
       <div class="view-account-top">
         <div class="view-account-top-logo">
-          <img src="~@/assets/images/account-logo.png" alt="" />
+          <!-- <img src="~@/assets/images/account-logo.png" alt="" /> -->
+          {{ title ? title : '' }}管理平台
         </div>
         <!-- <div class="view-account-top-desc"> 后台管理框架解决方案</div> -->
       </div>
@@ -92,6 +93,7 @@
   import { ResultEnum } from '@/enums/httpEnum';
   import { PersonOutline, LockClosedOutline, LogoGithub, LogoFacebook } from '@vicons/ionicons5';
   import { PageEnum } from '@/enums/pageEnum';
+  import { getSetting } from '@/api/system/setting';
 
   interface FormState {
     userName: string;
@@ -103,7 +105,7 @@
   const loading = ref(false);
   const autoLogin = ref(true);
   const LOGIN_NAME = PageEnum.BASE_LOGIN_NAME;
-
+  let title = ref('');
   const formInline = reactive({
     // userName: 'admin',
     // password: '123456',
@@ -121,7 +123,12 @@
 
   const router = useRouter();
   const route = useRoute();
-
+  const getTitle = async () => {
+    const res = await getSetting({ settingName: 'site' });
+    // console.log(res.settings.siteName);
+    title.value = res.settings.siteName;
+    // console.log(title.value);
+  };
   const handleSubmit = (e) => {
     e.preventDefault();
     formRef.value.validate(async (errors) => {
@@ -155,6 +162,7 @@
       }
     });
   };
+  getTitle();
 </script>
 
 <style lang="less" scoped>
@@ -211,4 +219,9 @@
       padding: 32px 0 24px 0;
     }
   }
+  .view-account-top-logo {
+    margin-left: -69px;
+    font-size: 44px;
+    width: 500px;
+  }
 </style>
diff --git a/src/views/order/OrderItem/columns.ts b/src/views/order/OrderItem/columns.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b3633b62f224d9eba77054e219b133c93e1faa18
--- /dev/null
+++ b/src/views/order/OrderItem/columns.ts
@@ -0,0 +1,67 @@
+export const columns = [
+  {
+    title: 'ID',
+    key: 'id',
+    width: 100,
+  },
+  {
+    title: '订单ID',
+    key: 'orderId',
+    width: 100,
+  },
+  {
+    title: '订单编号',
+    key: 'orderSn',
+    width: 100,
+  },
+  {
+    title: '商品ID',
+    key: 'goodsId',
+    width: 100,
+  },
+  {
+    title: '商品名称',
+    key: 'goodsName',
+    width: 100,
+  },
+  {
+    title: '商品主图',
+    key: 'goodsImg',
+    width: 100,
+  },
+  {
+    title: '商品数量',
+    key: 'goodsNum',
+    width: 100,
+  },
+  {
+    title: '商品原价',
+    key: 'goodsOriginalPrice',
+    width: 100,
+  },
+  {
+    title: '商品成交价',
+    key: 'goodsPrice',
+    width: 100,
+  },
+  {
+    title: '商品优惠金额',
+    key: 'goodsDiscounPrice',
+    width: 100,
+  },
+  {
+    title: '优惠规则',
+    key: 'discountRule',
+    width: 100,
+  },
+  {
+    title: '状态',
+    key: 'status',
+    width: 100,
+  },
+  {
+    title: '创建时间',
+    key: 'createTime',
+    width: 100,
+  },
+];
diff --git a/src/views/order/OrderItem/index.vue b/src/views/order/OrderItem/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ba1caea880a11b9e4a6274af20eaf1f7d3def5dc
--- /dev/null
+++ b/src/views/order/OrderItem/index.vue
@@ -0,0 +1,395 @@
+<template>
+  <n-card :bordered="false" class="proCard">
+    <BasicForm @register="register" @submit="handleSubmit" @reset="handleReset">
+      <template #statusSlot="{ model, field }">
+        <n-input v-model:value="model[field]" />
+      </template>
+    </BasicForm>
+
+    <BasicTable
+      :columns="columns"
+      :request="loadDataTable"
+      :row-key="(row) => row.id"
+      ref="actionRef"
+      :actionColumn="actionColumn"
+      @update:checked-row-keys="onCheckedRow"
+      :scroll-x="1090"
+    >
+      <template #tableTitle>
+        <n-button type="primary" @click="addTable">
+          <template #icon>
+            <n-icon>
+              <PlusOutlined />
+            </n-icon>
+          </template>
+          新建
+        </n-button>
+      </template>
+
+      <template #toolbar>
+        <n-button type="primary" @click="reloadTable">刷新数据</n-button>
+      </template>
+    </BasicTable>
+
+    <n-modal v-model:show="showModal" :show-icon="false" preset="dialog" :title="editTitle">
+      <n-form
+        :model="formParams"
+        :rules="rules"
+        ref="formRef"
+        label-placement="left"
+        :label-width="80"
+        class="py-4"
+      >
+        <n-form-item label="订单ID" path="orderId">
+          <n-input placeholder="请输入订单ID" v-model:value="formParams.orderId" />
+        </n-form-item>
+        <n-form-item label="订单编号" path="orderSn">
+          <n-input placeholder="请输入订单编号" v-model:value="formParams.orderSn" />
+        </n-form-item>
+        <n-form-item label="商品ID" path="goodsId">
+          <n-input placeholder="请输入商品ID" v-model:value="formParams.goodsId" />
+        </n-form-item>
+        <n-form-item label="商品名称" path="goodsName">
+          <n-input placeholder="请输入商品名称" v-model:value="formParams.goodsName" />
+        </n-form-item>
+        <n-form-item label="商品主图" path="goodsImg">
+          <n-input placeholder="请输入商品主图" v-model:value="formParams.goodsImg" />
+        </n-form-item>
+        <n-form-item label="商品数量" path="goodsNum">
+          <n-input placeholder="请输入商品数量" v-model:value="formParams.goodsNum" />
+        </n-form-item>
+        <n-form-item label="商品原价" path="goodsOriginalPrice">
+          <n-input placeholder="请输入商品原价" v-model:value="formParams.goodsOriginalPrice" />
+        </n-form-item>
+        <n-form-item label="商品成交价" path="goodsPrice">
+          <n-input placeholder="请输入商品成交价" v-model:value="formParams.goodsPrice" />
+        </n-form-item>
+        <n-form-item label="商品优惠金额" path="goodsDiscounPrice">
+          <n-input placeholder="请输入商品优惠金额" v-model:value="formParams.goodsDiscounPrice" />
+        </n-form-item>
+        <n-form-item label="优惠规则" path="discountRule">
+          <n-input placeholder="请输入优惠规则" v-model:value="formParams.discountRule" />
+        </n-form-item>
+        <n-form-item label="状态" path="status">
+          <n-input placeholder="请输入状态" v-model:value="formParams.status" />
+        </n-form-item>
+        <n-form-item label="创建时间" path="createTime">
+          <n-input placeholder="请输入创建时间" v-model:value="formParams.createTime" />
+        </n-form-item>
+      </n-form>
+
+      <template #action>
+        <n-space>
+          <n-button @click="() => (showModal = false)">取消</n-button>
+          <n-button type="info" :loading="formBtnLoading" @click="confirmForm">确定</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </n-card>
+</template>
+
+<script lang="ts" setup>
+  import { h, reactive, ref } from 'vue';
+  import { useDialog, useMessage } from 'naive-ui';
+  import { BasicTable, TableAction } from '@/components/Table';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+  import {
+    getOrderItemPage,
+    saveOrderItem,
+    updateOrderItem,
+    deleteOrderItem,
+  } from '@/api/order/orderItem';
+  import { columns } from './columns';
+  import { PlusOutlined } from '@vicons/antd';
+  import { ResultEnum } from '@/enums/httpEnum';
+
+  const rules = {
+    orderId: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入订单ID',
+    },
+    orderSn: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入订单编号',
+    },
+    goodsId: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品ID',
+    },
+    goodsName: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品名称',
+    },
+    goodsImg: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品主图',
+    },
+    goodsNum: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品数量',
+    },
+    goodsOriginalPrice: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品原价',
+    },
+    goodsPrice: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品成交价',
+    },
+    goodsDiscounPrice: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入商品优惠金额',
+    },
+    discountRule: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入优惠规则',
+    },
+    status: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入状态',
+    },
+    createTime: {
+      required: true,
+      trigger: ['blur', 'input'],
+      message: '请输入创建时间',
+    },
+  };
+
+  const schemas: FormSchema[] = [
+    {
+      field: 'orderId',
+      component: 'NInput',
+      label: '订单ID',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'orderSn',
+      component: 'NInput',
+      label: '订单编号',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsId',
+      component: 'NInput',
+      label: '商品ID',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsName',
+      component: 'NInput',
+      label: '商品名称',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsImg',
+      component: 'NInput',
+      label: '商品主图',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsNum',
+      component: 'NInput',
+      label: '商品数量',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsOriginalPrice',
+      component: 'NInput',
+      label: '商品原价',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsPrice',
+      component: 'NInput',
+      label: '商品成交价',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'goodsDiscounPrice',
+      component: 'NInput',
+      label: '商品优惠金额',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'discountRule',
+      component: 'NInput',
+      label: '优惠规则',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'status',
+      component: 'NInput',
+      label: '状态',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'createTime',
+      component: 'NInput',
+      label: '创建时间',
+      rules: [{ required: false }],
+    },
+  ];
+
+  const formRef: any = ref(null);
+  const message = useMessage();
+  const actionRef = ref();
+
+  const showModal = ref(false);
+  const formBtnLoading = ref(false);
+  const checkedOrderItemId = ref(); //当前编辑id
+  const isEdit = ref(false); // 弹出框是否为编辑
+  const editTitle = ref('');
+  const dialog = useDialog();
+  const formParams = reactive({
+    id: null,
+    orderId: '',
+    orderSn: '',
+    goodsId: '',
+    goodsName: '',
+    goodsImg: '',
+    goodsNum: '',
+    goodsOriginalPrice: '',
+    goodsPrice: '',
+    goodsDiscounPrice: '',
+    discountRule: '',
+    status: '',
+    createTime: '',
+  });
+  const formParamsBak = { ...formParams };
+
+  const params = ref({});
+
+  const actionColumn = reactive({
+    width: 220,
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    render(record) {
+      return h(TableAction as any, {
+        style: 'button',
+        actions: [
+          {
+            label: '编辑',
+            onClick: handleEdit.bind(null, record),
+          },
+          {
+            label: '删除',
+            icon: 'ic:outline-delete-outline',
+            onClick: handleDelete.bind(null, record),
+          },
+        ],
+      });
+    },
+  });
+
+  const [register, {}] = useForm({
+    gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' },
+    labelWidth: 100,
+    schemas,
+  });
+
+  function addTable() {
+    // 新增清空表单
+    Object.assign(formParams, formParamsBak);
+    isEdit.value = false;
+    showModal.value = true;
+    editTitle.value = '新建';
+  }
+
+  const loadDataTable = async (res) => {
+    return await getOrderItemPage({ ...params.value, ...res });
+  };
+
+  function onCheckedRow(rowKeys) {
+    console.log(rowKeys);
+  }
+
+  function reloadTable() {
+    actionRef.value.reload();
+  }
+
+  function confirmForm(e) {
+    e.preventDefault();
+    formBtnLoading.value = true;
+    formRef.value.validate(async (errors) => {
+      if (!errors) {
+        let response;
+        // 如果是编辑
+        if (isEdit.value) {
+          formParams.id = checkedOrderItemId.value;
+          response = await updateOrderItem(formParams);
+        } else {
+          response = await saveOrderItem(formParams);
+        }
+        const { message: msg, code } = response;
+        if (code == ResultEnum.SUCCESS) {
+          message.success(msg);
+          Object.assign(formParams, formParamsBak);
+          showModal.value = false;
+          reloadTable();
+        } else {
+          message.error(msg);
+        }
+      } else {
+        message.error('请填写完整信息');
+      }
+      formBtnLoading.value = false;
+    });
+  }
+
+  function handleEdit(record: Recordable) {
+    console.log('点击了编辑', record);
+    checkedOrderItemId.value = record.id;
+    Object.assign(formParams, record);
+    editTitle.value = '编辑';
+    showModal.value = true;
+    isEdit.value = true;
+  }
+
+  function handleDelete(record: Recordable) {
+    console.log('点击了删除', record);
+    dialog.info({
+      title: '提示',
+      content: `您确定想删除吗?`,
+      positiveText: '确定',
+      negativeText: '取消',
+      onPositiveClick: async () => {
+        const params = { id: record.id };
+        const response = await deleteOrderItem(params);
+        const { message: msg, code } = response;
+        if (code == ResultEnum.SUCCESS) {
+          message.success(msg);
+          reloadTable();
+        } else {
+          message.error(msg);
+        }
+      },
+      onNegativeClick: () => {
+        message.error('已取消');
+      },
+    });
+  }
+
+  function handleSubmit(values: Recordable) {
+    console.log(values);
+    params.value = values;
+    reloadTable();
+  }
+
+  function handleReset(values: Recordable) {
+    console.log(values);
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/order/orderList/columns.ts b/src/views/order/orderList/columns.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fc5690e41123f19174505c39e35449bb78f63e38
--- /dev/null
+++ b/src/views/order/orderList/columns.ts
@@ -0,0 +1,131 @@
+import { formatToDateTime } from '@/utils/dateUtil';
+export const columns = [
+  {
+    title: 'id',
+    key: 'id',
+    width: 40,
+  },
+  {
+    title: '订单编号',
+    key: 'orderSn',
+    width: 130,
+  },
+  {
+    title: '订单类型',
+    key: 'orderType',
+    width: 100,
+    render: (data) => {
+      switch (data.orderType) {
+        case 1:
+          return '标准订单';
+        case 2:
+          return '盲盒订单';
+      }
+    },
+  },
+  {
+    title: '会员名称',
+    key: 'memberName',
+    width: 80,
+  },
+  {
+    title: '订单状态',
+    key: 'orderStatus',
+    width: 80,
+    render: (data) => {
+      switch (Number(data.orderStatus)) {
+        case 0:
+          return '待付款';
+        case 1:
+          return '已付款';
+        case 2:
+          return '已发货';
+        case 3:
+          return '已收货';
+        case 4:
+          return '已取消';
+        case 5:
+          return '已完成';
+      }
+    },
+  },
+  {
+    title: '付款状态',
+    key: 'payStatus',
+    width: 80,
+    render: (data) => {
+      if (Number(data.payStatus) === 1) {
+        return '已付款';
+      } else {
+        return '未付款';
+      }
+    },
+  },
+  {
+    title: '支付时间',
+    key: 'paymentTime',
+    width: 100,
+    render: (data) => {
+      try {
+        const paymentTime = data.paymentTime * 1000;
+        return formatToDateTime(paymentTime);
+      } catch (error) {
+        console.log(error);
+        return data.paymentTime;
+      }
+    },
+  },
+  {
+    title: '订单总金额',
+    key: 'orderPrice',
+    width: 100,
+  },
+  {
+    title: '商品总金额',
+    key: 'goodsPrice',
+    width: 100,
+  },
+  {
+    title: '商品总数',
+    key: 'goodsNum',
+    width: 100,
+  },
+  {
+    title: '收货人姓名',
+    key: 'shipName',
+    width: 100,
+  },
+  {
+    title: '收货人手机号',
+    key: 'shipMobile',
+    width: 120,
+  },
+  // {
+  //   title: '订单创建时间',
+  //   key: 'createTime',
+  //   width: 100,
+  //   render: (data) => {
+  //     try {
+  //       const createTime = data.createTime * 1000;
+  //       return formatToDateTime(createTime);
+  //     } catch (error) {
+  //       console.log(error);
+  //       return data.createTime;
+  //     }
+  //   },
+  // },
+  // {
+  //   title: '完成时间',
+  //   key: 'completeTime',
+  //   width: 100,
+  //   render: (data) => {
+  //     try {
+  //       const completeTime = data.completeTime * 1000;
+  //       return formatToDateTime(completeTime);
+  //     } catch (error) {
+  //       console.log(error);
+  //       return data.completeTime;
+  //     }
+  //   },
+  // },
+];
diff --git a/src/views/order/orderList/index.vue b/src/views/order/orderList/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5285ff10c56cdab3dd57720fcbb824e2bb71d742
--- /dev/null
+++ b/src/views/order/orderList/index.vue
@@ -0,0 +1,270 @@
+<template>
+  <n-card :bordered="false" class="proCard">
+    <BasicForm @register="register" @submit="handleSubmit" @reset="handleReset">
+      <template #statusSlot="{ model, field }">
+        <n-input v-model:value="model[field]" />
+      </template>
+    </BasicForm>
+
+    <BasicTable
+      :columns="columns"
+      :request="loadDataTable"
+      :row-key="(row) => row.id"
+      ref="actionRef"
+      :actionColumn="actionColumn"
+      @update:checked-row-keys="onCheckedRow"
+      :scroll-x="1090"
+    >
+      <template #tableTitle>
+        <n-button type="primary" @click="addTable">
+          <template #icon>
+            <n-icon>
+              <PlusOutlined />
+            </n-icon>
+          </template>
+          新建
+        </n-button>
+      </template>
+
+      <template #toolbar>
+        <n-button type="primary" @click="reloadTable">刷新数据</n-button>
+      </template>
+    </BasicTable>
+
+    <n-modal
+      v-model:show="showModal"
+      :show-icon="false"
+      preset="dialog"
+      :title="editTitle"
+      style="width: 1000px"
+    >
+      <order-detail :item="formParams" />
+      <order-item :item="formParams" />
+      <template #action>
+        <n-space>
+          <n-button @click="() => (showModal = false)">取消</n-button>
+          <n-button type="info" :loading="formBtnLoading" @click="confirmForm">确定</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </n-card>
+</template>
+
+<script lang="ts" setup>
+  import { h, reactive, ref } from 'vue';
+  import { useDialog, useMessage } from 'naive-ui';
+  import { BasicTable, TableAction } from '@/components/Table';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+  import { getOrderPage, saveOrder, updateOrder, deleteOrder } from '@/api/order/order';
+  import { columns } from './columns';
+  import { PlusOutlined } from '@vicons/antd';
+  import { ResultEnum } from '@/enums/httpEnum';
+  import OrderDetail from './lib/components/OrderDetail.vue';
+  import OrderItem from './lib/components/OrderItem.vue';
+  const schemas: FormSchema[] = [
+    {
+      field: 'orderType',
+      component: 'NInput',
+      label: '订单类型',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'orderStatus',
+      component: 'NInput',
+      label: '订单状态',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'orderSn',
+      component: 'NInput',
+      label: '订单编号',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'memberMoblie',
+      component: 'NInput',
+      label: '会员手机号',
+      rules: [{ required: false }],
+    },
+    {
+      field: 'buyTime',
+      component: 'NDatePicker',
+      label: '下单时间',
+      componentProps: {
+        type: 'datetimerange',
+        defaultTime: ['00:00:00', '23:59:59'],
+      },
+      rules: [{ required: false }],
+    },
+  ];
+
+  const formRef: any = ref(null);
+  const message = useMessage();
+  const actionRef = ref();
+
+  const showModal = ref(false);
+  const formBtnLoading = ref(false);
+  const checkedOrderId = ref(); //当前编辑id
+  const isEdit = ref(false); // 弹出框是否为编辑
+  const editTitle = ref('');
+  const dialog = useDialog();
+  const formParams = reactive({
+    id: null,
+    orderSn: '',
+    orderType: '',
+    memberId: '',
+    memberName: '',
+    orderStatus: '',
+    payStatus: '',
+    paymentTime: '',
+    paymentSn: '',
+    orderPrice: '',
+    goodsPrice: '',
+    shippingPrice: '',
+    discountPrice: '',
+    discountRule: '',
+    goodsNum: '',
+    shipProvinceId: '',
+    shipProvinceName: '',
+    shipCityId: '',
+    shipCityName: '',
+    shipCountyId: '',
+    shipCountyName: '',
+    shipFullAddress: '',
+    shipName: '',
+    shipMobile: '',
+    shipTime: '',
+    logisticsSn: '',
+    logisticsId: '',
+    logisticsName: '',
+    remark: '',
+    cancelReason: '',
+    createTime: '',
+    completeTime: '',
+  });
+  const formParamsBak = { ...formParams };
+
+  const params = ref({});
+
+  const actionColumn = reactive({
+    width: 220,
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    render(record) {
+      return h(TableAction as any, {
+        style: 'button',
+        actions: [
+          {
+            label: '订单详情',
+            onClick: handleEdit.bind(null, record),
+          },
+          // {
+          //   label: '删除',
+          //   icon: 'ic:outline-delete-outline',
+          //   onClick: handleDelete.bind(null, record),
+          // },
+        ],
+      });
+    },
+  });
+
+  const [register, {}] = useForm({
+    gridProps: { cols: '1 s:1 m:2 l:2 xl:5 2xl:4' },
+    labelWidth: 100,
+    schemas,
+  });
+
+  function addTable() {
+    // 新增清空表单
+    Object.assign(formParams, formParamsBak);
+    isEdit.value = false;
+    showModal.value = true;
+    editTitle.value = '新建';
+  }
+
+  const loadDataTable = async (res) => {
+    return await getOrderPage({ ...params.value, ...res, size: 10 });
+  };
+
+  function onCheckedRow(rowKeys) {
+    console.log(rowKeys);
+  }
+
+  function reloadTable() {
+    actionRef.value.reload();
+  }
+
+  function confirmForm(e) {
+    e.preventDefault();
+    formBtnLoading.value = true;
+    formRef.value.validate(async (errors) => {
+      if (!errors) {
+        let response;
+        // 如果是编辑
+        if (isEdit.value) {
+          formParams.id = checkedOrderId.value;
+          response = await updateOrder(formParams);
+        } else {
+          response = await saveOrder(formParams);
+        }
+        const { message: msg, code } = response;
+        if (code == ResultEnum.SUCCESS) {
+          message.success(msg);
+          Object.assign(formParams, formParamsBak);
+          showModal.value = false;
+          reloadTable();
+        } else {
+          message.error(msg);
+        }
+      } else {
+        message.error('请填写完整信息');
+      }
+      formBtnLoading.value = false;
+    });
+  }
+  function handleEdit(record: Recordable) {
+    console.log('点击了编辑', record);
+    checkedOrderId.value = record.id;
+    Object.assign(formParams, record);
+    editTitle.value = '订单详情';
+    showModal.value = true;
+    isEdit.value = true;
+  }
+
+  // function handleDelete(record: Recordable) {
+  //   console.log('点击了删除', record);
+  //   dialog.info({
+  //     title: '提示',
+  //     content: `您确定想删除吗?`,
+  //     positiveText: '确定',
+  //     negativeText: '取消',
+  //     onPositiveClick: async () => {
+  //       const params = { id: record.id };
+  //       const response = await deleteOrder(params);
+  //       const { message: msg, code } = response;
+  //       if (code == ResultEnum.SUCCESS) {
+  //         message.success(msg);
+  //         reloadTable();
+  //       } else {
+  //         message.error(msg);
+  //       }
+  //     },
+  //     onNegativeClick: () => {
+  //       message.error('已取消');
+  //     },
+  //   });
+  // }
+
+  function handleSubmit(values: Recordable) {
+    console.log(values);
+    params.value = values;
+    reloadTable();
+  }
+
+  function handleReset(values: Recordable) {
+    console.log(values);
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/order/orderList/lib/components/OrderDetail.vue b/src/views/order/orderList/lib/components/OrderDetail.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c8c269ac22a04b81a82295941c9a35ccab57a17f
--- /dev/null
+++ b/src/views/order/orderList/lib/components/OrderDetail.vue
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+  import { formatToDateTime } from '@/utils/dateUtil';
+  // eslint-disable-next-line vue/no-setup-props-destructure
+  const { item } = defineProps<{
+    item: Item;
+  }>();
+  export interface Item {
+    createTime: number;
+    discountPrice: number;
+    discountRule: string;
+    goodsNum: number;
+    goodsPrice: number;
+    id: number;
+    memberId: number;
+    memberName: string;
+    orderPrice: number;
+    orderSn: string;
+    orderStatus: string;
+    orderType: number;
+    payStatus: string;
+    shipAreaId: number;
+    shipAreaName: string;
+    shipFullAddress: string;
+    shipMobile: string;
+    shipName: string;
+    shippingPrice: number;
+    paymentTime: number;
+    completeTime: number;
+  }
+  const orderStatus = (item) => {
+    switch (Number(item.orderStatus)) {
+      case 0:
+        return '待付款';
+      case 1:
+        return '已付款';
+      case 2:
+        return '已发货';
+      case 3:
+        return '已收货';
+      case 4:
+        return '已取消';
+      case 5:
+        return '已完成';
+    }
+  };
+</script>
+
+<template>
+  <div class="message">
+    <div class="order-msg-content">
+      <n-descriptions label-placement="left" title="">
+        <n-descriptions-item label="订单id"> {{ item.id }} </n-descriptions-item>
+        <n-descriptions-item>
+          <template #label> 创建时间 </template>
+          {{ formatToDateTime(item.createTime * 1000) }}
+        </n-descriptions-item>
+        <n-descriptions-item label="订单数量"> {{ item.goodsNum }} </n-descriptions-item>
+        <n-descriptions-item label="折扣金额"> {{ item.discountPrice }} </n-descriptions-item>
+        <n-descriptions-item label="订单价格">
+          {{ item.goodsPrice.toFixed(2) }}
+        </n-descriptions-item>
+        <n-descriptions-item label="订单状态">
+          {{ orderStatus(item) }}
+        </n-descriptions-item>
+        <n-descriptions-item label="会员id">
+          {{ item.memberId }}
+        </n-descriptions-item>
+        <n-descriptions-item label="会员名称"> {{ item.memberName }} </n-descriptions-item>
+        <n-descriptions-item label="会员昵称"> {{ item.shipName }} </n-descriptions-item>
+        <n-descriptions-item label="手机号"> {{ item.shipMobile }} </n-descriptions-item>
+        <n-descriptions-item label="订单编号"> {{ item.orderSn }} </n-descriptions-item>
+        <n-descriptions-item label="付款状态">
+          {{ Number(item.payStatus) === 1 ? '已付款' : '未付款' }}
+        </n-descriptions-item>
+        <n-descriptions-item label="支付时间">
+          {{ item.paymentTime ? formatToDateTime(item.paymentTime * 1000) : '' }}
+        </n-descriptions-item>
+        <n-descriptions-item label="完成时间">
+          {{ item.completeTime ? formatToDateTime(item.completeTime * 1000) : '' }}
+        </n-descriptions-item>
+        <n-descriptions-item label="详细收货地址">
+          {{ `${item.shipAreaName}-${item.shipFullAddress}` }}
+        </n-descriptions-item>
+      </n-descriptions>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/views/order/orderList/lib/components/OrderItem.vue b/src/views/order/orderList/lib/components/OrderItem.vue
new file mode 100644
index 0000000000000000000000000000000000000000..786ac5d52271381a1d973e3d6af9fa484fcf6917
--- /dev/null
+++ b/src/views/order/orderList/lib/components/OrderItem.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { Item } from './OrderDetail.vue';
+  import { type OrderItemType } from '@/types/order';
+  // eslint-disable-next-line vue/no-setup-props-destructure
+  const { item } = defineProps<{
+    item: Item;
+  }>();
+  import { getOrderItemPage } from '@/api/order/order';
+  import { formatToDateTime } from '@/utils/dateUtil';
+  const orderItemList = ref<OrderItemType[]>();
+  const getOrderItem = async (item) => {
+    const res = await getOrderItemPage<OrderItemType[]>(item.id);
+    orderItemList.value = res;
+  };
+  getOrderItem(item);
+  const orderStatus = (item) => {
+    switch (Number(item.status)) {
+      case 0:
+        return '待付款';
+      case 1:
+        return '已付款';
+      case 2:
+        return '已发货';
+      case 3:
+        return '已收货';
+      case 4:
+        return '已取消';
+      case 5:
+        return '已完成';
+    }
+  };
+</script>
+
+<template>
+  <div class="title">商品信息</div>
+  <n-table :bordered="false" :single-line="false" class="table">
+    <thead>
+      <tr>
+        <th>创建时间</th>
+        <th>商品id</th>
+        <th>商品图片</th>
+        <th>商品名字</th>
+        <th>商品数量</th>
+        <th>商品原价</th>
+        <th>商品价格</th>
+        <th>订单编号</th>
+        <th>订单状态</th>
+      </tr>
+    </thead>
+    <tbody v-for="goods in orderItemList" :key="goods.id">
+      <tr>
+        <td>{{ formatToDateTime(goods.createTime * 1000) }}</td>
+        <td>{{ goods.goodsId }}</td>
+        <td>
+          <n-image width="50" :src="goods.goodsImg" />
+        </td>
+        <td>{{ goods.goodsName }}</td>
+        <td>{{ goods.goodsNum }}</td>
+        <td>{{ goods.goodsOriginalPrice }}</td>
+        <td>{{ goods.goodsPrice }}</td>
+        <td>{{ goods.orderSn }}</td>
+        <td>{{ orderStatus(goods) }}</td>
+      </tr>
+    </tbody>
+  </n-table>
+</template>
+
+<style scoped lang="less">
+  .title {
+    font-size: 20px;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+  }
+  img {
+    width: 50px;
+    height: 50px;
+  }
+</style>
diff --git a/src/views/promotion/rushPurchase/rushPurchaseOrder.vue b/src/views/promotion/rushPurchase/rushPurchaseOrder.vue
index 104054174bf58ed7943d194a7dea5312c80f6aed..40ec3f7c15c7d8db6d5f5289e17c53f0234dbcc8 100644
--- a/src/views/promotion/rushPurchase/rushPurchaseOrder.vue
+++ b/src/views/promotion/rushPurchase/rushPurchaseOrder.vue
@@ -203,7 +203,7 @@
   };
 
   function handSwitchStatus(status) {
-    console.log(status)
+    console.log(status);
     params.value = { ...params.value, status };
     reloadTable();
   }
diff --git a/types/order.d.ts b/types/order.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6db10ae55adbcedfc31c1793865d042d4d9091d2
--- /dev/null
+++ b/types/order.d.ts
@@ -0,0 +1,36 @@
+export interface Item {
+  createTime: number;
+  discountPrice: number;
+  discountRule: string;
+  goodsNum: number;
+  goodsPrice: number;
+  id: number;
+  memberId: number;
+  memberName: string;
+  orderPrice: number;
+  orderSn: string;
+  orderStatus: string;
+  orderType: number;
+  payStatus: string;
+  shipAreaId: number;
+  shipAreaName: string;
+  shipFullAddress: string;
+  shipMobile: string;
+  shipName: string;
+  shippingPrice: number;
+}
+export interface OrderItemType {
+  createTime: number; //创建时间
+  discountRule: string; // 折扣规则
+  goodsDiscountPrice: number; //商品折扣价格
+  goodsId: number; //商品id
+  goodsImg: string; // 商品图片
+  goodsName: string; //商品名字
+  goodsNum: number; // 商品数量
+  goodsOriginalPrice: number; // 商品原价
+  goodsPrice: number; //商品价格
+  id: number;
+  orderId: number; //订单id
+  orderSn: string; //订单编号
+  status: number; //订单状态
+}