dev/dcp-app-gate/pages/profile/profile.vue

<template>
	<view class="rf-category">
		<!--顶部导航栏-->
		<view class="dcp-profile">
			<text style="margin-left: 50upx;line-height: 100upx;font-size: 38upx;">{{i18n.Account}}</text>
		</view>
		<!-- 头像区域 -->
		<view class="dcp-profile-nav">
			<!-- 登录状态 -->
			<view v-if="AuthToken" style="width: 100%;height: 100%;">
				<!-- 上传图片 -->
				<view class="introduceItemImg" @click="uploadImg">
					<image v-show="form.userPic" style="width: 100%;height: 100%; border-radius: 50%;"
						:src="imgURL + form.userPic"></image>
					<image v-show="!form.userPic" style="width: 100%;height: 100%; border-radius: 50%;"
						src="/static/missing-face.png"></image>
				</view>
				<view class="dcp-profile-right">
					<view class="dcp-profile-name">
						<text class="dcp-profile-name1">
							{{Storage_data.username}}
						</text>
					</view>
					<view>
						<text v-if="loginAccount">
							{{salfInfo}}
						</text>
						<!-- 	<text v-else>
							{{salfEmail}}
						</text> -->
					</view>
				</view>
				<!-- <i class="fa fa-angle-right dcp-profile-icon" aria-hidden="true"></i> -->
			</view>
			<!-- 未登录状态 -->
			<view class="" v-else>
				<view class="introduceItemImg" style="backgroundImage: url(../../static/missing-face.png);
				 backgroundSize:130upx 130upx;background-repeat: no-repeat;  border-radius: 50%;">
				</view>

				<view class="dcp-profile-right" @click="toNav">
					<view class="dcp-profile-nameNot">
						<text class="dcp-profile-nameNot1">
							{{$i18n.locale=='zh'?'请登录':'Please login'}}
						</text>
					</view>
				</view>
				<!-- <i class="fa fa-angle-right dcp-profile-icon" aria-hidden="true" @click="toNav"></i> -->
			</view>
		</view>
		<!-- 实名认证 -->
		<!-- 	<view style="background-color: #fff;">
				<view class="Certification">
				<view>{{i18n.RealAuthentication}}</view>
				<view>
					<text class="text_vip">vip</text>
				</view>
				<view class="right yellow_border">
					<i class="fa fa-angle-right" aria-hidden="true"></i>
				</view>
			</view>
		</view> -->
		<u-button v-show="userTypeId" class="get-integrate" type="custom" shape="circle" text="按钮形状"
			@tap="toGetIntegrate">
			<text class="get-text">{{$i18n.locale=='zh'?'签到':'Sign In'}}</text>
		</u-button>
		<view class="new-integrate" v-show="userTypeId">
			<view class="new-integrate-grade  new-content" @tap="toGrade()">
				<view class="user-num"> {{userInfos.level==null?'0':userInfos.level}}</view>
				{{$i18n.locale=='zh'?'等级':'Grade'}}
			</view>
			<view class="new-integrate-account new-content" @tap="toIntegrate()">
				<view class="user-num">{{userInfos.point==null?'0':userInfos.point}}</view>
				{{$i18n.locale=='zh'?'积分':'Integrate'}}
			</view>
			<view class="new-integrate-grow new-content" @tap="toGrowList">
				<view class="user-num">{{userInfos.growthValue==null?'0':userInfos.growthValue}}</view>
				{{$i18n.locale=='zh'?'成长值':'Growth Value'}}
			</view>
		</view>
		<view class="history-section icon">
			<!-- 个人信息 -->
			<list-cell imagesrcnew="/static/zhanghu/user-info.png" :title="i18n.PersonalInformation"
				@eventClick="toPersonalInfo">
			</list-cell>
			<!-- 积分账户 -->
			<list-cell v-show="userTypeId" imagesrcnew="/static/zhanghu/user-inte.png" :title="i18n.IntegrateInfo"
				@eventClick="toIntegrate">
			</list-cell>
			<!-- 积分兑换 -->
			<list-cell v-show="userTypeId" imagesrcnew="/static/zhanghu/user-mine.png" :title="i18n.ConversionDetail"
				@eventClick="toConversion">
			</list-cell>
			<!-- 权益等级 -->
			<list-cell v-show="userTypeId" imagesrcnew="/static/zhanghu/user-grade.png" :title="i18n.PersonGrade"
				@eventClick="toGrade">
			</list-cell>
			<!-- 地址管理 -->
			<list-cell v-show="userTypeId" imagesrcnew="/static/zhanghu/user-address.png" :title="i18n.UserAddress"
				@eventClick="toAddress">
			</list-cell>
			<!-- 语言 -->
			<list-cell imagesrcnew="/static/zhanghu/user-lan.png" :title="i18n.language"
				:tips="$i18n.locale=='zh'?i18n.Chinese:i18n.English" @eventClick="languageChange">
			</list-cell>
			<!-- 设置 -->
			<list-cell imagesrcnew="/static/zhanghu/user-do.png" :title="i18n.setUp" @eventClick="setting()">
			</list-cell>
			<!-- 检查更新 -->
			<!-- <list-cell icon="fa fa-user-o" iconColor="#333" :title="$i18n.locale=='zh'?'检查更新':'check update'" :tips="i18n.currentVersion + '-v1.0.0'"></list-cell> -->
			<!-- 清除缓存 -->
			<list-cell imagesrcnew="/static/zhanghu/user-cls.png" :title="$i18n.locale=='zh'?'清除缓存':'Clear cache'"
				:tips="fileSizeString" @eventClick="ClearCache"></list-cell>
			<!-- 关于我们 -->
			<list-cell imagesrcnew="/static/zhanghu/user-us.png" :title="$i18n.locale=='zh'?'关于我们':'About us'"
				@eventClick="AboutUs()"></list-cell>
			<!-- <view class="border"></view>
			<view> -->
			<!-- <button type="fff" style="">切换账户</button> -->
			<!-- <view class="border"></view> -->
			<!-- <button type="fff" v-if="AuthToken" @click="backLogin">退出登录</button>
			</view> -->
		</view>
		<u-modal v-model="show" :title="i18n.Tips" :confirm-text="i18n.submit" :cancel-text='i18n.cancel'
			@confirm="settingConfirm" :content="$i18n.locale == 'zh' ? '是否登录？' : 'Log in?'" :show-cancel-button="true">
		</u-modal>

		<uni-popup ref="popup" type="center" @change="popupChange">
			<uni-popup-dialog type="input" :content="contentText" :duration="2000" :before-close="true" @close="close"
				@confirm="confirm">
			</uni-popup-dialog>
		</uni-popup>
		<u-toast ref="uToast" />
	</view>
