预售仓单

src/common/setup/order/orderData.ts

@@ -43,6 +43,7 @@ export function handleOrderDetailList(coode: enumOrderComponents) {
             }
         }
     }
+    // 切换tab组件
     function changeTab(index: number, item: OperationTabMenu) {
         componentId.value = item.code as enumOrderComponents
     }

src/layout/components/top.vue

@@ -14,7 +14,7 @@
                 <Menu @chooseMenu="chooseMenu" :collapsed="collapsed" />
             </a-layout-sider>
             <a-layout-content :style="{ background: '#0E0E0F', flex: 1 }">
-                <Drawer :title="'挂牌'" :visible="visible"></Drawer>
+                <!-- <Drawer :title="'挂牌'" :visible="visible"></Drawer> -->
                 <!-- <Main /> -->
                 <router-view />
             </a-layout-content>

src/views/business/order/pre_sale_warehouse_receipt/components/pre_sale_warehouse_receipt_deal/index.vue

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

src/views/business/order/pre_sale_warehouse_receipt/components/pre_sale_warehouse_receipt_designated_deal/index.vue

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

src/views/business/order/pre_sale_warehouse_receipt/components/pre_sale_warehouse_receipt_order_summary/index.vue

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

src/views/business/order/pre_sale_warehouse_receipt/components/pre_sale_warehouse_receipt_pending_order/index.vue

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

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

@@ -1,18 +1,31 @@
 <template>
   <!-- 预售仓单 -->
   <section class="pre_sale_warehouse_receipt">
-    预售仓单
+    <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.pre_sale_warehouse_receipt,
-    components: {},
+    components: {
+        thirdMenu,
+        [enumOrderComponents.pre_sale_warehouse_receipt_deal]: defineAsyncComponent(() => import('./components/pre_sale_warehouse_receipt_deal/index.vue')),
+        [enumOrderComponents.pre_sale_warehouse_receipt_designated_deal]: defineAsyncComponent(() => import('./components/pre_sale_warehouse_receipt_designated_deal/index.vue')),
+        [enumOrderComponents.pre_sale_warehouse_receipt_order_summary]: defineAsyncComponent(() => import('./components/pre_sale_warehouse_receipt_order_summary/index.vue')),
+        [enumOrderComponents.pre_sale_warehouse_receipt_pending_order]: defineAsyncComponent(() => import('./components/pre_sale_warehouse_receipt_pending_order/index.vue')),
+    },
     setup() {
-        return {};
+        return { ...handleOrderDetailList(enumOrderComponents.pre_sale_warehouse_receipt) };
     },
 });
 </script>

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

@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts">
-import { defineAsyncComponent, defineComponent, ref } 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';