From 9ddad348a549154e7b328f9d7dd9517d2abd330c Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Tue, 30 Sep 2025 09:47:25 +0800
Subject: [PATCH] 1
---
src/page/transfer/index.vue | 304 +++++++++++++++++++++++++++++---------------------
1 files changed, 175 insertions(+), 129 deletions(-)
diff --git a/src/page/transfer/index.vue b/src/page/transfer/index.vue
index ce2ed4b..599d82e 100644
--- a/src/page/transfer/index.vue
+++ b/src/page/transfer/index.vue
@@ -9,24 +9,25 @@
</div>
<div class="bars">
<div>
- <span>{{ '资金划转' }}</span>
+ <span>{{ $t('hj187') }}</span>
</div>
</div>
<mt-navbar v-model="selected">
- <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="1">融资转指数</mt-tab-item>
- <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="2">指数转融资</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-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="1">{{ $t('zjhza') }}</mt-tab-item>
+ <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="2">{{ $t('zjhz') }}</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>
<mt-tab-container class="order-list" v-model="selected">
<mt-tab-container-item id="1">
<div class="form-block">
- <mt-field label="可转金额" placeholder="可转金额" type="text" disabled
- v-model="this.$store.state.userInfo.enableAmt"></mt-field>
+ <mt-field :label="$t('hj190')" :placeholder="$t('hj190')" type="text" disabled
+ v-model="this.$store.state.userInfo.enableIndexAmt">
+ </mt-field>
</div>
<div class="form-block">
- <mt-field label="转账金额" name="amt" v-model="form.account1" placeholder="请输入转账金额" type="text">
- <span @click="selectAll1">全部</span>
+ <mt-field :label="$t('hj191')" name="amt" v-model="form.account1" :placeholder="$t('hj192')" type="text">
+ <span @click="selectAll1">{{ $t('hj160') }}</span>
</mt-field>
</div>
<!-- <div class="form-block">
@@ -34,27 +35,27 @@
</div>
<p class="prompt">资金密码默认为登录密码</p> -->
<div class="btnbox">
- <span class="text-center btnok loginout" @click="tosubmit">确认转入指数账户</span>
+ <span class="text-center btnok loginout" @click="tosubmit">{{$t('qrzra')}}</span>
</div>
</mt-tab-container-item>
<mt-tab-container-item id="2">
<div class="form-block">
- <mt-field label="可转金额" placeholder="可转金额" type="text" disabled
- v-model="this.$store.state.userInfo.enableIndexAmt"></mt-field>
+ <mt-field :label="$t('hj190')" :placeholder="$t('hj190')" type="text" disabled
+ v-model="this.$store.state.userInfo.enableAmt"></mt-field>
</div>
<div class="form-block">
- <mt-field label="转账金额" v-model="form.account2" placeholder="请输入转账金额" type="text">
- <span @click="selectAll2">全部</span>
+ <mt-field :label="$t('hj191')" v-model="form.account2" :placeholder="$t('hj192')" type="text">
+ <span @click="selectAll2">{{ $t('hj160') }}</span>
</mt-field>
</div>
<div class="btnbox">
- <span class="text-center btnok loginout" @click="tosubmit">确认转入融资账户</span>
+ <span class="text-center btnok loginout" @click="tosubmit">{{$t('qrzr')}}</span>
</div>
</mt-tab-container-item>
<mt-tab-container-item id="3">
<div class="form-block">
- <mt-field label="可转金额" placeholder="可转金额" type="text" disabled
- v-model="this.$store.state.userInfo.enableAmt"></mt-field>
+ <mt-field label="可转金额" placeholder="可转金额" type="text" disabled v-model="this.$store.state.userInfo.enableAmt">
+ </mt-field>
</div>
<div class="form-block">
<mt-field label="转账金额" v-model="form.account3" placeholder="请输入转账金额" type="text">
@@ -68,7 +69,7 @@
<mt-tab-container-item id="4">
<div class="form-block">
<mt-field label="可转金额" placeholder="可转金额" type="text" disabled
- v-model="this.$store.state.userInfo.enableFuturesAmt"></mt-field>
+ v-model="this.$store.state.userInfo.enableFuturesAmt"></mt-field>
</div>
<div class="form-block">
<mt-field label="转账金额" v-model="form.account4" placeholder="请输入转账金额" type="text">
@@ -91,7 +92,7 @@
export default {
components: {
},
- data () {
+ data() {
return {
selected: '1', // 选中
form: {
@@ -108,18 +109,19 @@
},
watch: {},
computed: {},
- created () {
+ created() {
this.getProductSetting()
},
- mounted () {
+ mounted() {
if (this.$route.query.type) {
this.selected = this.$route.query.type + ''
}
this.getUserInfo()
},
methods: {
- async getProductSetting () {
+ async getProductSetting() {
let data = await api.getProductSetting()
+ console.log(data)
if (data.status === 0) {
this.$store.state.settingForm = data.data
if (!this.$store.state.settingForm.indexDisplay) {
@@ -130,25 +132,26 @@
}
},
handleBackClick() {
- this.$router.go(-1);
+ // this.$router.go(-1);
+ this.$router.push('/user')
},
- selectAll1 () {
+ selectAll1() {
// 选择全部
this.form.account1 = this.$store.state.userInfo.enableAmt
},
- selectAll2 () {
+ selectAll2() {
// 选择全部
this.form.account2 = this.$store.state.userInfo.enableIndexAmt
},
- selectAll3 () {
+ selectAll3() {
// 选择全部
this.form.account3 = this.$store.state.userInfo.enableAmt
},
- selectAll4 () {
+ selectAll4() {
// 选择全部
this.form.account4 = this.$store.state.userInfo.enableFuturesAmt
},
- async tosubmit () {
+ async tosubmit() {
// 融资转指数
let opt = {
amt: this.selected === '1' ? this.form.account1 : this.selected === '2' ? this.form.account2 : this.selected === '3' ? this.form.account3 : this.form.account4,
@@ -162,7 +165,7 @@
Toast(data.msg)
}
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
let data = await api.getUserInfo()
if (data.status === 0) {
@@ -175,111 +178,154 @@
}
</script>
<style lang="less" scoped>
-
- .header {
- width: 100%;
- height: 1.5rem;
- background: #fff;
- position: fixed;
- z-index: 999;
- border-radius: 0 0 .15rem .15rem;
- .left_back {
- width: 1rem;
- height: 100%;
- left: 0;
- position: absolute;
- display: flex;
- justify-content: center;
- align-items: center;
- img {
- width: .6rem;
- height: .6rem;
- }
- }
- .header_titles {
- width: 100%;
- height: 100%;
- text-align: center;
- font-size: .4615rem;
- line-height: 1.5rem;
- span {
- font-weight: 600;
- }
- }
- }
- .form-block {
- width: 100%;
- height: 1.5rem;
- margin-top: .3rem;
- }
- /deep/ .mint-field-other {
- padding-right: .3rem;
- }
- /deep/ .mint-cell-wrapper {
+.header {
+ width: 100%;
+ height: 1.5rem;
+ background: #fff;
+ position: fixed;
+ z-index: 999;
+ border-radius: 0 0 .15rem .15rem;
+
+ .left_back {
+ width: 1rem;
height: 100%;
- border: none;
- background: rgb(245, 245, 245);
- border-radius: .15rem;
- }
- .is-selected {
- background: rgb(235, 235, 235) !important;
- border-radius: .15rem;
- }
- .mint-navbar {
- padding: 0 .3rem;
- }
- .btnbox {
- width: 94%;
- margin-top: .1rem;
- }
- .loginout {
- height: 1.2rem !important;
- line-height: 1.2rem !important;
- }
- .int-cell {
- width: 100%;
- height: 100%;
- }
- a {
- width: 100%;
- height: 100%;
- .mint-cell-wrapper {
- width: 100%;
- height: 100%;
- }
- }
- .bars {
- width: 100%;
- height: 6rem;
+ left: 0;
+ position: absolute;
display: flex;
- padding: 0 .3rem;
- align-items: flex-end;
- >div {
- margin-bottom: 1.2rem;
- font-size: .65rem;
- span {
- font-weight: 600;
- }
+ justify-content: center;
+ align-items: center;
+
+ img {
+ width: .6rem;
+ height: .6rem;
}
}
- .mint-cell.mint-field{
- background: #fff !important;
- color: #000 !important;
- }
- /deep/ .mint-cell-text {
- color: #000 !important;
- }
- .text-center.btnok {
- display: inline-block;
- height: 1rem;
- line-height: 1rem;
- background: #2d6ae9;
- border: none;
- border-radius: .1rem;
- }
- .wrapper {
+
+ .header_titles {
width: 100%;
height: 100%;
- background: #fff;
+ text-align: center;
+ font-size: .4615rem;
+ line-height: 1.5rem;
+
+ span {
+ font-weight: 600;
+ }
}
+}
+
+.form-block {
+ width: 100%;
+ height: 1.5rem;
+ margin-top: .3rem;
+}
+
+/deep/ .mint-field-other {
+ padding-right: .3rem;
+}
+
+/deep/ .mint-cell-wrapper {
+ height: 100%;
+ border: none;
+ background: rgb(245, 245, 245);
+ border-radius: .15rem;
+}
+
+.is-selected {
+ background: rgb(235, 235, 235) !important;
+ border-radius: .15rem;
+}
+
+.mint-navbar {
+ padding: 0 .3rem;
+}
+
+.btnbox {
+ width: 94%;
+ margin-top: .1rem;
+}
+
+.loginout {
+ height: 1.2rem !important;
+ line-height: 1.2rem !important;
+}
+
+.int-cell {
+ width: 100%;
+ height: 100%;
+}
+
+a {
+ width: 100%;
+ height: 100%;
+
+ .mint-cell-wrapper {
+ width: 100%;
+ height: 100%;
+ }
+}
+
+.bars {
+ width: 100%;
+ height: 6rem;
+ display: flex;
+ padding: 0 .3rem;
+ align-items: flex-end;
+
+ >div {
+ margin-bottom: 1.2rem;
+ font-size: .65rem;
+
+ span {
+ font-weight: 600;
+ }
+ }
+}
+
+.mint-cell.mint-field {
+ background: #fff !important;
+ color: #000 !important;
+}
+
+/deep/ .mint-cell-text {
+ color: #000 !important;
+}
+
+.text-center.btnok {
+ display: inline-block;
+ height: 1rem;
+ line-height: 1rem;
+ background: #2d6ae9;
+ border: none;
+ border-radius: .1rem;
+}
+
+.wrapper {
+ width: 100%;
+ height: 100%;
+ background: #fff;
+}
+
+/deep/.mint-cell-wrapper {
+
+ span {
+ font-size: 0.35rem !important;
+ }
+
+ /deep/input {
+ font-size: 0.35rem !important;
+ }
+}
+
+/deep/.mint-cell-value {
+ font-size: 0.35rem !important;
+}
+
+/deep/.mint-tab-item-label {
+ font-size: 0.35rem !important;
+}
+
+/deep/.loginout {
+ font-size: 0.35rem !important;
+}
</style>
--
Gitblit v1.9.3