From f437ecdf2306e105340777b7233e147782f78d87 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Mon, 28 Apr 2025 14:38:01 +0800
Subject: [PATCH] feat:新加挂单，撤销挂单
---
src/page/user/transfer.vue | 93 +++++++++++++++++++++++++++++++++-------------
1 files changed, 66 insertions(+), 27 deletions(-)
diff --git a/src/page/user/transfer.vue b/src/page/user/transfer.vue
index 545b6d3..6c4bc6b 100644
--- a/src/page/user/transfer.vue
+++ b/src/page/user/transfer.vue
@@ -1,15 +1,23 @@
<template>
<div class="wrapper">
- <div class="header">
- <mt-header title="账户资金互转">
+ <!-- <div class="header">
+ <mt-header :title="$t('账户资金互转')">
<router-link to="/user" slot="left">
- <!-- <mt-button icon="back">我的</mt-button> -->
+ <mt-button icon="back"></mt-button>
</router-link>
</mt-header>
- </div>
+ </div> -->
+ <van-nav-bar
+ :placeholder="true"
+ :safe-area-inset-top="true"
+ :title="$t('账户资金互转')"
+ left-arrow
+ @click-left="onClickLeft"
+ >
+ </van-nav-bar>
<mt-navbar v-model="selected">
- <mt-tab-item id="1">沙特账户转石油黄金账户</mt-tab-item>
- <mt-tab-item id="2">石油黄金账户转沙特账户</mt-tab-item>
+ <mt-tab-item id="1">{{ $t("沙特账户转黄金原油账户") }}</mt-tab-item>
+ <mt-tab-item id="2">{{ $t("黄金原油账户转沙特账户") }}</mt-tab-item>
<!-- <mt-tab-item v-if="this.$store.state.settingForm.futuresDisplay" id="3">融资转期货</mt-tab-item> -->
<!-- <mt-tab-item v-if="this.$store.state.settingForm.futuresDisplay" id="4">期货转融资</mt-tab-item> -->
</mt-navbar>
@@ -17,8 +25,8 @@
<mt-tab-container-item id="1">
<div class="form-block">
<mt-field
- label="可转金额"
- placeholder="可转金额"
+ :label="$t('可转金额')"
+ :placeholder="$t('可转金额')"
type="text"
disabled
v-model="myMoney[0].availableBalance"
@@ -27,30 +35,34 @@
</div>
<div class="form-block">
<mt-field
- label="转账金额"
+ :label="$t('转账金额')"
name="amt"
v-model="form.account1"
- placeholder="请输入转账金额"
+ :placeholder="$t('请输入转账金额')"
type="text"
>
- <span @click="selectAll1">全部</span>
+ <span @click="selectAll1">{{ $t("hj60") }}</span>
</mt-field>
</div>
<!-- <div class="form-block">
<mt-field label="资金密码" placeholder="资金密码" type="password" v-model="form.password"></mt-field>
</div>
<p class="prompt">资金密码默认为登录密码</p> -->
- <div class="btnbox">
- <span class="text-center btnok loginout" @click="tosubmit"
- >确认转入石油黄金账户</span
- >
- </div>
+ <!-- <div class="btnbox">
+ <span class="text-center btnok loginout" @click="tosubmit">{{
+ $t("确认转入黄金原油账户")
+ }}</span>
+ </div> -->
+ <van-button class="but" type="primary" style="margin-top: 1.04rem; margin-bottom: 1.04rem"
+ @click="tosubmit">{{
+ $t("确认转入黄金原油账户")
+ }}</van-button>
</mt-tab-container-item>
<mt-tab-container-item id="2">
<div class="form-block">
<mt-field
- label="可转金额"
- placeholder="可转金额"
+ :label="$t('可转金额')"
+ :placeholder="$t('可转金额')"
type="text"
disabled
v-model="myMoney[1].availableBalance"
@@ -58,19 +70,23 @@
</div>
<div class="form-block">
<mt-field
- label="转账金额"
+ :label="$t('转账金额')"
v-model="form.account2"
- placeholder="请输入转账金额"
+ :placeholder="$t('请输入转账金额')"
type="text"
>
- <span @click="selectAll2">全部</span>
+ <span @click="selectAll2">{{ $t("hj60") }}</span>
</mt-field>
</div>
- <div class="btnbox">
- <span class="text-center btnok loginout" @click="tosubmit"
- >确认转入沙特账户</span
- >
- </div>
+ <!-- <div class="btnbox">
+ <span class="text-center btnok loginout" @click="tosubmit">{{
+ $t("确认转入沙特账户")
+ }}</span>
+ </div> -->
+ <van-button class="but" type="primary" style="margin-top: 1.04rem; margin-bottom: 1.04rem"
+ @click="tosubmit">{{
+ $t("确认转入沙特账户")
+ }}</van-button>
</mt-tab-container-item>
<!-- <mt-tab-container-item id="3">
<div class="form-block">
@@ -83,7 +99,7 @@
</mt-field>
</div>
<div class="btnbox">
- <span class="text-center btnok loginout" @click="tosubmit">确认转入石油黄金账户</span>
+ <span class="text-center btnok loginout" @click="tosubmit">确认转入黄金原油账户</span>
</div>
</mt-tab-container-item>
-->
@@ -143,6 +159,9 @@
this.getUserInfo();
},
methods: {
+ onClickLeft() {
+ this.$router.push("/user");
+ },
async getProductSetting() {
let data = await api.getProductSetting();
if (data.status === 0) {
@@ -215,6 +234,23 @@
};
</script>
<style lang="less" scoped>
+ .payclass {
+ width: 150px;
+ height: 40px;
+ border-radius: 5px;
+ border: 1px solid #e5e8ed;
+ text-align: center;
+ line-height: 40px;
+ }
+ .but {
+ width: 95%;
+ color: #ffffff;
+ background-color: #1989fa;
+ border-radius: 8px;
+ height: 66px;
+ font-size: 22px;
+ margin-left: 2.5%;
+ }
.is-selected .mint-tab-item-label:hover {
text-decoration: none;
}
@@ -237,6 +273,9 @@
/deep/ .mint-cell .mint-cell-text {
color: #000 !important;
}
+ /deep/ .mint-cell-wrapper {
+ line-height: 1 !important;
+ }
}
.prompt {
--
Gitblit v1.9.3