xxxxx

src/packages/pc/views/market/trade/swap/detail/order/index.vue

@@ -37,7 +37,6 @@ import { useLoginStore, useFuturesStore } from '@/stores'
 import AppTable from '@pc/components/base/table/index.vue'
 import eventBus from '@/services/bus'
 import { getUserId } from '@/services/methods/user'
-import { ElMessage } from 'element-plus'
 
 const props = defineProps({
     goodsId: {
@@ -52,6 +51,7 @@ const props = defineProps({
 
 const componentMap = new Map<string, unknown>([
     ['delisting', defineAsyncComponent(() => import('./delisting/index.vue'))], // 摘牌
+    ['protocol', defineAsyncComponent(() => import('./protocol/index.vue'))], // 摘牌
 ])
 
 const loginStore = useLoginStore()
@@ -106,7 +106,7 @@ const onDelisting = (row: Model.TjmdTradeOrderDetailRsp) => {
         case 1:  /// 未签署
             /// 传对应的机构 ID
             /// 进行下一步
-            ElMessage('请登录手机 App进行合同签署！')
+            openComponent('protocol')
             break; 
         default: /// 其他状态
             break;

src/packages/pc/views/market/trade/swap/detail/order/protocol/index.vue

@@ -0,0 +1,23 @@
+<!-- 掉期市场 - 买卖大厅 - 合同签署 -->
+<template>
+    <app-drawer title="实名认证" v-model:show="show" :refresh="refresh">
+        <div class="g-text-message">请前往手机App进行合同签署证</div>
+        <template #footer>
+            <el-button type="info" @click="onCancel(false)">确认</el-button>
+        </template>
+    </app-drawer>
+</template>  
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import AppDrawer from '@pc/components/base/drawer/index.vue'
+
+const show = ref(true)
+const refresh = ref(false)
+
+
+const onCancel = (isRefresh = false) => {
+    show.value = false
+    refresh.value = isRefresh
+}
+</script>