From 129535fe29ba25a1f40b90fcf5bc7606ea127a67 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Thu, 25 Apr 2024 05:11:52 +0800
Subject: [PATCH] first
---
src/page/home/vipdetail.vue | 605 +++++++++++++++++++++++++++++-------------------------
1 files changed, 328 insertions(+), 277 deletions(-)
diff --git a/src/page/home/vipdetail.vue b/src/page/home/vipdetail.vue
index 0c09173..fba3299 100644
--- a/src/page/home/vipdetail.vue
+++ b/src/page/home/vipdetail.vue
@@ -1,326 +1,377 @@
<template>
- <div>
- <div class="headf"><span @click="$router.go(-1)"></span>
- <div class="wenebn">
- <h6>{{currentItem.n}}</h6>
- <p class="">{{ Number(currentItem.p)/1000 }} {{ currentItem.zdp ? currentItem.zdp.toFixed(2) + '%' : '0.00%' }}</p>
- </div>
+ <div>
+ <div class="headf">
+ <span @click="$router.go(-1)"></span>
+ <div class="wenebn">
+ <h6>{{ currentItem.n }}</h6>
+ <p class="">
+ {{ Number(currentItem.p) / 1000 }}
+ {{ currentItem.zdp ? currentItem.zdp.toFixed(2) + "%" : "0.00%" }}
+ </p>
+ </div>
+ </div>
+ <div style="height: 1.5rem"></div>
+ <div class="goumais">
+ <div class="xiaoge">
+ <span
+ ><img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEklEQVQ4jaVSwUoDMRScl2alsIuIB89C9Su8iHqrWryKFy12Tz36cd79BfFiS13woKAfINuMpG7SbGjL2r5bJvMmM0Ow6ci6++eDIifwoNc2ILIvIh3VlH9287IdCcwCNBLo5cVxmmZf3fu3g0ABBJoJALJrAK1arR2H2GUjSxxc5cXR6fVz4s6mWvizXWFiHSwQuOiPDw35lGZZL3zNZZ5jAi50INK2ZBJbAeYzewHn4PJudNK9fd2Lyaau6jOHDixHKa0fkyQZhmSfOSqMQQRTubAfSRPQ4YUsKSzEfIS43VWFhQ6coIrJqwqr9TLDAEViPCUnDi/L6QeBgkp5zBDvBvj+KcvPOcYJyVGt638PgF/kfWPjHkHUbAAAAABJRU5ErkJggg=="
+ />数量</span
+ >
+ <div class="rtyh">
+ <div class="kunk">
+ <input
+ :placeholder="$t('hj262')"
+ v-model="buyNum"
+ @input="buyNum = buyNum.replace(/^(0+)|[^\d]+/g, '')"
+ type="number"
+ /><a class="shou">{{ $t("hj117") }}</a>
+ </div>
</div>
- <div style="height:1.5rem">
-
+ </div>
+ <p class="shougu">1{{ $t("hj117") }}=100{{ $t("hj274") }}</p>
+ <div class="xiaoge">
+ <span class="eduleft"
+ ><img
+ class="eduleftimg"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABp0lEQVQ4jZXRTUsbURgF4HPeSZuIm9goFOpXQrtrQaiICG4KGVGxwU1WwYWgpeBPKCn1X2jSrHQjbiJaYUoX7nXlQhAUg13ED2bcuTH3lTstbarNtJ6Bgbnc59yXO0REcrNHgxTZpkgnQGj4AErL7Df2WhZYLI7jgdxTReUveATkQiwK2xMCP3i7sz5wPTl71GXxl8+ZC7tnYq5GEVmQSBxchTg3XytKLFZ3nFh96t3px3Djz0n4L5wtHKTa2tvPAC4a1YYCiw1jnoo4WYqsShS2648TCdqTjKqAdCiixijD+wAgUdhmq5y+NKpFkB9AFo3RT14lff7jQgWMws15M3OYiscT3C71Xg7n99s6Up0bDdUBTs+d1EF+9/1gtBVujsXJJ6kNJV/fGOOKAlVVvEp2JN2H4m9Lz3bF876+V+iKAmtT87XcQ3D4N+0r0bcs2bGxEsCCAvnN5d7q/+BfBTbx/rJkXbekQAFkfmupJyyJwn8U2DzqL4vbNIkfBF4UvlcQlqQrvycRZ98AmVbYxrm7YK6qeuy/3Mw8f9Gt5NCNMeOtMADcAijV/2tFJVE6AAAAAElFTkSuQmCC"
+ />{{ $t("hj280") }}</span
+ >
+ <div class="eduright">
+ <a class="ertyu">￥{{ userinfo.userAmt }}</a>
</div>
- <div class="goumais">
- <div class="xiaoge"><span><img
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEklEQVQ4jaVSwUoDMRScl2alsIuIB89C9Su8iHqrWryKFy12Tz36cd79BfFiS13woKAfINuMpG7SbGjL2r5bJvMmM0Ow6ci6++eDIifwoNc2ILIvIh3VlH9287IdCcwCNBLo5cVxmmZf3fu3g0ABBJoJALJrAK1arR2H2GUjSxxc5cXR6fVz4s6mWvizXWFiHSwQuOiPDw35lGZZL3zNZZ5jAi50INK2ZBJbAeYzewHn4PJudNK9fd2Lyaau6jOHDixHKa0fkyQZhmSfOSqMQQRTubAfSRPQ4YUsKSzEfIS43VWFhQ6coIrJqwqr9TLDAEViPCUnDi/L6QeBgkp5zBDvBvj+KcvPOcYJyVGt638PgF/kfWPjHkHUbAAAAABJRU5ErkJggg==">数量</span>
- <div class="rtyh">
- <div class="kunk"><input :placeholder="$t('hj262')" v-model="buyNum"
- @input="buyNum = buyNum.replace(/^(0+)|[^\d]+/g, '')" type="number"><a class="shou">{{$t('hj117')}}</a>
- </div>
- </div>
- </div>
- <p class="shougu">1{{$t('hj117')}}=100{{$t('hj274')}}</p>
- <div class="xiaoge">
- <span class="eduleft"><img class="eduleftimg"
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABp0lEQVQ4jZXRTUsbURgF4HPeSZuIm9goFOpXQrtrQaiICG4KGVGxwU1WwYWgpeBPKCn1X2jSrHQjbiJaYUoX7nXlQhAUg13ED2bcuTH3lTstbarNtJ6Bgbnc59yXO0REcrNHgxTZpkgnQGj4AErL7Df2WhZYLI7jgdxTReUveATkQiwK2xMCP3i7sz5wPTl71GXxl8+ZC7tnYq5GEVmQSBxchTg3XytKLFZ3nFh96t3px3Djz0n4L5wtHKTa2tvPAC4a1YYCiw1jnoo4WYqsShS2648TCdqTjKqAdCiixijD+wAgUdhmq5y+NKpFkB9AFo3RT14lff7jQgWMws15M3OYiscT3C71Xg7n99s6Up0bDdUBTs+d1EF+9/1gtBVujsXJJ6kNJV/fGOOKAlVVvEp2JN2H4m9Lz3bF876+V+iKAmtT87XcQ3D4N+0r0bcs2bGxEsCCAvnN5d7q/+BfBTbx/rJkXbekQAFkfmupJyyJwn8U2DzqL4vbNIkfBF4UvlcQlqQrvycRZ98AmVbYxrm7YK6qeuy/3Mw8f9Gt5NCNMeOtMADcAijV/2tFJVE6AAAAAElFTkSuQmCC">{{$t('hj280')}}</span>
- <div class="eduright">
- <a class="ertyu">￥{{ userinfo.userAmt }}</a>
- </div>
- </div>
- <div class="rtyh">
- <div class="fangxi">
- <a class="fanh" :class="buyType == 0 ? 'xuk' : ''" @click="buyType = 0">{{$t('hj85')}}</a>
- <a class="fanh" :class="buyType == 1 ? 'xuk' : ''" @click="buyType = 1">{{$t('hj84')}}</a>
- </div>
- </div>
- <div class="xiaoge">
- <span class="eduleft"><img
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB7UlEQVQ4ja2SwWsTQRjF3zc7MbuJpQgFD1LbIIIHQbwKFtEexGJ7iKigUovm6klP/gEG6s2LJUgPWulBRawH0cQUMYqHCiUVFEPSePNiEsWa2t15sjGpW8mKgu8wwwzzfvO9b0aOnS9dIDm/XK0WF7LDxD/KB6xCZBMgHw35FJCs63m5B9M7q3+DkrGzb+NaR+5AJEJihcB+EdVLoESRLMnct2Yz//jmrk9dAf6QTJVnACnezSTSe4fzamBwcA9FDgKYhMgyRLYD8to1JqcsK1ur1wvPZ3c3A4DKDIHivUwi3SGPTJR6dSRSX3PdrZalt0CpowRGIbIPkO8ECi55WSVTlbQhRwG5NHaufKoDaHVTpHXHXGbg3dxU/9WHU/1DJC4SKHvAGkT1ac+YW0pZ875BLOvNr3A/zea3zARcAyw8ur5t3F/r+zd2LAFY6tYe06mkrcOpD1EqtRmQ6NBEpefZdOKLDnse36zWK2kjtT5OyBWKwHZi/tZJFQYI9qCjwouXt2uNhlOrNxyxrDOtCGEA23HoeWZDhM+LSe/VIrzgudAKms1VzzebQIRuCgUYMu6bCYn/CbABf2j8fY9tO7MEDlCpGCHwG2aIFQPkldYnnlzr+xoaIRq1T0PkSNDcnmNQasQzXP9o/0cAfgDTaMAiD+M0wAAAAABJRU5ErkJggg==">{{$t('hj281')}}</span>
- <div class="rtyh" @click="showPicker = true">
- <div class="kunk">
- <input :placeholder="$t('hj275')" disabled="disabled" v-model="lever" class="canwei">
- <img class="gangganicon"
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAAXNSR0IArs4c6QAAAGRJREFUKFNjnDFjhiUjI2Pr////GRlwAEZGxpcsLCypYAUzZ87MYWBgmMTAwIBNw8v///87ZWRkXINL4tAAVwgyFMUkNA0oCjEUIzmp+v///84gq5G9gdVT/f39AoWFhR/Q/QsATGgt64otJQ8AAAAASUVORK5CYII=">
- </div>
-
- </div>
- </div>
- <div class="xiaoge">
- <span class="eduleft"><img
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACEElEQVQ4jY1TPWhTURg9331vcdP6PzSpTtahi0InFS2CjakxEoNgFNrykqibTgpqdXDTRVAbWsRJfNBBGqKmFasoWBCEWEX8qfkRcWptHRTk3SPJa14ebah+cIcL55x7zvm4gqUjB/s+diplxAnEACGBEYe0R4c3TwKgn+EJRPs+bDcMs0o6DMhqTY4CYusqXam4iPRockaUsh1H29mhtleeQMz6/JhEJ0SyJOyZ2dkHEyPbfvlf2hF7vWJVS0u3iIo7ZBgik9nB1i64AtOM9n/qaBKn6YSsUkc4/bUWRWEhFIk//ytAVLFuelWvgstz0JOqnN2fLKcX4z0Hvj4RsYqnI8lSoH4PJ8tXCJwRpV7W8VpcvNnUgUg7RJ5GUpUuDZwkcEyTe3KDrQUskJU/Qq0DaTh4lM+nSIw7ZIHAUU3uzmUChUYH4uFdAZE5AGvrgN9FS08Xi0kCF0WpXblM4J3foDLNdZr44UUgOQaRBIBnddBUfiengKvNtyC9GnzY2ILIZWUYiQPJcugfy8DeE99jDlk9lzyB+5ngG615SgN2yCpFlyEfp8gdivRO3Nr43q3fN+FU5QiBIUBuz83Pn3t+d+vPGjH9bSVEXaPIIYdMPLm5IestbPEr3Va5XRnGsAMENTFAEVOUMeCQb5Vp9o9dX/PFj2/2nbFl3wsJtm1KUOQCRFED58dvrL+3BAjgL/OP2zMWLMK9AAAAAElFTkSuQmCC">支付保证金</span>
- <div class="eduright"><a class="ertyu"> ￥{{ (currentItem.p * buyNum / lever / 10).toFixed(2) }}</a>
- </div>
- </div>
- <!-- <div class="xiaoge">
+ </div>
+ <div class="rtyh">
+ <div class="fangxi">
+ <a
+ class="fanh"
+ :class="buyType == 0 ? 'xuk' : ''"
+ @click="buyType = 0"
+ >{{ $t("hj85") }}</a
+ >
+ <a
+ class="fanh"
+ :class="buyType == 1 ? 'xuk' : ''"
+ @click="buyType = 1"
+ >{{ $t("hj84") }}</a
+ >
+ </div>
+ </div>
+ <div class="xiaoge">
+ <span class="eduleft"
+ ><img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB7UlEQVQ4ja2SwWsTQRjF3zc7MbuJpQgFD1LbIIIHQbwKFtEexGJ7iKigUovm6klP/gEG6s2LJUgPWulBRawH0cQUMYqHCiUVFEPSePNiEsWa2t15sjGpW8mKgu8wwwzzfvO9b0aOnS9dIDm/XK0WF7LDxD/KB6xCZBMgHw35FJCs63m5B9M7q3+DkrGzb+NaR+5AJEJihcB+EdVLoESRLMnct2Yz//jmrk9dAf6QTJVnACnezSTSe4fzamBwcA9FDgKYhMgyRLYD8to1JqcsK1ur1wvPZ3c3A4DKDIHivUwi3SGPTJR6dSRSX3PdrZalt0CpowRGIbIPkO8ECi55WSVTlbQhRwG5NHaufKoDaHVTpHXHXGbg3dxU/9WHU/1DJC4SKHvAGkT1ac+YW0pZ875BLOvNr3A/zea3zARcAyw8ur5t3F/r+zd2LAFY6tYe06mkrcOpD1EqtRmQ6NBEpefZdOKLDnse36zWK2kjtT5OyBWKwHZi/tZJFQYI9qCjwouXt2uNhlOrNxyxrDOtCGEA23HoeWZDhM+LSe/VIrzgudAKms1VzzebQIRuCgUYMu6bCYn/CbABf2j8fY9tO7MEDlCpGCHwG2aIFQPkldYnnlzr+xoaIRq1T0PkSNDcnmNQasQzXP9o/0cAfgDTaMAiD+M0wAAAAABJRU5ErkJggg=="
+ />{{ $t("hj281") }}</span
+ >
+ <div class="rtyh" @click="showPicker = true">
+ <div class="kunk">
+ <input
+ :placeholder="$t('hj275')"
+ disabled="disabled"
+ v-model="lever"
+ class="canwei"
+ />
+ <img
+ class="gangganicon"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAAXNSR0IArs4c6QAAAGRJREFUKFNjnDFjhiUjI2Pr////GRlwAEZGxpcsLCypYAUzZ87MYWBgmMTAwIBNw8v///87ZWRkXINL4tAAVwgyFMUkNA0oCjEUIzmp+v///84gq5G9gdVT/f39AoWFhR/Q/QsATGgt64otJQ8AAAAASUVORK5CYII="
+ />
+ </div>
+ </div>
+ </div>
+ <div class="xiaoge">
+ <span class="eduleft"
+ ><img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACEElEQVQ4jY1TPWhTURg9331vcdP6PzSpTtahi0InFS2CjakxEoNgFNrykqibTgpqdXDTRVAbWsRJfNBBGqKmFasoWBCEWEX8qfkRcWptHRTk3SPJa14ebah+cIcL55x7zvm4gqUjB/s+diplxAnEACGBEYe0R4c3TwKgn+EJRPs+bDcMs0o6DMhqTY4CYusqXam4iPRockaUsh1H29mhtleeQMz6/JhEJ0SyJOyZ2dkHEyPbfvlf2hF7vWJVS0u3iIo7ZBgik9nB1i64AtOM9n/qaBKn6YSsUkc4/bUWRWEhFIk//ytAVLFuelWvgstz0JOqnN2fLKcX4z0Hvj4RsYqnI8lSoH4PJ8tXCJwRpV7W8VpcvNnUgUg7RJ5GUpUuDZwkcEyTe3KDrQUskJU/Qq0DaTh4lM+nSIw7ZIHAUU3uzmUChUYH4uFdAZE5AGvrgN9FS08Xi0kCF0WpXblM4J3foDLNdZr44UUgOQaRBIBnddBUfiengKvNtyC9GnzY2ILIZWUYiQPJcugfy8DeE99jDlk9lzyB+5ngG615SgN2yCpFlyEfp8gdivRO3Nr43q3fN+FU5QiBIUBuz83Pn3t+d+vPGjH9bSVEXaPIIYdMPLm5IestbPEr3Va5XRnGsAMENTFAEVOUMeCQb5Vp9o9dX/PFj2/2nbFl3wsJtm1KUOQCRFED58dvrL+3BAjgL/OP2zMWLMK9AAAAAElFTkSuQmCC"
+ />支付保证金</span
+ >
+ <div class="eduright">
+ <a class="ertyu">
+ ￥{{ ((currentItem.p * buyNum) / lever / 10).toFixed(2) }}</a
+ >
+ </div>
+ </div>
+ <!-- <div class="xiaoge">
<span class="eduleft"><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAbdJREFUOE+N0z9IG1EcB/Dv76URtGiXekEsgRCHunToXZrV5A7XIB0LzeTUreJQMnTRrYODCFUchDpauulwgSCK4AUXyVAIpVCKuUtSIdr8UfJ+5bB3TVLUu+3de78P3/vd7xEGHgaophofJSFLxJ3B/X9rYsUyH1HvAbe4qukbTDQHxlakaL69DXA040IpmqM+4BWDEBGMvS4o7gG2mo4LUOay3l2LfS+0XbQP6C0eb1Ze1kYmspIx7QKVZ7MPEZYZIbDNQFw5D/+k8m7HBwaLqVS6qiaMeQ+wNeMLETLepzCwGLHMDz7gaPobEK0yo0rA9c1BHgGwphTzuZqaSkqIDAS9Y5avScoj5aRQ9oGqZrwHsWy2O6u9DYueHjQI6LrvKmoqKYTI/Wq0Xz39enjR1wMXkITfbqzbf9n/O30J7gLqyeTYZTMc8ohoa7TZ18T7EjiaUWAg5gGCsDxumeuBEzjPZ6ZCHBrygFYY9pPjfD0wYCf0zwSK+gnAK4+t/KfAwJmWfvGAQsMecIXOt0lr/0dgwEnoGwAm/UFi2owUzZ3AwL2XyVb1BRK0BPDfKQw+DYqVH/sD+c0JIKaNn8sAAAAASUVORK5CYII=">手续费</span>
<div class="eduright"><a class="ertyu">￥26600640.90</a></div>
</div> -->
- </div>
- <div class="mail" @click="getbuyVipQc">{{buyType == 0 ? $t('hj85') : $t('hj84')}}</div>
- <van-popup v-model="showPicker" round position="bottom">
- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" :columns="siteLeverList" @cancel="showPicker = false" @confirm="onConfirm" show-toolbar />
- </van-popup>
</div>
+ <div class="mail" @click="getbuyVipQc">
+ {{ buyType == 0 ? $t("hj85") : $t("hj84") }}
+ </div>
+ <van-popup v-model="showPicker" round position="bottom">
+ <van-picker
+ :confirm-button-text="$t('hj161')"
+ :cancel-button-text="$t('hj106')"
+ :columns="siteLeverList"
+ @cancel="showPicker = false"
+ @confirm="onConfirm"
+ show-toolbar
+ />
+ </van-popup>
+ </div>
</template>
<script>
-import * as api from '@/axios/api'
+import * as api from "@/axios/api";
export default {
- components: {
-
+ components: {},
+ props: {},
+ data() {
+ return {
+ showPicker: false,
+ currentItem: "",
+ userinfo: "",
+ settingdetail: "",
+ siteLeverList: [],
+ buyType: 0, // 0 买入 1 卖出
+ buyNum: "", //买入数量
+ lever: "", //杠杆倍数
+ };
+ },
+ mounted() {
+ this.currentItem = JSON.parse(decodeURIComponent(this.$route.query.item));
+ console.log(this.currentItem);
+ this.getUserInfo();
+ this.getuserSetting();
+ },
+ methods: {
+ onConfirm(item) {
+ console.log(item);
+ this.showPicker = false;
+ this.lever = item.value;
},
- props: {},
- data() {
- return {
- showPicker: false,
- currentItem: '',
- userinfo: '',
- settingdetail: '',
- siteLeverList: [],
- buyType: 0, // 0 买入 1 卖出
- buyNum: '', //买入数量
- lever: '', //杠杆倍数
- }
+ async getuserSetting() {
+ var opt = {};
+ var data = await api.getSetting(opt);
+ this.settingdetail = data.data;
+ this.siteLever = this.settingdetail.siteLever.split("/");
+ this.lever = this.siteLever[0];
+ this.siteLeverList = [];
+ for (let i = 0; i < this.siteLever.length; i++) {
+ let val = this.siteLever[i];
+ let item = {
+ text: val + this.$t("hj112"),
+ value: val,
+ };
+ this.siteLeverList.push(item);
+ }
+ this.buyNum = this.settingdetail.buyMinNum / 100;
},
- mounted() {
- this.currentItem = JSON.parse(decodeURIComponent(this.$route.query.item))
- console.log(this.currentItem)
- this.getUserInfo()
- this.getuserSetting()
+ async getbuyVipQc() {
+ if (this.buyNum * 100 < this.settingdetail.buyMinNum) {
+ this.$message.error(
+ this.$t("hj277") + this.settingdetail.buyMinNum / 100 + "手"
+ );
+ return;
+ }
+ if (this.buyNum * 100 > this.settingdetail.buyMaxNum) {
+ this.$message.error(
+ this.$t("hj278") + this.settingdetail.buyMaxNum / 100 + "手"
+ );
+ return;
+ }
+ var opt = {
+ buyNum: this.buyNum * 100,
+ stockCode: this.currentItem.c,
+ lever: this.lever,
+ buyType: this.buyType,
+ };
+ var data = await api.buyVipQc(opt);
+ if (data.status == 0) {
+ this.$toast(this.$t("hj276"));
+ this.$router.push({
+ path: "/warehouse",
+ });
+ } else {
+ this.$toast(data.msg);
+ }
},
- methods: {
- onConfirm(item) {
- console.log(item)
- this.showPicker = false
- this.lever = item.value
- },
- async getuserSetting() {
- var opt = {};
- var data = await api.getSetting(opt);
- this.settingdetail = data.data;
- this.siteLever = this.settingdetail.siteLever.split("/")
- this.lever = this.siteLever[0];
- this.siteLeverList = [];
- for (let i = 0; i < this.siteLever.length; i++) {
- let val = this.siteLever[i];
- let item = {
- text: val + this.$t('hj112'),
- value: val
- };
- this.siteLeverList.push(item);
- }
- this.buyNum = this.settingdetail.buyMinNum / 100;
- },
- async getbuyVipQc() {
- if (this.buyNum * 100 < this.settingdetail.buyMinNum) {
- this.$message.error(this.$t('hj277') + this.settingdetail.buyMinNum / 100 + '手');
- return
- }
- if (this.buyNum * 100 > this.settingdetail.buyMaxNum) {
- this.$message.error(this.$t('hj278') + this.settingdetail.buyMaxNum / 100 + '手');
- return
- }
- var opt = {
- buyNum: this.buyNum * 100,
- stockCode: this.currentItem.c,
- lever: this.lever,
- buyType: this.buyType,
- };
- var data = await api.buyVipQc(opt);
- if (data.status == 0) {
- this.$toast(this.$t('hj276'));
- this.$router.push({
- path: '/warehouse'
- })
- } else {
- this.$toast(data.msg);
- }
- },
- async getUserInfo() {
- // 获取用户信息
- let data = await api.getUserInfo();
- if (data.status === 0) {
- this.userinfo = data.data;
- }
- },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ this.userinfo = data.data;
+ }
},
-}
+ },
+};
</script>
<style lang="less" scoped>
-/deep/ .van-picker__cancel{
- font-size: 0.4rem;
+/deep/ .van-picker__cancel {
+ font-size: 0.4rem;
}
-/deep/ .van-picker__confirm{
- font-size: 0.4rem;
+/deep/ .van-picker__confirm {
+ font-size: 0.4rem;
}
-/deep/ .van-picker__toolbar{
- height: 1.3rem;
+/deep/ .van-picker__toolbar {
+ height: 1.3rem;
}
-/deep/ .van-picker-column{
- font-size: 0.4rem;
+/deep/ .van-picker-column {
+ font-size: 0.4rem;
}
.headf {
- height: 1.17rem;
- position: fixed;
- background: #197af6;
- top: 0;
- left: 0;
- width: 100%;
- border-bottom: 1px solid #ececec;
- z-index: 33;
+ height: 1.17rem;
+ position: fixed;
+ background: #197af6;
+ top: 0;
+ left: 0;
+ width: 100%;
+ border-bottom: 1px solid #ececec;
+ z-index: 33;
- span {
- position: absolute;
- width: 0.266rem;
- height: 0.45rem;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAVdJREFUSEut1usqBVEYxvH/c1MuRJJDkhwTEpIkJUlyCEk++CJJckpycw49Gs3Wa+y9Z82ePd/Xr5n38KwRNR7bE0APMK1OHdtTwAWQGZcdQbZngPMc+QImK0O2Z4GzgIxLuqoE2Z4DTgMyJuk6K08yZHseOAnIqKSbRo2TINsLwHFARiTdxkaVQrYXgaOADEu6K3a7LWR7CTjMD2XdaYq0rZHtFWA/Rz6BIUn3reau6RvZXgX28kMfOfLQbnj/QbbXgN380HuOPJZtwB/I9jqwE5ABSc9lyJ8a2d4AtgPSL+klBfmFbG8CWwHpk/SaivxAtjMgg7Inq0mvpLcqSHehTOvKpzU+oSvFDlj99gesOJCDkp7Kip+yIknT3XL7C0tbum9lMbIMHKQkQEqwJWVSKZTPWTElq0dt6GYxt6uHf8DqX0cBq39BBqz+lR2w+j8RAfv9rfkGqF24CUdT9E4AAAAASUVORK5CYII=) no-repeat 50%;
- background-size: 100%;
- left: 0.4rem;
- top: 0.37rem;
+ span {
+ position: absolute;
+ width: 0.266rem;
+ height: 0.45rem;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAVdJREFUSEut1usqBVEYxvH/c1MuRJJDkhwTEpIkJUlyCEk++CJJckpycw49Gs3Wa+y9Z82ePd/Xr5n38KwRNR7bE0APMK1OHdtTwAWQGZcdQbZngPMc+QImK0O2Z4GzgIxLuqoE2Z4DTgMyJuk6K08yZHseOAnIqKSbRo2TINsLwHFARiTdxkaVQrYXgaOADEu6K3a7LWR7CTjMD2XdaYq0rZHtFWA/Rz6BIUn3reau6RvZXgX28kMfOfLQbnj/QbbXgN380HuOPJZtwB/I9jqwE5ABSc9lyJ8a2d4AtgPSL+klBfmFbG8CWwHpk/SaivxAtjMgg7Inq0mvpLcqSHehTOvKpzU+oSvFDlj99gesOJCDkp7Kip+yIknT3XL7C0tbum9lMbIMHKQkQEqwJWVSKZTPWTElq0dt6GYxt6uHf8DqX0cBq39BBqz+lR2w+j8RAfv9rfkGqF24CUdT9E4AAAAASUVORK5CYII=)
+ no-repeat 50%;
+ background-size: 100%;
+ left: 0.4rem;
+ top: 0.37rem;
+ }
+
+ .wenebn {
+ text-align: center;
+ width: 8rem;
+ margin: 0 auto;
+
+ h6 {
+ color: #fff;
+ font-size: 0.4rem;
+ padding-top: 0.133rem;
+ font-weight: 500;
}
- .wenebn {
- text-align: center;
- width: 8rem;
- margin: 0 auto;
-
- h6 {
- color: #fff;
- font-size: .4rem;
- padding-top: 0.133rem;
- font-weight: 500;
- }
-
- p {
- font-size: .32rem;
- color: #fff;
- margin-top: 0.133rem;
- }
+ p {
+ font-size: 0.32rem;
+ color: #fff;
+ margin-top: 0.133rem;
}
+ }
}
.goumais {
- width: 9.21rem;
- margin: 0 auto;
+ width: 9.21rem;
+ margin: 0 auto;
- .xiaoge {
- margin-top: 10px;
- display: flex;
- height: 1.50rem;
- justify-content: space-between;
- align-items: center;
- margin: 5px 0;
+ .xiaoge {
+ margin-top: 10px;
+ display: flex;
+ height: 1.5rem;
+ justify-content: space-between;
+ align-items: center;
+ margin: 5px 0;
- span {
- display: flex;
- align-items: center;
- color: #333;
- font-size: .43rem;
- line-height: 1.5rem;
+ span {
+ display: flex;
+ align-items: center;
+ color: #333;
+ font-size: 0.43rem;
+ line-height: 1.5rem;
- img {
- width: 0.43rem;
- height: 0.43rem;
- margin-right: 0.133rem;
- }
- }
-
- .rtyh {
- background-color: rgb(245, 245, 245);
- width: 4.75rem;
- border: 1px solid rgb(224, 224, 224);
- border-radius: 5px;
- display: flex;
-
-
- .kunk {
- border-radius: 0.08rem;
- display: flex;
- align-items: center;
-
- input {
- color: #000;
- font-size: .37rem;
- background-color: rgb(245, 245, 245);
- width: 4rem;
- padding-left: 10px;
- height: 1.07rem !important;
- }
-
- a {
- color: #333;
- font-size: .4rem;
- line-height: 1.07rem;
- margin-right: 0.266rem;
- }
-
- .gangganicon {
- width: 0.26rem;
- height: 0.24rem;
- }
- }
- }
-
- .eduleft {
- display: flex;
- align-items: center;
-
- .eduleftimg {
- width: 0.43rem;
- height: 0.43rem;
- margin-right: 0.13rem;
- }
- }
-
- .eduright {
- justify-content: space-between;
- }
-
- .ertyu {
- color: #333;
- font-size: .4rem;
- line-height: 1.5rem;
- }
+ img {
+ width: 0.43rem;
+ height: 0.43rem;
+ margin-right: 0.133rem;
+ }
}
- .fangxi {
+ .rtyh {
+ background-color: rgb(245, 245, 245);
+ width: 4.75rem;
+ border: 1px solid rgb(224, 224, 224);
+ border-radius: 5px;
+ display: flex;
+
+ .kunk {
+ border-radius: 0.08rem;
display: flex;
- justify-content: space-between;
align-items: center;
- font-size: .4rem;
- text-align: center;
- margin-top: 20px;
- .fanh {
- width: 49%;
- height: 1.07rem;
- line-height: 1.07rem;
- border-radius: 5px;
- color: #999;
- border: 1px solid #e0e0e0;
+ input {
+ color: #000;
+ font-size: 0.37rem;
+ background-color: rgb(245, 245, 245);
+ width: 4rem;
+ padding-left: 10px;
+ height: 1.07rem !important;
}
- .xuk {
- color: #fff;
- background: #197af6;
- border: 1px solid #fff;
+ a {
+ color: #333;
+ font-size: 0.4rem;
+ line-height: 1.07rem;
+ margin-right: 0.266rem;
}
+
+ .gangganicon {
+ width: 0.26rem;
+ height: 0.24rem;
+ }
+ }
}
+
+ .eduleft {
+ display: flex;
+ align-items: center;
+
+ .eduleftimg {
+ width: 0.43rem;
+ height: 0.43rem;
+ margin-right: 0.13rem;
+ }
+ }
+
+ .eduright {
+ justify-content: space-between;
+ }
+
+ .ertyu {
+ color: #333;
+ font-size: 0.4rem;
+ line-height: 1.5rem;
+ }
+ }
+
+ .fangxi {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 0.4rem;
+ text-align: center;
+ margin-top: 20px;
+
+ .fanh {
+ width: 49%;
+ height: 1.07rem;
+ line-height: 1.07rem;
+ border-radius: 5px;
+ color: #999;
+ border: 1px solid #e0e0e0;
+ }
+
+ .xuk {
+ color: #fff;
+ background: #197af6;
+ border: 1px solid #fff;
+ }
+ }
}
.shougu {
- color: rgb(153, 153, 153);
- text-align: right;
+ color: rgb(153, 153, 153);
+ text-align: right;
}
.mail {
- width: 9.21rem;
- height: 1.2rem;
- border-radius: 0.13rem;
- line-height: 1.2rem;
- margin: 0.8rem auto;
- color: #fff;
- font-size: .43rem;
- text-align: center;
- background: #197af6;
+ width: 9.21rem;
+ height: 1.2rem;
+ border-radius: 0.13rem;
+ line-height: 1.2rem;
+ margin: 0.8rem auto;
+ color: #fff;
+ font-size: 0.43rem;
+ text-align: center;
+ background: #197af6;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3