| | |
| | | <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> |
| | |
| | | <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" |
| | |
| | | </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" |
| | |
| | | </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"> |
| | |
| | | </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> |
| | | --> |
| | |
| | | this.getUserInfo(); |
| | | }, |
| | | methods: { |
| | | onClickLeft() { |
| | | this.$router.push("/user"); |
| | | }, |
| | | async getProductSetting() { |
| | | let data = await api.getProductSetting(); |
| | | if (data.status === 0) { |
| | |
| | | }; |
| | | </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; |
| | | } |
| | |
| | | /deep/ .mint-cell .mint-cell-text { |
| | | color: #000 !important; |
| | | } |
| | | /deep/ .mint-cell-wrapper { |
| | | line-height: 1 !important; |
| | | } |
| | | } |
| | | |
| | | .prompt { |