|
|
@@ -1,29 +1,33 @@
|
|
|
<template>
|
|
|
<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
- <cus-header title='创衡汇教练AI智能体' :showback="false"></cus-header>
|
|
|
+ <cus-header title='创衡汇教练AI智能体' bgColor="transparent" backUrl="/pages/home"></cus-header>
|
|
|
+ <image class="topbg" :src="imgBase+'login_top_bg.png'"></image>
|
|
|
<div class="content">
|
|
|
<div class="c_top">
|
|
|
- <image src="@/static/logo2.png" mode="heightFix"></image>
|
|
|
- <div class="title">Hi，我是企业教练～</div>
|
|
|
- <div class="tip">很高兴遇见你！作为你的AI教练，我随时可以回答您的问题</div>
|
|
|
+ <image :src="imgBase+'logo.png'" mode="heightFix"></image>
|
|
|
+ <div class="title">Hi,我是创衡团队教练助手</div>
|
|
|
+ <div class="tip">可以为您提供PERILL团队评估、团队评估报告分析和团队教练督导对话，期待和您的共创～</div>
|
|
|
<div class="item adf">
|
|
|
- <image src="@/static/qa.png"></image>
|
|
|
<div class="qa">
|
|
|
- <p>智能问答</p>
|
|
|
- <p>正念修己 教练达人，知识推理整合，要点清晰呈现，助力企业打造高价值团队</p>
|
|
|
+ <p>PERILL团队发展动态评估</p>
|
|
|
+ <p>据您对相关陈述的评分，帮助团队从六个维度评估团队的现状。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="item adf">
|
|
|
- <image src="@/static/qs.png"></image>
|
|
|
<div class="qa">
|
|
|
- <p>PERILL模型问题库</p>
|
|
|
- <p>作为团队成员，您可以对所在团队相关描述的体验进行评分，帮助团队有效评估团队的现状</p>
|
|
|
+ <p>AI教练督导对话</p>
|
|
|
+ <p>保持正念教练督导心态，对您的PERILL测评报告或团队教练计划进行启发式沟通。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="c_bottom">
|
|
|
<button class="zt_btn" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">手机号一键登录</button>
|
|
|
- <button class="qx_btn" style="margin-top: 20rpx;" @tap="codeLogin">授权码登录</button>
|
|
|
+ <div class="qx_btn" style="margin-top: 40rpx;" @tap="codeLogin">授权码登录</div>
|
|
|
+ <div class="agree adfacjc" @click="changeAgree">
|
|
|
+ <image :src="imgBase+'not_select.png'" v-if="!agree"></image>
|
|
|
+ <image :src="imgBase+'selected.png'" v-else></image>
|
|
|
+ <div class="text"v>已阅读并同意我们的<span>“服务协议与隐私政策”</span></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<u-popup :show="show" @close="cancel" mode="center" :round="20">
|
|
|
@@ -47,11 +51,13 @@
|
|
|
return {
|
|
|
show:false,
|
|
|
phone:'',
|
|
|
- code:''
|
|
|
+ code:'',
|
|
|
+ agree:false
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
decryptPhoneNumber(e){
|
|
|
+ if(!this.agree) return this.$showToast('请勾选协议与政策')
|
|
|
if(uni.getStorageSync('token')){
|
|
|
uni.reLaunch({
|
|
|
url:'/pages/home'
|
|
|
@@ -61,6 +67,7 @@
|
|
|
if(e.detail.code) this.wxLogin(e.detail.code);
|
|
|
},
|
|
|
codeLogin(){
|
|
|
+ if(!this.agree) return this.$showToast('请勾选协议与政策')
|
|
|
this.show = true;
|
|
|
},
|
|
|
toCodeLogin(){
|
|
|
@@ -114,9 +121,8 @@
|
|
|
uni.reLaunch({ url:'/pages/home' })
|
|
|
},1500)
|
|
|
},
|
|
|
- cancelLogin(){
|
|
|
- // uni.exitMiniProgram();
|
|
|
- uni.reLaunch({ url:'/pages/home' })
|
|
|
+ changeAgree(){
|
|
|
+ this.agree = !this.agree
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -128,6 +134,15 @@
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
+ .topbg{
|
|
|
+ width: 100%;
|
|
|
+ height: 584rpx;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
.content{
|
|
|
padding: 0 45rpx;
|
|
|
flex: 1;
|
|
|
@@ -135,11 +150,13 @@
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
+ position: relative;
|
|
|
|
|
|
.c_top{
|
|
|
+ padding: 0 20rpx;
|
|
|
&>image{
|
|
|
height: 88rpx;
|
|
|
- margin-top: 100rpx;
|
|
|
+ margin-top: 76rpx;
|
|
|
}
|
|
|
.title{
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
@@ -159,13 +176,7 @@
|
|
|
}
|
|
|
.item{
|
|
|
margin-top: 64rpx;
|
|
|
- &>image{
|
|
|
- width: 64rpx;
|
|
|
- height: 64rpx;
|
|
|
- }
|
|
|
.qa{
|
|
|
- width: calc(100% - 64rpx);
|
|
|
- padding-left: 24rpx;
|
|
|
box-sizing: border-box;
|
|
|
p{
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
@@ -188,6 +199,24 @@
|
|
|
.qx_btn{
|
|
|
margin-top: 36rpx;
|
|
|
}
|
|
|
+ .agree{
|
|
|
+ margin-top: 64rpx;
|
|
|
+ image{
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ }
|
|
|
+ .text{
|
|
|
+ margin-left: 8rpx;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #95A5B1;
|
|
|
+ line-height: 44rpx;
|
|
|
+ span{
|
|
|
+ color: #833478;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
