|
|
@@ -38,7 +38,7 @@
|
|
|
</div>
|
|
|
<div class="market-detail__list">
|
|
|
<div class="g-order-list">
|
|
|
- <div class="g-order-list__box" v-for="(item, index) in dataList" :key="index">
|
|
|
+ <div class="g-order-list__box" v-for="(item, index) in orderComputedList" :key="index">
|
|
|
<div class="g-order-list__titlebar">
|
|
|
<div class="left">
|
|
|
<h4>
|
|
|
@@ -115,24 +115,22 @@ import { Form, Field, Stepper, Button, FieldRule, FormInstance, Radio, RadioGrou
|
|
|
import { useNavigation } from '@/packages/sbyj/router/navigation'
|
|
|
import { useFuturesStore } from '@/stores'
|
|
|
import { getGoodsUnitName } from '@/constants/unit'
|
|
|
-import { querySBYJMyOrders } from '@/services/api/order'
|
|
|
-import { useRequest } from '@/hooks/request'
|
|
|
import { formatDecimal, parsePercent, handleNumberValue } from '@/filters'
|
|
|
import { useComponent } from '@/hooks/component'
|
|
|
import { fullloading, dialog } from '@/utils/vant'
|
|
|
import { EPriceMode, EValidType, EOrderOperateType, EBuildType } from '@/constants/client'
|
|
|
import { BuyOrSell } from '@/constants/order'
|
|
|
+import { useSBYJOrder } from '@/business/order'
|
|
|
import quoteSocket from '@/services/websocket/quote'
|
|
|
import eventBus from '@/services/bus'
|
|
|
|
|
|
-const formRef = shallowRef<FormInstance>()
|
|
|
const { getQueryString } = useNavigation()
|
|
|
const { formData, formSubmit } = useOrder()
|
|
|
const futuresStore = useFuturesStore()
|
|
|
+const formRef = shallowRef<FormInstance>()
|
|
|
const goodscode = getQueryString('goodscode')
|
|
|
const quote = futuresStore.getGoodsQuote(goodscode)
|
|
|
const qtyStep = shallowRef(1) // 数量步长
|
|
|
-const error = shallowRef(false)
|
|
|
const subscribe = quoteSocket.createSubscribe()
|
|
|
const selectedRow = shallowRef<Model.SBYJMyOrderRsp>()
|
|
|
const orderQty = shallowRef(1) // 数量
|
|
|
@@ -143,11 +141,13 @@ const componentMap = new Map<string, unknown>([
|
|
|
['delivery', defineAsyncComponent(() => import('../../order/list/components/market-order-delivery/index.vue'))], // 交收
|
|
|
['closeholder', defineAsyncComponent(() => import('../../order/list/components/close-holder/index.vue'))], // 转让
|
|
|
])
|
|
|
-const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => {
|
|
|
- getSBYJMyOrders()
|
|
|
-})
|
|
|
+
|
|
|
+const { getSBYJMyOrders, orderComputedList } = useSBYJOrder()
|
|
|
+const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => getOrderList())
|
|
|
+
|
|
|
// 合约乘数
|
|
|
const agreeunit = computed(() => quote.value?.agreeunit ?? 0)
|
|
|
+
|
|
|
// 数量步长列表
|
|
|
const qtyStepList = computed(() => {
|
|
|
return [
|
|
|
@@ -158,14 +158,11 @@ const qtyStepList = computed(() => {
|
|
|
]
|
|
|
})
|
|
|
|
|
|
-const { dataList, run: getSBYJMyOrders } = useRequest(querySBYJMyOrders, {
|
|
|
- params: {
|
|
|
- goodsId: quote?.value?.goodsid
|
|
|
- },
|
|
|
- onError: () => {
|
|
|
- error.value = true
|
|
|
- }
|
|
|
-})
|
|
|
+const getOrderList = () => {
|
|
|
+ getSBYJMyOrders({
|
|
|
+ goodsId: quote.value?.goodsid
|
|
|
+ })
|
|
|
+}
|
|
|
|
|
|
const commit = (buyOrSell: BuyOrSell) => {
|
|
|
formData.BuyOrSell = buyOrSell
|
|
|
@@ -229,6 +226,7 @@ onMounted(() => {
|
|
|
subscribe.start(goodscode)
|
|
|
orderQty.value = agreeunit.value
|
|
|
qtyStep.value = qtyStepList.value[0]
|
|
|
+ getOrderList()
|
|
|
})
|
|
|
|
|
|
onUnmounted(() => {
|