|
|
@@ -7,104 +7,63 @@
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="24">
|
|
|
<a-form-item label="交易账户" name="accountid">
|
|
|
- <a-select
|
|
|
- class="inlineFormSelect"
|
|
|
- style="width: 260px"
|
|
|
- v-model:value="formState.accountid"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
- <a-select-option
|
|
|
- v-for="item in accountList"
|
|
|
- :value="item.accountid"
|
|
|
- :key="item.accountid"
|
|
|
- >{{item.accountid}}</a-select-option>
|
|
|
+ <a-select class="inlineFormSelect" style="width: 260px" v-model:value="formState.accountid" placeholder="请选择">
|
|
|
+ <a-select-option v-for="item in accountList" :value="item.accountid" :key="item.accountid">{{ item.accountid }}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" v-if="!isFloat()">
|
|
|
<a-form-item label="挂牌价格" name="FixedPrice">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 260px"
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.FixedPrice"
|
|
|
- />
|
|
|
+ <a-input-number class="commonInput" style="width: 260px" :min="0" v-model:value="formState.FixedPrice" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" v-else>
|
|
|
<a-form-item label="基差" name="PriceMove">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 260px"
|
|
|
- v-model:value="formState.PriceMove"
|
|
|
- />
|
|
|
+ <a-input-number class="commonInput" style="width: 260px" v-model:value="formState.PriceMove" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" v-if="isFloat()">
|
|
|
<a-form-item label="估算价" name="PriceMove">
|
|
|
- <span class="white">{{getPrice()}}</span>
|
|
|
+ <span class="white">{{ getPrice() }}</span>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
|
|
|
<a-col :span="24">
|
|
|
<a-form-item label="挂牌数量" name="OrderQty">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 260px"
|
|
|
- :min="0"
|
|
|
- :max="getMaxNum()"
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- />
|
|
|
- <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
+ <a-input-number class="commonInput" style="width: 260px" :min="0" :max="getMaxNum()" v-model:value="formState.OrderQty" />
|
|
|
+ <span class="input-enumdicname">{{ selectedRow.enumdicname }}</span>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" v-if="!isWR()">
|
|
|
<a-form-item label="交收月" name="DeliveryMonth">
|
|
|
- <a-month-picker
|
|
|
- style="width: 260px"
|
|
|
- v-model:value="formState.DeliveryMonth"
|
|
|
- :allowClear="false"
|
|
|
- class="commonDatePicker dialogDatePicker"
|
|
|
- />
|
|
|
+ <a-month-picker style="width: 260px" v-model:value="formState.DeliveryMonth" :allowClear="false" class="commonDatePicker dialogDatePicker" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" class="mt-10">
|
|
|
<a-form-item>
|
|
|
- <a-slider
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- :max="getMaxNum()"
|
|
|
- class="formSlider"
|
|
|
- />
|
|
|
+ <a-slider :min="0" v-model:value="formState.OrderQty" :max="getMaxNum()" class="formSlider" />
|
|
|
<div class="unit">
|
|
|
- <span>{{getMaxNum() ? selectedRow.minivalue : 0}}</span>
|
|
|
- <span>{{getMaxNum()}}{{selectedRow.enumdicname}}</span>
|
|
|
+ <span>{{ getMaxNum() ? selectedRow.minivalue : 0 }}</span>
|
|
|
+ <span>{{ getMaxNum() }}{{ selectedRow.enumdicname }}</span>
|
|
|
</div>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24">
|
|
|
<a-form-item label="起摘数量" class="relative">
|
|
|
- <a-input
|
|
|
- class="commonInput"
|
|
|
- :suffix="selectedRow.enumdicname"
|
|
|
- :min="selectedRow.minivalue"
|
|
|
- style="width: 260px !important"
|
|
|
- />
|
|
|
- <div
|
|
|
- class="tip"
|
|
|
- >最小单位：{{selectedRow.minivalue}}{{selectedRow.enumdicname}}</div>
|
|
|
+ <a-input class="commonInput" :suffix="selectedRow.enumdicname" :min="selectedRow.minivalue" style="width: 260px !important" />
|
|
|
+ <div class="tip">最小单位：{{ selectedRow.minivalue }}{{ selectedRow.enumdicname }}</div>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" class="relative mt20">
|
|
|
<a-form-item :label="isFloat() ? '估算金额' : '挂牌金额'">
|
|
|
- <span class="white ml8">{{getMoney()}}</span>
|
|
|
+ <span class="white ml8">{{ getMoney() }}</span>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="24" v-if="getMargin()">
|
|
|
<a-form-item :label="getMargin() ? '履约保证金' : ''">
|
|
|
<!-- <a-row>
|
|
|
<a-col :span="8">-->
|
|
|
- <span class="white ml8">{{getMargin()}}</span>
|
|
|
+ <span class="white ml8">{{ getMargin() }}</span>
|
|
|
<!-- </a-col>
|
|
|
<a-col :span="4" class="tr">
|
|
|
<span class="grey1">可用资金</span>
|
|
|
@@ -119,7 +78,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="24">
|
|
|
<a-form-item label="可用资金">
|
|
|
- <span class="white ml8">{{getCanUseMoney(getSelectedAccount())}}</span>
|
|
|
+ <span class="white ml8">{{ getCanUseMoney(getSelectedAccount()) }}</span>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
@@ -127,8 +86,8 @@
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="24" class="fixedBtns">
|
|
|
<a-form-item class="btnCenter">
|
|
|
- <a-button class="listedBtn" @click="submit">买入</a-button>
|
|
|
- <a-button class="ml10 cancelBtn" @click="cancel">取消</a-button>
|
|
|
+ <a-button class="listedBtn" @click="submit" :loading="loading">买入</a-button>
|
|
|
+ <a-button class="ml10 cancelBtn" @click="cancel" :disabled="loading">取消</a-button>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
@@ -267,6 +226,7 @@ export default defineComponent({
|
|
|
return {
|
|
|
submit,
|
|
|
cancel,
|
|
|
+ loading,
|
|
|
visible,
|
|
|
accountList,
|
|
|
rules,
|
