<template>
|
<div class="wrapper">
|
<div class="header">
|
<div class="left_back" @click="handleBackClick()">
|
<img src="../../assets/img/zuojiantou.png" alt="" />
|
</div>
|
<div class="right_back" @click="go_yebs()">记录</div>
|
<div class="header_titles"></div>
|
</div>
|
<div class="bars">
|
<div>
|
<span> 申请贷款</span>
|
</div>
|
</div>
|
<mt-navbar v-model="selected" class="custom-navbar">
|
<mt-tab-item id="1" class="warehouse_card">
|
xx银行<br />
|
利率：1%
|
</mt-tab-item>
|
<hr />
|
<mt-tab-item id="2" class="warehouse_card">
|
xx银行<br />
|
利率：2%
|
</mt-tab-item>
|
<mt-tab-item id="3" class="warehouse_card">
|
xx银行<br />
|
利率：3%
|
</mt-tab-item>
|
<mt-tab-item id="4" class="warehouse_card">
|
xx银行<br />
|
利率：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="$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="'申请金额'"
|
name="amt"
|
v-model="form.account1"
|
:placeholder="'申请金额'"
|
type="number"
|
>
|
<span @click="selectAll1">{{ $t("hj160") }}</span>
|
</mt-field>
|
</div>
|
<div class="form-block">
|
<mt-field
|
:label="'联系号码'"
|
name="amt"
|
v-model="form.phone"
|
:placeholder="'联系号码'"
|
type="number"
|
>
|
</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(1, form.account1, form.phone)"
|
>申请</span
|
>
|
</div>
|
</mt-tab-container-item>
|
<mt-tab-container-item id="2">
|
<!-- <div class="form-block">-->
|
<!-- <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="$t('hj191')"
|
name="amt"
|
v-model="form.account1"
|
:placeholder="$t('hj192')"
|
type="number"
|
>
|
<span @click="selectAll1">{{ $t("hj160") }}</span>
|
</mt-field>
|
</div>
|
<div class="form-block">
|
<mt-field
|
:label="'联系号码'"
|
name="amt"
|
v-model="form.phone"
|
:placeholder="'联系号码'"
|
type="number"
|
>
|
</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(1, form.account1, form.phone)"
|
>申请</span
|
>
|
</div>
|
</mt-tab-container-item>
|
<mt-tab-container-item id="3">
|
<!-- <div class="form-block">-->
|
<!-- <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="$t('hj191')"
|
name="amt"
|
v-model="form.account1"
|
:placeholder="$t('hj192')"
|
type="number"
|
>
|
<span @click="selectAll1">{{ $t("hj160") }}</span>
|
</mt-field>
|
</div>
|
<div class="form-block">
|
<mt-field
|
:label="'联系号码'"
|
name="amt"
|
v-model="form.phone"
|
:placeholder="'联系号码'"
|
type="number"
|
>
|
</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(1, form.account1, form.phone)"
|
>申请</span
|
>
|
</div>
|
</mt-tab-container-item>
|
<mt-tab-container-item id="4">
|
<!-- <div class="form-block">-->
|
<!-- <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="$t('hj191')"
|
name="amt"
|
v-model="form.account1"
|
:placeholder="$t('hj192')"
|
type="number"
|
>
|
<span @click="selectAll1">{{ $t("hj160") }}</span>
|
</mt-field>
|
</div>
|
<div class="form-block">
|
<mt-field
|
:label="'联系号码'"
|
name="amt"
|
v-model="form.phone"
|
:placeholder="'联系号码'"
|
type="number"
|
>
|
</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(1, form.account1, form.phone)"
|
>申请</span
|
>
|
</div>
|
</mt-tab-container-item>
|
</mt-tab-container>
|
</div>
|
</template>
|
|
<script>
|
// import '@/assets/style/common.less'
|
import * as api from "@/axios/api";
|
import { Toast } from "mint-ui";
|
import { getYebs } from "@/axios/api";
|
|
export default {
|
components: {},
|
data() {
|
return {
|
selected: "1", // 选中
|
form: {
|
account1: "",
|
account2: "",
|
account3: "",
|
account4: "",
|
password: "",
|
phone: "",
|
},
|
userInfo: {
|
realName: "",
|
},
|
yebinfo: [],
|
};
|
},
|
watch: {},
|
computed: {},
|
created() {
|
this.getProductSetting();
|
},
|
mounted() {
|
if (this.$route.query.type) {
|
this.selected = this.$route.query.type + "";
|
}
|
this.getUserInfo();
|
this.getYebInfo();
|
},
|
methods: {
|
go_yebs() {
|
this.$router.push("/yebs");
|
},
|
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) {
|
this.selected = "3";
|
}
|
} else {
|
this.$message.error(data.msg);
|
}
|
},
|
handleBackClick() {
|
this.$router.go(-1);
|
},
|
selectAll1() {
|
// 选择全部
|
this.form.account1 = this.$store.state.userInfo.enableAmt;
|
},
|
selectAll2() {
|
// 选择全部
|
this.form.account2 = this.$store.state.userInfo.enableIndexAmt;
|
},
|
selectAll3() {
|
// 选择全部
|
this.form.account3 = this.$store.state.userInfo.enableAmt;
|
},
|
selectAll4() {
|
// 选择全部
|
this.form.account4 = this.$store.state.userInfo.enableFuturesAmt;
|
},
|
isInteger(obj) {
|
return obj % 1 === 0;
|
},
|
async tosubmit(id, money, moblie) {
|
if (!this.isInteger(money)) {
|
Toast("请输入整数");
|
return;
|
}
|
// 融资转指数
|
let opt = {
|
// amt: this.selected === '1' ? this.form.account1 : this.selected === '2' ? this.form.account2 : this.selected === '3' ? this.form.account3 : this.form.account4,
|
// type: this.selected // 1 融资转指数 2 指数转融资
|
dkPhone: moblie,
|
dkMoney: money,
|
};
|
let data1 = await api.BuyDK(opt);
|
|
if (data1.status === 1) {
|
Toast(data1.msg);
|
this.$router.push("/yebs");
|
} else {
|
Toast(data1.data);
|
}
|
},
|
async getUserInfo() {
|
// 获取用户信息
|
let data = await api.getUserInfo();
|
if (data.status === 0) {
|
this.$store.state.userInfo = data.data;
|
} else {
|
Toast(data.msg);
|
}
|
},
|
async getYebInfo() {
|
// 获取用户信息
|
let data = await api.getYebInfo();
|
|
if (data.status === 0) {
|
this.$store.state.yebinfo = data.data;
|
} else {
|
Toast(data.msg);
|
}
|
},
|
},
|
};
|
</script>
|
<style lang="less" scoped>
|
.warehouse_card {
|
width: 400px;
|
padding: 30px 200px 30px 200px;
|
border: gray solid 1px;
|
//margin: 10px 50px 10px 50px;
|
//position: relative;
|
//top: 1.5231rem;
|
//z-index: 0;
|
|
border: gray !important;
|
}
|
.custom-navbar {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
//
|
/* Adjust styles for mt-tab-item if needed */
|
.custom-navbar mt-tab-item {
|
flex: 0 0 48%; /* Adjust the width as needed */
|
margin: 0 1%; /* Add margin for spacing */
|
width: 50%;
|
}
|
.header {
|
width: 100%;
|
height: 1.5rem;
|
background: #fff;
|
position: fixed;
|
z-index: 999;
|
border-radius: 0 0 0.15rem 0.15rem;
|
|
.left_back {
|
width: 1rem;
|
height: 100%;
|
left: 0;
|
position: absolute;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
.right_back {
|
width: 1rem;
|
height: 100%;
|
right: 0;
|
position: absolute;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
|
.header_titles {
|
width: 100%;
|
height: 100%;
|
text-align: center;
|
font-size: 0.4615rem;
|
line-height: 1.5rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
|
.form-block {
|
width: 100%;
|
height: 1.5rem;
|
margin-top: 0.3rem;
|
}
|
|
/deep/ .mint-field-other {
|
padding-right: 0.3rem;
|
}
|
|
/deep/ .mint-cell-wrapper {
|
height: 100%;
|
border: none;
|
background: rgb(245, 245, 245);
|
border-radius: 0.15rem;
|
}
|
|
.is-selected {
|
background: rgb(235, 235, 235) !important;
|
border-radius: 0.15rem;
|
}
|
|
.mint-navbar {
|
padding: 0 0.3rem;
|
}
|
|
.btnbox {
|
width: 94%;
|
margin-top: 0.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: 4rem;
|
display: flex;
|
padding: 0 0.3rem;
|
align-items: flex-end;
|
|
> div {
|
margin-bottom: 1.2rem;
|
font-size: 0.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: #5c288c;
|
border: none;
|
border-radius: 0.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>
|
