|
|
@@ -0,0 +1,146 @@
|
|
|
+<template>
|
|
|
+ <Drawer :title="'充值'"
|
|
|
+ :placement="'right'"
|
|
|
+ :visible="visible"
|
|
|
+ class="delistingBottom"
|
|
|
+ @cancel="cancel">
|
|
|
+ <div class="listed">
|
|
|
+ <a-form class="inlineForm dialogForm"
|
|
|
+ ref="formRef"
|
|
|
+ :model="formState"
|
|
|
+ :rules="rules">
|
|
|
+ <div class="formBar">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="充值金额"
|
|
|
+ name="price">
|
|
|
+ <a-input-number class="commonInput"
|
|
|
+ v-model:value="formState.price"
|
|
|
+ style="width: 100%" />
|
|
|
+ </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">提交
|
|
|
+ </a-button>
|
|
|
+ <a-button key="submit"
|
|
|
+ class="cancelBtn"
|
|
|
+ @click="cancel">取消</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ </Drawer>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts">
|
|
|
+import { defineComponent, PropType, ref } from 'vue';
|
|
|
+import Drawer from '@/common/components/drawer/index.vue';
|
|
|
+import { WrPerformancePlan, WrPosition } from '@/services/go/wrtrade/interface';
|
|
|
+import { ModalEnum } from '@/common/constants/modalNameEnum';
|
|
|
+import { _closeModal } from '@/common/setup/modal/modal';
|
|
|
+import { handleForm } from './setup';
|
|
|
+import { validateAction } from '@/common/setup/form';
|
|
|
+import { FormState } from './interface';
|
|
|
+import UploadImg from '@/common/components/uploadImg/index.vue';
|
|
|
+import { getUploadImg } from '@/common/setup/upload';
|
|
|
+import { PerformanceContractedApplyReq, PerformanceDelayApplyReq } from '@/services/proto/performance/interface';
|
|
|
+import { getSelectedAccount, getSelectedAccountId, getUserId } from '@/services/bus/account';
|
|
|
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
|
+import { performanceContractedApply, performanceDelayApply } from '@/services/proto/performance';
|
|
|
+import { BuyOrSell, DelistingType, PriceType } from '@/common/constants/enumCommon';
|
|
|
+import Long from 'long';
|
|
|
+import { OrderReq } from '@/services/socket/order/interface';
|
|
|
+import { v4 as uuidv4 } from 'uuid';
|
|
|
+import moment from 'moment';
|
|
|
+import { geLoginID_number } from '@/services/bus/login';
|
|
|
+import { LongType } from '@/services/socket/login/interface';
|
|
|
+import { Order } from '@/services/socket/order';
|
|
|
+import { QueryTradePositionRsp } from '@/services/go/ermcp/order/interface';
|
|
|
+
|
|
|
+export default defineComponent({
|
|
|
+ name: ModalEnum.commodity_contract_summary_transfer,
|
|
|
+ components: { Drawer, UploadImg },
|
|
|
+ emits: ['cancel', 'update'],
|
|
|
+ props: {
|
|
|
+ selectedRow: {
|
|
|
+ type: Object as PropType<QueryTradePositionRsp>,
|
|
|
+ default: {},
|
|
|
+ },
|
|
|
+ tableList: {
|
|
|
+ type: Array as PropType<QueryTradePositionRsp[]>,
|
|
|
+ default: [],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ setup(props, context) {
|
|
|
+ const { visible, cancel } = _closeModal(context);
|
|
|
+ const loading = ref<boolean>(false);
|
|
|
+ const { rules, formState, formRef } = handleForm();
|
|
|
+ function submit() {
|
|
|
+ // 挂牌请求 通过合约汇总 挂牌转让
|
|
|
+ // validateAction<FormState>(formRef, formState).then((res) => {
|
|
|
+ // const param: OrderReq = {
|
|
|
+ // ClientSerialNo: uuidv4(), // 客户端流水号
|
|
|
+ // ClientOrderTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'), // 客户端委托时间
|
|
|
+ // ClientType: 4, // 终端类型
|
|
|
+ // LoginID: geLoginID_number()!, // 登陆账号
|
|
|
+ // AccountID: getSelectedAccountId(), // 交易账号
|
|
|
+ // GoodsID: res.goodsid, // 商品ID
|
|
|
+ // MarketID: getSelectedGoods().marketid, // 市场ID
|
|
|
+ // ValidType: 1, // 校验类型 当日有效
|
|
|
+ // OperateType: 1, // 操作类型: 申请
|
|
|
+ // OrderSrc: 1, // 单据来源: 客户端下单
|
|
|
+ // OrderPrice: res.price, // 委托价格 (需要填入)
|
|
|
+ // OperatorID: Number(geLoginID_number()),
|
|
|
+ // // MarketMaxSub: number // 市价允许最大偏差(做市)
|
|
|
+ // OrderQty: res.num, // 委托数量 (需要填入)
|
|
|
+ // BuyOrSell: 1, // 买卖方向 0 买 1 卖
|
|
|
+ // BuildType: 2, // 下单类型 1 建 2 平
|
|
|
+ // // CurtQuotePrice: 0, // 保留，计算冻结金额使用
|
|
|
+ // // SpPrice: 0 ,// 止盈价格
|
|
|
+ // // SlPrice: 0 , // 止损价格
|
|
|
+ // PriceMode: PriceType.limit, // 取价方式
|
|
|
+ // TimevalidType: 1, // 时间有效类型 单日有效
|
|
|
+ // TriggerType: 1, // 预埋单触发类型
|
|
|
+ // // TriggerPrice: number // 预埋单触发价格
|
|
|
+ // ListingSelectType: 1, // 挂牌点选类型 1：挂牌 2：摘牌 3：先摘后挂
|
|
|
+ // DelistingType: DelistingType.selected, // 摘牌类型 2:点选成交
|
|
|
+ // // RelatedID: number // 关联单号
|
|
|
+ // OptionType: 1, // 期权类型(1:认购(看涨)2:认沽(看跌))
|
|
|
+ // // Premium: number // 权利金
|
|
|
+ // // TriggerOperator: number // 触发条件(1:大于等于2:小于等于)
|
|
|
+ // // ServiceTime: string // 服务端时间
|
|
|
+ // // CouponTypeID: number // 优惠券类型ID(买方)
|
|
|
+ // // UsedQty: number // 使用数量
|
|
|
+ // // ValidTime: string // 指定有效日期
|
|
|
+ // // ReceiveInfoID: number // 收货地址ID
|
|
|
+ // OrderFlag: 1,
|
|
|
+ // };
|
|
|
+ // requestResultLoadingAndInfo(Order, param, loading, ['挂牌成功', '挂牌失败:']).then(() => {
|
|
|
+ // cancel(true);
|
|
|
+ // });
|
|
|
+ // });
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ visible,
|
|
|
+ cancel,
|
|
|
+ submit,
|
|
|
+ loading,
|
|
|
+ rules,
|
|
|
+ formState,
|
|
|
+ formRef,
|
|
|
+ };
|
|
|
+ },
|
|
|
+});
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+</style>;
|
huangbin