资金信息

src/views/business/order/funding_information/components/funding_information_funding_log/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <!-- 资金流水 -->
+  <section class="funding_information_funding_log">
+    资金流水
+  </section>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
+export default defineComponent({
+    name: enumOrderComponents.funding_information_funding_log,
+    components: {},
+    setup() {
+        return {};
+    },
+});
+</script>
+
+<style lang="less">
+</style>;

src/views/business/order/funding_information/components/funding_information_funding_summary/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <!-- 资金汇总 -->
+  <section class="funding_information_funding_summary">
+    资金汇总
+  </section>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
+export default defineComponent({
+    name: enumOrderComponents.funding_information_funding_summary,
+    components: {},
+    setup() {
+        return {};
+    },
+});
+</script>
+
+<style lang="less">
+</style>;

src/views/business/order/funding_information/index.vue

@@ -1,18 +1,29 @@
 <template>
   <!-- 资金信息 -->
   <section class="funding_information">
-    资金信息
+    <component :is="componentId"
+               v-if="componentId">
+    </component>
+    <thirdMenu :list="tabList"
+               @selectMenu="changeTab"
+               :value="'title'"></thirdMenu>
   </section>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineAsyncComponent, defineComponent } from 'vue';
 import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
+import thirdMenu from '@/common/components/thirdMenu/index.vue';
+import { handleOrderDetailList } from '@/common/setup/order/orderData';
 export default defineComponent({
     name: enumOrderComponents.funding_information,
-    components: {},
+    components: {
+        thirdMenu,
+        [enumOrderComponents.funding_information_funding_summary]: defineAsyncComponent(() => import('./components/funding_information_funding_summary/index.vue')),
+        [enumOrderComponents.funding_information_funding_log]: defineAsyncComponent(() => import('./components/funding_information_funding_log/index.vue')),
+    },
     setup() {
-        return {};
+        return { ...handleOrderDetailList(enumOrderComponents.funding_information) };
     },
 });
 </script>