代码提交

src/packages/mobile/views/order/list/components/hisswaporder/detail/Index.vue

@@ -11,6 +11,7 @@
 
 <script lang="ts" setup>
 import { shallowRef } from 'vue'
+import AppModal from '@/components/base/modal/index.vue'
 
 const showModal = shallowRef(true)
 const refresh = shallowRef(false) // 是否刷新父组件数据

src/packages/mobile/views/order/list/components/hisswaptrade/detail/Index.vue

@@ -11,6 +11,7 @@
 
 <script lang="ts" setup>
 import { shallowRef } from 'vue'
+import AppModal from '@/components/base/modal/index.vue'
 
 const showModal = shallowRef(true)
 const refresh = shallowRef(false) // 是否刷新父组件数据

src/packages/mobile/views/order/list/components/swaporder/detail/Index.vue

@@ -5,12 +5,32 @@
             <template #header>
                 <app-navbar title="详细" @back="closed" />
             </template>
+            <!-- <div v-if="detail" class="order-detail__container g-form__container">
+                <CellGroup title="掉期委托信息"> -->
+                    <!-- <Cell title="商品" :value="detail.wrstandardname" /> -->
+                    <!-- <Cell title="参考价" :value="detail.tradeprice.toFixed(2)" />
+                    <Cell title="数量" :value="detail.tradeqty" />
+                    <Cell title="预付款(含定金)" :value="handleNumberValue(detail.payeddeposit.toFixed(2))" />
+                    <Cell title="付款比例" :value="parsePercent(detail.depositrate)" />
+                    <Cell title="预付金" :value="handleNumberValue(detail.transferprice.toFixed(2))" />
+                    <Cell title="实际价" :value="handleNumberValue(detail.lastprice.toFixed(2))" />
+                    <Cell title="尾款" :value="handleNumberValue(detail.remainamount.toFixed(2))" />
+                    <Cell title="状态" :value="detail.thjorderstatusdisplay" />
+                    <Cell title="采购时间" :value="formatDate(detail.tradetime)" />
+                    <Cell title="到期日期" :value="detail.enddate" /> -->
+                <!-- </CellGroup>
+            </div>
+            <div v-else>
+                <Empty />
+            </div> -->
         </app-view>
     </app-modal>
 </template>
 
 <script lang="ts" setup>
 import { shallowRef } from 'vue'
+import AppModal from '@/components/base/modal/index.vue'
+import { CellGroup } from 'vant'
 
 const showModal = shallowRef(true)
 const refresh = shallowRef(false) // 是否刷新父组件数据

src/packages/mobile/views/order/list/components/swaporder/list/Index.vue

@@ -92,7 +92,9 @@ const { loading, pageIndex, pageCount, run } = useRequest(queryTradeOrderDetail,
 })
 
 const showComponent = (componentName: string, row: Model.TradeOrderDetailRsp) => {
-    selectedRow.value = row
-    openComponent(componentName)
+    if (componentName === 'detail') {
+        selectedRow.value = row
+        openComponent(componentName)
+    }
 }
 </script>

src/packages/mobile/views/order/list/components/swaptrade/detail/Index.vue

@@ -11,6 +11,7 @@
 
 <script lang="ts" setup>
 import { shallowRef } from 'vue'
+import AppModal from '@/components/base/modal/index.vue'
 
 const showModal = shallowRef(true)
 const refresh = shallowRef(false) // 是否刷新父组件数据

src/packages/mobile/views/order/position/components/swap/close/Index.vue

@@ -11,6 +11,7 @@
 
 <script lang="ts" setup>
 import { shallowRef } from 'vue'
+import AppModal from '@/components/base/modal/index.vue'
 
 const showModal = shallowRef(true)
 const refresh = shallowRef(false) // 是否刷新父组件数据

src/packages/mobile/views/swap/detail/components/listing/Index.vue

@@ -0,0 +1,42 @@
+<template>
+    <app-modal direction="right" height="100%" v-model:show="showModal" :refresh="refresh">
+        <app-view class="g-form">
+            <template #header>
+                <app-navbar title="挂牌" @back="closed" >
+                    <template #right>
+                    <div class="button-more" @click="onMoreClick">
+                        <span>挂牌</span>
+                    </div>
+                </template>
+                </app-navbar>
+            </template>
+            <Form ref="formRef" class="g-form__container">
+            </Form>
+        </app-view>
+    </app-modal>
+</template>
+
+<script lang="ts" setup>
+import { shallowRef } from 'vue'
+import { Form, FormInstance } from 'vant'
+import AppModal from '@/components/base/modal/index.vue'
+
+const formRef = shallowRef<FormInstance>()
+const showModal = shallowRef(true)
+const refresh = shallowRef(false) // 是否刷新父组件数据
+
+const onMoreClick = () => {
+    console.log()
+}
+
+// 关闭弹窗
+const closed = (isRefresh = false) => {
+    refresh.value = isRefresh
+    showModal.value = false
+}
+
+// 暴露组件属性给父组件调用
+defineExpose({
+    closed,
+})
+</script>