履约信息

public/config/app.config.json

@@ -1,3 +1,3 @@
 {
-    "apiUrl": "http://218.17.158.45:21001/cfg?key=test_176"
+    "apiUrl": "http://218.17.158.45:21001/cfg?key=test_118"
 }

src/services/request/serviceURL.ts

@@ -80,10 +80,10 @@ export const setServiceURL = (config: URL): void => {
     // console.log('URL', config);
     //外网环境（175），外包同事使用
     serviceURL = config;
-    // if (process.env.NODE_ENV === 'development') {
-    //     serviceURL.goCommonSearchUrl = 'http://218.17.158.45:21001/api';
-    //     serviceURL.quoteUrl = 'ws://218.17.158.45:21004';
-    //     serviceURL.tradeUrl = 'ws://218.17.158.45:21005';
-    // }
+    if (process.env.NODE_ENV === 'development') {
+        serviceURL.goCommonSearchUrl = 'http://218.17.158.45:21001/api';
+        serviceURL.quoteUrl = 'ws://218.17.158.45:21004';
+        serviceURL.tradeUrl = 'ws://218.17.158.45:21005';
+    }
     console.log(serviceURL);
 };

src/views/business/order/performance_information/components/performance_information_buy_performance/index.vue

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

src/views/business/order/performance_information/components/performance_information_sell_performance/index.vue

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

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

@@ -1,18 +1,29 @@
 <template>
   <!-- 履约信息 -->
   <section class="performance_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.performance_information,
-    components: {},
+    components: {
+        thirdMenu,
+        [enumOrderComponents.performance_information_buy_performance]: defineAsyncComponent(() => import('./components/performance_information_buy_performance/index.vue')),
+        [enumOrderComponents.performance_information_sell_performance]: defineAsyncComponent(() => import('./components/performance_information_sell_performance/index.vue')),
+    },
     setup() {
-        return {};
+        return { ...handleOrderDetailList(enumOrderComponents.performance_information) };
     },
 });
 </script>