|
|
@@ -50,15 +50,15 @@
|
|
|
<div class="slide-inner">
|
|
|
<div class="report-page page-1">
|
|
|
<div class="user-info-group">
|
|
|
- <img animate-name="up" animate-delay="600" class="jy-user-img" :src="pageInfo.user_head" alt="">
|
|
|
- <p animate-name="up" animate-delay="600" class="jy-user-name">Hi~<span>${pageInfo.user_name}</span></p>
|
|
|
+ <img v-show="pageInfo.user_head" @error="pageInfo.user_head = '/images/auto.png'" animate-name="up" animate-delay="600" class="jy-user-img" :src="pageInfo.user_head" alt="">
|
|
|
+ <p animate-name="up" animate-delay="600" class="jy-user-name">Hi~<span v-show="pageInfo.user_name">${pageInfo.user_name}</span></p>
|
|
|
<p animate-name="up" animate-delay="200" class="tip-info">
|
|
|
<span class="text-hello">欢迎来到你的...</span>
|
|
|
<span>2021剑鱼之旅</span>
|
|
|
</p>
|
|
|
<div class="read_pact" animate-name="up" animate-delay="800">
|
|
|
<input @change="changeReadPact" v-model="readPact" type="checkbox" id="read" name="read_pact" value="read_pact">
|
|
|
- <label for="read">同意剑鱼统计我的使用数据，</label><a href="">查看授权协议</a>
|
|
|
+ <label for="read">同意剑鱼统计我的使用数据，</label><a href="/front/staticPage/privacy_rules.html">查看授权协议</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div animate-name="up" animate-delay="500" class="go-report">
|
|
|
@@ -381,8 +381,8 @@
|
|
|
<div class="text-1" style="margin-top: 0.16rem;">跌宕且绮丽的2021已结束</div>
|
|
|
<div class="text-3">凛冬散尽，星河长明</div>
|
|
|
<div class="text-1" style="margin-top: 1.04rem;">为你生成2021年度角色报告</div>
|
|
|
- <div class="btn">
|
|
|
- <div class="sc">生成报告</div>
|
|
|
+ <div animate-name="up" animate-delay="500" class="btn">
|
|
|
+ <div class="go-button" @click="goResult">生成报告</div>
|
|
|
</div>
|
|
|
<div class="xd-twelve">
|
|
|
<img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P12/xd-twelve.png" alt="">
|
|
|
@@ -526,11 +526,13 @@
|
|
|
<script src="https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js"></script>
|
|
|
|
|
|
<!--S-提前需要预加载的资源-->
|
|
|
-<link rel="prefetch" as="html" href="./result.html"/>
|
|
|
+<link rel="prefetch" as="html" href="./yearEndReportResult"/>
|
|
|
<link rel="prefetch" as="script" href="https://cdn-common.jianyu360.com/cdn/lib/html2canvas/1.1.2/dist/html2canvas.min.js"/>
|
|
|
<!--E-提前需要预加载的资源-->
|
|
|
<script>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
function initSwiper() {
|
|
|
var interleaveOffset = 0.5; //视差比值
|
|
|
|
|
|
@@ -686,13 +688,61 @@
|
|
|
}
|
|
|
},
|
|
|
created: function () {
|
|
|
-
|
|
|
+ this.readPact = false
|
|
|
+ this.getPageInfo()
|
|
|
},
|
|
|
mounted: function () {
|
|
|
+ this.readPact = false
|
|
|
initPlayMusic()
|
|
|
initSwiper.bind(this)()
|
|
|
},
|
|
|
methods: {
|
|
|
+ goResult: function () {
|
|
|
+ location.href = './yearEndReportResult'
|
|
|
+ },
|
|
|
+ getPageInfo: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/publicapply/active/yearEndReport',
|
|
|
+ type: 'GET',
|
|
|
+ success: function (res) {
|
|
|
+ console.log(res)
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+ var res = {
|
|
|
+ "error_code": 0,
|
|
|
+ "error_msg": "",
|
|
|
+ "data": {
|
|
|
+ "user_name": "微信",
|
|
|
+ "user_head": "/upload/2021/03/26/2021032609182610879.jpg",
|
|
|
+ "registration_time": 1462779190,
|
|
|
+ "login_days": 108,
|
|
|
+ "active_days": 11,
|
|
|
+ "view_total": 175,
|
|
|
+ "search_total": 67,
|
|
|
+ "follow_total": 17,
|
|
|
+ "active_month": 11,
|
|
|
+ "industry_total": 680708,
|
|
|
+ "exp_list": [
|
|
|
+ "大会员",
|
|
|
+ "超级订阅"
|
|
|
+ ],
|
|
|
+ "focus_project": [
|
|
|
+ "计算机",
|
|
|
+ "信息技术"
|
|
|
+ ],
|
|
|
+ "total_days": 2076,
|
|
|
+ "is_new": false,
|
|
|
+ "result": 7,
|
|
|
+ "share_link": "https://web-wky.jydev.jianyu360.com/active/yearEndReport?from=share"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (res && res.error_msg === '' && res.data) {
|
|
|
+ _this.pageInfo = res.data
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
changeReadPact: function () {
|
|
|
if (this.$swiper.activeIndex === 0 && this.readPact) {
|
|
|
return
|
malin