update

src/packages/gstj/views/holdbank/holddeposit/components/apply/Index.vue

@@ -41,11 +41,12 @@
 
 <script lang="ts" setup>
 import { shallowRef, ref } from 'vue'
-import { Form, Field, CellGroup, Button, FieldRule, FormInstance, Stepper } from 'vant'
+import { Form, Field, CellGroup, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { formatDecimal } from '@/filters'
 import { useDoYJF_WithholdInApply, useDoCusBankExtendConfigs } from '@/business/bank'
 import { getServerTime } from '@/services/api/common'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
 import moment from 'moment'
 

src/packages/mobile/components/base/stepper/index.vue

@@ -8,7 +8,7 @@ import { Stepper } from 'vant'
 defineProps({
     max: {
         type: Number,
-        default: 9999999999
+        default: 999999999
     }
 })
 </script>

src/packages/mobile/components/modules/delivery/index.vue

@@ -10,24 +10,28 @@
                     <slot name="header"></slot>
                 </CellGroup>
                 <CellGroup :title="$t('position.order.subtitle2')" inset>
-                    <Field name="wrstandardname" :label="$t('position.order.choicewarehousename')" :placeholder="$t('common.choice')" input-align="right"
-                        :rules="formRules.wrstandardname" v-model="checkedRow.wrstandardname"
-                        @click="showWarehouseReceipt = true" is-link readonly />
+                    <Field name="wrstandardname" :label="$t('position.order.choicewarehousename')"
+                        :placeholder="$t('common.choice')" input-align="right" :rules="formRules.wrstandardname"
+                        v-model="checkedRow.wrstandardname" @click="showWarehouseReceipt = true" is-link readonly />
                     <template v-if="checkedRow.deliverygoodsid">
                         <Cell :title="$t('delivery.online.username')" :value="checkedRow.username" />
                         <Cell :title="$t('delivery.online.warehousename')" :value="checkedRow.warehousename" />
-                        <Cell :title="$t('delivery.online.qty')" :value="checkedRow.avalidqty + (deliveryRelation?.enumdicname ?? '')" />
+                        <Cell :title="$t('delivery.online.qty')"
+                            :value="checkedRow.avalidqty + (deliveryRelation?.enumdicname ?? '')" />
                     </template>
                 </CellGroup>
                 <CellGroup inset>
-                    <Cell :title="$t('position.order.enableQty')" :value="(total * qtyStep) + (deliveryRelation?.enumdicname ?? '')" />
-                    <Field name="DeliveryQty" type="digit" :rules="formRules.DeliveryQty" :label="$t('delivery.online.deliveryqty')">
+                    <Cell :title="$t('position.order.enableQty')"
+                        :value="(total * qtyStep) + (deliveryRelation?.enumdicname ?? '')" />
+                    <Field name="DeliveryQty" type="digit" :rules="formRules.DeliveryQty"
+                        :label="$t('delivery.online.deliveryqty')">
                         <template #input>
                             <Stepper v-model="formData.DeliveryQty" theme="round" button-size="22" :min="0"
                                 :max="maxQty" :step="qtyStep" integer />
                         </template>
                     </Field>
-                    <Cell :title="$t('position.order.choicewarehousename')" :value="formData.DeliveryQty ? (formData.DeliveryQty / qtyStep) : 0" />
+                    <Cell :title="$t('position.order.choicewarehousename')"
+                        :value="formData.DeliveryQty ? (formData.DeliveryQty / qtyStep) : 0" />
                     <Cell :title="$t('delivery.online.pricemove')" :value="discount.toFixed(2)" />
                     <slot name="form" :discount="discount" :qty="formData.DeliveryQty ?? 0"></slot>
                 </CellGroup>
@@ -45,7 +49,7 @@
 <script lang="ts" setup>
 import { reactive, shallowRef, computed, defineAsyncComponent, onMounted } from 'vue'
 import { v4 } from 'uuid'
-import { CellGroup, Cell, Button, FieldRule, Form, Field, Stepper, FormInstance } from 'vant'
+import { CellGroup, Cell, Button, FieldRule, Form, Field, FormInstance } from 'vant'
 import { handleRequestBigNumber } from '@/filters'
 import { dialog, fullloading } from '@/utils/vant'
 import { useRequest } from '@/hooks/request'
@@ -54,6 +58,7 @@ import { deliveryOrder } from '@/services/api/trade'
 import { queryDeliveryRelation } from '@/services/api/goods'
 import { useAccountStore, useFuturesStore } from '@/stores'
 import moment from 'moment'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
 
 const props = defineProps({

src/packages/mobile/views/ballot/detail/components/delisting/index.vue

@@ -1,5 +1,6 @@
 <template>
-    <app-popup class="supply-demand-listing" :title="$t('quote.ballot.title')" v-model:show="showModal" :refresh="refresh">
+    <app-popup class="supply-demand-listing" :title="$t('quote.ballot.title')" v-model:show="showModal"
+        :refresh="refresh">
         <Form class="supply-demand-listing__form" ref="formRef" @submit="onSubmit">
             <Field :label="$t('quote.ballot.refprice')">
                 <template #input>
@@ -8,8 +9,9 @@
             </Field>
             <Field name="OrderQty" :rules="formRules.OrderQty" :label="$t('quote.ballot.refprice')">
                 <template #input>
-                    <Stepper v-model="formData.OrderQty" theme="round" :max="Math.min(detail.presaleqty, detail.maxbuyqty)"
-                        button-size="22" :auto-fixed="false" integer />
+                    <Stepper v-model="formData.OrderQty" theme="round"
+                        :max="Math.min(detail.presaleqty, detail.maxbuyqty)" button-size="22" :auto-fixed="false"
+                        integer />
                 </template>
             </Field>
             <Field :label="$t('quote.ballot.maxbuyqty')">
@@ -36,14 +38,15 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, computed } from 'vue'
-import { Form, Field, Stepper, Button, FieldRule, FormInstance } from 'vant'
+import { Form, Field, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { handleRequestBigNumber } from '@/filters'
 import { useAccountStore, i18n } from '@/stores'
 import { useOrder } from '@/business/trade'
-import AppPopup from '@mobile/components/base/popup/index.vue'
 import { BuyOrSell } from '@/constants/order'
 import { EPriceMode, EValidType } from '@/constants/client'
+import Stepper from '@mobile/components/base/stepper/index.vue'
+import AppPopup from '@mobile/components/base/popup/index.vue'
 
 const props = defineProps({
     detail: {

src/packages/mobile/views/goods/detail/components/listing/Index.vue

@@ -2,7 +2,8 @@
     <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="goods-listing g-form">
             <template #header>
-                <app-navbar :title="quote ? `${quote.goodscode}/${quote.goodsname}` : $t('operation.listing') " @back="closed" />
+                <app-navbar :title="quote ? `${quote.goodscode}/${quote.goodsname}` : $t('operation.listing')"
+                    @back="closed" />
             </template>
             <component :is="Price" v-bind="{ goodsCode }" />
             <component :is="Forex" v-bind="{ goodsCode, showMore: false }" @price-click="onPriceClick" />
@@ -59,7 +60,8 @@
                 <div class="g-form__footer">
                     <template v-if="direction === BuyOrSell.Buy">
                         <Button type="danger" block square :disabled="!formData.OrderQty"
-                            @click="onBeforeSubmit(EBuildType.BUILDTYPE_OPEN)" v-if="!quote?.iscannotbuy">{{ $t('quote.orderbuy') }}</Button>
+                            @click="onBeforeSubmit(EBuildType.BUILDTYPE_OPEN)" v-if="!quote?.iscannotbuy">{{
+                            $t('quote.orderbuy') }}</Button>
                         <Button color="#199e00" block square
                             :disabled="!formData.OrderQty || !sellQty || (formData.OrderQty > sellQty)"
                             @click="onBeforeSubmit(EBuildType.BUILDTYPE_CLOSE)" v-if="!isTrademode16">
@@ -90,11 +92,10 @@ import { Form, FormInstance, Button, CellGroup, FieldRule, Field, RadioGroup, Ra
 import { fullloading, dialog } from '@/utils/vant'
 import { BuyOrSell } from '@/constants/order'
 import { useOrder } from '@/business/trade'
-import { useAccountStore, useFuturesStore, usePositionStore, useUserStore } from '@/stores'
+import { i18n, useAccountStore, useFuturesStore, usePositionStore, useUserStore } from '@/stores'
 import { EPriceMode, EListingSelectType, EDelistingType, EBuildType, EValidType, EOrderOperateType } from '@/constants/client'
 import AppModal from '@/components/base/modal/index.vue'
 import Stepper from '@mobile/components/base/stepper/index.vue'
-import { i18n } from '@/stores'
 
 const { global: { t } } = i18n
 

src/packages/mobile/views/goods/trade/components/delisting/index.vue

@@ -2,7 +2,8 @@
     <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="goods-delisting g-form">
             <template #header>
-                <app-navbar :title="quote ? `${quote.goodscode}/${quote.goodsname}` : `${ $t('quote.goods.title') }`" @back="closed" />
+                <app-navbar :title="quote ? `${quote.goodscode}/${quote.goodsname}` : `${$t('quote.goods.title')}`"
+                    @back="closed" />
             </template>
             <Form ref="formRef" class="g-form__container" @submit="onSubmit">
                 <CellGroup inset>
@@ -34,8 +35,8 @@
                     <Field name="OrderQty" :rules="formRules.OrderQty" :label="$t('quote.goods.delistingqty')">
                         <template #input>
                             <div class="goods-delisting__stepper">
-                                <Stepper v-model="formData.OrderQty" theme="round" button-size="22" :min="0" :step="qtyStep"
-                                    :max="selectedRow.orderqty" integer />
+                                <Stepper v-model="formData.OrderQty" theme="round" button-size="22" :min="0"
+                                    :step="qtyStep" :max="selectedRow.orderqty" integer />
                                 <RadioGroup v-model="qtyStep" direction="horizontal" @change="onRadioChange">
                                     <Radio v-for="(value, index) in qtyStepList" :key="index" :name="value">{{ value }}
                                     </Radio>
@@ -53,7 +54,8 @@
             <template #footer>
                 <div class="g-form__footer">
                     <template v-if="selectedRow.buyorsell === BuyOrSell.Buy">
-                        <Button type="danger" block square @click="onBeforeSubmit(EBuildType.BUILDTYPE_OPEN)">{{ $t('quote.ordersell') }}</Button>
+                        <Button type="danger" block square @click="onBeforeSubmit(EBuildType.BUILDTYPE_OPEN)">{{
+                            $t('quote.ordersell') }}</Button>
                         <Button type="primary" :disabled="!formData.OrderQty || !buyQty || (formData.OrderQty > buyQty)"
                             block square @click="onBeforeSubmit(EBuildType.BUILDTYPE_CLOSE)">
                             <span>{{ $t('quote.transfersell') }}</span>
@@ -61,9 +63,11 @@
                         </Button>
                     </template>
                     <template v-if="selectedRow.buyorsell === BuyOrSell.Sell">
-                        <Button type="danger" block square @click="onBeforeSubmit(EBuildType.BUILDTYPE_OPEN)">{{ $t('quote.orderbuy') }}</Button>
-                        <Button type="primary" :disabled="!formData.OrderQty || !sellQty || (formData.OrderQty > sellQty)"
-                            block square @click="onBeforeSubmit(EBuildType.BUILDTYPE_CLOSE)">
+                        <Button type="danger" block square @click="onBeforeSubmit(EBuildType.BUILDTYPE_OPEN)">{{
+                            $t('quote.orderbuy') }}</Button>
+                        <Button type="primary"
+                            :disabled="!formData.OrderQty || !sellQty || (formData.OrderQty > sellQty)" block square
+                            @click="onBeforeSubmit(EBuildType.BUILDTYPE_CLOSE)">
                             <span>{{ $t('quote.transferbuy') }}</span>
                             <span v-if="sellQty">(≤{{ sellQty }})</span>
                         </Button>
@@ -76,15 +80,15 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, computed } from 'vue'
-import { Form, FormInstance, Button, CellGroup, Field, FieldRule, Stepper, RadioGroup, Radio } from 'vant'
+import { Form, FormInstance, Button, CellGroup, Field, FieldRule, RadioGroup, Radio } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { handleRequestBigNumber } from '@/filters'
 import { BuyOrSell, getBuyOrSellName } from '@/constants/order'
-import { useAccountStore, useFuturesStore, usePositionStore } from '@/stores'
+import { i18n, useAccountStore, useFuturesStore, usePositionStore } from '@/stores'
 import { EBuildType, EDelistingType, EListingSelectType, EOrderOperateType, EPriceMode, EValidType } from '@/constants/client'
 import { useOrder } from '@/business/trade'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
-import { i18n } from '@/stores'
 
 const { global: { t } } = i18n
 

src/packages/mobile/views/order/inout/components/add/index.vue

@@ -6,8 +6,8 @@
             </template>
             <Form ref="formRef" class="g-form__container" @submit="formSubmit">
                 <CellGroup inset>
-                    <Field v-model="formData.InUserID" :rules="formRules.InUserID" name="InUserID" :label="$t('inout.add.inusername')"
-                        right-icon="arrow" clickable @click="showSearch = true">
+                    <Field v-model="formData.InUserID" :rules="formRules.InUserID" name="InUserID"
+                        :label="$t('inout.add.inusername')" right-icon="arrow" clickable @click="showSearch = true">
                         <template #input>
                             <input :placeholder="$t('inout.add.choice')" :value="selectedUser?.customername" readonly />
                         </template>
@@ -46,8 +46,10 @@
                     <Cell>
                         <template #title>
                             <div style="display: flex;align-items: center;">
-                                <Checkbox shape="square" icon-size="16px" v-model="isAgree">{{ $t('inout.add.tips1') }}</Checkbox>
-                                <span @click="showAgreement = true" style="color:#E92020">{{ $t('inout.add.tips2') }}</span>
+                                <Checkbox shape="square" icon-size="16px" v-model="isAgree">{{ $t('inout.add.tips1') }}
+                                </Checkbox>
+                                <span @click="showAgreement = true" style="color:#E92020">{{ $t('inout.add.tips2')
+                                    }}</span>
                             </div>
                         </template>
                     </Cell>
@@ -55,7 +57,7 @@
             </Form>
             <template #footer>
                 <div class="g-form__footer inset">
-                    <Button type="danger" @click="formRef?.submit" round block>{{ $t('operation.submit')}}</Button>
+                    <Button type="danger" @click="formRef?.submit" round block>{{ $t('operation.submit') }}</Button>
                 </div>
             </template>
         </app-view>
@@ -66,11 +68,12 @@
 
 <script lang="ts" setup>
 import { shallowRef, reactive, computed, defineAsyncComponent } from 'vue'
-import { CellGroup, Cell, Button, Checkbox, Field, Form, Stepper, FieldRule, showToast } from 'vant'
+import { CellGroup, Cell, Button, Checkbox, Field, Form, FieldRule, showToast } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { BuyOrSell } from '@/constants/order'
 import { holderTransferApply } from '@/services/api/trade'
 import { useLoginStore, usePositionStore, i18n } from '@/stores'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
 import AppSelect from '@mobile/components/base/select/index.vue'
 

src/packages/mobile/views/order/position/components/goods/delivery50/index.vue

@@ -7,9 +7,11 @@
             </template>
             <Form ref="formRef" class="g-form__container" @submit="onDeliverySumit">
                 <CellGroup :title="$t('position.goods.subtitle')" inset>
-                    <Cell :title="$t('position.goods.goodsname')" :value="`${selectedRow.goodscode}/${selectedRow.goodsname}`" />
+                    <Cell :title="$t('position.goods.goodsname')"
+                        :value="`${selectedRow.goodscode}/${selectedRow.goodsname}`" />
                     <Cell :title="$t('position.goods.buyorsell')" :value="getBuyOrSellName(selectedRow.buyorsell)" />
-                    <Cell :title="$t('position.goods.curholderamount')" :value="formatDecimal(selectedRow.marketamount)" />
+                    <Cell :title="$t('position.goods.curholderamount')"
+                        :value="formatDecimal(selectedRow.marketamount)" />
                     <Cell :title="$t('position.goods.curpositionqty')" :value="selectedRow.curpositionqty" />
                     <Cell :title="$t('position.goods.frozenqty')" :value="selectedRow.frozenqty" />
                     <Cell :title="$t('position.goods.enableqty')" :value="selectedRow.enableqty" />
@@ -25,7 +27,8 @@
                 </CellGroup>
                 <CellGroup :title="$t('position.goods.subtitle2')" inset>
                     <Cell :title="$t('position.goods.matchname')" :value="selectedRow.matchname" />
-                    <Field name="DeliveryLot" type="digit" :rules="formRules.DeliveryLot" :label="$t('position.goods.deliverylot')">
+                    <Field name="DeliveryLot" type="digit" :rules="formRules.DeliveryLot"
+                        :label="$t('position.goods.deliverylot')">
                         <template #input>
                             <Stepper v-model="formData.DeliveryLot" theme="round" button-size="22" :min="0"
                                 :max="selectedRow.enableqty" :auto-fixed="false" integer />
@@ -35,7 +38,8 @@
                         :value="((formData.DeliveryLot ?? 0) * selectedRow.agreeunit) + selectedRow.goodunit" />
                     <Field name="DeliveryInfo" v-model="formData.DeliveryInfo" type="textarea" autosize clearable
                         :rules="formRules.DeliveryInfo" maxlength="50"
-                        :label="selectedRow.buyorsell === BuyOrSell.Buy ? $t('position.goods.address') : $t('position.goods.deliveryinfo')" :placeholder="$t('common.required')">
+                        :label="selectedRow.buyorsell === BuyOrSell.Buy ? $t('position.goods.address') : $t('position.goods.deliveryinfo')"
+                        :placeholder="$t('common.required')">
                         <template #right-icon v-if="selectedRow.buyorsell === BuyOrSell.Buy">
                             <Icon name="add-o" @click="showContact = true" />
                         </template>
@@ -54,12 +58,13 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType } from 'vue'
-import { CellGroup, Cell, Button, FieldRule, Form, Field, Stepper, FormInstance, Icon } from 'vant'
+import { CellGroup, Cell, Button, FieldRule, Form, Field, FormInstance, Icon } from 'vant'
 import { getBuyOrSellName, BuyOrSell } from '@/constants/order'
 import { formatDecimal } from '@/filters'
 import { useOfflineDelivery } from '@/business/trade'
 import { dialog, fullloading } from '@/utils/vant'
 import { i18n } from '@/stores'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
 import AppContact from '@mobile/components/modules/contact/index.vue'
 

src/packages/mobile/views/order/position/components/goods/detail/components/transfer/Index.vue

@@ -7,10 +7,12 @@
             </template>
             <Form ref="formRef" class="g-form__container" @submit="onCloseSumit">
                 <CellGroup :title="$t('position.goods.subtitle')" inset>
-                    <Cell :title="$t('position.goods.goodsname')" :value="`${selectedRow.goodscode}/${selectedRow.goodsname}`" />
+                    <Cell :title="$t('position.goods.goodsname')"
+                        :value="`${selectedRow.goodscode}/${selectedRow.goodsname}`" />
                     <Cell :title="$t('position.goods.buyorsell')" :value="getBuyOrSellName(selectedRow.buyorsell)" />
                     <Cell :title="$t('position.goods.holderprice')" :value="selectedRow.holderprice" />
-                    <Cell :title="$t('position.goods.curholderamount')" :value="formatDecimal(selectedRow.holderamount)" />
+                    <Cell :title="$t('position.goods.curholderamount')"
+                        :value="formatDecimal(selectedRow.holderamount)" />
                     <Cell :title="$t('position.goods.curpositionqty')" :value="selectedRow.holderqty" />
                     <Cell :title="$t('position.goods.freezeqty')" :value="selectedRow.freezeqty" />
                     <Cell :title="$t('position.goods.enableqty')" :value="maxQty" />
@@ -49,13 +51,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, FormInstance } from 'vant'
 import { getBuyOrSellName, BuyOrSell } from '@/constants/order'
 import { formatDecimal, handleNumberValue, handleRequestBigNumber, handlePriceColor } from '@/filters'
 import { useOrder } from '@/business/trade'
 import { dialog, fullloading } from '@/utils/vant'
 import { useFuturesStore, usePositionStore, i18n } from '@/stores'
 import { EBuildType, EDelistingType, EListingSelectType, EPriceMode, EValidType } from '@/constants/client'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {

src/packages/mobile/views/order/position/components/pricing/detail/components/transfer/Index.vue

@@ -7,10 +7,12 @@
             </template>
             <Form ref="formRef" class="g-form__container" @submit="onCloseSumit">
                 <CellGroup :title="$t('position.goods.subtitle')" inset>
-                    <Cell :title="$t('position.goods.goodsname')" :value="`${selectedRow.goodscode}/${selectedRow.goodsname}`" />
+                    <Cell :title="$t('position.goods.goodsname')"
+                        :value="`${selectedRow.goodscode}/${selectedRow.goodsname}`" />
                     <Cell :title="$t('position.goods.buyorsell')" :value="getBuyOrSellName(selectedRow.buyorsell)" />
                     <Cell :title="$t('position.goods.holderprice')" :value="selectedRow.holderprice" />
-                    <Cell :title="$t('position.goods.curholderamount')" :value="formatDecimal(selectedRow.holderamount)" />
+                    <Cell :title="$t('position.goods.curholderamount')"
+                        :value="formatDecimal(selectedRow.holderamount)" />
                     <Cell :title="$t('position.goods.curpositionqty')" :value="selectedRow.holderqty" />
                     <Cell :title="$t('position.goods.freezeqty')" :value="selectedRow.freezeqty" />
                     <Cell :title="$t('position.goods.enableqty')" :value="maxQty" />
@@ -49,13 +51,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, FormInstance } from 'vant'
 import { getBuyOrSellName, BuyOrSell } from '@/constants/order'
 import { formatDecimal, handleNumberValue, handleRequestBigNumber, handlePriceColor } from '@/filters'
 import { useOrder } from '@/business/trade'
 import { dialog, fullloading } from '@/utils/vant'
 import { useFuturesStore, usePositionStore, i18n } from '@/stores'
 import { EBuildType, EDelistingType, EListingSelectType, EPriceMode, EValidType } from '@/constants/client'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {

src/packages/mobile/views/order/position/components/pricing/detail2/components/transfer/Index.vue

@@ -8,9 +8,12 @@
             <Form ref="formRef" class="g-form__container" @submit="onCloseSumit">
                 <CellGroup :title="$t('position.goods.subtitle')" inset>
                     <Cell :title="$t('position.goods.goodsname')" :value="`${selectedRow.goodsCode}`" />
-                    <Cell :title="$t('position.goods.buyorsell')" :value="getBuyOrSellName(selectedRow.tHDetailEx.buyOrSell)" />
-                    <Cell :title="$t('position.goods.holderprice')" :value="formatDecimal(selectedRow.tHDetailEx.holderPrice, selectedRow.decimalPlace)" />
-                    <Cell :title="$t('position.goods.curholderamount')" :value="formatDecimal(selectedRow.tHDetailEx.holderAmount)" />
+                    <Cell :title="$t('position.goods.buyorsell')"
+                        :value="getBuyOrSellName(selectedRow.tHDetailEx.buyOrSell)" />
+                    <Cell :title="$t('position.goods.holderprice')"
+                        :value="formatDecimal(selectedRow.tHDetailEx.holderPrice, selectedRow.decimalPlace)" />
+                    <Cell :title="$t('position.goods.curholderamount')"
+                        :value="formatDecimal(selectedRow.tHDetailEx.holderAmount)" />
                     <Cell :title="$t('position.goods.curpositionqty')" :value="selectedRow.tHDetailEx.holderQty" />
                     <!-- <Cell :title="$t('position.goods.freezeqty')" :value="selectedRow.tHDetailEx.freezeQty" /> -->
                     <Cell :title="$t('position.goods.enableqty')" :value="maxQty" />
@@ -43,7 +46,8 @@
                             <Stepper v-model="formData.MarketMaxSub" theme="round" button-size="22" :min="0" :max="999" :auto-fixed="false" />
                         </template>
                     </Field> -->
-                    <Field name="OrderPrice" :rules="formRules.OrderPrice" :label="$t('position.goods.transferprice')" v-if="formData.PriceMode === PriceMode.Limit">
+                    <Field name="OrderPrice" :rules="formRules.OrderPrice" :label="$t('position.goods.transferprice')"
+                        v-if="formData.PriceMode === PriceMode.Limit">
                         <template #input>
                             <Stepper v-model="formData.OrderPrice" theme="round" button-size="22" :min="0"
                                 :decimal-length="decimalplace" :step="decimalplace" :auto-fixed="false" />
@@ -67,7 +71,7 @@
 <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, RadioGroup, Radio } from 'vant'
+import { CellGroup, Cell, Button, FieldRule, Form, Field, FormInstance, RadioGroup, Radio } from 'vant'
 import { getBuyOrSellName, BuyOrSell, PriceMode, getPricemode2List } from '@/constants/order'
 import { formatDecimal, handleNumberValue, handleRequestBigNumber, handlePriceColor } from '@/filters'
 import { useOrder } from '@/business/trade'
@@ -75,6 +79,7 @@ import { dialog, fullloading } from '@/utils/vant'
 import { useFuturesStore, usePositionStore, i18n, useAccountStore, useUserStore } from '@/stores'
 import { EBuildType, EDelistingType, EListingSelectType, EValidType } from '@/constants/client'
 import eventBus from '@/services/bus'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {
@@ -114,14 +119,14 @@ const closepl = computed(() => {
     const { currencyid } = goods ?? {}
     const { currencyid: tacurrencyid } = accountStore.currentAccount
     const price = last || presettle // 没有最新价取昨结价
-    
+
     // 查找汇率
     let exchangerate = 1
     if (currencyid !== tacurrencyid) {
         const currency = userStore.userData.exchangeRateConfigs.find((e) => e.descurrencyid === tacurrencyid && e.oricurrencyid === currencyid)
         exchangerate = currency?.exchangerate ?? 0
     }
-    
+
     // 计算市值 = 现价 * 数量 * 合约单位
     const marketValue = price ? price * holderQty * agreeUnit * exchangerate : 0
     return price ? (marketValue - holderAmount) * (buyOrSell === BuyOrSell.Buy ? 1 : -1) : 0

src/packages/mobile/views/order/position/components/spot/listing/Index.vue

@@ -7,7 +7,8 @@
             </template>
             <Form ref="formRef" class="g-form__container" @submit="onSubmit">
                 <CellGroup :title="$t('position.spot.subtitle')" inset>
-                    <Cell :title="$t('position.spot.goodsname')" :value="`${selectedRow.wrstandardcode}/${selectedRow.wrstandardname}`" />
+                    <Cell :title="$t('position.spot.goodsname')"
+                        :value="`${selectedRow.wrstandardcode}/${selectedRow.wrstandardname}`" />
                     <Cell :title="$t('position.spot.warehousename')" :value="selectedRow.warehousename" />
                     <Cell :title="$t('position.spot.qty')" :value="selectedRow.qty" />
                     <Cell :title="$t('position.spot.freezerqty')" :value="selectedRow.freezerqty" />
@@ -41,11 +42,12 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, defineAsyncComponent } from 'vue'
-import { CellGroup, Cell, Button, Stepper, Field, Form, FormInstance, FieldRule } from 'vant'
+import { CellGroup, Cell, Button, Field, Form, FormInstance, FieldRule } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { handleRequestBigNumber } from '@/filters'
 import { useHdWROrder } from '@/business/trade'
 import { i18n } from '@/stores'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
 
 const Performance = defineAsyncComponent(() => import('@mobile/components/modules/performance/index.vue'))

src/packages/mobile/views/order/position/components/spot/pickup/Index.vue

@@ -8,7 +8,8 @@
                 </template>
                 <Form ref="formRef" class="g-form__container" @submit="onSubmit">
                     <CellGroup :title="$t('position.spot.subtitle')" inset>
-                        <Cell :title="$t('position.spot.goodsname')" :value="`${selectedRow.wrstandardcode}/${selectedRow.wrstandardname}`" />
+                        <Cell :title="$t('position.spot.goodsname')"
+                            :value="`${selectedRow.wrstandardcode}/${selectedRow.wrstandardname}`" />
                         <Cell :title="$t('position.spot.warehousename')" :value="selectedRow.warehousename" />
                         <Cell :title="$t('position.spot.qty')" :value="selectedRow.qty" />
                         <Cell :title="$t('position.spot.freezerqty')" :value="selectedRow.freezerqty" />
@@ -17,36 +18,43 @@
                     <CellGroup :title="$t('position.spot.subtitle2')" inset>
                         <Field name="OrderQty" :rules="formRules.orderQty" :label="$t('position.spot.orderqty2')">
                             <template #input>
-                                <Stepper v-model="orderQty" theme="round" button-size="22" :auto-fixed="false" integer />
+                                <Stepper v-model="orderQty" theme="round" button-size="22" :auto-fixed="false"
+                                    integer />
                             </template>
                         </Field>
                         <Field :label="$t('position.spot.appointmentmodel')" is-link>
                             <template #input>
-                                <app-select v-model="formData.AppointmentModel" :options="getAppointmentModelOutList()" />
+                                <app-select v-model="formData.AppointmentModel"
+                                    :options="getAppointmentModelOutList()" />
                             </template>
                         </Field>
-                        <Field name="ContractName" :label="$t('position.spot.contactname')" v-model="formData.ContactName" :placeholder="$t('common.required')"
+                        <Field name="ContractName" :label="$t('position.spot.contactname')"
+                            v-model="formData.ContactName" :placeholder="$t('common.required')"
                             :rules="formRules.ContactName" right-icon="add-o" @click-right-icon="showContact = true" />
-                        <Field name="ContactNum" :label="$t('position.spot.contactnum')" v-model="formData.ContactNum" :placeholder="$t('common.required')"
-                            :rules="formRules.ContactNum" />
+                        <Field name="ContactNum" :label="$t('position.spot.contactnum')" v-model="formData.ContactNum"
+                            :placeholder="$t('common.required')" :rules="formRules.ContactNum" />
                         <template v-if="formData.AppointmentModel === 1">
-                            <Field :rules="formRules.Region" name="Region" :label="$t('position.spot.district')" is-link v-if="!animation">
+                            <Field :rules="formRules.Region" name="Region" :label="$t('position.spot.district')" is-link
+                                v-if="!animation">
                                 <template #input>
                                     <component :is="AppRegion" v-model="formData.DistrictID" v-model:label="regionName"
                                         @finish="onRegionFinish" />
                                 </template>
                             </Field>
-                            <Field name="Address" type="textarea" :label="$t('position.spot.address')" row="2" v-model="formData.Address"
-                                :placeholder="$t('common.required')" :rules="formRules.Address" />
+                            <Field name="Address" type="textarea" :label="$t('position.spot.address')" row="2"
+                                v-model="formData.Address" :placeholder="$t('common.required')"
+                                :rules="formRules.Address" />
                         </template>
-                        <Field name="AppointmentRemark" type="textarea" :label="$t('position.spot.remark')" rows="2" autosize
-                            v-model="formData.AppointmentRemark" :placeholder="$t('common.required')" :rules="formRules.AppointmentRemark"
-                            right-icon="add-o" @click-right-icon="showReceipt = true" />
+                        <Field name="AppointmentRemark" type="textarea" :label="$t('position.spot.remark')" rows="2"
+                            autosize v-model="formData.AppointmentRemark" :placeholder="$t('common.required')"
+                            :rules="formRules.AppointmentRemark" right-icon="add-o"
+                            @click-right-icon="showReceipt = true" />
                     </CellGroup>
                 </Form>
                 <template #footer>
                     <div class="g-form__footer">
-                        <Button block square type="danger" @click="formRef?.submit">{{ $t('operation.pickup') }}</Button>
+                        <Button block square type="danger" @click="formRef?.submit">{{ $t('operation.pickup')
+                            }}</Button>
                     </div>
                 </template>
             </app-view>
@@ -58,14 +66,14 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, defineAsyncComponent } from 'vue'
-import { CellGroup, Cell, Button, Stepper, Field, Form, FormInstance, FieldRule } from 'vant'
+import { CellGroup, Cell, Button, Field, Form, FormInstance, FieldRule } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { validateRules } from '@/constants/regex'
 import { getReceiptTypeName } from '@/constants/receipt'
 import { getAppointmentModelOutList } from '@/constants/order'
 import { useWrOutInApply } from '@/business/trade'
 import { i18n, useUserStore } from '@/stores'
-
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import AppModal from '@/components/base/modal/index.vue'
 import AppSelect from '@mobile/components/base/select/index.vue'
 import AppContact from '@mobile/components/modules/contact/index.vue'
@@ -117,10 +125,10 @@ const formRules: { [key: string]: FieldRule[] } = {
                 return t('banksign.tips6')
             } else {
                 if (validateRules.phone.validate(val)) {
-                return true
+                    return true
                 }
                 return validateRules.phone.message
-            } 
+            }
         }
     }],
     Region: [{

src/packages/mobile/views/order/position/components/transfer/listing/Index.vue

@@ -32,7 +32,8 @@
                             <span>{{ handleNumberValue(quote?.limitdown) }}</span>
                         </template>
                     </Field>
-                    <Field name="OrderPrice" :rules="formRules.OrderPrice" :label="$t('position.transfer.transferprice')">
+                    <Field name="OrderPrice" :rules="formRules.OrderPrice"
+                        :label="$t('position.transfer.transferprice')">
                         <template #input>
                             <Stepper v-model="formData.OrderPrice" theme="round" :min="quote?.limitdown"
                                 :max="quote?.limitup" :step="quote?.decimalvalue"
@@ -58,14 +59,15 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, computed, onMounted } from 'vue'
-import { CellGroup, Form, Field, Stepper, Button, FieldRule, FormInstance } from 'vant'
+import { CellGroup, Form, Field, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { handleNumberValue } from '@/filters'
 import { useOrder } from '@/business/trade'
 import { useFuturesStore, i18n } from '@/stores'
-import AppModal from '@/components/base/modal/index.vue'
 import { BuyOrSell } from '@/constants/order'
 import { EPriceMode, EValidType, EListingSelectType, EBuildType } from '@/constants/client'
+import AppModal from '@/components/base/modal/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {

src/packages/mobile/views/presale/detail/components/delisting/index.vue

@@ -1,5 +1,6 @@
 <template>
-    <app-popup class="supply-demand-listing" :title="$t('quote.presale.bidfor')" v-model:show="showModal" :refresh="refresh">
+    <app-popup class="supply-demand-listing" :title="$t('quote.presale.bidfor')" v-model:show="showModal"
+        :refresh="refresh">
         <Form class="supply-demand-listing__form" ref="formRef" @submit="onSubmit">
             <Field :label="$t('quote.presale.startprice')">
                 <template #input>
@@ -8,8 +9,9 @@
             </Field>
             <Field name="OrderPrice" :rules="formRules.OrderPrice" :label="$t('quote.presale.SubscriptionPrice')">
                 <template #input>
-                    <Stepper v-model="formData.OrderPrice" theme="round" :min="detail.startprice" :decimal-length="quote?.decimalplace" :step="quote?.decimalvalue"
-                        :auto-fixed="false" button-size="22" />
+                    <Stepper v-model="formData.OrderPrice" theme="round" :min="detail.startprice"
+                        :decimal-length="quote?.decimalplace" :step="quote?.decimalvalue" :auto-fixed="false"
+                        button-size="22" />
                 </template>
             </Field>
             <Field name="OrderQty" :rules="formRules.OrderQty" :label="$t('quote.presale.SubscriptionQty')">
@@ -37,14 +39,15 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, computed } from 'vue'
-import { Form, Field, Stepper, Button, FieldRule, FormInstance } from 'vant'
+import { Form, Field, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { parsePercent, handleRequestBigNumber } from '@/filters'
 import { useAccountStore, useFuturesStore, i18n } from '@/stores'
 import { useOrder } from '@/business/trade'
-import AppPopup from '@mobile/components/base/popup/index.vue'
 import { BuyOrSell } from '@/constants/order'
 import { EPriceMode, EValidType } from '@/constants/client'
+import AppPopup from '@mobile/components/base/popup/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     detail: {

src/packages/mobile/views/spot/add/components/buy/index.vue

@@ -4,8 +4,9 @@
             <CellGroup inset>
                 <Performance ref="performanceRef" tmptype="0,2" name="PerformanceTemplateID"
                     v-model="formData.PerformanceTemplateID" />
-                <Field name="WRFactorTypeId" :label="$t('quote.spot.subtitle1')" :placeholder="$t('quote.spot.tips9')" v-model="selectedRow.wrstandardname"
-                    :rules="formRules.WRFactorTypeId" @click="showWarehouseReceipt = true" is-link readonly />
+                <Field name="WRFactorTypeId" :label="$t('quote.spot.subtitle1')" :placeholder="$t('quote.spot.tips9')"
+                    v-model="selectedRow.wrstandardname" :rules="formRules.WRFactorTypeId"
+                    @click="showWarehouseReceipt = true" is-link readonly />
                 <template v-if="selectedRow.wrfactortypeid">
                     <Field :label="$t('quote.spot.warehousename1')" v-model="selectedRow.warehousename" readonly />
                     <Field :label="$t('quote.spot.enableqty')">
@@ -16,8 +17,8 @@
                 </template>
                 <Field name="FixedPrice" :rules="formRules.FixedPrice" :label="$t('quote.spot.orderprice')">
                     <template #input>
-                        <Stepper v-model="formData.FixedPrice" theme="round" :min="0" :decimal-length="2" :default-value="0"
-                            :auto-fixed="false" button-size="22" />
+                        <Stepper v-model="formData.FixedPrice" theme="round" :min="0" :decimal-length="2"
+                            :default-value="0" :auto-fixed="false" button-size="22" />
                     </template>
                 </Field>
                 <Field name="OrderQty" :rules="formRules.OrderQty" :label="$t('quote.spot.orderqty')">
@@ -44,12 +45,13 @@
 
 <script lang="ts" setup>
 import { shallowRef, defineAsyncComponent } from 'vue'
-import { CellGroup, Button, Field, Form, FormInstance, Stepper, FieldRule, showSuccessToast, showFailToast } from 'vant'
+import { CellGroup, Button, Field, Form, FormInstance, FieldRule, showSuccessToast, showFailToast } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { handleRequestBigNumber } from '@/filters'
 import { useNavigation } from '@mobile/router/navigation'
 import { useHdWROrder } from '@/business/trade'
 import { i18n } from '@/stores'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const WarehouseReceipt = defineAsyncComponent(() => import('./warehouse-receipt.vue'))
 const Performance = defineAsyncComponent(() => import('@mobile/components/modules/performance/index.vue'))

src/packages/mobile/views/spot/add/components/sell/index.vue

@@ -4,7 +4,8 @@
             <CellGroup inset>
                 <Performance ref="performanceRef" tmptype="0,2" name="PerformanceTemplateID"
                     v-model="formData.PerformanceTemplateID" />
-                <Field name="DeliveryGoodsID" :label="$t('quote.spot.deliverygoods')" :rules="formRules.DeliveryGoodsID" is-link>
+                <Field name="DeliveryGoodsID" :label="$t('quote.spot.deliverygoods')" :rules="formRules.DeliveryGoodsID"
+                    is-link>
                     <template #input>
                         <app-select v-model="formData.DeliveryGoodsID" :options="ftDeliveryGoodsList"
                             :optionProps="{ label: 'deliverygoodsname', value: 'deliverygoodsid' }"
@@ -15,10 +16,12 @@
                     v-if="formData.DeliveryGoodsID">
                     <template #input>
                         <app-select v-model="formData.WRStandardID" :options="goodsList"
-                            :optionProps="{ label: 'wrstandardname', value: 'wrstandardid' }" @confirm="onGoodsChange" />
+                            :optionProps="{ label: 'wrstandardname', value: 'wrstandardid' }"
+                            @confirm="onGoodsChange" />
                     </template>
                 </Field>
-                <Field name="FactoryItems" :label="$t('quote.spot.warehousename1')" :rules="formRules.FactoryItems" is-link v-if="formData.WRStandardID">
+                <Field name="FactoryItems" :label="$t('quote.spot.warehousename1')" :rules="formRules.FactoryItems"
+                    is-link v-if="formData.WRStandardID">
                     <template #input>
                         <app-select :options="warehouseList"
                             :optionProps="{ label: 'dgfactoryitemvalue', value: 'dgfactoryitemid' }"
@@ -27,8 +30,8 @@
                 </Field>
                 <Field name="FixedPrice" :rules="formRules.FixedPrice" :label="$t('quote.spot.orderprice')">
                     <template #input>
-                        <Stepper v-model="formData.FixedPrice" theme="round" :min="0" :decimal-length="2" :default-value="0"
-                            :auto-fixed="false" button-size="22" />
+                        <Stepper v-model="formData.FixedPrice" theme="round" :min="0" :decimal-length="2"
+                            :default-value="0" :auto-fixed="false" button-size="22" />
                     </template>
                 </Field>
                 <Field name="OrderQty" :rules="formRules.OrderQty" :label="$t('quote.spot.orderqty')">
@@ -44,7 +47,8 @@
                 </Field>
                 <Field :label="$t('quote.spot.avaiableMoney')">
                     <template #input>
-                        <span>{{ accountStore.currentAccount.avaiableMoney?.toFixed(2) }}{{ $t('quote.spot.yuan') }}</span>
+                        <span>{{ accountStore.currentAccount.avaiableMoney?.toFixed(2) }}{{ $t('quote.spot.yuan')
+                            }}</span>
                     </template>
                 </Field>
             </CellGroup>
@@ -59,7 +63,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, computed, defineAsyncComponent } from 'vue'
-import { CellGroup, Button, Field, Form, FormInstance, Stepper, FieldRule, showSuccessToast, showFailToast } from 'vant'
+import { CellGroup, Button, Field, Form, FormInstance, FieldRule, showSuccessToast, showFailToast } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { BuyOrSell } from '@/constants/order'
 import { useNavigation } from '@mobile/router/navigation'
@@ -68,6 +72,7 @@ import { queryFtDeliveryGoods, queryWrStandardFactoryItem } from '@/services/api
 import { useHdWROrder } from '@/business/trade'
 import { useAccountStore, i18n } from '@/stores'
 import AppSelect from '@mobile/components/base/select/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const Performance = defineAsyncComponent(() => import('@mobile/components/modules/performance/index.vue'))
 

src/packages/mobile/views/spot/detail/components/delisting/index.vue

@@ -61,7 +61,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, computed } from 'vue'
-import { Form, Field, Stepper, Button, FieldRule, FormInstance } from 'vant'
+import { Form, Field, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { handleRequestBigNumber } from '@/filters'
 import { useAccountStore, i18n } from '@/stores'
@@ -71,6 +71,7 @@ import { BuyOrSell } from '@/constants/order'
 import { queryHoldLB } from '@/services/api/order'
 import { useHdWRDealOrder } from '@/business/trade'
 import AppPopup from '@mobile/components/base/popup/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 //import AppSelect from '@mobile/components/base/select/index.vue'
 
 const props = defineProps({

src/packages/mobile/views/spot/detail/components/listing/index.vue

@@ -1,5 +1,6 @@
 <template>
-    <app-popup class="supply-demand-listing" :title="buyorsell === BuyOrSell.Sell ? $t('quote.spot.wantbuy') : $t('quote.spot.wantsell')"
+    <app-popup class="supply-demand-listing"
+        :title="buyorsell === BuyOrSell.Sell ? $t('quote.spot.wantbuy') : $t('quote.spot.wantsell')"
         v-model:show="showModal" :refresh="refresh">
         <Form class="supply-demand-listing__form" ref="formRef" @submit="onSubmit">
             <Performance ref="performanceRef" tmptype="0,2" name="PerformanceTemplateID"
@@ -46,7 +47,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, defineAsyncComponent } from 'vue'
-import { Form, Field, Stepper, Button, FieldRule, FormInstance } from 'vant'
+import { Form, Field, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { handleRequestBigNumber } from '@/filters'
 import { useAccountStore, i18n } from '@/stores'
@@ -54,6 +55,7 @@ import { BuyOrSell } from '@/constants/order'
 import { queryHoldLB } from '@/services/api/order'
 import { useHdWROrder } from '@/business/trade'
 import AppPopup from '@mobile/components/base/popup/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 //import AppSelect from '@mobile/components/base/select/index.vue'
 const Performance = defineAsyncComponent(() => import('@mobile/components/modules/performance/index.vue'))

src/packages/mobile/views/swap/detail/components/delisting/Index.vue

@@ -49,9 +49,11 @@
                     <span>{{ selectedRow.orderqty }}</span>
                 </template>
             </Field>
-            <Field v-if="priceMode !== 1" prop="OrderPrice" :label="selectedRow.buyorsell === 0 ? $t('quote.swap.sellprice') : $t('quote.swap.buyprice')">
+            <Field v-if="priceMode !== 1" prop="OrderPrice"
+                :label="selectedRow.buyorsell === 0 ? $t('quote.swap.sellprice') : $t('quote.swap.buyprice')">
                 <template #input>
-                    <Stepper theme="round" button-size="22" :min="0.0" :step="Math.pow(10, -1 * (goods?.decimalplace ?? 0))"
+                    <Stepper theme="round" button-size="22" :min="0.0"
+                        :step="Math.pow(10, -1 * (goods?.decimalplace ?? 0))"
                         :decimal-length="(goods?.decimalplace ?? 2)" v-model="formData.OrderPrice"
                         @change="calculateDelistingAmount" />
                 </template>
@@ -60,8 +62,8 @@
                 <template #input>
                     <div class="g-qty-group">
                         <div class="g-qty-group__stepper">
-                            <Stepper v-model="formData.OrderQty" theme="round" :max="selectedRow.orderqty" button-size="22"
-                                :min="0" :step="qtyStep" integer @change="calculateDelistingAmount" />
+                            <Stepper v-model="formData.OrderQty" theme="round" :max="selectedRow.orderqty"
+                                button-size="22" :min="0" :step="qtyStep" integer @change="calculateDelistingAmount" />
                         </div>
                         <RadioGroup v-model="qtyStep" direction="horizontal" @change="onRadioChange">
                             <Radio v-for="(value, index) in qtyStepList" :key="index" :name="value">{{ value }}
@@ -96,7 +98,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, computed } from 'vue'
-import { Form, FormInstance, Button, Field, RadioGroup, Radio, FieldRule, Stepper } from 'vant'
+import { Form, FormInstance, Button, Field, RadioGroup, Radio, FieldRule } from 'vant'
 import { handleRequestBigNumber } from '@/filters'
 import { useAccountStore, useFuturesStore, i18n } from '@/stores'
 import { EBuildType, EDelistingType, EListingSelectType, EOrderOperateType, EPriceMode, EValidType } from '@/constants/client'
@@ -106,6 +108,7 @@ import { fullloading, dialog } from '@/utils/vant'
 import { useRequest } from '@/hooks/request'
 import { queryTjmdTodayAccountMargin } from '@/services/api/swap'
 import AppPopup from '@mobile/components/base/popup/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const accountStore = useAccountStore()
 const futuresStore = useFuturesStore()

src/packages/mobile/views/swap/detail/components/listing/Index.vue

@@ -18,19 +18,21 @@
                     </RadioGroup>
                 </template>
             </Field>
-            <Field name="OrderPrice" :rules="formRules.OrderPrice" :label="$t('quote.swap.orderprice1')" v-if="priceMove === 2">
+            <Field name="OrderPrice" :rules="formRules.OrderPrice" :label="$t('quote.swap.orderprice1')"
+                v-if="priceMove === 2">
                 <template #input>
                     <div class="g-qty-group__stepper">
                         <Stepper v-model="formData.OrderPrice" theme="round" button-size="22" :auto-fixed="false"
-                        :step="0.01" @change="calculateListingAmount"/>
+                            :step="0.01" @change="calculateListingAmount" />
                     </div>
                 </template>
             </Field>
-            <Field name="MarketMaxSub" :rules="formRules.MarketMaxSub" :label="$t('quote.swap.marketmaxsub')" v-if="priceMove === 3">
+            <Field name="MarketMaxSub" :rules="formRules.MarketMaxSub" :label="$t('quote.swap.marketmaxsub')"
+                v-if="priceMove === 3">
                 <template #input>
                     <div class="g-qty-group__stepper">
-                        <Stepper v-model="formData.MarketMaxSub" theme="round" :max="maxspread" :min="minspread" button-size="22" :auto-fixed="true"
-                        :step="0.01" @change="calculateListingAmount" integer/>
+                        <Stepper v-model="formData.MarketMaxSub" theme="round" :max="maxspread" :min="minspread"
+                            button-size="22" :auto-fixed="true" :step="0.01" @change="calculateListingAmount" integer />
                     </div>
                 </template>
             </Field>
@@ -38,8 +40,8 @@
                 <template #input>
                     <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" integer  @change="calculateListingAmount"/>
+                            <Stepper v-model="formData.OrderQty" theme="round" button-size="22" :min="0" :step="qtyStep"
+                                integer @change="calculateListingAmount" />
                         </div>
                         <RadioGroup v-model="qtyStep" direction="horizontal" @change="onRadioChange">
                             <Radio v-for="(value, index) in qtyStepList" :key="index" :name="value">{{ value }}
@@ -53,7 +55,7 @@
                     <span :class="quote?.lastColor">{{ formatDecimal(estimateprice) }}</span>
                 </template>
             </Field>
-            <Field :label="$t('quote.swap.referenceprice')"  v-if="priceMove === 2">
+            <Field :label="$t('quote.swap.referenceprice')" v-if="priceMove === 2">
                 <template #input>
                     <span :class="quote?.lastColor">{{ quote?.last ?? 0.0 }}</span>
                 </template>
@@ -87,15 +89,16 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, computed } from 'vue'
-import { Form, FormInstance, Button, FieldRule, Field, Tab, Tabs, Stepper, Radio, RadioGroup } from 'vant'
+import { Form, FormInstance, Button, FieldRule, Field, Tab, Tabs, Radio, RadioGroup } from 'vant'
 import { useOrder } from '@/business/trade'
 import { fullloading, dialog } from '@/utils/vant'
 import { useRequest } from '@/hooks/request'
 import { queryTjmdTodayAccountMargin } from '@/services/api/swap'
-import { useAccountStore, useFuturesStore, useUserStore, i18n} from '@/stores'
+import { useAccountStore, useFuturesStore, useUserStore, i18n } from '@/stores'
 import { formatDecimal } from '@/filters'
 import { EPriceMode, EListingSelectType, EDelistingType, EBuildType, EValidType, EOrderOperateType } from '@/constants/client'
 import AppPopup from '@mobile/components/base/popup/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     item: {
@@ -115,7 +118,7 @@ const userStore = useUserStore()
 // 数量步长列表
 const qtyStepList = [1, 5, 10, 20, 30, 50]
 // 数量步长
-const qtyStep = shallowRef(qtyStepList[0]) 
+const qtyStep = shallowRef(qtyStepList[0])
 const formRef = shallowRef<FormInstance>()
 const showModal = shallowRef(true)
 const refresh = shallowRef(true) // 是否刷新父组件数据
@@ -132,9 +135,9 @@ const quote = futuresStore.getGoodsQuote(props.item.refgoodsid) ?? {}
 /// 保证金参数设置
 const margin = shallowRef<Model.TjmdTodayAccountMarginRsp>()
 /// 商品信息
-const goods = computed(() => futuresStore.getGoods(props.item.goodsid) ) 
+const goods = computed(() => futuresStore.getGoods(props.item.goodsid))
 /// 上下点差范围
-const { maxspread = 1000, minspread = -1000, marketid, goodsid } = futuresStore.getGoods(props.item.goodsid) ?? {} 
+const { maxspread = 1000, minspread = -1000, marketid, goodsid } = futuresStore.getGoods(props.item.goodsid) ?? {}
 /// 估算价
 const estimateprice = shallowRef(quote.value?.last ?? 0.0)
 /// 买卖方向
@@ -166,26 +169,26 @@ const calculateListingAmount = () => {
             const { agreeunit = 0 } = goods.value ?? {}
             /// 按比例
             if (MarginAlgorithm === 1) {
-                permargin.value = OrderPrice*OrderQty*agreeunit*MarketMarginValue
+                permargin.value = OrderPrice * OrderQty * agreeunit * MarketMarginValue
             } else {
-                permargin.value = OrderQty*MarketMarginValue
+                permargin.value = OrderQty * MarketMarginValue
             }
-            amount.value = OrderQty*OrderPrice*agreeunit
+            amount.value = OrderQty * OrderPrice * agreeunit
         } else {
             const last = futuresStore.getQuotePrice(props.item.refgoodscode)
             const basic = formData.MarketMaxSub ?? 0.0
             /// 浮动估算价价
-            estimateprice.value = basic+last.value
+            estimateprice.value = basic + last.value
             const { MarginAlgorithm, MarketMarginValue } = margin.value?.infoc
             const { OrderQty = 0 } = formData
             const { agreeunit = 0 } = goods.value ?? {}
             /// 按比例
             if (MarginAlgorithm === 1) {
-                permargin.value = estimateprice.value*OrderQty*agreeunit*MarketMarginValue
+                permargin.value = estimateprice.value * OrderQty * agreeunit * MarketMarginValue
             } else {
-                permargin.value = OrderQty*MarketMarginValue
+                permargin.value = OrderQty * MarketMarginValue
             }
-            amount.value = OrderQty*estimateprice.value*agreeunit
+            amount.value = OrderQty * estimateprice.value * agreeunit
         }
     }
 }

