diff --git a/src/api/order/order.ts b/src/api/order/order.ts
index e6c21ea3a9de2433d807a2883b1d1a69ec59a99c..4d27aac8ab6a0c2d14824ec5bd9d795fdd9f05d1 100644
--- a/src/api/order/order.ts
+++ b/src/api/order/order.ts
@@ -1,9 +1,16 @@
 import request from '@/utils/request'
+import { ParamsData, orderTableRes } from '@/model/order/AllOrder'
+
+// 枚举接口地址
 
 enum Api {
   ORDER_TABLE = '/api/order/page',
 }
 
-// 获取订单表格数据
-
-export const getOrderTableData = (data: any) => request.get(Api.ORDER_TABLE, data)
+/**
+ * @description: 获取订单表格数据
+ * @param {ParamsData} data
+ * @return {orderTableRes}
+ */
+export const getOrderTableData = (data: ParamsData) =>
+  request.get<orderTableRes>(Api.ORDER_TABLE, data)
diff --git a/src/views/order/all-order/Table.vue b/src/components/OrderTable/index.vue
similarity index 98%
rename from src/views/order/all-order/Table.vue
rename to src/components/OrderTable/index.vue
index b8fbf665c75b65d5b4f5064b20a4d67057138ea0..f85301f0b489f10a587b6bd8a96c3edb01e1b082 100644
--- a/src/views/order/all-order/Table.vue
+++ b/src/components/OrderTable/index.vue
@@ -32,7 +32,7 @@
         </li>
       </div>
     </ul>
-    <div v-if="tableData?.length == 0" class="table-nodata">
+    <div v-if="!tableData.length" class="table-nodata">
       <img class="nodata-img" src="../../../assets/icons/table-nodata.svg" alt="" />
       <span class="nodata-text">暂无数据</span>
     </div>
diff --git a/src/views/order/all-order/allOrder.ts b/src/model/order/AllOrder.ts
similarity index 100%
rename from src/views/order/all-order/allOrder.ts
rename to src/model/order/AllOrder.ts
diff --git a/src/views/order/all-order/OrderTable.vue b/src/views/order/all-order/compontents/AllOrderTable.vue
similarity index 80%
rename from src/views/order/all-order/OrderTable.vue
rename to src/views/order/all-order/compontents/AllOrderTable.vue
index 516c2352556d5def7a71985015ff42d562f211d5..4644bdf15f4bd2d75f59ae5172bc965e21ae08fe 100644
--- a/src/views/order/all-order/OrderTable.vue
+++ b/src/views/order/all-order/compontents/AllOrderTable.vue
@@ -12,12 +12,12 @@
       </div>
     </div>
     <div class="table-contain">
-      <Table :columns="columns" :row-top="rowTop" :table-data="tableData">
+      <OrderTable :columns="columns" :row-top="rowTop" :table-data="tableData">
         <template #payMethod="{ data }">
-          <span v-if="data === 1" class="alipay-color"> <SafetyOutlined />支付宝支付</span>
-          <span v-else-if="data === 2" class="wechat-color"> <SafetyOutlined />微信支付</span>
-          <span v-else-if="data === 3" class="bank-color"> <SafetyOutlined />银联支付</span>
-          <span v-else>其他</span>
+          <span :style="{ color: orderPayMethod[data || 0].color }">
+            <SafetyOutlined />
+            {{ orderPayMethod[data || 0].text }}
+          </span>
         </template>
         <template #productName="{ data }">
           <div class="frist-td">
@@ -30,25 +30,15 @@
           </div>
         </template>
         <template #rightsProtectionStatus="{ data }">
-          <span v-if="data.rightsProtectionStatus === 1">未维权</span>
-          <span v-else-if="data.rightsProtectionStatus === 2">维权中</span>
-          <span v-else-if="data.rightsProtectionStatus === 3">维权结束</span>
-          <span v-else>无售后数据</span>
+          <span>{{ orderRights[data.rightsProtectionStatus || 0] }}</span>
         </template>
         <template #status="{ data }">
