|
|
@@ -0,0 +1,57 @@
|
|
|
+<!-- 交易市场-预售转让-预售中签 -->
|
|
|
+<template>
|
|
|
+ <app-table :data="dataList" v-model:columns="tableColumns" :loading="loading" @row-click="onRowClick" showIndex>
|
|
|
+ <!-- <template #headerLeft>
|
|
|
+ <app-filter :options="filterOptons" />
|
|
|
+ </template> -->
|
|
|
+ <template #goodsname='{ row }'>
|
|
|
+ {{ row.goodscode }}/{{ row.goodsname }}
|
|
|
+ </template>
|
|
|
+ <template #presalestatus='{ value }'>
|
|
|
+ {{ getWRPresaleStatusName(value) }}
|
|
|
+ </template>
|
|
|
+ <template #footer>
|
|
|
+ <component ref="componentRef" v-bind="{ selectedRow }" :is="componentMap.get(componentId)"
|
|
|
+ @closed="closeComponent" v-if="componentId" />
|
|
|
+ </template>
|
|
|
+ </app-table>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import { shallowRef, defineAsyncComponent } from 'vue'
|
|
|
+import { useComponent } from '@/hooks/component'
|
|
|
+// import { useDataFilter } from '@/hooks/datatable'
|
|
|
+import { useRequest } from '@/hooks/request'
|
|
|
+import { getWRPresaleStatusName } from '@/constants/order'
|
|
|
+import { queryPresaleAuctions } from '@/services/api/presale'
|
|
|
+import AppTable from '@pc/components/base/table/index.vue'
|
|
|
+// import AppFilter from '@pc/components/base/table-filter/index.vue'
|
|
|
+
|
|
|
+const componentMap = new Map<string, unknown>([
|
|
|
+
|
|
|
+])
|
|
|
+
|
|
|
+const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => run(), false)
|
|
|
+const selectedRow = shallowRef<Model.PresaleAuctionsRsp>()
|
|
|
+
|
|
|
+const { dataList, run, loading } = useRequest(queryPresaleAuctions, {
|
|
|
+ params: {
|
|
|
+ presalemode: 5,
|
|
|
+ // presalestatusstr: '1'
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+const tableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
+ { prop: 'attachmenturl', label: '图片' },
|
|
|
+ { prop: 'goodsname', label: '商品代码/名称' },
|
|
|
+ { prop: 'refprice', label: '价格' },
|
|
|
+ { prop: 'starttime', label: '开始时间' },
|
|
|
+ { prop: 'endtime', label: '结束时间' },
|
|
|
+ { prop: 'presalestatus', label: '预售状态' },
|
|
|
+])
|
|
|
+
|
|
|
+const onRowClick = (row: Model.PresaleAuctionsRsp) => {
|
|
|
+ selectedRow.value = row
|
|
|
+ openComponent('order')
|
|
|
+}
|
|
|
+</script>
|