src/packages/mobile/views/transfer/delisting/components/delisting/index.vue

@@ -55,7 +55,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, computed } from 'vue'
-import { CellGroup, Form, Field, Stepper, Button, FieldRule, FormInstance } from 'vant'
+import { CellGroup, Form, Field, Button, FieldRule, FormInstance } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { parsePercent, handleRequestBigNumber } from '@/filters'
 import { useOrder } from '@/business/trade'
@@ -63,6 +63,7 @@ import { BuyOrSell } from '@/constants/order'
 import { EPriceMode, EValidType, EListingSelectType, EBuildType } from '@/constants/client'
 import { i18n } from '@/stores'
 import AppModal from '@/components/base/modal/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     detail: {

src/packages/mobile/views/transfer/listing/Index.vue

@@ -54,7 +54,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, defineAsyncComponent, computed, onMounted } from 'vue'
-import { CellGroup, Form, Field, Stepper, Button, FieldRule, FormInstance, RadioGroup, Radio } from 'vant'
+import { CellGroup, Form, Field, Button, FieldRule, FormInstance, RadioGroup, Radio } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { useRequest } from '@/hooks/request'
 import { queryMineTradePositionExs } from '@/services/api/transfer'
@@ -63,6 +63,7 @@ import { useAccountStore, useFuturesStore, i18n } from '@/stores'
 import { BuyOrSell } from '@/constants/order'
 import { EPriceMode, EValidType, EListingSelectType, EBuildType, EDelistingType } from '@/constants/client'
 import AppModal from '@/components/base/modal/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const Price = defineAsyncComponent(() => import('@mobile/components/modules/quote/price/index.vue'))
 const Forex = defineAsyncComponent(() => import('@mobile/components/modules/quote/forex/index.vue'))

