xxxx

public/config/router.json

@@ -318,6 +318,45 @@
                                 "component": "views/query/order/spot/history/index.vue"
                             }
                         ]
+                    },
+                    {
+                        "authType": 1,
+                        "sort": 3,
+                        "title": "仓单预售",
+                        "code": "query_order_presell",
+                        "url": "spot",
+                        "urlType": 1,
+                        "component": "views/query/order/presell/index.vue",
+                        "children": [
+                            {
+                                "authType": 2,
+                                "sort": 1,
+                                "title": "当前认购",
+                                "code": "query_order_presell__list",
+                                "component": "views/query/order/presell/list/index.vue"
+                            },
+                            {
+                                "authType": 2,
+                                "sort": 2,
+                                "title": "历史认购",
+                                "code": "query_order_presell_history",
+                                "component": "views/query/order/presell/history/index.vue"
+                            },
+                            {
+                                "authType": 2,
+                                "sort": 3,
+                                "title": "当前转让",
+                                "code": "query_order_presell_transferlist",
+                                "component": "views/query/order/presell/transferlist/index.vue"
+                            },
+                            {
+                                "authType": 2,
+                                "sort": 4,
+                                "title": "历史转让",
+                                "code": "query_order_presell_transferhistory",
+                                "component": "views/query/order/presell/transferhistory/index.vue"
+                            }
+                        ]
                     }
                 ]
             },
@@ -379,6 +418,31 @@
                                 "component": "views/query/trade/spot/history/index.vue"
                             }
                         ]
+                    },
+                    {
+                        "authType": 1,
+                        "sort": 3,
+                        "title": "仓单预售",
+                        "code": "query_trade_presell",
+                        "url": "spot",
+                        "urlType": 1,
+                        "component": "views/query/trade/presell/index.vue",
+                        "children": [
+                            {
+                                "authType": 2,
+                                "sort": 1,
+                                "title": "当前记录",
+                                "code": "query_trade_presell_list",
+                                "component": "views/query/trade/presell/list/index.vue"
+                            },
+                            {
+                                "authType": 2,
+                                "sort": 2,
+                                "title": "历史记录",
+                                "code": "query_trade_presell_history",
+                                "component": "views/query/trade/presell/history/index.vue"
+                            }
+                        ]
                     }
                 ]
             },

src/packages/pc/views/query/order/presell/index.vue

@@ -0,0 +1,8 @@
+<!-- 成交记录-仓单预售 -->
+<template>
+    <app-auth-component direction="bottom" />
+</template>
+
+<script lang="ts" setup>
+import AppAuthComponent from '@pc/components/modules/auth-component/index.vue'
+</script>

src/packages/pc/views/query/trade/presell/history/index.vue

@@ -0,0 +1,74 @@
+<!-- 成交记录-商品合约-历史记录 -->
+<template>
+    <app-table :data="dataList" v-model:columns="tableColumns" :loading="loading">
+        <template #headerLeft>
+            <app-filter :options="filterOptons">
+                <template #before>
+                    <el-date-picker type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYYMMDD"
+                        v-model="filterDate" />
+                </template>
+            </app-filter>
+        </template>
+        <!-- 状态 -->
+        <template #goodsname="{ row }">
+            {{ row.goodscode }}/{{ row.goodsname }}
+        </template>
+        <!-- 方向 -->
+        <template #buyorsell="{ value }">
+            {{ getBuyOrSellName(value) }}
+        </template>
+        <!-- 成交时间 -->
+        <template #tradedate="{ value }">
+            {{ formatDate(value) }}
+        </template>
+    </app-table>
+</template>
+
+<script lang="ts" setup>
+import { shallowRef } from 'vue'
+import { formatDate } from '@/filters'
+import { useDataFilter } from '@/hooks/datatable'
+import { useRequest } from '@/hooks/request'
+import { queryMineTradeTradeDetails } from '@/services/api/transfer'
+import { getBuyOrSellName } from '@/constants/order'
+import AppTable from '@pc/components/base/table/index.vue'
+import AppFilter from '@pc/components/base/table-filter/index.vue'
+
+const { filterOptons, getQueryParams } = useDataFilter<Model.MineTradeTradeDetailsReq>()
+const filterDate = shallowRef<string[]>([])
+
+const { loading, dataList, run } = useRequest(queryMineTradeTradeDetails, {
+    params: {
+        ishis: true,
+    },
+    manual: true
+})
+
+const tableColumns = shallowRef<Model.TableColumn[]>([
+    { prop: 'goodsname', label: '商品代码/名称' },
+    { prop: 'buyorsell', label: '方向' },
+    { prop: 'tradeqty', label: '转让数量' },
+    { prop: 'tradeprice', label: '转让价' },
+    { prop: 'presaleprice', label: '订货价' },
+    { prop: 'closepl', label: '损益' },
+    { prop: 'accountname', label: '对手方' },
+    { prop: 'tradedate', label: '成交时间' },
+    { prop: 'orderid', label: '成交单号' }
+])
+
+filterOptons.buttonList = [
+    { lable: '查询', className: 'el-button--info', onClick: () => onSearch() },
+    { lable: '重置', className: 'el-button--info', onClick: () => onSearch(true) }
+]
+
+const onSearch = (clear = false) => {
+    if (clear) {
+        filterDate.value = []
+    }
+    getQueryParams((qs) => {
+        qs.begindate = filterDate.value[0]
+        qs.enddate = filterDate.value[1]
+        run(qs)
+    }, clear)
+}
+</script>

src/packages/pc/views/query/trade/presell/index.vue

@@ -0,0 +1,8 @@
+<!-- 成交记录-仓单预售 -->
+<template>
+    <app-auth-component direction="bottom" />
+</template>
+
+<script lang="ts" setup>
+import AppAuthComponent from '@pc/components/modules/auth-component/index.vue'
+</script>

src/packages/pc/views/query/trade/presell/list/index.vue

@@ -0,0 +1,40 @@
+<!-- 成交记录-商品合约-当前记录 -->
+<template>
+    <app-table :data="dataList" v-model:columns="tableColumns" :loading="loading">
+        <!-- 状态 -->
+        <template #goodsname="{ row }">
+            {{ row.goodscode }}/{{ row.goodsname }}
+        </template>
+        <!-- 方向 -->
+        <template #buyorsell="{ value }">
+            {{ getBuyOrSellName(value) }}
+        </template>
+        <!-- 成交时间 -->
+        <template #tradedate="{ value }">
+            {{ formatDate(value) }}
+        </template>
+    </app-table>
+</template>
+
+<script lang="ts" setup>
+import { shallowRef } from 'vue'
+import { formatDate } from '@/filters'
+import { useRequest } from '@/hooks/request'
+import { queryMineTradeTradeDetails } from '@/services/api/transfer'
+import { getBuyOrSellName } from '@/constants/order'
+import AppTable from '@pc/components/base/table/index.vue'
+
+const { loading, dataList } = useRequest(queryMineTradeTradeDetails, {})
+
+const tableColumns = shallowRef<Model.TableColumn[]>([
+    { prop: 'goodsname', label: '商品代码/名称' },
+    { prop: 'buyorsell', label: '方向' },
+    { prop: 'tradeqty', label: '转让数量' },
+    { prop: 'tradeprice', label: '转让价' },
+    { prop: 'presaleprice', label: '订货价' },
+    { prop: 'closepl', label: '损益' },
+    { prop: 'accountname', label: '对手方' },
+    { prop: 'tradedate', label: '成交时间' },
+    { prop: 'orderid', label: '成交单号' }
+])
+</script>