Merge branch 'dev4.6.3.2' of http://192.168.3.207:8080/qmx/jy into dev4.6.3.2

src/jfw/modules/app/src/web/templates/active/yearEndReport/index.html

@@ -70,7 +70,7 @@
                             <img animate-name="show"  class="meteor-bg" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P1/bottom-bg.png">
                         </div>
                         <img animate-name="up" animate-delay="900" class="jy-logo" src="https://www.jianyu360.cn/images/pc/logo.png" alt="">
-                        <div class="next-page"></div>
+<!--                        <div class="next-page"></div>-->
                     </div>
                 </div>
             </div>
@@ -178,7 +178,9 @@
                     <div class="report-page page-5">
                         <div class="item">
                             <div class="this" animate-name="up" animate-delay="200" >近一年</div>
-                            <div class="gongsi" animate-name="up" animate-delay="400" >郑州大学第一附属医院<br>LED显示屏系统</div>
+                            <div class="gongsi" animate-name="up" animate-delay="400" >
+                                <div v-for="(item, index) in pageInfo.focus_project">${item}</div>
+                            </div>
                             <div class="guanzhu" animate-name="up" animate-delay="600" >是你最关注的项目</div>
                             <div class="yun-five">
                                 <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P5/yun-five.png" alt="">
@@ -217,18 +219,20 @@
                                 <p animate-name="up" animate-delay="800" >精准、及时的数据</p>
                                 <p animate-name="up" animate-delay="1000"  style="margin-top: 0.16rem;">都源于剑鱼悄悄的努力</p>
                             </div>
-                            <div class="text-two">
-                                <div class="box" animate-name="up" animate-delay="1100" >
-                                    <p class="p-one">招标信息库</p>
-                                    <span class="s-one">9000万+</span>
-                                    <p class="p-one">项目库</p>
-                                    <span class="s-one">4800万+</span>
-                                </div>
-                                <div class="box" animate-name="up" animate-delay="1200" >
-                                    <p class="p-one">企业库</p>
-                                    <span class="s-one">4500万+</span>
-                                    <p class="p-one">采购单位库</p>
-                                    <span class="s-one">200万+</span>
+                            <div class="kong">
+                                <div class="text-two">
+                                    <div class="box" animate-name="up" animate-delay="1100" >
+                                        <p class="p-one">招标信息库</p>
+                                        <span class="s-one">9000万+</span>
+                                        <p class="p-one">项目库</p>
+                                        <span class="s-one">4800万+</span>
+                                    </div>
+                                    <div class="box" animate-name="up" animate-delay="1200" >
+                                        <p class="p-one">企业库</p>
+                                        <span class="s-one">4500万+</span>
+                                        <p class="p-one">采购单位库</p>
+                                        <span class="s-one">200万+</span>
+                                    </div>
                                 </div>
                             </div>
                             <div class="text-bottom" animate-name="up" animate-delay="1400" >让你不遗漏任何商机</div>
@@ -347,16 +351,12 @@
                             <p class="year" animate-name="up" animate-delay="200" >近一年</p>
                             <div class="you" animate-name="up" animate-delay="400" >慧眼识珠的你,体验了剑鱼</div>
                             <div class="gn" animate-name="up" animate-delay="600" >
-                                <span class="num">17个</span>
+                                <span class="num">${pageInfo.exp_list.length}个</span>
                                 <p class="new">新功能</p>
                             </div>
                             <div class="list" animate-name="up" animate-delay="800" >
-                                <p>免费标讯搜索</p>
-                                <p>超级订阅</p>
-                                <p>大会员</p>
-                                <p>数据导出</p>
-                                <p>行业解决方案</p>
-                                <p>......</p>
+                                <p v-for="item in pageInfo.exp_list.slice(0,5)">${item}</p>
+                                <p v-if="pageInfo.exp_list.length > 5">......</p>
                             </div>
                             <div class="text-bottom">
                                 <div class="text" animate-name="up" animate-delay="1000" >从未枯竭的好奇心</div>
