|
|
@@ -5,7 +5,8 @@
|
|
|
<image :src="imgBase+'home_logo.png'" style="width: 200rpx;height: 54rpx;margin-left: 12rpx;"></image>
|
|
|
</view>
|
|
|
</u-navbar>
|
|
|
- <div class="lunbo">
|
|
|
+ <image class="topbg" :src="imgBase+'home_top_bg.png'" mode="widthFix"></image>
|
|
|
+ <view class="lunbo">
|
|
|
<u-swiper
|
|
|
:list="bannarList"
|
|
|
@change="e => current = e.current"
|
|
|
@@ -20,97 +21,95 @@
|
|
|
</view>
|
|
|
</template>
|
|
|
</u-swiper>
|
|
|
- </div>
|
|
|
- <div class="preill adfacjb">
|
|
|
- <div class="preill-box">
|
|
|
- <div class="preill-box-title">我的PREILL评估</div>
|
|
|
- <div class="preill-box-num">{{3}}</div>
|
|
|
- <div class="preill-box-state adfacjb">
|
|
|
- <div class="preill-box-state-pre adfac grey">已完成:<span>{{2}}</span></div>
|
|
|
- <div class="preill-box-state-pre adfac yellow">待完成:<span>{{1}}</span></div>
|
|
|
- </div>
|
|
|
- <div class="preill-box-progress">
|
|
|
- <div class="preill-box-progress-current pbp-yellow" :style="{'width':(2/(2+1)*100)+'%'}"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="preill-box">
|
|
|
- <div class="preill-box-title">我的PREILL报告</div>
|
|
|
- <div class="preill-box-num">{{3}}</div>
|
|
|
- <div class="preill-box-state adfacjb">
|
|
|
- <div class="preill-box-state-pre adfac green">我收到:<span>{{2}}</span></div>
|
|
|
- <div class="preill-box-state-pre adfac grey">我发送:<span>{{1}}</span></div>
|
|
|
- </div>
|
|
|
- <div class="preill-box-progress">
|
|
|
- <div class="preill-box-progress-current pbp-green" :style="{'width':(2/(2+1)*100)+'%'}"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="boxs adfacjb">
|
|
|
- <div class="boxs-pre bp1" @click="toTurn('/pages/dialog')">
|
|
|
- <div class="boxs-pre-title">AI督导对话</div>
|
|
|
- <div class="boxs-pre-tip">全球顶尖团队教练</div>
|
|
|
- </div>
|
|
|
- <div class="boxs-pre bp2">
|
|
|
- <div class="boxs-pre-title">人工报告解读</div>
|
|
|
- <div class="boxs-pre-tip">团队诊断和提升</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="common">
|
|
|
- <div class="common-title">常用功能</div>
|
|
|
- <div class="common-menu adf">
|
|
|
- <div class="common-menu-pre adffcac">
|
|
|
+ </view>
|
|
|
+ <view class="preill adfacjb">
|
|
|
+ <view class="preill-box">
|
|
|
+ <view class="preill-box-title">我的PREILL评估:<span>{{3}}</span></view>
|
|
|
+ <view class="preill-box-state adfacjb">
|
|
|
+ <view class="preill-box-state-pre adfac grey">已完成:<span>{{2}}</span></view>
|
|
|
+ <view class="preill-box-state-pre adfac yellow">待完成:<span>{{1}}</span></view>
|
|
|
+ </view>
|
|
|
+ <view class="preill-box-progress">
|
|
|
+ <view class="preill-box-progress-current pbp-yellow" :style="{'width':(2/(2+1)*100)+'%'}"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="preill-box">
|
|
|
+ <view class="preill-box-title">我的PREILL报告:<span>{{3}}</span></view>
|
|
|
+ <view class="preill-box-state adfacjb">
|
|
|
+ <view class="preill-box-state-pre adfac green">我收到:<span>{{2}}</span></view>
|
|
|
+ <view class="preill-box-state-pre adfac grey">我发送:<span>{{1}}</span></view>
|
|
|
+ </view>
|
|
|
+ <view class="preill-box-progress">
|
|
|
+ <view class="preill-box-progress-current pbp-green" :style="{'width':(2/(2+1)*100)+'%'}"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="boxs adfacjb">
|
|
|
+ <view class="boxs-pre bp1" @click="toTurn('/pages/dialog')">
|
|
|
+ <view class="boxs-pre-title">AI督导对话</view>
|
|
|
+ <view class="boxs-pre-tip">点击开始</view>
|
|
|
+ </view>
|
|
|
+ <view class="boxs-pre bp2">
|
|
|
+ <view class="boxs-pre-title">人工报告解读</view>
|
|
|
+ <view class="boxs-pre-tip">添加客服微信预约</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="common">
|
|
|
+ <view class="common-title">常用功能</view>
|
|
|
+ <view class="common-menu adf">
|
|
|
+ <view class="common-menu-pre adffcac">
|
|
|
<image :src="imgBase+'home_img_pinggu.png'"></image>
|
|
|
<text>PREILL评估</text>
|
|
|
- </div>
|
|
|
- <div class="common-menu-pre adffcac">
|
|
|
+ </view>
|
|
|
+ <view class="common-menu-pre adffcac">
|
|
|
<image :src="imgBase+'home_img_baogao.png'"></image>
|
|
|
<text>PREILL报告</text>
|
|
|
- </div>
|
|
|
- <div class="common-menu-pre adffcac" @click="toTurn('/pagesHome/questionnaire')">
|
|
|
+ </view>
|
|
|
+ <view class="common-menu-pre adffcac" @click="toTurn('/pagesHome/questionnaire')">
|
|
|
<image :src="imgBase+'home_img_guanli.png'"></image>
|
|
|
<text>问卷管理</text>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="new-user-free adffcacjc" v-if="newUserFreeShow">
|
|
|
- <div class="new-user-free-box1">
|
|
|
- <div class="new-user-free-box1-text">PERILL评估</div>
|
|
|
- <div class="new-user-free-box1-text" style="margin-top: 8rpx;">基础版免费体验1次</div>
|
|
|
- </div>
|
|
|
- <div class="new-user-free-box2 adffcac">
|
|
|
- <div class="new-user-free-box2-price adfacjb">
|
|
|
- <div class="new-user-free-box2-price-left adffc">
|
|
|
- <div class="new-user-free-box2-price-left-title">仅限个人创建使用</div>
|
|
|
- <div class="new-user-free-box2-price-left-tip">领取后1年有效</div>
|
|
|
- </div>
|
|
|
- <div class="new-user-free-box2-price-right adffcac">
|
|
|
- <div class="new-user-free-box2-price-right-top">1次</div>
|
|
|
- <div class="new-user-free-box2-price-right-bottom">原价99</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="new-user-free-box2-btn">免费体验</div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="new-user-free adffcacjc" v-if="newUserFreeShow">
|
|
|
+ <view class="new-user-free-box1">
|
|
|
+ <view class="new-user-free-box1-text">PERILL评估</view>
|
|
|
+ <view class="new-user-free-box1-text" style="margin-top: 8rpx;">基础版免费体验1次</view>
|
|
|
+ </view>
|
|
|
+ <view class="new-user-free-box2 adffcac">
|
|
|
+ <view class="new-user-free-box2-price adfacjb">
|
|
|
+ <view class="new-user-free-box2-price-left adffc">
|
|
|
+ <view class="new-user-free-box2-price-left-title">仅限个人创建使用</view>
|
|
|
+ <view class="new-user-free-box2-price-left-tip">领取后1年有效</view>
|
|
|
+ </view>
|
|
|
+ <view class="new-user-free-box2-price-right adffcac">
|
|
|
+ <view class="new-user-free-box2-price-right-top">1次</view>
|
|
|
+ <view class="new-user-free-box2-price-right-bottom">原价99</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="new-user-free-box2-btn">免费体验</view>
|
|
|
+ </view>
|
|
|
<image class="new-user-free-close" :src="imgBase+'new_free_close.png'" @click="newUserFreeShow=false"></image>
|
|
|
- </div>
|
|
|
- <div class="kind-reminder adffcacjc" v-if="teamKindShow">
|
|
|
- <div class="kr-box adffcac">
|
|
|
+ </view>
|
|
|
+ <view class="kind-reminder adffcacjc" v-if="teamKindShow">
|
|
|
+ <view class="kr-box adffcac">
|
|
|
<image :src="imgBase+'remind_close.png'" @click="teamKindShow=false"></image>
|
|
|
- <div class="kr-title">温馨提示</div>
|
|
|
- <div class="kr-p" style="margin-top: 32rpx;">您尚未加入<span>(问卷ID:{{87999}})</span>的团队</div>
|
|
|
- <div class="kr-p">因此无法填写此问卷</div>
|
|
|
- <div class="kr-p">请联系问卷创建者<span>{{'刘怡然'}}</span>将您加入团队</div>
|
|
|
- <div class="kr-btn" @click="teamKindShow=false">我知道了</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="kind-reminder adffcacjc" v-if="questionnaireKindShow">
|
|
|
- <div class="kr-box adffcac">
|
|
|
+ <view class="kr-title">温馨提示</view>
|
|
|
+ <view class="kr-p" style="margin-top: 32rpx;">您尚未加入<span>(问卷ID:{{87999}})</span>的团队</view>
|
|
|
+ <view class="kr-p">因此无法填写此问卷</view>
|
|
|
+ <view class="kr-p">请联系问卷创建者<span>{{'刘怡然'}}</span>将您加入团队</view>
|
|
|
+ <view class="kr-btn" @click="teamKindShow=false">我知道了</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="kind-reminder adffcacjc" v-if="questionnaireKindShow">
|
|
|
+ <view class="kr-box adffcac">
|
|
|
<image :src="imgBase+'remind_close.png'" @click="questionnaireKindShow=false"></image>
|
|
|
- <div class="kr-title">温馨提示</div>
|
|
|
- <div class="kr-p" style="margin-top: 32rpx;">您有一份<span>“PERILL团队评估初级”</span>问卷待完成,请及时填写,</div>
|
|
|
- <div class="kr-p">以便我们为您提供精准分析</div>
|
|
|
- <div class="kr-btn" @click="handleToFill">去填写</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <view class="kr-title">温馨提示</view>
|
|
|
+ <view class="kr-p" style="margin-top: 32rpx;">您有一份<span>“PERILL团队评估初级”</span>问卷待完成,请及时填写,</view>
|
|
|
+ <view class="kr-p">以便我们为您提供精准分析</view>
|
|
|
+ <view class="kr-btn" @click="handleToFill">去填写</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<Tabbar :tabbarIndex="0"></Tabbar>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -193,13 +192,14 @@
|
|
|
}
|
|
|
|
|
|
.tabPage{
|
|
|
- background-image: linear-gradient(to bottom,#EAE7FC 500rpx,#F6F4FF 744rpx,#F7F7F7 100%);
|
|
|
+ background: #F7F7F7;
|
|
|
.topbg{
|
|
|
width: 100%;
|
|
|
height: 720rpx;
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
+ right: 0;
|
|
|
}
|
|
|
|
|
|
.lunbo{
|
|
|
@@ -224,6 +224,9 @@
|
|
|
font-size: 28rpx;
|
|
|
color: #002846;
|
|
|
line-height: 28rpx;
|
|
|
+ span{
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
}
|
|
|
&-num{
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
@@ -234,7 +237,7 @@
|
|
|
margin-top: 24rpx;
|
|
|
}
|
|
|
&-state{
|
|
|
- margin-top: 30rpx;
|
|
|
+ margin-top: 40rpx;
|
|
|
&-pre{
|
|
|
padding-left: 16rpx;
|
|
|
position: relative;
|
|
|
@@ -299,6 +302,7 @@
|
|
|
|
|
|
.boxs{
|
|
|
margin-top: 20rpx;
|
|
|
+ position: relative;
|
|
|
&-pre{
|
|
|
width: calc(50% -11rpx);
|
|
|
padding: 36rpx 124rpx 36rpx 24rpx;
|
|
|
@@ -335,6 +339,7 @@
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 24rpx;
|
|
|
padding: 40rpx 24rpx 48rpx;
|
|
|
+ position: relative;
|
|
|
&-title{
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
font-weight: bold;
|
|
|
@@ -502,7 +507,7 @@
|
|
|
.kr-btn{
|
|
|
width: calc(100% - 80rpx);
|
|
|
height: 88rpx;
|
|
|
- background: #904A87;
|
|
|
+ background: linear-gradient( 90deg, #33A7A7 0%, #64BBBB 100%);;
|
|
|
border-radius: 44rpx;
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
font-weight: bold;
|