src/packages/sbyj/views/delivery/processing/components/pay/index.vue

@@ -50,16 +50,17 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, reactive, computed, onMounted, ref } from 'vue'
-import { CellGroup, Cell, Form, Field, Stepper, Button, FieldRule, FormInstance, Radio, RadioGroup } from 'vant'
+import { CellGroup, Cell, Form, Field, Button, FieldRule, FormInstance, Radio, RadioGroup } from 'vant'
 import { fullloading, dialog } from '@/utils/vant'
 import { formatDecimal, handleRequestBigNumber } from '@/filters'
 import { BuyOrSell } from '@/constants/order'
 import { getGoodsUnitName } from '@/constants/unit'
 import { getDeliveryPayModeList } from '@/constants/order'
 import { deliveryClientOperator } from '@/services/api/trade'
-import AppModal from '@/components/base/modal/index.vue'
 import { i18n } from '@/stores'
+import AppModal from '@/components/base/modal/index.vue'
 import AppUploader from '@mobile/components/modules/uploader/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {

src/packages/sbyj/views/market/detail/view.vue

@@ -95,11 +95,12 @@
 
 <script lang="ts" setup>
 import { shallowRef } from 'vue'
-import { Form, Field, Stepper, Radio, RadioGroup, Cell, Switch } from 'vant'
+import { Form, Field, Radio, RadioGroup, Cell, Switch } from 'vant'
 import { getGoodsUnitName } from '@/constants/unit'
 import { formatDecimal, parsePercent, handleNumberValue, handlePriceColor } from '@/filters'
 import { BuyOrSell } from '@/constants/order'
 import { useSetup } from './composables'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const emit = defineEmits(['rowClick'])
 