</template>
<script>
	import {
		getDict,
		getProject
	} from '@/api/product';
	import listCell from '@/components/JumpBox';
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import {
		getToken,
		resetToken,
		getNewToken
	} from "@/utils/auth";
	import uniPopupMessage from '@/components/uni-popup/uni-popup-message.vue'
	import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
	import {
		addIntegral,
		addGrowth
	} from '@/components/addPointDetailByTaskDict.js'
	export default {
		components: {
			listCell,
			uniPopup,
			uniPopupMessage,
			uniPopupDialog,
			addIntegral,
			addGrowth
		},

		data() {
			return {
				userTypeId: false,
				userInfoDets: {},
				Storage_data: null,
				AuthToken: null,
				loginAccount: null,
				show: false,
				contentText: null,
				// salfPhone: '',
				// salfEmail: '',
				salfInfo: '',
				fileSizeString: '0B',
				imgURL: 'https://m.geidcp.com/api/file/pub/', // 本地图片地址
				// imgURL: 'https://192.168.1.190/api/fileextend/pub/', // 生产图片地址
				// action: 'http://192.168.1.190/api/file/upload/img?module=personnel', // 本地上传地址
				action: 'https://m.geidcp.com/api/file/pub/', // 生产上传地址
				form: {},
				myHeaders: {
					Authorization: ''
					// Authorization: ('Bearer ' + AuthToken)
				},
				userDetails: {},
				userInfos: {},
			};
		},
		onLoad() {
			this.userInfoDets = JSON.parse(uni.getStorageSync('user'))
			let userType = this.userInfoDets.umsUser.userUsertypeDict
			if (userType !== '2') {
				this.userTypeId = true
				console.log('你好111');
			} else {
				this.userTypeId = false
				console.log('你好啊111');
			}
		},
		async onShow() {
			this.getToken()
			this.getClearCacle();
			let token = uni.getStorageSync('Auth-Token')
			if (token) {
				await this.findBasicInfo()
				this.getUserDetails()
			}
			this.userInfoDets = JSON.parse(uni.getStorageSync('user'))
			let userType = this.userInfoDets.umsUser.userUsertypeDict
			if (userType !== '2') {
				this.userTypeId = true
				console.log('你好222');
			} else {
				this.userTypeId = false
				console.log('你好啊2222');
			}
		},
		computed: {
			i18n() {
				return this.$t('common');
			}
		},
		watch: {
			AuthToken() {}
		},
		methods: {
			getToken() {
				this.AuthToken = uni.getStorageSync('Auth-Token');
				this.Storage_data = JSON.parse(uni.getStorageSync('user'));
				// console.log(this.Storage_data, '==================');
				this.loginAccount = uni.getStorageSync('loginAccount');
				this.myHeaders.Authorization = 'Bearer ' + this.AuthToken;
				if (this.AuthToken) {
					this.findBasicInfo();
					this.hideInfo(this.loginAccount);
				}
				console.log(this.$i18n.locale, ' this is locale 这是中英文版本')
				this.getConText();
				this.getTabBar();
			},
			hideInfo(logAccount) {
				// if (this.Storage_data.umsUser.userMobileStatus == '0') {
				if (logAccount.indexOf('@') == -1) {
					// let moblieNum = this.Storage_data.umsUser.userPreferredMobile;
					if (logAccount.length < 12) {
						this.salfInfo = logAccount.substr(0, 3) + '****' + logAccount.substr(7, 4);
					} else {
						this.salfInfo = logAccount.substr(4, 3) + '****' + logAccount.substr(11, 4);
					}
					console.log(this.salfInfo)
					// this.salfPhone = moblieNum.substr(4, 3) + '****' + moblieNum.substr(11, 4);
				} else {
					// let emailNum = this.Storage_data.umsUser.userEmail;
					this.salfInfo = this.AccountHide(logAccount);
					console.log(this.salfInfo)
				}
			},
			//上传图片
			uploadImg() {
				const that = this;
				uni.chooseImage({
					count: 1, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(chooseImageRes) {
						const tempFilePaths = chooseImageRes.tempFilePaths;
						console.log('chooseImageRes', tempFilePaths);
						console.log(tempFilePaths);
						that.beforeAvatarUpload(chooseImageRes);
						console.log(tempFilePaths[0]);
						console.log(typeof tempFilePaths[0]);
						uni.uploadFile({
							url: that.action, //上传地址
							filePath: tempFilePaths[0],
							name: 'file',
							header: that.myHeaders,
							success: (uploadFileRes) => {
								//图片上传成功
								console.log('uploadFileRes', uploadFileRes);
								that.form.userPic = JSON.parse(uploadFileRes.data).data;
								/* that.handleAvatarSuccess(that.form.userPic);
								//获取头像
								that.findBasicInfo(); */
								that.hand(that.form.userPic)
								addIntegral("point_task_upload_head_portrait", "20");
								addGrowth("point_task_upload_head_portrait")
							}
						});

					}
				});
			},

			async hand(data) {
				await this.handleAvatarSuccess(data);
				//获取头像
				await this.findBasicInfo();
			},
			//上传图片之前
			beforeAvatarUpload(data) {
				const that = this;
				const img = data.tempFiles[0];
				// const isJPG = img.type === 'image/jpeg';
				const isLt2M = img.size / 1024 / 1024 < 2;
				/* if (!isJPG) {
				 this.$message.error('上传头像图片只能是 JPG 格式!');
				 return;
				 }*/
				if (!isLt2M) {
					that.$refs.uToast.show({
						title: that.i18n.uploadInfo,
						type: 'error',
					});
					return;
				}
			},
			//保存图像
			async handleAvatarSuccess(params) {
				let that = this;
				const result = await this.$myRequest({
					url: '/uc/userCenter/saveUserPic',
					data: {
						userPic: params
					},
				});
				if (result.status == '200') {
					console.log('上传提示');
					if (this.$i18n.locale == 'zh') {
						this.$refs.uToast.show({
							// title: that.i18n.uploadSuccess,
							title: '上传成功!',
							type: 'success',
						});
					} else {
						this.$refs.uToast.show({
							// title: that.i18n.uploadSuccess,
							title: 'Upload successful!',
							type: 'success',
						});
					}
				} else {
					if (this.$i18n.locale == 'zh') {
						this.$refs.uToast.show({
							// title: result.msg,
							title: '上传失败!',
							type: 'error',
						});
					} else {
						this.$refs.uToast.show({
							// title: result.msg,
							title: 'Fail to upload!',
							type: 'error',
						});
					}


				}
			},
			//获取已上传的图片
			async findBasicInfo() {
				const result = await this.$myRequest({
					url: '/uc/userCenter/findBasicInfo',
					data: {},
				});
				if (!result.data.userPic) {
					this.form.userPic = "/static/missing-face.png";
				}
				this.form = result.data;
				// console.log(this.form, '====================');
				// this.form.userPic = 'meeting/2020/12/18/4b8e1c488766439e921fb603d99e3078.png?custom=600_390'
				// this.form.userPic = 'https://www.geidcp.com/api/fileextend/pub/meeting/2020/12/18/4b8e1c488766439e921fb603d99e3078.png?custom=600_390'
			},
			// 获取登录用户的信息
			async getUserDetails() {
				const res = await this.$myRequest({
					url: '/uc/umsUserPoints/getUserPoint',
					data: {
						// "userUid": this.form.id
					}
				});
				// console.log(res, '---1--->');
				this.userInfos = res.data.umsUserPoints[0]
			},
			getClearCacle() {
				let that = this;
				// #ifdef APP-PLUS
				plus.cache.calculate(function(size) {
					let sizeCache = parseInt(size);
					if (sizeCache == 0) {
						that.fileSizeString = "0B";
					} else if (sizeCache < 1024) {
						that.fileSizeString = sizeCache + "B";
					} else if (sizeCache < 1048576) {
						that.fileSizeString = (sizeCache / 1024).toFixed(2) + "KB";
					} else if (sizeCache < 1073741824) {
						that.fileSizeString = (sizeCache / 1048576).toFixed(2) + "MB";
					} else {
						that.fileSizeString = (sizeCache / 1073741824).toFixed(2) + "GB";
					}
				});
				// #endif
			},
			AccountHide(email) {
				let altIndex = email.indexOf('@');
				let spotIndex = email.lastIndexOf('.');
				let star = '*';
				let starNum1 = 4;
				let starNum2 = 3;
				let emailHide = '';
				let emailHide1 = '';
				let emailHide2 = '';
				if (altIndex > starNum1) {
					emailHide1 = email.slice(0, altIndex - starNum1) + star.repeat(starNum1);
					if (spotIndex - altIndex - 0 > starNum2) {
						emailHide2 = email.slice(altIndex, altIndex + 1) + star.repeat(starNum2) + email.slice(altIndex +
							starNum1);
					} else {
						emailHide2 = email.slice(altIndex, altIndex + 1) + star.repeat(spotIndex - altIndex - 1) + email
							.slice(
								spotIndex);
					}
				} else {
					emailHide1 = email.slice(0, 1) + star.repeat(altIndex - 1);
					if (spotIndex - altIndex - 0 > starNum2) {
						emailHide2 = email.slice(altIndex, altIndex + 1) + star.repeat(starNum2) + email.slice(altIndex +
							starNum1);
					} else {
						emailHide2 = email.slice(altIndex, altIndex + 1) + star.repeat(spotIndex - altIndex - 1) + email
							.slice(
								spotIndex);
					}

				}
				return emailHide = emailHide1 + emailHide2
			},
			ClearCache() {
				let that = this;
				// #ifdef APP-PLUS


				let os = plus.os.name;
				if (os == 'Android') {
					let main = plus.android.runtimeMainActivity();
					let sdRoot = main.getCacheDir();
					let files = plus.android.invoke(sdRoot, "listFiles");
					let len = files.length;
					for (let i = 0; i < len; i++) {
						let filePath = '' + files[i]; // 没有找到合适的方法获取路径，这样写可以转成文件路径  
						plus.io.resolveLocalFileSystemURL(filePath, function(entry) {
							if (entry.isDirectory) {
								entry.removeRecursively(function(entry) { //递归删除其下的所有文件及子目录  
									uni.showToast({
										title: '缓存清理完成',
										duration: 2000
									});
									that.getClearCacle(); // 重新计算缓存  
								}, function(e) {
									console.log(e.message)
								});
							} else {
								entry.remove();
							}
						}, function(e) {
							console.log('文件路径读取失败')
						});
					}
				} else { // ios  
					plus.cache.clear(function() {
						uni.showToast({
							title: '缓存清理完成',
							duration: 2000
						});
						that.getClearCacle();
					});
				}
				// #endif	
			},
			setting() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/profileSetUp/setUp')
				} else {
					this.show = true;
				}
			},
			AboutUs() {
				this.navTo('/pages/profile/profileSetUp/aboutUs')
			},
			toPersonalInfo() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/profileSetUp/personalInformation')
				} else {
					this.show = true;
				}
			},
			// 签到
			toGetIntegrate() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/personIntegrate/getIntegrate')
				} else {
					this.show = true;
				}
			},
			// 积分账户
			toIntegrate() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/personIntegrate/integrateAccount')
				} else {
					this.show = true;
				}
			},
			// 积分兑换
			toConversion() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/personIntegrate/integrateConversion')
				} else {
					this.show = true;
				}
			},
			// 权益等级
			toGrade() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/personIntegrate/equityGrade')
				} else {
					this.show = true;
				}
			},
			//地址管理
			toAddress() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/personIntegrate/userAddress')
				} else {
					this.show = true;
				}
			},
			// 成长值
			toGrowList() {
				if (this.AuthToken) {
					this.navTo('/pages/profile/personIntegrate/growList')
				} else {
					this.show = true;
				}
			},
			settingConfirm() {
				setTimeout(() => {
					// 3秒后自动关闭
					this.show = false;
					this.navTo('/pages/public/login')
					// 如果不想关闭，而单是清除loading状态，需要通过ref手动调用方法
					// this.$refs.uModal.clearLoading();
				}, 500)
			},
			/* 		backLogin() {
						try {
							uni.removeStorageSync('Auth-Token');
							uni.removeStorageSync('user');
							// uni.redirectTo({
							//     url: '/pages/profile/profile'
							// });

							this.Storage_data = null;
							this.AuthToken = null;
							console.log(this.AuthToken, '========', uni.getStorageSync('Auth-Token'))
							// uni.switchTab({
							//     url: '/pages/profile/profile'
							// });
						} catch (e) {

						};
					}, */
			getTabBar() {
				uni.setTabBarItem({
					index: 0,
					text: this.$t('common.Home')
				});
				uni.setTabBarItem({
					index: 1,
					text: this.$t('common.News')
				});
				uni.setTabBarItem({
					index: 2,
					text: this.$t('common.Find')
				});
				uni.setTabBarItem({
					index: 3,
					text: this.$t('common.Service')
				});
				uni.setTabBarItem({
					index: 4,
					text: this.$t('common.Account')
				});
			},

			// 点击头像判断是否登录
			toNav() {
				if (this.Storage_data) {
					this.navTo('/pages/public/login')
				} else {
					this.navTo('/pages/public/login')
				}
			},
			popupChange() {
				this.getConText();
			},
			getConText() {
				if (this.AuthToken && this.$i18n.locale == 'zh') {
					this.contentText = '检测到您已登录，修改语言设置会同步到账户默认语言中，是否修改？'
				} else if (this.AuthToken && this.$i18n.locale !== 'zh') {
					this.contentText =
						'It is detected that you have logged in. Modifying the language settings will be synchronized to the default language of the account. Do you want to modify it?'
				} else if (!this.AuthToken && this.$i18n.locale !== 'zh') {
					this.contentText = 'Confirm to switch to Chinese?'
				} else {
					this.contentText = '确认切换为英文?'
				};
			},
			async confirm(done) {
				if (this.AuthToken) {
					let res = await this.$myRequest({
						url: '/uc/userCenter/settingLanguage',
						data: {
							language: this.$i18n.locale == 'zh' ? 'en' : 'zh'
						},
					})
					if (res.status == 200) {
						if (this.$i18n.locale == 'zh') {
							uni.setStorageSync("language", 'en')
							this.$i18n.locale = 'en';
						} else {
							uni.setStorageSync("language", 'zh')
							this.$i18n.locale = 'zh';
						}
						this.$refs.uToast.show({
							title: this.$i18n.locale == 'zh' ? '设置成功' : 'set language success',
							type: 'success',
							icon: false
						})
					} else {
						this.$refs.uToast.show({
							title: this.$i18n.locale == 'zh' ? '设置失败' : 'set language fail',
							type: 'error',
							icon: false
						})
					}
				} else {
					if (this.$i18n.locale == 'zh') {
						uni.setStorageSync("language", 'en')
						this.$i18n.locale = 'en';
					} else {
						uni.setStorageSync("language", 'zh')
						this.$i18n.locale = 'zh';
					}
				}



				this.getTabBar();
				done();
			},
			close(done) {
				done();
			},
			languageChange() {
				this.$refs.popup.open();

			},

			navTo(route) {
				this.$mRouter.push({
					route
				});
			},

		}
	};