-          <span v-if="data.status === 1">待付款</span>
-          <span v-else-if="data.status === 2">待发货</span>
-          <span v-else-if="data.status === 3">已发货</span>
-          <span v-else-if="data.status === 4">已完成</span>
-          <span v-else-if="data.status === 5">已关闭</span>
-          <span v-else-if="data.status === 6">售后中</span>
-          <span v-else-if="data.status === 7">退款中</span>
-          <span v-else-if="data.status === 8">订单关闭</span>
+          <span>{{ orderStatus[data.status || 0] }}</span>
         </template>
         <template #paidAmount="{ data }">
           <span>￥{{ data.paidAmount }}</span>
         </template>
-      </Table>
+      </OrderTable>
       <div class="table-bottom">
         <a-pagination
           v-model:current="pageParams.current"
@@ -69,13 +59,13 @@
 
 <script lang="ts">
 import { defineComponent, reactive, inject, watch, toRefs } from 'vue'
-import { ParamsData, tableColumns } from './allOrder.js'
+import { ParamsData, tableColumns } from '../allOrder.js'
 import { SafetyOutlined } from '@ant-design/icons-vue'
-import Table from './Table.vue'
+import OrderTable from '../../../../components/OrderTable/index.vue'
 
 export default defineComponent({
   components: {
-    Table,
+    OrderTable,
     SafetyOutlined,
   },
   props: {
@@ -98,6 +88,25 @@ export default defineComponent({
         { label: '售后中', key: 6 },
         { label: '退款中', key: 7 },
       ],
+      orderPayMethod: [
+        { text: '未查询到支付信息', color: 'red' },
+        { text: '支付宝支付', color: '#3a78f6' },
+        { text: '微信支付', color: '#63c742' },
+        { text: '银联支付', color: '#ce4646' },
+        { text: '其他', color: '#efefef' },
+      ],
+      orderStatus: [
+        '未获取到订单状态',
+        '待付款',
+        '待发货',
+        '已发货',
+        '已完成',
+        '已关闭',
+        '售后中',
+        '退款中',
+        '订单关闭',
+      ],
+      orderRights: ['未获取到售后信息', '未维权', '维权中', '维权结束'],
       activeKey: undefined,
       tableData: [],
       total: 0,
diff --git a/src/views/order/all-order/FilterForm.vue b/src/views/order/all-order/compontents/FilterForm.vue
similarity index 99%
rename from src/views/order/all-order/FilterForm.vue
rename to src/views/order/all-order/compontents/FilterForm.vue
index bc062149e96d94035dbe22265b2317c8aeaeffd0..29bc9823ee01ce144dc5b9c3e36480f057b65ff0 100644
--- a/src/views/order/all-order/FilterForm.vue
+++ b/src/views/order/all-order/compontents/FilterForm.vue
@@ -84,7 +84,7 @@
 <script lang="ts">
 import { Moment } from 'moment'
 import { defineComponent, inject, ref, watch } from 'vue'
-import { ParamsData } from './allOrder'
+import { ParamsData } from '../allOrder'
 
 export default defineComponent({
   emits: ['searchTable'],
diff --git a/src/views/order/all-order/index.vue b/src/views/order/all-order/index.vue
index 3ff9ecd380b749fff1d991ab5b5d6cbf2834b051..854a68047dc2a51f0e79f71cfa4cd3b065bf2ac1 100644
--- a/src/views/order/all-order/index.vue
+++ b/src/views/order/all-order/index.vue
@@ -1,20 +1,20 @@
 <template>
   <div class="app-all-order">
     <FilterForm @searchTable="getOrderTable" />
-    <OrderTable :table-res="orderTableRes" @getTable="getOrderTable" />
+    <AllOrderTable :table-res="orderTableRes" @getTable="getOrderTable" />
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, reactive, provide, onMounted, toRefs } from 'vue'
 import { getOrderTableData } from '../../../api/order/order'
-import FilterForm from './FilterForm.vue'
-import OrderTable from './OrderTable.vue'
+import FilterForm from './compontents/FilterForm.vue'
+import AllOrderTable from './compontents/AllOrderTable.vue'
 
 export default defineComponent({
   components: {
     FilterForm,
-    OrderTable,
+    AllOrderTable,
   },
   setup() {
     const state = reactive({