feat(财务流水): 支持商城订单详情查看

在交易流水表格中新增订单类型列，用于区分卖书订单和商城买书订单。
修改订单详情查看逻辑，根据订单类型分别打开对应的详情弹窗：
- 卖书订单（orderType=1）使用原有的回收订单详情组件
- 商城买书订单（orderType=2）使用新的商城订单详情组件

src/views/finance/cashFlow/index.vue

@@ -52,75 +52,91 @@
         </common-table>
 
         <orderDetail ref="orderDetailRef" />
+        <MallOrderDetail ref="mallOrderDetailRef" />
     </ele-page>
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue';
-import CommonTable from '@/components/CommonPage/CommonTable.vue';
-import pageSearch from './components/page-search.vue';
-import OrderDetail from '@/views/recycleOrder/components/order-detail.vue';
+    import { ref, reactive } from 'vue';
+    import CommonTable from '@/components/CommonPage/CommonTable.vue';
+    import pageSearch from './components/page-search.vue';
+    import OrderDetail from '@/views/recycleOrder/components/order-detail.vue';
+    import MallOrderDetail from '@/views/mallOrder/all/components/order-detail.vue';
 
-defineOptions({ name: 'Withdrawal' });
-const checkList = ref([]);
+    defineOptions({ name: 'Withdrawal' });
+    const checkList = ref([]);
 
-const useStatus = ref('');
-function handleStatusChange(value) {
-    pageRef.value.reload({ type: value });
-}
-
-/** 表格列配置 */
-const columns = ref([
-    { label: '交易时间', prop: 'createTime', align: 'center', width: 180 },
-    { label: '用户UID', prop: 'userId', align: 'center' },
-    { label: '客户昵称', prop: 'nickName', align: 'center', width: 150 },
-    {
-        label: '支付单号/流水号',
-        prop: 'tradeNo',
-        align: 'center',
-        minWidth: 160
-    },
-    { label: '对方账户', prop: 'plat', align: 'center', slot: 'plat' },
-    { label: '变动金额', prop: 'changeMoney', align: 'center' },
-    { label: '变动后金额', prop: 'afterMoney', align: 'center' },
-    {
-        label: '订单编号',
-        prop: 'orderId',
-        align: 'center',
-        minWidth: 120,
-        slot: 'orderId'
-    },
-    {
-        label: '交易类型',
-        prop: 'changeTypeName',
-        align: 'center',
-        slot: 'changeType'
+    const useStatus = ref('');
+    function handleStatusChange(value) {
+        pageRef.value.reload({ type: value });
     }
-]);
 
-/** 页面组件实例 */
-const pageRef = ref(null);
-const orderDetailRef = ref(null);
+    /** 表格列配置 */
+    const columns = ref([
+        { label: '交易时间', prop: 'createTime', align: 'center', width: 180 },
+        { label: '用户UID', prop: 'userId', align: 'center' },
+        { label: '客户昵称', prop: 'nickName', align: 'center', width: 150 },
+        {
+            label: '支付单号/流水号',
+            prop: 'tradeNo',
+            align: 'center',
+            minWidth: 160
+        },
+        { label: '对方账户', prop: 'plat', align: 'center', slot: 'plat' },
+        { label: '变动金额', prop: 'changeMoney', align: 'center' },
+        { label: '变动后金额', prop: 'afterMoney', align: 'center' },
+        {
+            label: '订单类型', prop: 'orderType', align: 'center', formatter: (row) => { //1-卖书订单 2-商城买书订单
+                return row.orderType == 1
+                    ? '卖书订单'
+                    : row.orderType == 2
+                        ? '商城买书订单'
+                        : ''
+            }
+        },
+        {
+            label: '订单编号',
+            prop: 'orderId',
+            align: 'center',
+            minWidth: 120,
+            slot: 'orderId'
+        },
+        {
+            label: '交易类型',
+            prop: 'changeTypeName',
+            align: 'center',
+            slot: 'changeType'
+        }
+    ]);
 
-const pageConfig = reactive({
-    pageUrl: '/user/userAccountInfo/changeLogList',
-    exportUrl: '/user/userAccountInfo/export',
-    fileName: '用户账户流水记录',
-    cacheKey: 'userAccountChangeLogTable'
-});
+    /** 页面组件实例 */
+    const pageRef = ref(null);
+    const orderDetailRef = ref(null);
+    const mallOrderDetailRef = ref(null);
 
-//刷新表格
-function reload(where) {
-    pageRef.value?.reload(where);
-}
+    const pageConfig = reactive({
+        pageUrl: '/user/userAccountInfo/changeLogList',
+        exportUrl: '/user/userAccountInfo/export',
+        fileName: '用户账户流水记录',
+        cacheKey: 'userAccountChangeLogTable'
+    });
 
-//订单详情
-function handleOrderId(row) {
-    orderDetailRef.value?.handleOpen(row);
-}
+    //刷新表格
+    function reload(where) {
+        pageRef.value?.reload(where);
+    }
 
-//详情
-function handleDetail(row) {
-    console.log(row);
-}
+    //订单详情
+    function handleOrderId(row) {
+        if (row.orderType == 2) {
+            mallOrderDetailRef.value?.handleOpen(row);
+        } else {
+            orderDetailRef.value?.handleOpen(row);
+        }
+    }
+
+    //详情
+    function handleDetail(row) {
+        console.log(row);
+    }
 </script>