期现关联

src/router/index.ts

@@ -370,6 +370,33 @@ const routes: Array<RouteRecordRaw> = [
                 ]
             },
             {
+                path: '/futures_and_spot',
+                name: 'futures_and_spot',
+                component: Main,
+                meta: {
+                    requireAuth: true,
+                },
+                redirect: { name: 'futures_and_spot_stof' },
+                children: [
+                    {
+                        path: '/futures_and_spot/futures_and_spot_stof',
+                        name: 'futures_and_spot_stof',
+                        component: () => import('@/views/ping_an/futures_and_spot/futures_and_spot_stof/index.vue'),
+                        meta: {
+                            requireAuth: true,
+                        },
+                    },
+                    {
+                        path: '/futures_and_spot/futures_and_spot_ftos',
+                        name: 'futures_and_spot_ftos',
+                        component: () => import('@/views/ping_an/futures_and_spot/futures_and_spot_ftos/index.vue'),
+                        meta: {
+                            requireAuth: true,
+                        },
+                    },
+                ]
+            },
+            {
                 path: '/spot_price_management_p',
                 name: 'spot_price_management_p',
                 component: Main,

src/views/ping_an/futures_and_spot/futures_and_spot_ftos/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <!-- 期现关联 关联流水记录  -->
+  <div class="iframe-container">
+    <iframe :src="url"
+            style="border: 0;"></iframe>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { IfameRouteParam } from '@/common/setup/iframe/interface';
+import { handleIfameRouter } from '@/common/setup/iframe';
+
+export default defineComponent({
+    name: 'futures_and_spot_ftos',
+    components: {},
+    setup() {
+        const param: IfameRouteParam = {
+            code: 'futures_and_spot_ftos',
+            btnCodeList: [],
+            tabIndex: 2,
+        };
+        return { ...handleIfameRouter(param) };
+    },
+});
+</script>
+
+<style lang="less">
+</style
+>;

src/views/ping_an/futures_and_spot/futures_and_spot_stof/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <!-- 期现关联 未关联业务期货 -->
+  <div class="iframe-container">
+    <iframe :src="url"
+            style="border: 0;"></iframe>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { IfameRouteParam } from '@/common/setup/iframe/interface';
+import { handleIfameRouter } from '@/common/setup/iframe';
+
+export default defineComponent({
+    name: 'futures_and_spot_stof',
+    components: {},
+    setup() {
+        const param: IfameRouteParam = {
+            code: 'futures_and_spot_stof',
+            btnCodeList: [
+                //  权限按钮 info（详情）:add（新增）:edit（修改）:del（停用启用）
+                { btnCode: 'futures_and_spot_stof_link', urlCode: 'relation' },
+                { btnCode: 'futures_and_spot_stof_replenishmentlink', urlCode: 'supplerelation' },
+            ],
+            tabIndex: 1,
+        };
+        return { ...handleIfameRouter(param) };
+    },
+});
+</script>
+
+<style lang="less">
+</style
+>;