|
|
@@ -1,317 +1,311 @@
|
|
|
<template>
|
|
|
- <!-- 现货仓单 现货明细 挂牌 -->
|
|
|
- <Drawer
|
|
|
- :title="'挂牌'"
|
|
|
- :placement="'right'"
|
|
|
- class="delistingBottom650"
|
|
|
- :visible="visible"
|
|
|
- @cancel="cancel"
|
|
|
- >
|
|
|
- <div class="listing">
|
|
|
- <div class="condition">
|
|
|
- <a-button class="conditionBtn">{{selectedRow.deliverygoodsname}}</a-button>
|
|
|
- <a-button class="conditionBtn">{{selectedRow.wrtypename}}</a-button>
|
|
|
- <a-button class="conditionBtn">{{selectedRow.warehousename}}</a-button>
|
|
|
- </div>
|
|
|
+ <!-- 现货仓单 现货明细 挂牌 -->
|
|
|
+ <Drawer :title="'挂牌'"
|
|
|
+ :placement="'right'"
|
|
|
+ class="delistingBottom650"
|
|
|
+ :visible="visible"
|
|
|
+ @cancel="cancel">
|
|
|
+ <div class="listing">
|
|
|
+ <div class="condition">
|
|
|
+ <a-button class="conditionBtn">{{selectedRow.deliverygoodsname}}</a-button>
|
|
|
+ <a-button class="conditionBtn">{{selectedRow.wrtypename}}</a-button>
|
|
|
+ <a-button class="conditionBtn">{{selectedRow.warehousename}}</a-button>
|
|
|
+ </div>
|
|
|
|
|
|
- <a-form class="inlineForm dialogForm" ref="formRef" :model="formState" :rules="rules">
|
|
|
- <div class="formBar">
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="挂牌方式" name="WRPriceType">
|
|
|
- <a-select
|
|
|
- class="inlineFormSelect"
|
|
|
- default-value="1"
|
|
|
- v-model:value="formState.WRPriceType"
|
|
|
- style="width: 140px"
|
|
|
- >
|
|
|
- <a-select-option :value="1">一口价</a-select-option>
|
|
|
- <a-select-option :value="2">浮动价</a-select-option>
|
|
|
- <a-select-option :value="3">贸易圈</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12" v-if="isFixed()">
|
|
|
- <a-form-item label="挂牌价" name="FixedPrice">
|
|
|
- <a-input-number
|
|
|
- class="dialogInput"
|
|
|
- :min="0"
|
|
|
- style="width: 140px"
|
|
|
- v-model:value="formState.FixedPrice"
|
|
|
- placeholder="请输入挂牌价"
|
|
|
- />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12" v-if="isBlocs()">
|
|
|
- <a-form-item label="挂牌价格" name="FixedPrice" class="inputIconBox">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 140px"
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.FixedPrice"
|
|
|
- />
|
|
|
- <a-checkbox class="commonCheckbox" v-model:checked="priceCheck">可议价</a-checkbox>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12" v-if="isFloat()">
|
|
|
- <a-form-item label="基差" name="PriceMove">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- v-model:value="formState.PriceMove"
|
|
|
- style="width: 140px"
|
|
|
- />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="挂牌数量" class="inputIconBox" name="OrderQty">
|
|
|
- <a-input-number
|
|
|
- class="dialogInput"
|
|
|
- style="width: 140px !important"
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- placeholder="请输入挂牌数量"
|
|
|
- />
|
|
|
- <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
- <a-checkbox
|
|
|
- class="commonCheckbox"
|
|
|
- v-if="isBlocs()"
|
|
|
- v-model:checked="numCheck"
|
|
|
- >整单</a-checkbox>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12" v-if="!numCheck">
|
|
|
- <a-form-item label="起摘数量" class="relative" name="DelistMinQty">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.DelistMinQty"
|
|
|
- style="width: 140px !important"
|
|
|
- />
|
|
|
- <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
- <div class="tip">
|
|
|
- <span>最小单位：</span>
|
|
|
- <span>{{selectedRow.minivalue}}{{selectedRow.enumdicname}}</span>
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12" class="mt-20">
|
|
|
- <a-form-item>
|
|
|
- <a-slider
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- ::min="0"
|
|
|
- :max="selectedRow.enableqty"
|
|
|
- class="formSlider"
|
|
|
- style="width: 140px;"
|
|
|
- />
|
|
|
- <div class="unit">
|
|
|
- <span>0</span>
|
|
|
- <span>{{selectedRow.enableqty}}{{selectedRow.enumdicname}}</span>
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12"> </a-col>
|
|
|
- </a-row>
|
|
|
- <template v-if="isBlocs()">
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="履约保证金" name="margin">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- v-model:value="formState.margin"
|
|
|
- :min="0"
|
|
|
- style="width: 140px"
|
|
|
- />
|
|
|
- <span class="input-enumdicname">%</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="挂牌有效期" name="vidaliteTime" class="inputIconBox">
|
|
|
- <a-date-picker
|
|
|
- style="width: 140px"
|
|
|
- v-model:value="formState.vidaliteTime"
|
|
|
- :allowClear="false"
|
|
|
- class="commonDatePicker dialogDatePicker"
|
|
|
- />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="履约方式" class="inputIconBox">
|
|
|
- <span
|
|
|
- :class="['clickBox', formState.permanceTempName ? 'white' : '']"
|
|
|
- style="width: 140px"
|
|
|
- @click="openPermance"
|
|
|
- >{{formState.permanceTempName ? formState.permanceTempName : '选择履约模板'}}</span>
|
|
|
- <svg
|
|
|
- class="icon svg-icon"
|
|
|
- aria-hidden="true"
|
|
|
- @click="openPermance"
|
|
|
- >
|
|
|
- <use xlink:href="#icon-moban" />
|
|
|
- </svg>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="指定朋友" class="inputIconBox">
|
|
|
- <span
|
|
|
- :class="['clickBox', getFriendLength() ? 'white' : '']"
|
|
|
- style="width: 140px"
|
|
|
- @click="openFriend"
|
|
|
- >{{getFriendLength() ? `已选${getFriendLength() }人` : '选择朋友'}}</span>
|
|
|
- <svg
|
|
|
- class="icon svg-icon"
|
|
|
- aria-hidden="true"
|
|
|
- @click="openFriend"
|
|
|
- >
|
|
|
- <use xlink:href="#icon-pengyou1" />
|
|
|
- </svg>
|
|
|
- <a-checkbox
|
|
|
- class="commonCheckbox"
|
|
|
- v-model:checked="friendCheck"
|
|
|
- @change="limiteFriends"
|
|
|
- >不限</a-checkbox>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </template>
|
|
|
- <a-row :gutter="24" v-if="isFloat()">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="行情商品" name="goodsid">
|
|
|
- <!-- <a-select class="inlineFormSelect"
|
|
|
+ <a-form class="inlineForm dialogForm"
|
|
|
+ ref="formRef"
|
|
|
+ :model="formState"
|
|
|
+ :rules="rules">
|
|
|
+ <div class="formBar">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="挂牌方式"
|
|
|
+ name="WRPriceType">
|
|
|
+ <a-select class="inlineFormSelect"
|
|
|
+ default-value="1"
|
|
|
+ v-model:value="formState.WRPriceType"
|
|
|
+ style="width: 140px">
|
|
|
+ <a-select-option :value="1">一口价</a-select-option>
|
|
|
+ <a-select-option :value="2">浮动价</a-select-option>
|
|
|
+ <a-select-option :value="3">贸易圈</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"
|
|
|
+ v-if="isFixed()">
|
|
|
+ <a-form-item label="挂牌价"
|
|
|
+ name="FixedPrice">
|
|
|
+ <a-input-number class="dialogInput"
|
|
|
+ :min="0"
|
|
|
+ style="width: 140px"
|
|
|
+ v-model:value="formState.FixedPrice"
|
|
|
+ placeholder="请输入挂牌价" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"
|
|
|
+ v-if="isBlocs()">
|
|
|
+ <a-form-item label="挂牌价格"
|
|
|
+ name="FixedPrice"
|
|
|
+ class="inputIconBox">
|
|
|
+ <a-input-number class="commonInput"
|
|
|
+ style="width: 140px"
|
|
|
+ :min="0"
|
|
|
+ v-model:value="formState.FixedPrice" />
|
|
|
+ <a-checkbox class="commonCheckbox"
|
|
|
+ v-model:checked="priceCheck">可议价</a-checkbox>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"
|
|
|
+ v-if="isFloat()">
|
|
|
+ <a-form-item label="基差"
|
|
|
+ name="PriceMove">
|
|
|
+ <a-input-number class="commonInput"
|
|
|
+ v-model:value="formState.PriceMove"
|
|
|
+ style="width: 140px" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="挂牌数量"
|
|
|
+ class="inputIconBox"
|
|
|
+ name="OrderQty">
|
|
|
+ <a-input-number class="dialogInput"
|
|
|
+ style="width: 140px !important"
|
|
|
+ :min="0"
|
|
|
+ v-model:value="formState.OrderQty"
|
|
|
+ placeholder="请输入挂牌数量" />
|
|
|
+ <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
+ <a-checkbox class="commonCheckbox"
|
|
|
+ v-if="isBlocs()"
|
|
|
+ v-model:checked="numCheck">整单</a-checkbox>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"
|
|
|
+ v-if="!numCheck">
|
|
|
+ <a-form-item label="起摘数量"
|
|
|
+ class="relative"
|
|
|
+ name="DelistMinQty">
|
|
|
+ <a-input-number class="commonInput"
|
|
|
+ :min="0"
|
|
|
+ v-model:value="formState.DelistMinQty"
|
|
|
+ style="width: 140px !important" />
|
|
|
+ <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
+ <div class="tip">
|
|
|
+ <span>最小单位：</span>
|
|
|
+ <span>{{selectedRow.minivalue}}{{selectedRow.enumdicname}}</span>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12"
|
|
|
+ class="mt-20">
|
|
|
+ <a-form-item>
|
|
|
+ <a-slider v-model:value="formState.OrderQty"
|
|
|
+ :min="0"
|
|
|
+ :max="selectedRow.enableqty"
|
|
|
+ class="formSlider"
|
|
|
+ style="width: 140px;" />
|
|
|
+ <div class="unit">
|
|
|
+ <span>0</span>
|
|
|
+ <span>{{selectedRow.enableqty}}{{selectedRow.enumdicname}}</span>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"> </a-col>
|
|
|
+ </a-row>
|
|
|
+ <template v-if="isBlocs()">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="履约保证金"
|
|
|
+ name="margin">
|
|
|
+ <a-input-number class="commonInput"
|
|
|
+ v-model:value="formState.margin"
|
|
|
+ :min="0"
|
|
|
+ style="width: 140px" />
|
|
|
+ <span class="input-enumdicname">%</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="挂牌有效期"
|
|
|
+ name="vidaliteTime"
|
|
|
+ class="inputIconBox">
|
|
|
+ <a-date-picker style="width: 140px"
|
|
|
+ v-model:value="formState.vidaliteTime"
|
|
|
+ :allowClear="false"
|
|
|
+ class="commonDatePicker dialogDatePicker" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="履约方式"
|
|
|
+ class="inputIconBox">
|
|
|
+ <span :class="['clickBox', formState.permanceTempName ? 'white' : '']"
|
|
|
+ style="width: 140px"
|
|
|
+ @click="openPermance">{{formState.permanceTempName ? formState.permanceTempName : '选择履约模板'}}</span>
|
|
|
+ <svg class="icon svg-icon"
|
|
|
+ aria-hidden="true"
|
|
|
+ @click="openPermance">
|
|
|
+ <use xlink:href="#icon-moban" />
|
|
|
+ </svg>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="指定朋友"
|
|
|
+ class="inputIconBox">
|
|
|
+ <span :class="['clickBox', getFriendLength() ? 'white' : '']"
|
|
|
+ style="width: 140px"
|
|
|
+ @click="openFriend">{{getFriendLength() ? `已选${getFriendLength() }人` : '选择朋友'}}</span>
|
|
|
+ <svg class="icon svg-icon"
|
|
|
+ aria-hidden="true"
|
|
|
+ @click="openFriend">
|
|
|
+ <use xlink:href="#icon-pengyou1" />
|
|
|
+ </svg>
|
|
|
+ <a-checkbox class="commonCheckbox"
|
|
|
+ v-model:checked="friendCheck"
|
|
|
+ @change="limiteFriends">不限</a-checkbox>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </template>
|
|
|
+ <a-row :gutter="24"
|
|
|
+ v-if="isFloat()">
|
|
|
+ <a-col :span="24">
|
|
|
+ <a-form-item label="行情商品"
|
|
|
+ name="goodsid">
|
|
|
+ <!-- <a-select class="inlineFormSelect"
|
|
|
style="width: 135px"
|
|
|
placeholder="请择交易所">
|
|
|
</a-select>-->
|
|
|
- <a-select
|
|
|
- class="inlineFormSelect ml5"
|
|
|
- @change="handleGoodsGroups"
|
|
|
- style="width: 135px"
|
|
|
- v-model:value="formState.goodsgroupid"
|
|
|
- placeholder="请选择商品"
|
|
|
- >
|
|
|
- <a-select-option
|
|
|
- v-for="item in goodsGroup"
|
|
|
- :value="item.goodsgroupid"
|
|
|
- :key="item.goodsgroupid"
|
|
|
- >{{item.goodsgroupname}}</a-select-option>
|
|
|
- </a-select>
|
|
|
- <a-select
|
|
|
- class="inlineFormSelect ml5"
|
|
|
- style="width: 135px"
|
|
|
- @change="handleGoodsChange"
|
|
|
- v-model:value="formState.goodsid"
|
|
|
- placeholder="请选择合约"
|
|
|
- >
|
|
|
- <a-select-option
|
|
|
- v-for="item in goodsList"
|
|
|
- :value="item.goodsid"
|
|
|
- :key="item.goodsid"
|
|
|
- >{{item.goodsname}}</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24" v-if="isFloat()" class="relative">
|
|
|
- <a-form-item :label="'估算金额'">
|
|
|
- <span class="white ml8">{{getWrMoney()}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="isFixed()" class="relative">
|
|
|
- <a-form-item :label="'挂牌金额'">
|
|
|
- <span class="white ml8">{{getWrMoney()}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="isBlocs()" class="relative">
|
|
|
- <a-form-item :label="'挂牌金额'">
|
|
|
- <span class="white ml8">{{getMoney()}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="getWrMargin() && !isBlocs()">
|
|
|
- <a-form-item :label="getWrMargin() ? '履约保证金' : ''">
|
|
|
- <span class="white ml8">{{getWrMargin()}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="isBlocs()">
|
|
|
- <a-form-item label="履约保证金">
|
|
|
- <span class="white ml8">{{getMargin()}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="可用资金">
|
|
|
- <span class="white ml8">{{getCanUseMoney(handleSelectedAccount())}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </div>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24" class="fixedBtns">
|
|
|
- <a-form-item class="btnCenter">
|
|
|
- <a-button
|
|
|
- class="listedBtn"
|
|
|
- :loading="loading"
|
|
|
- :disabled="loading"
|
|
|
- @click="submit"
|
|
|
- >卖出</a-button>
|
|
|
- <a-button
|
|
|
- class="ml10 cancelBtn"
|
|
|
- :loading="loading"
|
|
|
- :disabled="loading"
|
|
|
- @click="cancel"
|
|
|
- >取消</a-button>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
+ <a-select class="inlineFormSelect ml5"
|
|
|
+ @change="handleGoodsGroups"
|
|
|
+ style="width: 135px"
|
|
|
+ v-model:value="formState.goodsgroupid"
|
|
|
+ placeholder="请选择商品">
|
|
|
+ <a-select-option v-for="item in goodsGroup"
|
|
|
+ :value="item.goodsgroupid"
|
|
|
+ :key="item.goodsgroupid">{{item.goodsgroupname}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <a-select class="inlineFormSelect ml5"
|
|
|
+ style="width: 135px"
|
|
|
+ @change="handleGoodsChange"
|
|
|
+ v-model:value="formState.goodsid"
|
|
|
+ placeholder="请选择合约">
|
|
|
+ <a-select-option v-for="item in goodsList"
|
|
|
+ :value="item.goodsid"
|
|
|
+ :key="item.goodsid">{{item.goodsname}}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="24"
|
|
|
+ v-if="isFloat()"
|
|
|
+ class="relative">
|
|
|
+ <a-form-item :label="'估算价'">
|
|
|
+ <span class="white ml8">{{getPrice()}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="24"
|
|
|
+ v-if="isFloat()"
|
|
|
+ class="relative">
|
|
|
+ <a-form-item :label="'估算金额'">
|
|
|
+ <span class="white ml8">{{getWrMoney()}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24"
|
|
|
+ v-if="isFixed()"
|
|
|
+ class="relative">
|
|
|
+ <a-form-item :label="'挂牌金额'">
|
|
|
+ <span class="white ml8">{{getWrMoney()}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24"
|
|
|
+ v-if="isBlocs()"
|
|
|
+ class="relative">
|
|
|
+ <a-form-item :label="'挂牌金额'">
|
|
|
+ <span class="white ml8">{{getMoney()}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24"
|
|
|
+ v-if="getWrMargin() && !isBlocs()">
|
|
|
+ <a-form-item :label="getWrMargin() ? '履约保证金' : ''">
|
|
|
+ <span class="white ml8">{{getWrMargin()}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24"
|
|
|
+ v-if="isBlocs()">
|
|
|
+ <a-form-item label="履约保证金">
|
|
|
+ <span class="white ml8">{{getMargin()}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24">
|
|
|
+ <a-form-item label="可用资金">
|
|
|
+ <span class="white ml8">{{getCanUseMoney(handleSelectedAccount())}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</div>
|
|
|
- </Drawer>
|
|
|
- <!-- 选择朋友 -->
|
|
|
- <Friend
|
|
|
- v-if="showFriend"
|
|
|
- :friends="formState.friends"
|
|
|
- :position="'bottom'"
|
|
|
- @cancel="chooseFriend"
|
|
|
- @update="chooseFriend"
|
|
|
- />
|
|
|
- <!-- 选择履约模板 -->
|
|
|
- <Permance
|
|
|
- v-if="showPermance"
|
|
|
- :position="'bottom'"
|
|
|
- @cancel="choosePermance"
|
|
|
- @update="choosePermance"
|
|
|
- />
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="24"
|
|
|
+ class="fixedBtns">
|
|
|
+ <a-form-item class="btnCenter">
|
|
|
+ <a-button class="listedBtn"
|
|
|
+ :loading="loading"
|
|
|
+ :disabled="loading"
|
|
|
+ @click="submit">卖出</a-button>
|
|
|
+ <a-button class="ml10 cancelBtn"
|
|
|
+ :loading="loading"
|
|
|
+ :disabled="loading"
|
|
|
+ @click="cancel">取消</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ </Drawer>
|
|
|
+ <!-- 选择朋友 -->
|
|
|
+ <Friend v-if="showFriend"
|
|
|
+ :friends="formState.friends"
|
|
|
+ :position="'bottom'"
|
|
|
+ @cancel="chooseFriend"
|
|
|
+ @update="chooseFriend" />
|
|
|
+ <!-- 选择履约模板 -->
|
|
|
+ <Permance v-if="showPermance"
|
|
|
+ :position="'bottom'"
|
|
|
+ @cancel="choosePermance"
|
|
|
+ @update="choosePermance" />
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, onMounted, PropType, ref } from 'vue';
|
|
|
-import { enumOrderComponents } from '@/common/constants/enumOrderComponents';
|
|
|
import Drawer from '@/common/components/drawer/index.vue';
|
|
|
-import { WrHoldLB } from '@/services/go/wrtrade/interface';
|
|
|
-import { getInTaAccount, getUserId } from '@/services/bus/account';
|
|
|
-import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
|
-import { hdWROrder } from '@/services/proto/warehousetrade';
|
|
|
-import { v4 } from 'uuid';
|
|
|
-import moment from 'moment';
|
|
|
+import Friend from '@/common/components/friends/index.vue';
|
|
|
+import Permance from '@/common/components/permanceTemp/choosePermancePlanTmp.vue';
|
|
|
+import { BuyOrSell } from '@/common/constants/enumCommon';
|
|
|
import { ModalEnum } from '@/common/constants/modalNameEnum';
|
|
|
-import { _closeModal } from '@/common/setup/modal/modal';
|
|
|
-import { handleGoods, handleForm, handleNumAndPrice } from './setup';
|
|
|
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
|
import { validateAction } from '@/common/setup/form';
|
|
|
-import { ListingForm } from './interface';
|
|
|
+import { _closeModal } from '@/common/setup/modal/modal';
|
|
|
+import { useBlocksAccount, useBlocksFriends, useBlocksMoney, useBlocksNumber, useBlocksPermaceTemp, useBlocksPrice } from '@/common/setup/warehouse_receipt_trade/listing';
|
|
|
+import { getCanUseMoney, getInTaAccount, getUserId } from '@/services/bus/account';
|
|
|
import { getMarketRunByTradeMode } from '@/services/bus/market';
|
|
|
-import { message } from 'ant-design-vue';
|
|
|
+import { WrHoldLB } from '@/services/go/wrtrade/interface';
|
|
|
+import { hdWROrder } from '@/services/proto/warehousetrade';
|
|
|
import { WRGoodsInfo } from '@/services/proto/warehousetrade/interface';
|
|
|
-import { BuyOrSell } from '@/common/constants/enumCommon';
|
|
|
-import Bus from '@/utils/eventBus/index';
|
|
|
import { addSubscribeQuotation, removeSubscribeQuotation } from '@/services/socket/quota';
|
|
|
-import { getCanUseMoney } from '@/services/bus/account';
|
|
|
-
|
|
|
-import Friend from '@/common/components/friends/index.vue';
|
|
|
-import Permance from '@/common/components/permanceTemp/choosePermancePlanTmp.vue';
|
|
|
-import { useBlocksPrice, useBlocksNumber, useBlocksAccount, useBlocksMoney, useBlocksFriends, useBlocksPermaceTemp } from '@/common/setup/warehouse_receipt_trade/listing';
|
|
|
+import Bus from '@/utils/eventBus/index';
|
|
|
+import { getGoodsPrice } from '@/views/market/spot_trade/components/buy-sell-market/setup';
|
|
|
+import { message } from 'ant-design-vue';
|
|
|
+import moment from 'moment';
|
|
|
+import { v4 } from 'uuid';
|
|
|
+import { defineComponent, onMounted, PropType, ref } from 'vue';
|
|
|
+import { ListingForm } from './interface';
|
|
|
+import { handleForm, handleGoods, handleNumAndPrice } from './setup';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: ModalEnum.spot_warrant_spot_details_listed,
|
|
|
@@ -353,7 +347,16 @@ export default defineComponent({
|
|
|
addSubscribeQuotation(uuid, arr);
|
|
|
formRef.value.validate();
|
|
|
}
|
|
|
-
|
|
|
+ // 估算价
|
|
|
+ function getPrice() {
|
|
|
+ let result = '--';
|
|
|
+ const goodsPrice = getGoodsPrice();
|
|
|
+ if (goodsPrice.value && goodsPrice.value !== '--') {
|
|
|
+ // 有实时行情价格
|
|
|
+ result = ((goodsPrice.value as number) + formState.PriceMove).toFixed(2);
|
|
|
+ }
|
|
|
+ return result;
|
|
|
+ }
|
|
|
onMounted(() => {
|
|
|
removeSubscribeQuotation(uuid);
|
|
|
});
|
|
|
@@ -485,6 +488,7 @@ export default defineComponent({
|
|
|
openFriend,
|
|
|
getFriendLength,
|
|
|
limiteFriends,
|
|
|
+ getPrice,
|
|
|
};
|
|
|
},
|
|
|
});
|
