|
@@ -1,133 +1,133 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!-- 仓单贸易&仓单预售 买/卖 摘牌 -->
|
|
|
|
|
- <Drawer
|
|
|
|
|
- :title="'摘牌'"
|
|
|
|
|
- :placement="'top'"
|
|
|
|
|
- :visible="visible"
|
|
|
|
|
- width="486px"
|
|
|
|
|
- height="580px"
|
|
|
|
|
- @cancel="cancel"
|
|
|
|
|
- class="topHigh"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="delisting">
|
|
|
|
|
- <div class="formBar">
|
|
|
|
|
- <a-form
|
|
|
|
|
- class="inlineForm dialogForm"
|
|
|
|
|
- ref="formRef"
|
|
|
|
|
- :model="formState"
|
|
|
|
|
- :rules="rules"
|
|
|
|
|
- >
|
|
|
|
|
- <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>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24">
|
|
|
|
|
- <a-form-item label="挂牌方">
|
|
|
|
|
- <span class="white">{{selectedRow.username}}</span>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24">
|
|
|
|
|
- <a-form-item label="基差" v-if="isFloat()">
|
|
|
|
|
- <span class="yellow">{{selectedRow.pricemove}}</span>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- <a-form-item label="挂牌价格" v-if="!isFloat()">
|
|
|
|
|
- <span class="yellow">{{selectedRow.fixedprice}}</span>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24"></a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-form-item label="挂牌数量">
|
|
|
|
|
- <span
|
|
|
|
|
- class="white"
|
|
|
|
|
- >{{selectedRow.orderqty}}{{selectedRow.enumdicname}}</span>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24">
|
|
|
|
|
- <a-form-item label="摘牌数量" name="num" class="relative">
|
|
|
|
|
- <a-input-number
|
|
|
|
|
- class="dialogInput"
|
|
|
|
|
- style="width: 260px"
|
|
|
|
|
- :min="0"
|
|
|
|
|
- v-model:value="formState.num"
|
|
|
|
|
- :suffix="selectedRow.enumdicname"
|
|
|
|
|
- />
|
|
|
|
|
- <div class="labelTip">(10吨起)</div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24" class="mt-10">
|
|
|
|
|
- <a-form-item>
|
|
|
|
|
- <a-slider
|
|
|
|
|
- ::min="0"
|
|
|
|
|
- v-model:value="formState.num"
|
|
|
|
|
- :max="selectedRow.orderqty"
|
|
|
|
|
- class="formSlider"
|
|
|
|
|
- />
|
|
|
|
|
- <div class="unit">
|
|
|
|
|
- <span>1</span>
|
|
|
|
|
- <span>{{selectedRow.orderqty}}</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- <a-col :span="12"> </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24" class="mt-10">
|
|
|
|
|
- <a-form-item label="融资方案" name="case">
|
|
|
|
|
- <div class="way">
|
|
|
|
|
- <div class="left">铜供应链金融-铜杆帮你采-30天-10%-11%-按日结息-1天起息</div>
|
|
|
|
|
- <div class="right" @click="showAction">
|
|
|
|
|
- <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
- <use xlink:href="#icon-fangan" />
|
|
|
|
|
- </svg>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
|
|
+ <!-- 仓单贸易&仓单预售 买/卖 摘牌 -->
|
|
|
|
|
+ <Drawer :title="'摘牌'"
|
|
|
|
|
+ :placement="'top'"
|
|
|
|
|
+ :visible="visible"
|
|
|
|
|
+ width="486px"
|
|
|
|
|
+ height="580px"
|
|
|
|
|
+ @cancel="cancel"
|
|
|
|
|
+ class="topHigh">
|
|
|
|
|
+ <div class="delisting">
|
|
|
|
|
+ <div class="formBar">
|
|
|
|
|
+ <a-form class="inlineForm dialogForm"
|
|
|
|
|
+ ref="formRef"
|
|
|
|
|
+ :model="formState"
|
|
|
|
|
+ :rules="rules">
|
|
|
|
|
+ <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>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24">
|
|
|
|
|
+ <a-form-item label="挂牌方">
|
|
|
|
|
+ <span class="white">{{selectedRow.username}}</span>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24">
|
|
|
|
|
+ <a-form-item label="基差"
|
|
|
|
|
+ v-if="isFloat()">
|
|
|
|
|
+ <span class="yellow">{{selectedRow.pricemove}}</span>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ <a-form-item label="挂牌价格"
|
|
|
|
|
+ v-if="!isFloat()">
|
|
|
|
|
+ <span class="yellow">{{selectedRow.fixedprice}}</span>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24"></a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-form-item label="挂牌数量">
|
|
|
|
|
+ <span class="white">{{selectedRow.orderqty}}{{selectedRow.enumdicname}}</span>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24">
|
|
|
|
|
+ <a-form-item label="摘牌数量"
|
|
|
|
|
+ name="num"
|
|
|
|
|
+ class="relative">
|
|
|
|
|
+ <a-input-number class="dialogInput"
|
|
|
|
|
+ style="width: 260px"
|
|
|
|
|
+ :min="0"
|
|
|
|
|
+ v-model:value="formState.num"
|
|
|
|
|
+ :suffix="selectedRow.enumdicname" />
|
|
|
|
|
+ <div class="labelTip">(10吨起)</div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24"
|
|
|
|
|
+ class="mt-10">
|
|
|
|
|
+ <a-form-item>
|
|
|
|
|
+ <a-slider ::min="0"
|
|
|
|
|
+ v-model:value="formState.num"
|
|
|
|
|
+ :max="selectedRow.orderqty"
|
|
|
|
|
+ class="formSlider" />
|
|
|
|
|
+ <div class="unit">
|
|
|
|
|
+ <span>1</span>
|
|
|
|
|
+ <span>{{selectedRow.orderqty}}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ <a-col :span="12"> </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24"
|
|
|
|
|
+ class="mt-10">
|
|
|
|
|
+ <a-form-item label="融资方案"
|
|
|
|
|
+ name="case">
|
|
|
|
|
+ <div class="way">
|
|
|
|
|
+ <div class="left">铜供应链金融-铜杆帮你采-30天-10%-11%-按日结息-1天起息</div>
|
|
|
|
|
+ <div class="right"
|
|
|
|
|
+ @click="showAction">
|
|
|
|
|
+ <svg class="icon svg-icon"
|
|
|
|
|
+ aria-hidden="true">
|
|
|
|
|
+ <use xlink:href="#icon-fangan" />
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24">
|
|
|
|
|
- <a-form-item label="挂牌金额">
|
|
|
|
|
- <span class="white">--</span>
|
|
|
|
|
- <span class="need">(需履约保证金5040.00)</span>
|
|
|
|
|
- <div class="tip">可用资金:10000.00</div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24" class="mt25">
|
|
|
|
|
- <a-form-item class="tc">
|
|
|
|
|
- <a-button class="listedBtn" @click="submit">融资买入</a-button>
|
|
|
|
|
- <a-button class="ml10 cancelBtn" @click="cancel">取消</a-button>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- </a-form>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <ChooseFinance v-if="show" @cancel="showAction" />
|
|
|
|
|
- </Drawer>
|
|
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24">
|
|
|
|
|
+ <a-form-item label="挂牌金额">
|
|
|
|
|
+ <span class="white">--</span>
|
|
|
|
|
+ <span class="need">(需履约保证金5040.00)</span>
|
|
|
|
|
+ <div class="tip">可用资金:10000.00</div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24"
|
|
|
|
|
+ class="mt25">
|
|
|
|
|
+ <a-form-item class="tc">
|
|
|
|
|
+ <a-button class="listedBtn"
|
|
|
|
|
+ @click="submit">融资买入</a-button>
|
|
|
|
|
+ <a-button class="ml10 cancelBtn"
|
|
|
|
|
+ @click="cancel">取消</a-button>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ </a-form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </Drawer>
|
|
|
|
|
+ <ChooseFinance v-if="show"
|
|
|
|
|
+ @cancel="showAction" />
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|