|
@@ -1,95 +1,101 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!-- 挂单 -->
|
|
|
|
|
- <Drawer :title="'挂牌'" :placement="'bottom'" :visible="visible">
|
|
|
|
|
- <div class="listed">
|
|
|
|
|
- <div class="condition">
|
|
|
|
|
- <a-button class="conditionBtn">螺纹钢</a-button>
|
|
|
|
|
- <a-button class="conditionBtn">12mm-江铜</a-button>
|
|
|
|
|
- <!-- <a-button class="conditionBtn">江铜</a-button> -->
|
|
|
|
|
- <a-button class="conditionBtn">华南仓库</a-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="formBar">
|
|
|
|
|
- <a-form class="inlineForm dialogForm" :form="form" @submit="handleSearch">
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="12">
|
|
|
|
|
- <a-form-item label="挂牌方式">
|
|
|
|
|
- <a-select
|
|
|
|
|
- class="inlineFormSelect"
|
|
|
|
|
- default-value="1"
|
|
|
|
|
- style="width: 140px"
|
|
|
|
|
- >
|
|
|
|
|
- <a-select-option value="1">一口价</a-select-option>
|
|
|
|
|
- <a-select-option value="2">一口价2</a-select-option>
|
|
|
|
|
- </a-select>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- <a-col :span="12">
|
|
|
|
|
- <a-form-item label="挂牌价">
|
|
|
|
|
- <a-input class="commonInput" style="width: 140px" />
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="12">
|
|
|
|
|
- <a-form-item label="挂牌数量">
|
|
|
|
|
- <a-input class="commonInput" suffix="吨" style="width: 140px" />
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- <a-col :span="12">
|
|
|
|
|
- <a-form-item label="起摘数量" class="relative">
|
|
|
|
|
- <a-input class="commonInput" suffix="吨" style="width: 140px" />
|
|
|
|
|
- <div class="tip">最小单位:1吨</div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="12" class="mt-20">
|
|
|
|
|
- <a-form-item>
|
|
|
|
|
- <a-progress class="formProgress" :percent="30" />
|
|
|
|
|
- <div class="unit">
|
|
|
|
|
- <span>0</span>
|
|
|
|
|
- <span>300吨</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- <a-col :span="12"> </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- <a-row :gutter="24">
|
|
|
|
|
- <a-col :span="24">
|
|
|
|
|
- <a-form-item label="行情商品">
|
|
|
|
|
- <a-select
|
|
|
|
|
- class="inlineFormSelect"
|
|
|
|
|
- style="width: 135px"
|
|
|
|
|
- placeholder="请选择交易所"
|
|
|
|
|
- >
|
|
|
|
|
- <!-- <a-select-option value="1">一口价</a-select-option>
|
|
|
|
|
|
|
+ <!-- 挂单 -->
|
|
|
|
|
+ <Drawer :title="'挂牌'"
|
|
|
|
|
+ :placement="'bottom'"
|
|
|
|
|
+ :visible="visible">
|
|
|
|
|
+ <div class="listed">
|
|
|
|
|
+ <div class="condition">
|
|
|
|
|
+ <a-button class="conditionBtn">螺纹钢</a-button>
|
|
|
|
|
+ <a-button class="conditionBtn">12mm-江铜</a-button>
|
|
|
|
|
+ <!-- <a-button class="conditionBtn">江铜</a-button> -->
|
|
|
|
|
+ <a-button class="conditionBtn">华南仓库</a-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="formBar">
|
|
|
|
|
+ <a-form class="inlineForm dialogForm"
|
|
|
|
|
+ :form="form"
|
|
|
|
|
+ @submit="handleSearch">
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="12">
|
|
|
|
|
+ <a-form-item label="挂牌方式">
|
|
|
|
|
+ <a-select class="inlineFormSelect"
|
|
|
|
|
+ default-value="1"
|
|
|
|
|
+ style="width: 140px">
|
|
|
|
|
+ <a-select-option value="1">一口价</a-select-option>
|
|
|
|
|
+ <a-select-option value="2">一口价2</a-select-option>
|
|
|
|
|
+ </a-select>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ <a-col :span="12">
|
|
|
|
|
+ <a-form-item label="挂牌价">
|
|
|
|
|
+ <a-input class="commonInput"
|
|
|
|
|
+ style="width: 140px" />
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="12">
|
|
|
|
|
+ <a-form-item label="挂牌数量">
|
|
|
|
|
+ <a-input class="commonInput"
|
|
|
|
|
+ suffix="吨"
|
|
|
|
|
+ style="width: 140px" />
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ <a-col :span="12">
|
|
|
|
|
+ <a-form-item label="起摘数量"
|
|
|
|
|
+ class="relative">
|
|
|
|
|
+ <a-input class="commonInput"
|
|
|
|
|
+ suffix="吨"
|
|
|
|
|
+ style="width: 140px" />
|
|
|
|
|
+ <div class="tip">最小单位:1吨</div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="12"
|
|
|
|
|
+ class="mt-20">
|
|
|
|
|
+ <a-form-item>
|
|
|
|
|
+ <a-progress class="formProgress"
|
|
|
|
|
+ :percent="30" />
|
|
|
|
|
+ <div class="unit">
|
|
|
|
|
+ <span>0</span>
|
|
|
|
|
+ <span>300吨</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ <a-col :span="12"> </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
|
+ <a-col :span="24">
|
|
|
|
|
+ <a-form-item label="行情商品">
|
|
|
|
|
+ <a-select class="inlineFormSelect"
|
|
|
|
|
+ style="width: 135px"
|
|
|
|
|
+ placeholder="请选择交易所">
|
|
|
|
|
+ <!-- <a-select-option value="1">一口价</a-select-option>
|
|
|
<a-select-option value="2">一口价2</a-select-option>-->
|
|
<a-select-option value="2">一口价2</a-select-option>-->
|
|
|
- </a-select>
|
|
|
|
|
- <a-select
|
|
|
|
|
- class="inlineFormSelect ml5"
|
|
|
|
|
- style="width: 135px"
|
|
|
|
|
- placeholder="请选择商品"
|
|
|
|
|
- ></a-select>
|
|
|
|
|
- <a-select
|
|
|
|
|
- class="inlineFormSelect ml5"
|
|
|
|
|
- style="width: 135px"
|
|
|
|
|
- placeholder="请选择合约"
|
|
|
|
|
- ></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">卖出</a-button>
|
|
|
|
|
- <a-button class="ml10 cancelBtn">取消</a-button>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- </a-form>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </Drawer>
|
|
|
|
|
|
|
+ </a-select>
|
|
|
|
|
+ <a-select class="inlineFormSelect ml5"
|
|
|
|
|
+ style="width: 135px"
|
|
|
|
|
+ placeholder="请选择商品"></a-select>
|
|
|
|
|
+ <a-select class="inlineFormSelect ml5"
|
|
|
|
|
+ style="width: 135px"
|
|
|
|
|
+ placeholder="请选择合约"></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">卖出</a-button>
|
|
|
|
|
+ <a-button class="ml10 cancelBtn">取消</a-button>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ </a-form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </Drawer>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
@@ -102,6 +108,7 @@ import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo
|
|
|
import { hdWROrder } from '@/services/proto/warehousetrade';
|
|
import { hdWROrder } from '@/services/proto/warehousetrade';
|
|
|
import { v4 as uuidv4 } from 'uuid';
|
|
import { v4 as uuidv4 } from 'uuid';
|
|
|
import moment from 'moment';
|
|
import moment from 'moment';
|
|
|
|
|
+import { BuyOrSell } from '@/common/constants/enumCommon';
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: enumOrderComponents.spot_warrant_pending_order,
|
|
name: enumOrderComponents.spot_warrant_pending_order,
|
|
@@ -144,7 +151,7 @@ export default defineComponent({
|
|
|
PerformanceTemplateID: 0, // 履约计划模板ID
|
|
PerformanceTemplateID: 0, // 履约计划模板ID
|
|
|
UserID: getUserId(),
|
|
UserID: getUserId(),
|
|
|
OperatorID: getUserId(), // 操作员账号ID
|
|
OperatorID: getUserId(), // 操作员账号ID
|
|
|
- BuyOrSell: 1, // 买卖方向 0买1卖
|
|
|
|
|
|
|
+ BuyOrSell: BuyOrSell.sell, // 买卖方向 0买1卖
|
|
|
PriceDisplayMode: 1, // 浮动价显示方式 1:合并显示 2:分开显示
|
|
PriceDisplayMode: 1, // 浮动价显示方式 1:合并显示 2:分开显示
|
|
|
CanBargain: 0, // 挂牌是否可议价0:不可1:可-摘牌是否议价
|
|
CanBargain: 0, // 挂牌是否可议价0:不可1:可-摘牌是否议价
|
|
|
Attachment1: '', // 附件1
|
|
Attachment1: '', // 附件1
|