diff --git a/src/views/order/all-order/components/AllOrderTable.vue b/src/views/order/all-order/components/AllOrderTable.vue
index 972b98fcb95036fbf1ad4dbabdb7c0e7858ad84a..229309dc090bfef9438a5ffc186b85bf330b1bf5 100644
--- a/src/views/order/all-order/components/AllOrderTable.vue
+++ b/src/views/order/all-order/components/AllOrderTable.vue
@@ -14,9 +14,9 @@
     <div class="table-contain">
       <OrderTable :columns="columns" :row-top="rowTop" :table-data="tableData">
         <template #payMethod="{ data }">
-          <span :style="{ color: orderPayMethod[data || 0].color }">
-            <SafetyOutlined />
-            {{ orderPayMethod[data || 0].text }}
+          <span class="paySpan" :style="{ color: orderPayMethod[data || 0].color }">
+            <component :is="changeIcon(data)" />
+            <span>{{ orderPayMethod[data || 0].text }}</span>
           </span>
         </template>
         <template #productName="{ data }">
@@ -58,17 +58,21 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, inject, watch, toRefs, ref } from 'vue'
+import { defineComponent, reactive, inject, watch, toRefs, ref, createVNode } from 'vue'
 import { useRoute } from 'vue-router'
 import { ParamsData } from '@/model/order/AllOrder'
-import { SafetyOutlined } from '@ant-design/icons-vue'
 import OrderTable from '@/components/OrderTable/index.vue'
+import { Attention, Alipay, Wechat, BankCard, Funds } from '@icon-park/vue-next'
 import { columns, filterBtns, rowTop, tableEnum1, tableEnum2, tableEnum3 } from './tableConfig'
 
 export default defineComponent({
   components: {
     OrderTable,
-    SafetyOutlined,
+    Attention,
+    Alipay,
+    Wechat,
+    BankCard,
+    Funds,
   },
   props: {
     tableRes: {
@@ -109,6 +113,12 @@ export default defineComponent({
       state.pageParams.size = size
       state.pageParams.current = 1
     }
+    // 根据数据动态显示图标组件
+    const icons = [Attention, Alipay, Wechat, BankCard, Funds]
+    const iconProps = { size: 14, theme: 'filled' }
+    const changeIcon = (data: number) => {
+      return createVNode(icons[data], iconProps)
+    }
     // 监听router区分加星订单页面
     watch(
       () => route.name,
@@ -157,6 +167,7 @@ export default defineComponent({
     return {
       starOrder,
       ...toRefs(state),
+      changeIcon,
       filterOrderType,
       handlePageChange,
       handleSizeChange,
@@ -190,18 +201,16 @@ export default defineComponent({
       background: #fff;
     }
   }
+  .table-contain {
+    .paySpan {
+      .i-icon {
+        // border: 1px solid red;
+      }
+    }
+  }
   .table-bottom {
     text-align: right;
   }
-  .alipay-color {
-    color: #3a78f6;
-  }
-  .wechat-color {
-    color: #63c742;
-  }
-  .bank-color {
-    color: #ce4646;
-  }
   .frist-td {
     display: flex;
     width: 100%;