</script>
<style lang="scss" scoped>
	.rf-category {
		background-color: $color-white;
		/*  #ifdef  APP-PLUS  */
		margin-top: calc(20upx + var(--status-bar-height));

		/*  #endif  */
		.dcp-profile {
			background-color: #1777ff;
			height: 100upx;
			color: $color-white;
		}

		.uni-button[type=fff] {
			color: #323232;
			background-color: #fff;
		}

		.border {
			background-color: #f3f4f6;
			height: 20upx;
			width: 100%;
		}

		.dcp-profile-nav {
			height: 200upx;
			margin: 0 20upx;
			position: relative;
			background-image: url('/static/bgc-user.png');
			background-size: 100%;

			.introduceItemImg {
				width: 130upx;
				height: 130upx;
				position: absolute;
				left: 30upx;
				top: 36upx;

			}

			.dcp-profile-right {
				width: 500upx;
				height: 100%;
				float: right;

				.dcp-profile-nameNot {
					line-height: 100upx;
					margin-top: 48upx;

					.dcp-profile-nameNot1 {
						font-weight: 700;
						color: #515056;
						font-size: 35upx;
					}

				}

				.dcp-profile-name {
					line-height: 80upx;
					margin-top: 36upx;

					.dcp-profile-name1 {
						font-weight: 700;
						color: #515056;
						font-size: 35upx;
					}

					.dcp-profile-name2 {
						color: #f5888d;
						font-size: 26upx;
						padding: 5upx 10upx;
						border: 1px solid #f5888d;
						margin-left: 24upx;
						border-radius: 20upx;
					}
				}

			}

			.dcp-profile-icon {
				position: absolute;
				right: 20upx;
				top: 50upx;
				font-size: 75upx;
				color: #999999;
				font-weight: 400;
			}

		}

		.Certification {
			position: relative;
			/* font-size: 22upx; */
			color: #fff;
			line-height: 45upx;
			height: 160upx;
			border-radius: 15upx;
			margin: 0upx 20upx 0 20upx;

			background-color: #1b76ff;
		}

		.Certification uni-view:nth-of-type(1) {
			font-size: 38upx;
			line-height: 4;
			margin-left: 35upx;
		}

		.Certification uni-view:nth-of-type(2) {
			font-size: 22upx;
			position: relative;
			margin-left: 35upx;
		}

		.Certification uni-view:nth-of-type(2) .text_vip {
			font-size: 92upx;
			color: #6dbaff;
			position: absolute;
			top: -150upx;
			right: 140upx;
		}


		.get-integrate {
			width: 16%;
			height: 50upx;
			line-height: 50upx;
			text-align: center;
			background-color: lightskyblue;
			border: 1upx solid skyblue;
			transform: translateX(230%) translateY(-140%);

			.get-text {
				color: blue;
			}
		}

		.new-integrate {
			position: relative;
			color: #fff;
			line-height: 45upx;
			height: 160upx;
			border-radius: 15upx;
			margin: 0upx 20upx 0 20upx;
			background-color: #1b76ff;
			display: flex;
			justify-content: space-around;

			.new-integrate-grade {
				display: block;
				text-align: center;
				width: 30%;
			}

			.new-content {
				display: block;
				text-align: center;
				width: 30%;
				margin-top: 3%;

				.user-num {
					font-size: 45rpx;
				}
			}
		}

		.yellow_border {
			width: 100upx;
			height: 100upx;
			background-color: #fbe104;
			border-radius: 50%;
			overflow: hidden;
			text-align: center;
			line-height: 100upx;
		}

		.right {
			position: absolute;
			right: 24upx;
			bottom: 45%;
			font-size: 71upx;
			transform: translateY(42%);
		}

		.history-section {
			padding: 10upx 0 0;
			margin-top: 15upx;
			background: #fff;
			border-radius: 10upx;

			.sec-header {
				display: flex;
				align-items: center;
				font-size: $font-base;
				color: $font-color-dark;
				line-height: 40upx;
				margin-left: 30upx;

				.yticon {
					font-size: 44upx;
					color: #5eba8f;
					margin-right: 16upx;
					line-height: 40upx;
				}
			}

			.h-list {
				white-space: nowrap;
				padding: 30upx 30upx 0;

				image {
					display: inline-block;
					width: 160upx;
					height: 160upx;
					margin-right: 20upx;
					border-radius: 10upx;
				}
			}
		}

	}
</style>