From 067883c72b282546402064eb1b78d8618d45b74d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Mon, 21 Apr 2025 17:23:10 +0800
Subject: [PATCH] 1
---
src/page/newUser/index.vue | 286 +++++++++++++++++++++++++++++++++------------------------
1 files changed, 166 insertions(+), 120 deletions(-)
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index 8c3e451..eb1d871 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -2,16 +2,22 @@
<div class="user_page">
<div class="content">
<div class="top_icon">
+
<div class="right_icon">
- <div @click="goToTopUp()">
+ <!-- <div @click="goToTopUp()">
<img src="@/assets/img/qianbao.png" alt />
+ </div> -->
+ <div style="justify-content: flex-end;">
+ <a href="https://t.me/Mc1992023" target="_blank">
+ <img style="width: 0.5rem;height: 0.5rem;" src="@/assets/img/kefu.png" alt />
+ </a>
</div>
- <div @click="goOnline">
- <img src="@/assets/img/kefu.png" alt />
- </div>
+ <!-- <div @click="goOnline" style="justify-content: flex-end;">
+ <img style="width: 0.5rem;height: 0.5rem;" src="@/assets/img/kefu.png" alt />
+ </div> -->
</div>
</div>
- <div class="users" @click="goWall()">
+ <div class="users" @click="goWall()" style="display:none">
<div class="left_tou">
<div class="left_tx">
<div>
@@ -31,26 +37,29 @@
<span>{{ $t('hj49') }}</span>
</div>
<div class="num_price" v-if="userInfo.length == 0">
- ¥0
+ ﷼0
</div>
+
<div class="num_price" v-if="userInfo.length != 0">
<p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
class="account">
- ¥{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
- $store.state.userInfo.userIndexAmt).toFixed(2)
- }}11
+ ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ $store.state.userInfo.userIndexAmt).toFixed(2)
+ }}
</p>
<p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
class="account">
- ¥{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
- $store.state.userInfo.userFuturesAmt).toFixed(2)
- }}22
+ ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ $store.state.userInfo.userFuturesAmt).toFixed(2)
+ }}
</p>
<p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account">¥ {{ $store.state.hide ? '****' :
- Number($store.state.userInfo.userAmt).toFixed(2)
+ class="account">﷼ {{ $store.state.hide ? '****' :
+ regexNum($store.state.userInfo.userAmt)
}}</p>
</div>
+ <div style="text-align: center;">Phone: {{ this.$store.state.userInfo.phone }}</div>
+
<div class="yk es">
<div>
<span>{{ $t('hj55') }}</span>
@@ -65,45 +74,58 @@
</div>
<div class="yk as">
<div>
- <span class="orenge">¥ {{ userInfo.length != 0 ? $store.state.userInfo.allFreezAmt +
- $store.state.userInfo.djzj : 0
+ <span class="orenge">﷼ {{ userInfo.length != 0 ? regexNum($store.state.userInfo.allFreezAmt +
+ $store.state.userInfo.djzj) : 0
}}</span>
</div>
<div v-if="userInfo.length == 0">
<span v-if="!selectUserFlag">
- <span>{{ '¥ 0' }}</span>
+ <span>{{ '﷼ 0' }}</span>
</span>
<span v-else>
- <span>{{ '¥ 0' }}</span>
+ <span>{{ '﷼ 0' }}</span>
</span>
</div>
<div v-if="userInfo.length != 0">
<span v-if="!selectUserFlag">
<span
:class="$store.state.userInfo.allIndexProfitAndLose > 0 ? ' red' : $store.state.userInfo.allIndexProfitAndLose < 0 ? ' green' : ''">{{
- '¥ ' + $store.state.userInfo.allIndexProfitAndLose
+ '﷼ ' + $store.state.userInfo.allIndexProfitAndLose
}}</span>
</span>
<span v-else>
<span
:class="$store.state.userInfo.allProfitAndLose > 0 ? ' red' : $store.state.userInfo.allProfitAndLose < 0 ? ' green' : ''">{{
- '¥ ' + $store.state.userInfo.allProfitAndLose
+ regexNum($store.state.userInfo.allProfitAndLose)
}}</span>
</span>
</div>
<div v-if="userInfo.length == 0">
- <span class="bzz" v-if="!selectUserFlag">{{ '¥ 0' }}</span>
- <span class="bzz" v-else>{{ '¥ 0' }}</span>
+ <span class="bzz" v-if="!selectUserFlag">{{ '﷼ 0' }}</span>
+ <span class="bzz" v-else>{{ '﷼ 0' }}</span>
</div>
<div v-if="userInfo.length != 0">
- <span class="bzz" v-if="!selectUserFlag">{{ '¥ ' + $store.state.userInfo.userIndexAmt }}</span>
- <span class="bzz" v-else>{{ '¥ ' + $store.state.userInfo.userAmt }}</span>
+ <span class="bzz" v-if="!selectUserFlag">{{ '﷼ ' + $store.state.userInfo.enableIndexAmt }}</span>
+ <span class="bzz" v-else>{{ ' ' + regexNum($store.state.userInfo.enableAmt) }}</span>
</div>
</div>
- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
+ <!-- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
<span>{{ selectUserFlag ? $t('hj142') : $t('hj143') }}</span>
+ </div> -->
+ </div>
+ <div class="jy" @click="goWall()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/huazhuan2.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('hj256') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
</div>
</div>
<div class="jy" @click="goToSettings()">
@@ -125,7 +147,7 @@
<img src="../../assets/img/huazhuan2.png" alt />
</div>
<div class="r_title">
- <span>{{ $t('hj145') }}</span>
+ <span>{{ $t('subdka') }}</span>
</div>
</div>
<div class="right_gos">
@@ -208,39 +230,61 @@
</template>
<script>
-import * as api from "@/axios/api";
-import { Toast } from "mint-ui";
-import { isNull, pwdReg } from "@/utils/utils";
-import { MessageBox } from 'mint-ui'
-
+import * as api from '@/axios/api'
+import { Toast, MessageBox } from 'mint-ui'
+import { isNull, pwdReg } from '@/utils/utils'
export default {
- name: "newUser",
+ name: 'newUser',
data() {
return {
- name: "大狗子",
+ name: '大狗子',
selectUserFlag: true,
settingDialog: false,
- oldPassword: "", // 旧密码
- newPassword: "", // 新密码
- cirNewPassword: "", //确认新密码
+ oldPassword: '', // 旧密码
+ newPassword: '', // 新密码
+ cirNewPassword: '', // 确认新密码
userInfo: [],
- onlineService: "",
- };
+ onlineService: ''
+ }
},
components: {
},
created() {
- this.getUserInfo();
- this.getInfoSite();
+ this.getUserInfo()
+ this.getInfoSite()
},
methods: {
+ regexNum(str) {
+ console.log(str);
+ str = str.toString()
+ if (str.indexOf(".") == -1) {
+ str = str + ".00"
+ }
+
+ var newStr = str.split('.')
+ var point = newStr[1]
+
+ if (point.length < 2) {
+ point = point + "0"
+ }
+ var moneyPoint = newStr[0]
+ if (moneyPoint.length <= 3) {
+ return moneyPoint + "." + point
+ } else {
+ var mPoint = moneyPoint.substr(moneyPoint.length - 3, moneyPoint.length)
+ var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3)
+ var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
+ return endString + "," + mPoint + '.' + point;
+
+ }
+ },
goOnline() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
- window.location.href = this.onlineService;
+ this.$router.push('/service')
},
async getInfoSite() {
let data = await api.getInfoSite()
@@ -251,104 +295,104 @@
}
},
goWall() {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
- }
- this.$router.push('/wallet')
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/recharge')
},
handleZh() {
- this.selectUserFlag = !this.selectUserFlag;
+ this.selectUserFlag = !this.selectUserFlag
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
+ if (this.userInfo.length === 0) {
+ this.$store.commit('dialogVisible', true)
+ return
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
},
async getUserInfo() {
// 获取用户信息
- let data = await api.getUserInfo();
+ let data = await api.getUserInfo()
if (data.status === 0) {
// 判断是否登录
- this.$store.commit('dialogVisible', false);
- this.$store.state.userInfo = data.data;
- this.userInfo = data.data;
+ this.$store.commit('dialogVisible', false)
+ this.$store.state.userInfo = data.data
+ this.userInfo = data.data
} else {
- this.$store.commit('dialogVisible', true);
+ this.$store.commit('dialogVisible', true)
}
},
goToTopUp() {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
+ if (this.userInfo.length === 0) {
+ this.$store.commit('dialogVisible', true)
+ return
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
- this.$router.push("/wallet");
+ this.$router.push('/wallet')
},
handleOutLoginClick() {
// 退出登录
- MessageBox.confirm(this.$t('hj149') + '?',this.$t('hj165'), {
+ MessageBox.confirm(this.$t('hj149') + '?', this.$t('hj165'), {
confirmButtonText: this.$t('hj161'),
- cancelButtonText: this.$t('hj106'),
+ cancelButtonText: this.$t('hj106')
}).then(() => {
- this.toRegister();
+ this.toRegister()
}).catch(() => {
- });
+ })
},
goToSettings() {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
- }
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
// 每次打开dialog 清空密码数据
- this.settingDialog = !this.settingDialog;
+ this.settingDialog = !this.settingDialog
if (this.settingDialog) {
- this.oldPassword = "";
- this.newPassword = "";
- this.cirNewPassword = "";
+ this.oldPassword = ''
+ this.newPassword = ''
+ this.cirNewPassword = ''
}
},
handleGoToTransfer() {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
- }
- this.$router.push("/transfers");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/RechargeSure')
},
handleGoToAuthentication() {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
- }
- this.$router.push("/authentications");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/authentications')
},
handleGoToBankCard() {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true);
- return;
- }
- this.$router.push("/bankCard");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/banklist')
},
async toRegister() {
// 注销登陆
- window.localStorage.clear("USERTOKEN"); // 清空本地存储 USERTOKEN字段
- this.clearCookie();
- let data = await api.logout();
+ window.localStorage.removeItem('USERTOKEN') // 清空本地存储 USERTOKEN字段
+ this.clearCookie()
+ let data = await api.logout()
if (data.status === 0) {
// Toast(data.msg)
- this.$router.push("/login");
+ this.$router.push('/login')
} else {
- Toast(data.msg);
+ Toast(data.msg)
}
- this.$router.push("/login");
+ this.$router.push('/login')
},
async changeLoginPsd() {
// 修改密码
@@ -357,39 +401,40 @@
isNull(this.newPassword) ||
isNull(this.cirNewPassword)
) {
- Toast(this.$t('hj154'));
- this.settingDialog = false;
+ Toast(this.$t('hj154'))
+ this.settingDialog = false
} else if (!pwdReg(this.newPassword)) {
- Toast(this.$t('hj19'));
- this.settingDialog = false;
+ Toast(this.$t('hj19'))
+ this.settingDialog = false
} else {
// 修改密码
if (this.newPassword === this.cirNewPassword) {
let opts = {
oldPwd: this.oldPassword,
newPwd: this.newPassword
- };
- let data = await api.changePassword(opts);
+ }
+ let data = await api.changePassword(opts)
if (data.status === 0) {
- this.changeLoginPsdBox = false;
- Toast(data.msg);
- this.settingDialog = false;
+ this.changeLoginPsdBox = false
+ Toast(data.msg)
+ this.settingDialog = false
} else {
- Toast(data.msg);
- this.settingDialog = false;
+ Toast(data.msg)
+ this.settingDialog = false
}
} else {
- Toast(this.$t('hj155'));
- this.settingDialog = false;
+ Toast(this.$t('hj155'))
+ this.settingDialog = false
}
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
}
- }
-};
+ },
+
+}
</script>
<style scoped lang="less">
@@ -418,15 +463,15 @@
align-items: center;
.right_icon {
- width: 25%;
+ width: 17%;
height: 50%;
display: flex;
>div {
- width: 50%;
+ width: 100%;
height: 100%;
display: flex;
- justify-content: center;
+ justify-content: space-between;
align-items: center;
img {
@@ -506,7 +551,7 @@
// height: 5.3846rem;
background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
// background-image: linear-gradient(to right, #ffffff , #dfedfc);
- margin-top: 0.5rem;
+ // margin-top: 0.5rem;
border-radius: 0.15rem;
padding: 0.5rem 0.4rem;
@@ -619,12 +664,12 @@
margin-top: 0.3rem;
.left_gn {
- width: 40%;
+ // width: 40%;
height: 60%;
display: flex;
.l_icon {
- width: 30%;
+ // width: 30%;
height: 100%;
display: flex;
justify-content: center;
@@ -637,12 +682,13 @@
}
.r_title {
- width: 70%;
+ // width: 70%;
height: 100%;
display: flex;
align-items: center;
font-size: 0.4046rem;
color: #404040;
+ padding-left: 0.3rem;
span {
font-weight: 600;
@@ -651,7 +697,7 @@
}
.right_gos {
- width: 20%;
+ // width: 20%;
height: 60%;
display: flex;
align-items: center;
@@ -723,4 +769,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3