src/packages/sbyj/views/order/list/components/close-holder/index.vue

@@ -53,7 +53,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, onUnmounted, computed } from 'vue'
-import { CellGroup, Cell, Button, Stepper, Field, Form, FormInstance, FieldRule, RadioGroup, Radio } from 'vant'
+import { CellGroup, Cell, Button, Field, Form, FormInstance, FieldRule, RadioGroup, Radio } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { handleRequestBigNumber, handleNumberValue, formatDecimal, parsePercent } from '@/filters'
 import { getGoodsUnitName } from '@/constants/unit'
@@ -63,6 +63,7 @@ import { EPriceMode, EValidType, EBuildType } from '@/constants/client'
 import { BuyOrSell } from '@/constants/order'
 import quoteSocket from '@/services/websocket/quote'
 import AppModal from '@/components/base/modal/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {

src/packages/sbyj/views/order/list/components/market-order-delivery/index.vue

@@ -31,7 +31,8 @@
                     </Field>
                 </CellGroup>
                 <CellGroup inset>
-                    <Cell :title="$t('order.deliverytime')" :value="param326 && param327 ? `${param326} - ${param327}` : '--'" />
+                    <Cell :title="$t('order.deliverytime')"
+                        :value="param326 && param327 ? `${param326} - ${param327}` : '--'" />
                 </CellGroup>
             </Form>
             <template #footer>
