|
|
@@ -0,0 +1,52 @@
|
|
|
+<!-- 预售转让-转让持仓 -->
|
|
|
+<template>
|
|
|
+ <app-table :data="dataList" v-model:columns="tableColumns" :loading="loading">
|
|
|
+ <!-- 商品代码/名称 -->
|
|
|
+ <template #goodsname="{ row }">
|
|
|
+ {{ row.goodscode }}/{{ row.goodsname }}
|
|
|
+ </template>
|
|
|
+ <!-- 可用数量-->
|
|
|
+ <template #enableqty="{ row }">
|
|
|
+ {{ row.buycurpositionqty - row.buyfrozenqty }}
|
|
|
+ </template>
|
|
|
+ <!-- 转让订金比例-->
|
|
|
+ <template #transferdepositratio="{ value }">
|
|
|
+ {{ parsePercent(value) }}
|
|
|
+ </template>
|
|
|
+ <!-- 总货款-->
|
|
|
+ <template #totalamount="{ row }">
|
|
|
+ {{ row.buycurpositionqty*row.presaleprice }}
|
|
|
+ </template>
|
|
|
+ <!-- 支付状态 -->
|
|
|
+ <template #paystatus="{ value }">
|
|
|
+ {{ getPayStatusName(value) }}
|
|
|
+ </template>
|
|
|
+ </app-table>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import { shallowRef } from 'vue'
|
|
|
+import { parsePercent } from '@/filters'
|
|
|
+import { useRequest } from '@/hooks/request'
|
|
|
+import { queryMineTradePositionExs } from '@/services/api/transfer'
|
|
|
+import { getPayStatusName } from '@/constants/order'
|
|
|
+import AppTable from '@pc/components/base/table/index.vue'
|
|
|
+
|
|
|
+const { loading, dataList } = useRequest(queryMineTradePositionExs, {})
|
|
|
+
|
|
|
+const tableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
+ { prop: 'goodsname', label: '商品代码/名称' },
|
|
|
+ { prop: 'buycurholderamount', label: '持仓金额' },
|
|
|
+ { prop: 'buycurpositionqty', label: '持仓数量' },
|
|
|
+ { prop: 'buyfrozenqty', label: '冻结数量' },
|
|
|
+ { prop: 'enableqty', label: '可用数量' },
|
|
|
+ { prop: 'sellname', label: '发售方' },
|
|
|
+ { prop: 'presaleprice', label: '订货价' },
|
|
|
+ { prop: 'totalamount', label: '总货款' },
|
|
|
+ { prop: 'transferdepositratio', label: '转让订金比例' },
|
|
|
+ { prop: 'transferdeposit', label: '转让订金' },
|
|
|
+ { prop: 'depositremain', label: '未付订金' },
|
|
|
+ { prop: 'paystatus', label: '支付状态' },
|
|
|
+ { prop: 'lasttradedate', label: '最后交易日' }
|
|
|
+])
|
|
|
+</script>
|