|
|
@@ -1,178 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
- <meta name="viewport" content="width=<div>
|
|
|
- <Drawer
|
|
|
- :title="isBuy() ? '挂牌求购' : '挂牌卖出'"
|
|
|
- :placement="'right'"
|
|
|
- :visible="visible"
|
|
|
- :mask="false"
|
|
|
- @cancel="cancel"
|
|
|
- class="top"
|
|
|
- >
|
|
|
- <div class="title_right">
|
|
|
- <span class="tline"></span>
|
|
|
- <svg class="icon svg-icon" aria-hidden="true">
|
|
|
- <use xlink:href="#icon-B" />
|
|
|
- </svg>
|
|
|
- <span @click="changeDirection">{{ isBuy() ? '卖出' : '求购' }}</span>
|
|
|
- </div>
|
|
|
- <template v-slot:titleLeft>
|
|
|
- <div class="collapse-close" @click="showChartAction">
|
|
|
- <LineChartOutlined />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <div class="post_buying">
|
|
|
- <a-form
|
|
|
- class="inlineForm dialogForm"
|
|
|
- ref="formRef"
|
|
|
- :model="formState"
|
|
|
- :rules="rules"
|
|
|
- >
|
|
|
- <div class="formBar">
|
|
|
- <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-col :span="24">
|
|
|
- <a-form-item label="价格类型" name>
|
|
|
- <a-radio-group
|
|
|
- class="commonRadioGroup"
|
|
|
- v-model:value="formState.priceType"
|
|
|
- >
|
|
|
- <a-radio :value="2">固定价</a-radio>
|
|
|
- <!-- 掉期交易商有固定价和浮动价选择 -->
|
|
|
- <!-- 普通交易商只有固定价 -->
|
|
|
- <a-radio :value="3" v-if="!useUserType()">浮动价</a-radio>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="!isFloat()">
|
|
|
- <a-form-item label="挂牌价格" name="FixedPrice" class="inputIconBox">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 260px"
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.FixedPrice"
|
|
|
- />
|
|
|
- <MinusOutlined @click="decreasePrice" />
|
|
|
- <PlusOutlined @click="increasePrice" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-else>
|
|
|
- <a-form-item label="点差" name="PriceMove">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 260px"
|
|
|
- v-model:value="formState.PriceMove"
|
|
|
- />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="isFloat()">
|
|
|
- <a-form-item label="估算价">
|
|
|
- <span class="white">{{ getPrice() }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
-
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="挂牌数量" name="OrderQty" class="inputIconBox">
|
|
|
- <a-input-number
|
|
|
- class="commonInput"
|
|
|
- style="width: 260px"
|
|
|
- :min="0"
|
|
|
- :max="getMaxNum()"
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- />
|
|
|
- <MinusOutlined @click="decreaseNum" />
|
|
|
- <PlusOutlined @click="increaseNum" />
|
|
|
- <span class="input-enumdicname">{{ selected.enumdicname }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" class="mt-10">
|
|
|
- <a-form-item>
|
|
|
- <a-slider
|
|
|
- :min="0"
|
|
|
- v-model:value="formState.OrderQty"
|
|
|
- :max="getMaxNum()"
|
|
|
- class="formSlider"
|
|
|
- />
|
|
|
- <div class="unit">
|
|
|
- <span>{{ getMaxNum() ? selected.minivalue : 0 }}</span>
|
|
|
- <span>{{ getMaxNum() }}{{ selected.enumdicname }}</span>
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" class="relative mt20">
|
|
|
- <a-form-item :label="'挂牌金额'">
|
|
|
- <span class="white ml8">{{ getMoney() }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24" v-if="getMargin()">
|
|
|
- <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">{{ canUseMoney() }}</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"
|
|
|
- >{{ isBuy() ? '买入' : '卖出' }}</a-button>
|
|
|
- <a-button class="ml10 cancelBtn" @click="cancel">取消</a-button>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- </Drawer>
|
|
|
- <div class="post_buying_chart">
|
|
|
- <div class="buying_chart__nav">
|
|
|
- <div class="content content--left">{{ selectedRow.goodscode }}</div>
|
|
|
- <div class="content content--right">{{ selectedRow.goodsname }}</div>
|
|
|
- </div>
|
|
|
- <div class="chart-tips__last">
|
|
|
- <div
|
|
|
- :class="['content content--left', handleQuotePriceColor(selectedRow.last, selectedRow.presettle)]"
|
|
|
- >{{ handleNoneValue(selectedRow.last) }}</div>
|
|
|
- <div class="content content--right">
|
|
|
- <span
|
|
|
- :class="handleQuotePriceColor(selectedRow.last, selectedRow.presettle)"
|
|
|
- >{{ quoteChange(selectedRow) }}</span>
|
|
|
- <span
|
|
|
- :class="handleQuotePriceColor(selectedRow.last, selectedRow.presettle)"
|
|
|
- >{{ quoteAmplitude(selectedRow) }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>, initial-scale=1.0">
|
|
|
- <title>Document</title>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
-
|
|
|
-</body>
|
|
|
-</html>
|
huangbin