@@ -45,7 +46,7 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, computed, reactive } from 'vue'
-import { CellGroup, Cell, Button, Stepper, Field, Form, FormInstance, FieldRule, RadioGroup, Radio } from 'vant'
+import { CellGroup, Cell, Button, Field, Form, FormInstance, FieldRule, RadioGroup, Radio } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { handleRequestBigNumber, parsePercent, formatDecimal } from '@/filters'
 import { BuyOrSell } from '@/constants/order'
@@ -54,6 +55,7 @@ import { getServerTime } from '@/services/api/common'
 import { marketOrderDeliveryApply } from '@/services/api/trade'
 import { useGlobalStore, useUserStore, useFuturesStore } from '@/stores'
 import AppModal from '@/components/base/modal/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 import moment from 'moment'
 
 const props = defineProps({

src/packages/sbyj/views/order/list/components/supplement-deposit/index.vue

@@ -58,12 +58,13 @@
 
 <script lang="ts" setup>
 import { shallowRef, PropType, onMounted, reactive, computed } from 'vue'
-import { CellGroup, Cell, Button, Stepper, Field, Form, FormInstance, FieldRule, RadioGroup, Radio } from 'vant'
+import { CellGroup, Cell, Button, Field, Form, FormInstance, FieldRule, RadioGroup, Radio } from 'vant'
 import { fullloading } from '@/utils/vant'
 import { handleRequestBigNumber, formatDecimal, handlePriceColor, handleNumberValue } from '@/filters'
 import { parsePercent } from '@/filters'
 import { supplementDeposit, refundedDeposit } from '@/services/api/trade'
 import AppModal from '@/components/base/modal/index.vue'
+import Stepper from '@mobile/components/base/stepper/index.vue'
 
 const props = defineProps({
     selectedRow: {