|
|
@@ -1,136 +1,140 @@
|
|
|
<template>
|
|
|
- <!-- 现货仓单 现货明细 挂牌 -->
|
|
|
- <Drawer :title="'挂牌'"
|
|
|
- :placement="'bottom'"
|
|
|
- :visible="visible"
|
|
|
- @cancel="cancel">
|
|
|
- <div class="listed">
|
|
|
- <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>
|
|
|
- <div class="formBar">
|
|
|
- <a-form class="inlineForm dialogForm"
|
|
|
- ref="formRef"
|
|
|
- :model="formState"
|
|
|
- :rules="rules">
|
|
|
- <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>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12"
|
|
|
- v-if="formState.WRPriceType === 1">
|
|
|
- <a-form-item label="挂牌价"
|
|
|
- name="FixedPrice">
|
|
|
- <a-input-number class="dialogInput"
|
|
|
- style="width: 140px"
|
|
|
- v-model:value="formState.FixedPrice"
|
|
|
- placeholder="请输入挂牌价" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12"
|
|
|
- v-if="formState.WRPriceType === 2">
|
|
|
- <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="挂牌数量"
|
|
|
- name="OrderQty">
|
|
|
- <a-input-number class="dialogInput"
|
|
|
- style="width: 140px"
|
|
|
- :suffix="selectedRow.enumdicname"
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- placeholder="请输入挂牌数量" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="起摘数量"
|
|
|
- class="relative">
|
|
|
- <a-input class="commonInput"
|
|
|
- :suffix="selectedRow.enumdicname"
|
|
|
- style="width: 140px" />
|
|
|
- <div class="tip">最小单位：1{{selectedRow.enumdicname}}</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" />
|
|
|
- <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>
|
|
|
- <a-row :gutter="24"
|
|
|
- v-if="formState.WRPriceType === 2">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="行情商品"
|
|
|
- name="goodsid">
|
|
|
- <!-- <a-select class="inlineFormSelect"
|
|
|
+ <!-- 现货仓单 现货明细 挂牌 -->
|
|
|
+ <Drawer :title="'挂牌'" :placement="'bottom'" :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>
|
|
|
+ <div class="formBar">
|
|
|
+ <a-form
|
|
|
+ class="inlineForm dialogForm"
|
|
|
+ ref="formRef"
|
|
|
+ :model="formState"
|
|
|
+ :rules="rules"
|
|
|
+ >
|
|
|
+ <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>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12" v-if="formState.WRPriceType === 1">
|
|
|
+ <a-form-item label="挂牌价" name="FixedPrice">
|
|
|
+ <a-input-number
|
|
|
+ class="dialogInput"
|
|
|
+ style="width: 140px"
|
|
|
+ v-model:value="formState.FixedPrice"
|
|
|
+ placeholder="请输入挂牌价"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12" v-if="formState.WRPriceType === 2">
|
|
|
+ <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="挂牌数量" name="OrderQty">
|
|
|
+ <a-input-number
|
|
|
+ class="dialogInput"
|
|
|
+ style="width: 140px"
|
|
|
+ :suffix="selectedRow.enumdicname"
|
|
|
+ v-model:value="formState.OrderQty"
|
|
|
+ placeholder="请输入挂牌数量"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="起摘数量" class="relative">
|
|
|
+ <a-input
|
|
|
+ class="commonInput"
|
|
|
+ :suffix="selectedRow.enumdicname"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ <div class="tip">最小单位：1{{selectedRow.enumdicname}}</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"
|
|
|
+ />
|
|
|
+ <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>
|
|
|
+ <a-row :gutter="24" v-if="formState.WRPriceType === 2">
|
|
|
+ <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="groupsChange"
|
|
|
- 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"
|
|
|
- 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"
|
|
|
- type="flex"
|
|
|
- justify="center">
|
|
|
- <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>
|
|
|
+ <a-select
|
|
|
+ class="inlineFormSelect ml5"
|
|
|
+ @change="groupsChange"
|
|
|
+ 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"
|
|
|
+ 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" type="flex" justify="center">
|
|
|
+ <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>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -255,7 +259,7 @@ export default defineComponent({
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.listed {
|
|
|
+.listing {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
.flex;
|
|
|
@@ -297,36 +301,6 @@ export default defineComponent({
|
|
|
.mt-20 {
|
|
|
margin-top: -20px;
|
|
|
}
|
|
|
-::v-deep.ant-slider.formSlider {
|
|
|
- width: 140px;
|
|
|
- // height: 3px;
|
|
|
- // .rounded-corners(2px);
|
|
|
- margin-left: 70px;
|
|
|
- .ant-slider-rail {
|
|
|
- margin-right: 0;
|
|
|
- padding-right: 0;
|
|
|
- height: 3px !important;
|
|
|
- border-radius: 2px !important;
|
|
|
- background-color: @m-blue14;
|
|
|
- // .ant-slider-track {
|
|
|
- // background: @m-grey14;
|
|
|
- // .rounded-corners(2px);
|
|
|
- // .ant-progress-bg {
|
|
|
-
|
|
|
- // }
|
|
|
- // }
|
|
|
- }
|
|
|
- .ant-slider-track {
|
|
|
- height: 3px;
|
|
|
- background-color: @m-blue0;
|
|
|
- }
|
|
|
- .ant-slider-step {
|
|
|
- height: 3px;
|
|
|
- }
|
|
|
- .ant-progress-text {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-}
|
|
|
.unit {
|
|
|
margin-left: 70px;
|
|
|
width: 140px;
|
marymelisa