支付退款

src/component/HomePage/Header.vue

@@ -20,8 +20,8 @@
                     ></div>
                    
                 </div>
-				<div class="header_user_content marLeft2">
-					<!-- <span class="icon iconfont icon-yuyan"></span> -->
+				
+				<!-- <div class="header_user_content marLeft2">
 					<span class="username">{{$t('Header.language')}}</span>
 					<div
                         :class="[
@@ -32,21 +32,27 @@
                         ]"
                         @click.stop="changeLanguage()"
                     ></div>
-				</div>
+				</div> -->
 				<div
+					class="trialApproval button_second credits hideChecked"
+                >
+					Credits : 
+					<span :title="presentAssignment">
+						<!-- <div>{{ String(presentAssignment[presentAssignment.legnth-1]) }}</div> -->
+						<div class="credits_item" v-for="item in String(presentAssignment)" :style="{'transform': 'translateY('+item*-100+'%)'}">
+							<div v-for="numItem in 10">{{ numItem-1 }}</div>
+						</div>
+					</span>
+					<i @click="Assignment" class="fi fi-rr-gift" title="Assignment"></i>
+					<i @click="UpgradePlan" title="Purchase" class="fi fi-rr-shop"></i>
+                </div>
+				<!-- <div
 					v-if="userInfo.userId == 83"
 					class="trialApproval button_second"
                     @click="turnToPage('trialApproval')"
                 >
 					Trial Approval
-                </div>
-				<div
-					class="trialApproval button_second"
-                    @click="UpgradePlan()"
-                >
-					Upgrade Plan
-                </div>
-				
+                </div> -->
             </div>
             <nav class="header_nav_content">
                 <div
@@ -93,10 +99,10 @@
 			<!-- <div class="select_item" @click="showBindEmailModal()">
 				<span class="icon iconfont icon-youxiang"></span><span class="select_item_des">{{$t('Header.bindEmail')}}</span>
 			</div> -->
-			<!-- <div class="select_item" @click.stop="isLanguage = !isLanguage">
+			<div class="select_item" @click.stop="isLanguage = !isLanguage">
 				<span class="icon iconfont icon-yuyan"></span>
 				<span class="select_item_des">{{$t('Header.language')}}</span>
-			</div> -->
+			</div>
 			<div class="select_item" @click="logout()">
 				<span class="icon iconfont icon-tuichu"></span
 				><span class="select_item_des">{{$t('Header.logOff')}}</span>
@@ -225,6 +231,7 @@ export default defineComponent({
             timerSec: null,
             modalWarning: null,
             isLanguage: false,
+
 			language:[
 				{name:'English',value:'ENGLISH'},
 				{name:'中文',value:'CHINESE_SIMPLIFIED'},
@@ -235,9 +242,15 @@ export default defineComponent({
 				// {name:'แบบไทย',value:'THAI'},
 				// {name:'Tiếng Việt',value:'VIETNAMESE'},
 				// {name:'Italiano',value:'ITALIAN'},       
-			]
+			],
+			presentAssignment:String(0),
         };
     },
+	watch: {
+		// presentAssignment(newVal,oldVal){
+		// 	console.log(String(newVal).length);
+		// }
+	},
     mounted() {
         let isTest = getCookie('isTest')//获取是否是试用用户
         this.isTest =JSON.parse(isTest)
@@ -265,10 +278,13 @@ export default defineComponent({
             let noRefresh = name === "home" ? true : false;
             this.$router.push({ name: name, params: { noRefresh: noRefresh } });
         },
-		UpgradePlan(){
+		UpgradePlan(){//购买积分
 			let UpgradePlan = this.$refs.UpgradePlan
 			UpgradePlan.init()
 		},
+		Assignment(){//任务
+			this.presentAssignment = Number(this.presentAssignment) + 123
+		},
         //点击下拉图标出现操作
         changeShowOperateContent() {
             this.isShowOperate = !this.isShowOperate;
@@ -611,7 +627,7 @@ export default defineComponent({
 					margin: .7rem;
 				}
             }
-
+			
             .icon-xiala {
                 font-size: 1.4rem;
                 cursor: pointer;
@@ -625,6 +641,36 @@ export default defineComponent({
                 animation-direction: 0.5s;
             }
         }
+		.credits{
+			font-size: 1.8rem;
+			color: #1a1a1a;
+			font-weight: 900;
+			width: auto;
+			padding: 0 1rem;
+			cursor: auto;
+			display: flex;
+			span{
+				width: 5rem;
+				display: inline-block;
+				overflow: hidden;
+				display: flex;
+				.credits_item{
+					transition: .3s all;
+					div{
+						height: 100%;
+					}
+				}
+			}
+			i{
+				height: 100%;
+				display: inline-block;
+				border-left: .1rem solid ;
+				padding-left: .9rem;
+				margin-left: .9rem;
+				font-size: 1.8rem;
+				cursor: pointer;
+			}
+		}
 		.trialApproval{
 			margin-left: 2rem;
 		}
@@ -643,7 +689,8 @@ export default defineComponent({
 	border: 1px solid #000000;
 	&.select_list{
 		// display: none;
-		transform: translateX(120%);
+		transform: translateX(105%);
+		// transform: translateX(120%);
 	}
 	.select_item {
 		padding-left: 1.5rem;