| | |
| | | <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="可转金额" placeholder="可转金额" 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="text"> |
| | |
| | | <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> |
| | | v-model="this.$store.state.userInfo.enableIndexAmt"></mt-field> |
| | | </div> |
| | | <div class="form-block"> |
| | | <mt-field label="转账金额" v-model="form.account2" placeholder="请输入转账金额" type="text"> |
| | |
| | | </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"> |
| | |
| | | <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"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import foot from '@/components/foot/foot' |
| | | // import '@/assets/style/common.less' |
| | | import * as api from '@/axios/api' |
| | | import { Toast } from 'mint-ui' |
| | | |
| | | export default { |
| | | components: { |
| | | foot |
| | | }, |
| | | data () { |
| | | data() { |
| | | return { |
| | | selected: '1', // 选中 |
| | | form: { |
| | |
| | | }, |
| | | 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() |
| | | if (data.status === 0) { |
| | | this.$store.state.settingForm = data.data |
| | |
| | | this.$message.error(data.msg) |
| | | } |
| | | }, |
| | | 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, |
| | |
| | | Toast(data.msg) |
| | | } |
| | | }, |
| | | async getUserInfo () { |
| | | async getUserInfo() { |
| | | // 获取用户信息 |
| | | let data = await api.getUserInfo() |
| | | if (data.status === 0) { |
| | |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .is-selected .mint-tab-item-label:hover { |
| | | text-decoration: none; |
| | | } |
| | | .is-selected .mint-tab-item-label:hover { |
| | | text-decoration: none; |
| | | } |
| | | |
| | | .wrapper /deep/ .mint-tab-item-label { |
| | | font-size: 0.264rem; |
| | | } |
| | | .wrapper /deep/ .mint-tab-item-label { |
| | | font-size: 0.264rem; |
| | | } |
| | | |
| | | .mint-navbar .mint-tab-item.is-selected { |
| | | // color: #d50000; |
| | | // border-bottom: 2px solid #d50000; |
| | | text-decoration: none; |
| | | margin-bottom: 0; |
| | | } |
| | | .mint-navbar .mint-tab-item.is-selected { |
| | | // color: #d50000; |
| | | // border-bottom: 2px solid #d50000; |
| | | text-decoration: none; |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .prompt { |
| | | padding: 0.3rem 0 0.2rem 0.7rem; |
| | | } |
| | | .prompt { |
| | | padding: 0.3rem 0 0.2rem 0.7rem; |
| | | } |
| | | </style> |