@@ -392,7 +392,7 @@
                                 </div>
                             </div>
                             <div class="btn-next">
-                                <div class="next-page"></div>
+<!--                                <div class="next-page"></div>-->
                             </div>
                         </div>
                     </div>
@@ -428,7 +428,7 @@
                                 <div class="big-zero"><img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P0/big-zero.png" alt=""></div>
                             </div>
                             <div class="btn-next">
-                                <div class="next-page"></div>
+<!--                                <div class="next-page"></div>-->
                             </div>
                         </div>
                     </div>

src/web/staticres/common-module/yearEndReport/css/index.css

@@ -156,10 +156,26 @@ body {
 }
 @keyframes InitMeteorBgIn {
   0% {
+    transform: translate3d(0, 100%, 0)
+  }
+  20% {
     transform: scale(4) translate3d(0, 80%, 0) rotate3d(1, 1, 1, 30deg);
   }
   100% {
-    transform: scale(1);
+    transform: scale(1) translate3d(0, 0, 0);
+  }
+}
+@keyframes MeteorRotate {
+  0% {
+    transform: unset;
+  }
+  100% {
+    transform: scale(3) rotate3d(1, 1, 1, -18deg);
+  }
+}
+@keyframes InLeft {
+  100% {
+    transform: translateX(0.3rem);
   }
 }
 @keyframes RightIn {
@@ -220,10 +236,10 @@ body {
 }
 @keyframes Scale {
   from {
-    transform: scale(1);
+    transform: scale(1) translate3d(0, 0, 0);
   }
   to {
-    transform: scale(1.5);
+    transform: scale(1.5) translate3d(0, 0, 0);
   }
 }
 @keyframes FadeBottomIn {
@@ -351,10 +367,11 @@ body {
 }
 
 .page-1 .meteor-bg.show {
-  animation: InitMeteorBgIn 4s ease-out 1, Scale 10s 5s ease infinite alternate;
+  animation: InitMeteorBgIn 4s ease-out 1 forwards, Scale 10s 5s ease infinite alternate;
 }
 .page-1 .meteor-bg {
   position: absolute;
+  transform: translate3d(0, 100%, 0);
   bottom: 0;
   width: 100%;
 }
@@ -712,7 +729,7 @@ margin-left: 1.54rem;
 .page-5 .text-bottom{
   position: absolute;
   bottom: 1.92rem;
-  right: 1.68rem;
+  left: 1.72rem;
   text-align: center;
 }
 .page-5  p{
@@ -728,6 +745,9 @@ letter-spacing: 4px;
     align-items: center;
     justify-content: center;
 }
+.page-5 .yun-five.show {
+  animation: InLeft 7s infinite alternate linear;
+}
 .page-5 .yun-five{
   position: absolute;
   bottom: 4.88rem;
@@ -735,6 +755,7 @@ letter-spacing: 4px;
   z-index: -1;
 }
 .page-5 .yun-five img{
+  transform: scale(1.1);
   width: 100%;
 }
 .page-5 .ball-five{
@@ -825,19 +846,20 @@ position: absolute;
 bottom: 4.32rem;
 left: 2.8rem;
 }
+.page-6 .kong{
+  width: 100%;
+    text-align: center;
+    position: absolute;
+    bottom: 2.6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
 .page-6 .text-two{
-  width: 5.98rem;
   height: 1.4rem;
   background: #171826;
   border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
   opacity: 0.3;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  position: absolute;
-    bottom: 2.6rem;
-    left: 1.58rem;
     padding: 0.24rem 0.38rem;
 
 }
@@ -883,8 +905,8 @@ position: absolute;
 .page-6 .ball-six{
   position: absolute;
   right: 0;
-    top: 5.48rem;
-    width: 2.74rem;
+    top: 4.7rem;
+    width: 3.7rem;
     z-index: -1;
 }
 .page-6 .ball-six img{
@@ -974,9 +996,12 @@ position: absolute;
 .page-7 .xd-seven{
   position: absolute;
   right: 0;
-  bottom: 1.9rem;
+  bottom: 4.7rem;
   z-index: -1;
 }
+.page-7 .xd-seven img.show {
+  animation: MeteorRotate 22s ease infinite alternate;
+}
 .page-7 .xd-seven img{
   width: 100%;
 }
@@ -1838,3 +1863,9 @@ margin-top: 2.56rem;
 }
 
 /* E第十一页 */
+.jy-report .report-page .text-bottom {
+  left: unset;
+  right: unset;
+  width: 100%;
+  text-align: center;
+}

src/web/templates/active/yearEndReport/index.html

@@ -70,7 +70,7 @@
                             <img animate-name="show"  class="meteor-bg" src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P1/bottom-bg.png">
                         </div>
                         <img animate-name="up" animate-delay="900" class="jy-logo" src="https://www.jianyu360.cn/images/pc/logo.png" alt="">
-                        <div class="next-page"></div>
+<!--                        <div class="next-page"></div>-->
                     </div>
                 </div>
             </div>
@@ -178,9 +178,11 @@
                     <div class="report-page page-5">
                         <div class="item">
                             <div class="this" animate-name="up" animate-delay="200" >近一年</div>
-                            <div class="gongsi" animate-name="up" animate-delay="400" >郑州大学第一附属医院<br>LED显示屏系统</div>
+                            <div class="gongsi" animate-name="up" animate-delay="400" >
+                                <div v-for="(item, index) in pageInfo.focus_project">${item}</div>
+                            </div>
                             <div class="guanzhu" animate-name="up" animate-delay="600" >是你最关注的项目</div>
-                            <div class="yun-five">
+                            <div class="yun-five" animate-name="show" >
                                 <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P5/yun-five.png" alt="">
                             </div>
                             <div class="ball-five">
@@ -246,7 +248,7 @@
                             <div class="year" animate-name="up" animate-delay="200" >近一年</div>
                             <div class="you" animate-name="up" animate-delay="400" >你搜索了</div>
                             <div class="num" animate-name="up" animate-delay="600" >${pageInfo.search_total}次</div>
-                            <div class="xd-seven"><img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
+                            <div class="xd-seven"><img animate-name="show"  class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
                             <div class="text-bottom" animate-name="up" animate-delay="800" >求索力让你的成功触手可及</div>
                             <div class="btn-next">
                                 <div class="next-page"></div>
@@ -347,16 +349,12 @@
                             <p class="year" animate-name="up" animate-delay="200" >近一年</p>
                             <div class="you" animate-name="up" animate-delay="400" >慧眼识珠的你,体验了剑鱼</div>
                             <div class="gn" animate-name="up" animate-delay="600" >
-                                <span class="num">17个</span>
+                                <span class="num">${pageInfo.exp_list.length}个</span>
                                 <p class="new">新功能</p>
                             </div>
                             <div class="list" animate-name="up" animate-delay="800" >
-                                <p>免费标讯搜索</p>
-                                <p>超级订阅</p>
-                                <p>大会员</p>
-                                <p>数据导出</p>
-                                <p>行业解决方案</p>
-                                <p>......</p>
+                                <p v-for="item in pageInfo.exp_list.slice(0,5)">${item}</p>
+                                <p v-if="pageInfo.exp_list.length > 5">......</p>
                             </div>
                             <div class="text-bottom">
                                 <div class="text" animate-name="up" animate-delay="1000" >从未枯竭的好奇心</div>
@@ -392,7 +390,7 @@
                                 </div>
                             </div>
                             <div class="btn-next">
-                                <div class="next-page"></div>
+<!--                                <div class="next-page"></div>-->
                             </div>
                         </div>
                     </div>
@@ -428,7 +426,7 @@
                                 <div class="big-zero"><img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P0/big-zero.png" alt=""></div>
                             </div>
                             <div class="btn-next">
-                                <div class="next-page"></div>
+<!--                                <div class="next-page"></div>-->
                             </div>
                         </div>
                     </div>