|
|
@@ -32,8 +32,16 @@
|
|
|
</Field>
|
|
|
<Field name="OrderQty" :rules="formRules.OrderQty" label="转让量">
|
|
|
<template #input>
|
|
|
- <Stepper v-model="formData.OrderQty" theme="round" button-size="22" :min="0"
|
|
|
- :max="selectedRow.enableqty" :auto-fixed="false" integer />
|
|
|
+ <div class="g-qty-group">
|
|
|
+ <div class="g-qty-group__stepper">
|
|
|
+ <Stepper v-model="formData.OrderQty" theme="round" button-size="22" :min="0"
|
|
|
+ :step="qtyStep" :max="selectedRow.enableqty" :auto-fixed="false" integer />
|
|
|
+ </div>
|
|
|
+ <RadioGroup v-model="qtyStep" direction="horizontal" @change="onRadioChange">
|
|
|
+ <Radio v-for="(value, index) in qtyStepList" :key="index" :name="value">{{ value }}
|
|
|
+ </Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</Field>
|
|
|
</CellGroup>
|
|
|
@@ -48,13 +56,14 @@
|
|
|
<script lang="ts" setup>
|
|
|
import { shallowRef, PropType, onMounted, computed } from 'vue'
|
|
|
import AppModal from '@/components/base/modal/index.vue'
|
|
|
-import { CellGroup, Cell, Button, FieldRule, Form, Field, Stepper, FormInstance } from 'vant'
|
|
|
+import { CellGroup, Cell, Button, FieldRule, Form, Field, RadioGroup, Radio, FormInstance } from 'vant'
|
|
|
import { getBuyOrSellName, BuyOrSell } from '@/constants/order'
|
|
|
import { formatDecimal, handleNumberValue, pow } from '@/filters'
|
|
|
import { useOrder } from '@/business/trade'
|
|
|
import { dialog, fullloading } from '@/utils/vant'
|
|
|
import { useFuturesStore } from '@/stores'
|
|
|
import { EBuildType, EDelistingType, EListingSelectType, EOrderOperateType, EPriceMode, EValidType } from '@/constants/client'
|
|
|
+import Stepper from '@mobile/components/base/stepper/index.vue'
|
|
|
|
|
|
const props = defineProps({
|
|
|
selectedRow: {
|
|
|
@@ -72,6 +81,8 @@ const formRef = shallowRef<FormInstance>()
|
|
|
const showModal = shallowRef(true)
|
|
|
// 是否刷新父组件数据
|
|
|
const refresh = shallowRef(false)
|
|
|
+const qtyStepList = [1, 5, 10, 20, 30, 50] // 数量步长列表
|
|
|
+const qtyStep = shallowRef(qtyStepList[0]) // 数量步长
|
|
|
const { formSubmit, formData } = useOrder()
|
|
|
|
|
|
// 价格步长
|
|
|
@@ -99,6 +110,10 @@ const formRules: { [key: string]: FieldRule[] } = {
|
|
|
}],
|
|
|
}
|
|
|
|
|
|
+const onRadioChange = (value: number) => {
|
|
|
+ formData.OrderQty = value
|
|
|
+}
|
|
|
+
|
|
|
const onCloseSumit = () => {
|
|
|
dialog({
|
|
|
message: '确认要转让吗?',
|
|
|
@@ -148,6 +163,7 @@ onMounted(() => {
|
|
|
default:
|
|
|
formData.OrderPrice = presettle
|
|
|
}
|
|
|
+ formData.OrderQty = qtyStep.value
|
|
|
})
|
|
|
|
|
|
// 暴露组件属性给父组件调用
|