|
|
@@ -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>
|
