|
|
@@ -23,116 +23,6 @@
|
|
|
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="挂牌价格">
|
|
|
- <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}}吨</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="现货仓单"
|
|
|
- name>
|
|
|
- <a-select class="inlineFormSelect"
|
|
|
- style="width: 260px"
|
|
|
- placeholder="请选择">
|
|
|
- <a-select-option value="8271930000-01(120吨)">8271930000-01(120吨)</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="摘牌数量"
|
|
|
- name="num">
|
|
|
- <a-input-number class="dialogInput"
|
|
|
- style="width: 260px"
|
|
|
- v-model:value="formState.num"
|
|
|
- suffix="吨" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24"
|
|
|
- class="mt-20">
|
|
|
- <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-20">
|
|
|
- <a-form-item label="挂牌金额">
|
|
|
- <span class="white">50400.00</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <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>
|
|
|
- <!-- 仓单贸易 一口价 摘牌 -->
|
|
|
- <Drawer :title="'摘牌'"
|
|
|
- :placement="'top'"
|
|
|
- :visible="visible"
|
|
|
- width="486px"
|
|
|
- height="479px"
|
|
|
- @cancel="cancel"
|
|
|
- class="top">
|
|
|
- <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>
|
|
|
@@ -165,21 +55,16 @@
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
- <a-row :gutter="24"
|
|
|
- v-if="isBuy() && !isSale()">
|
|
|
+
|
|
|
+ <a-row :gutter="24">
|
|
|
<a-col :span="24">
|
|
|
- <a-form-item label="现货仓单"
|
|
|
- name="LadingBillId">
|
|
|
- <a-select class="inlineFormSelect"
|
|
|
- style="width: 260px"
|
|
|
- v-model:value="formState.LadingBillId"
|
|
|
- placeholder="请选择">
|
|
|
- <a-select-option v-for="item in wrHoldList"
|
|
|
- :value="item.id"
|
|
|
- :key="item.id">
|
|
|
- {{item.name}}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
+ <a-form-item label="融资方案"
|
|
|
+ @click="showAction"
|
|
|
+ name="case">
|
|
|
+ <a-input class="dialogInput"
|
|
|
+ style="width: 260px"
|
|
|
+ placeholder="请"
|
|
|
+ v-model:value="formState.case" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
@@ -232,7 +117,10 @@
|
|
|
</a-form>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <ChooseFinance v-if="show"
|
|
|
+ @cancel="showAction" />
|
|
|
</Drawer>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -253,9 +141,10 @@ import { validateAction } from '@/common/setup/form';
|
|
|
import { ListingForm } from './interface';
|
|
|
import { BuyOrSell } from '@/common/constants/enumCommon';
|
|
|
import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
+import ChooseFinance from './components/choose-finance/index.vue';
|
|
|
export default defineComponent({
|
|
|
name: ModalEnum.spot_trade_warehouse_delisting,
|
|
|
- components: { Drawer, PlusOutlined, MinusOutlined },
|
|
|
+ components: { Drawer, PlusOutlined, MinusOutlined, ChooseFinance },
|
|
|
emits: ['cancel'],
|
|
|
props: {
|
|
|
enumName: {
|
|
|
@@ -287,6 +176,10 @@ export default defineComponent({
|
|
|
const { isSale, isBuy, isFloat } = handleIs(props.enumName, props.buyOrSell);
|
|
|
const { wrHoldList } = handleSpotWarrant(props.enumName, props.buyOrSell, props.parantSelectedRow, loading);
|
|
|
|
|
|
+ const show = ref<boolean>(false);
|
|
|
+ function showAction() {
|
|
|
+ show.value = !show.value;
|
|
|
+ }
|
|
|
function submit() {
|
|
|
// validateAction<ListingForm>(formRef, formState).then((res) => {
|
|
|
// // 首先确定 这是仓单贸易的有仓单挂摘牌 HasWr = 1
|
|
|
@@ -336,6 +229,8 @@ export default defineComponent({
|
|
|
rules,
|
|
|
formState,
|
|
|
formRef,
|
|
|
+ show,
|
|
|
+ showAction,
|
|
|
};
|
|
|
},
|
|
|
});
|
|
|
@@ -347,6 +242,7 @@ export default defineComponent({
|
|
|
height: 100%;
|
|
|
.flex;
|
|
|
flex-direction: column;
|
|
|
+ z-index: 10;
|
|
|
.condition {
|
|
|
width: 100%;
|
|
|
height: 48px;
|
huangbin