采美认证通

src/main/java/com/caimei/www/controller/unlimited/ProductController.java

@@ -38,6 +38,7 @@ public class ProductController extends BaseController {
     private static final String ACTIVITY_TOP_PATH = "activity/activityTopic";
     private static final String CLOUD_BEAUTY_PATH = "activity/beautyTopic";
     private static final String ACTIVITY_COUPON_EXP = "activity/couponExp";
+    private static final String ACTIVITY_ATTESTAION = "activity/attestation";
     /**
      * 优惠券活动商品列表
      */
@@ -346,6 +347,12 @@ public class ProductController extends BaseController {
         return ACTIVITY_COUPON_EXP;
     }
 
+    /**
+     * 认证通页面
+     */
+    @GetMapping("/attestation.html")
+    public String getAttestationPath() { return ACTIVITY_ATTESTAION; }
+
     /**
      * H5配套商品页
      */

src/main/resources/static/css/activity/attestation.css

@@ -0,0 +1,275 @@
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+    .section_banner{width: 100%;height: 420px;background: url("/img/activity/attestation/banner.jpg");background-size: cover;box-sizing: border-box;padding-top: 140px;}
+    .section_banner h1{font-size: 60px;line-height: 36px;margin-bottom: 30px;text-align: center;color: #FFFFFF;}
+    .section_banner p{font-size: 36px;line-height: 36px;margin-bottom: 30px;text-align: center;color: #FFFFFF;}
+    .section{width: 100%;}
+    .inner{width: 1200px;margin: 0 auto;}
+    .section_main{width: 100%;box-sizing: border-box;}
+    /*section_main 01*/
+    .section_main.one{height: 723px;background-color: #FFFFFF;padding: 80px 0;}
+    .section_main.one .title{width: 100%;margin-bottom: 80px;}
+    .section_main.one .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
+    .section_main.one .section_content{width: 100%;height: 404px;box-sizing: border-box;}
+    .section_main.one .section_content .image{width: 568px;height: 404px;float: left;}
+    .section_main.one .section_content .image img{width: 100%;height: 100%;display: block;}
+    .section_main.one .section_content .text{width: 476px;height: 100%;box-sizing: border-box;padding: 62px 0 0 0;float: right;}
+    .section_main.one .section_content .text .h1{font-size: 28px;line-height: 36px;color: #464646;text-align: justify;margin-bottom: 52px;}
+    .section_main.one .section_content .text p{font-size: 16px;line-height: 32px;color: #707070;padding-left: 10px;position: relative;}
+    .section_main.one .section_content .text p:before{content: '';width: 6px;height: 6px;background-color: #D4D4D4;position: absolute;left: 0;top: 13px;border-radius: 50%;}
+    /*section_main 02*/
+    .section_main.two{height: 560px;background-color: #FFF8F9;padding: 98px 0;}
+    .section_main.two .title{width: 100%;margin-bottom: 115px;}
+    .section_main.two .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
+    .section_main.two .title p{line-height: 40px;text-align: center;font-size: 16px;color: #707070;font-weight: normal;}
+    .section_main.two .section_content{width: 100%;height: 140px;box-sizing: border-box;}
+    .section_main.two .section_content .section_li{width: 100px;height: 140px;float: left;margin: 0 100px;}
+    .section_main.two .section_content .section_li .li_icon{width: 100px;height: 100px;display: block;margin-bottom: 30px;}
+    .section_main.two .section_content .section_li p{line-height: 20px;font-size: 20px;color: #333333;text-align: center;}
+    /*section_main 03*/
+    .section_main.three{height: 720px;background: url("/img/activity/attestation/section_image_bg.png");background-size: cover;padding: 100px 0;}
+    .section_main.three .title{width: 100%;margin-bottom: 106px;}
+    .section_main.three .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #FFFFFF;font-weight: normal;}
+    .section_main.three .section_content{width: 100%;height: auto;box-sizing: border-box;}
+    .section_main.three .section_content .text-left{width:757px;float: left;}
+    .section_main.three .section_content .text-right{width:443px;float: left;}
+    .section_main.three .section_content .text-left .text-ti{width:100%;height:62px;margin-bottom: 84px;}
+    .section_main.three .section_content .text-left .text-ti-a{width:200px;height:62px;box-sizing:border-box;float: left;border: 1px solid transparent;margin-left: 48px;text-align: center;line-height: 60px;font-size: 24px;color: #FFFFFF;opacity: 0.7;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
+    .section_main.three .section_content .text-left p{width: 100%;padding-left: 46px;height: 23px;line-height: 23px;font-size: 18px;color: #FFFFFF;position: relative;margin-bottom: 66px;opacity: 0.7;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
+    .section_main.three .section_content .text-left p:before{content: '';width: 23px;height: 23px;background: url(/img/activity/attestation/section_icon_x.png);position: absolute;left: 0;top: 0;border-radius: 50%;}
+    .section_main.three .section_content .text-right .text-ti{width:100%;height:62px;margin-bottom: 84px;}
+    .section_main.three .section_content .text-right .text-ti-a{width:200px;height:62px;box-sizing:border-box;float: left;border: 1px solid transparent;margin-left: 48px;text-align: center;line-height: 62px;font-size: 24px;color: #FFFFFF;opacity: 0.7;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
+    .section_main.three .section_content .text-right p{width: 100%;padding-left: 46px;height: 23px;line-height: 23px;font-size: 18px;color: #FFFFFF;position: relative;margin-bottom: 66px;opacity: 0.7;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
+    .section_main.three .section_content .text-right p:before{content: '';width: 23px;height: 23px;background: url(/img/activity/attestation/section_icon_d.png);position: absolute;left: 0;top: 0;border-radius: 50%;}
+    .section_main.three .section_content .text-left:hover p{opacity: 1;}
+    .section_main.three .section_content .text-left:hover .text-ti-a{border: 1px solid #FFFFFF;opacity: 1;}
+    .section_main.three .section_content .text-right:hover p{opacity: 1;}
+    .section_main.three .section_content .text-right:hover .text-ti-a{border: 1px solid #FFFFFF;opacity: 1;}
+    /*section_main 04*/
+    .section_main.four{height: 838px;background-color: #FFFFFF;padding: 100px 0;}
+    .section_main.four .title{width: 100%;margin-bottom: 100px;}
+    .section_main.four .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
+    .section_main.four .section_content{width: 100%;height: 460px;box-sizing: border-box;}
+    .section_main.four .section_content .section_li{width: 390px;height: 460px;float: left;position: relative;margin-right: 15px;box-sizing: border-box;border-radius: 4px;float: left; vertical-align: top;perspective: 1000px;}
+    .section_main.four .section_content .section_li:last-child{margin-right: 0;}
+    .section_main.four .section_content .section_li .box{position: absolute;height: 100%;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform-style: preserve-3d;transition: ease-in-out 600ms;}
+    .section_main.four .section_content .section_li .bg{width: 100%;height: 460px;background-size: 100% 100%;}
+    .section_main.four .section_content .section_li .front{box-sizing: border-box;padding-top: 149px;border:1px solid #D4D4D4;border-radius: 4px;}
+    .section_main.four .section_content .section_li .front .icon{width: 100px;height: 100px;display: block;margin: 0 auto;margin-bottom: 43px;}
+    .section_main.four .section_content .section_li .front p{text-align: center;font-size: 20px;line-height: 20px;color: #333333;}
+    .section_main.four .section_content .section_li .back{transform: rotateY(-180deg);}
+    .section_main.four .section_content .section_li .back .content-box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding-top: 179px;}
+    .section_main.four .section_content .section_li .back .content-box h1{line-height: 20px;font-size: 20px;text-align: center;color: #FFFFFF;margin-bottom: 56px;font-weight: normal;}
+    .section_main.four .section_content .section_li .back .content-box .line{width: 32px;height: 2px;background: #FFFFFF;margin: 0 auto;margin-bottom: 55px;}
+    .section_main.four .section_content .section_li .back .content-box p{line-height: 20px;font-size: 16px;text-align: center;color: #FFFFFF;margin-bottom: 16px;}
+    .section_main.four .section_content .section_li .back .bg1{background-image: url(/img/activity/attestation/section_image_1.png);}
+    .section_main.four .section_content .section_li .back .bg2{background-image: url(/img/activity/attestation/section_image_2.png);}
+    .section_main.four .section_content .section_li .back .bg3{background-image: url(/img/activity/attestation/section_image_3.png);}
+    .section_main.four .section_content .section_li:hover .front{transform: rotateY(180deg);}
+    .section_main.four .section_content .section_li:hover .back{transform: rotateY(0deg);}
+    /*section_main 05*/
+    .section_main.five{height: 700px;background: #F7F7F7;padding: 100px 0;}
+    .section_main.five .title{width: 100%;margin-bottom: 106px;}
+    .section_main.five .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
+    .section_main.five .section_content{width: 100%;height: 333px;box-sizing: border-box;}
+    .section_main.five .section_content .text-left{width:632px;float: left;margin-right: 234px;}
+    .section_main.five .section_content .text-left img{width:632px;height: 333px;display: block;transform-style: preserve-3d;transition: ease-in-out 400ms;}
+    .section_main.five .section_content .text-right{float: left;box-sizing: border-box;padding-top: 90px;}
+    .section_main.five .section_content .text-right .text-right-text{width: 325px;height: 123px;position: relative;}
+    .section_main.five .section_content .text-right .text-right-text img{width: 130px;height: 123px;display: block;}
+    .section_main.five .section_content .text-right .text-right-text .p{line-height: 28px;font-size: 28px;text-align: center;color: #464646;position: absolute;top: 45px;right: 0;}
+    .section_main.five .section_content:hover .text-left img{transform: translateY(-20px);}
+    /*section_main 06*/
+    .section_main.six{height: 700px;background: #FFFFFF;padding: 115px 0;}
+    .section_main.six .section_content{width: 100%;height: 467px;box-sizing: border-box;}
+    .section_main.six .section_content .text-left{float: left;box-sizing: border-box;padding-top: 130px;}
+    .section_main.six .section_content .text-left .text-right-text{width: 325px;height: 123px;position: relative;}
+    .section_main.six .section_content .text-left .text-right-text img{width: 148px;height: 123px;display: block;}
+    .section_main.six .section_content .text-left .text-right-text .p{line-height: 28px;font-size: 28px;text-align: center;color: #464646;position: absolute;top: 45px;right: 0;}
+    .section_main.six .section_content .text-right{width:633px;float: right;}
+    .section_main.six .section_content .text-right img{width:632px;height: 467px;display: block;transform-style: preserve-3d;transition: ease-in-out 400ms;}
+    .section_main.six .section_content:hover .text-right img{transform: translateY(-20px);}
+    /*section_main 07*/
+    .section_main.seven{height: 700px;background: #F7F7F7;padding: 100px 0;}
+    .section_main.seven .section_content{width: 100%;height: 497px;box-sizing: border-box;}
+    .section_main.seven .section_content .text-left{width:697px;float: left;margin-right: 176px;}
+    .section_main.seven .section_content .text-left img{width:697px;height: 497px;display: block;transform-style: preserve-3d;transition: ease-in-out 400ms;}
+    .section_main.seven .section_content .text-right{float: left;box-sizing: border-box;padding-top: 162px;}
+    .section_main.seven .section_content .text-right .text-right-text{width: 325px;height: 123px;position: relative;}
+    .section_main.seven .section_content .text-right .text-right-text img{width: 146px;height: 123px;display: block;}
+    .section_main.seven .section_content .text-right .text-right-text .p{line-height: 28px;font-size: 28px;text-align: center;color: #464646;position: absolute;top: 45px;right: 0;}
+    .section_main.seven .section_content:hover .text-left img{transform: translateY(-20px);}
+    /*section_main 08*/
+    .section_main.eight{height: 818px;background: #FFFFFF;padding: 100px 0;}
+    .section_main.eight .title{width: 100%;margin-bottom: 71px;}
+    .section_main.eight .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
+    .section_main.eight .section_content{width: 100%;height: 483px;box-sizing: border-box;}
+    .section_main.eight .section_content img{width:987px;height: 483px;display: block;margin: 0 auto;transform-style: preserve-3d;transition: ease-in-out 400ms;}
+    .section_main.eight .section_content:hover img{transform: translateY(-20px);}
+    /*section_main 09*/
+    .section_main.nine{height: 594px;background: #F7F7F7;padding: 79px 0;}
+    .section_main.nine .title{width: 100%;margin-bottom: 99px;}
+    .section_main.nine .title h1{line-height: 40px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
+    .section_main.nine .section_content{width: 100%;box-sizing: border-box;}
+    .section_main.nine .section_content .section_li{width: 280px;height: 126px;float: left;box-sizing: border-box;margin-right: 25px;margin-bottom: 24px;padding: 0 73px;background-color: #FFFFFF;}
+    .section_main.nine .section_content .section_li:nth-child(4n){margin-right: 0;}
+    .section_main.nine .section_content .section_li img{width: 126px;height: 126px;display: block;-webkit-transform: scale(.9);-moz-transform: scale(.9);-ms-transform: scale(.9);-o-transform: scale(.9);transform: scale(.9);-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
+    .section_main.nine .section_content .section_li:hover img{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
+    .section_main.nine .section_content .section_li:hover{-webkit-box-shadow: 0 1px 8px 3px rgb(0 0 0 / 10%);-moz-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1);box-shadow: 0 1px 8px 3px rgb(0 0 0 / 10%);}
+    /*侧边栏-联系我们*/
+    .section-tel{width: 52px;height: 92px;position: fixed;right: 0;top: 50%;z-index: 99;border-radius: 2px;box-shadow: 0px 2px 12px 0px rgba(43, 43, 43, 0.1);}
+    .section-tel .box{width: 52px;height: 46px;background: #FFFFFF;box-sizing: border-box;padding: 9px 12px;cursor: pointer;position: relative;}
+    .section-tel .box .code{width: 27px;height: 27px;background:#FFFFFF url("/img/activity/attestation/code_1.png");background-size: cover;-o-transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
+    .section-tel .box .tel{width: 26px;height: 28px;background:#FFFFFF url("/img/activity/attestation/phone_1.png");background-size: cover;-o-transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
+    .section-tel .box .box-code{width: 148px;height: 170px;box-sizing: border-box;padding: 17px 24px;background-color:#FFFFFF;position: absolute;left: -173px;top: -78px;display: none;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;border-radius: 4px;box-shadow: 0px 2px 12px 0px rgba(43, 43, 43, 0.1);}
+    .section-tel .box .box-code:before{content: '';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #FFFFFF;position: absolute;right:-10px;top: 50%;}
+    .section-tel .box .box-code p{text-align: center;line-height: 20px;font-size: 14px;color: #333333;margin-bottom: 12px;}
+    .section-tel .box .box-code img{width: 100px;height: 100px;display: block;}
+    .section-tel .box .box-tel{width: 180px;height: 70px;box-sizing: border-box;padding: 20px 10px;background-color: #FFFFFF;position: absolute;left: -210px;top: -20px;display: none;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;border-radius: 4px;box-shadow: 0px 2px 12px 0px rgba(43, 43, 43, 0.1);}
+    .section-tel .box .box-tel:before{content: '';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #FFFFFF;position: absolute;right:-10px;top: 44%;}
+    .section-tel .box .box-tel p{text-align: center;line-height: 30px;font-size: 20px;color: #BC1724;}
+    .section-tel .box:hover{background:#BC1724;}
+    .section-tel .box.code:hover .code{background:#BC1724 url("/img/activity/attestation/code_2.png");}
+    .section-tel .box.tel:hover .tel{background:#BC1724 url("/img/activity/attestation/phone_2.png");}
+    .section-tel .box.code:hover .box-code{left: -159px;display: block;}
+    .section-tel .box.tel:hover .box-tel{left: -190px;display: block;}
+    /*底部*/
+    .foot{width:100%;height:130px;background:#262626;}
+    .footer{width:1190px;margin:0 auto;text-align:center;height: 130px;box-sizing: border-box;padding: 39px 0;}
+    .footer p{line-height: 30px;color: #FFFFFF;}
+    .footer p span{margin:0 5px}
+    .footer p span img.icp{width: 18px;height: 18px;display: inline-block;}
+
+
+}
+/**
+* 移动端
+*/
+@media screen and (max-width:768px){
+    .section_banner{width: 100%;height: 42vw;background: url("/img/activity/attestation/banner_h5.png");background-size: cover;box-sizing: border-box;padding-top: 11vw;}
+    .section_banner h1{font-size: 6.4vw;line-height: 36px;margin-bottom: 4.3vw;text-align: center;color: #FFFFFF;}
+    .section_banner p{font-size: 4vw;line-height: 4vw;text-align: center;color: #FFFFFF;}
+    .section{width: 100%;}
+    .inner{width: 100%;}
+    .section_main{width: 100%;box-sizing: border-box;}
+    /*section_main 01*/
+    .section_main.one{height: 131.3vw;background-color: #FFFFFF;padding: 10.5vw 0;}
+    .section_main.one .title{width: 100%;margin-bottom: 10vw;}
+    .section_main.one .title h1{line-height: 4.9vw;text-align: center;font-size: 4.8vw;color: #333333;font-weight: normal;}
+    .section_main.one .section_content{width: 100%;height: auto;box-sizing: border-box;}
+    .section_main.one .section_content .image{width: 72.7vw;height: 51.7vw;margin: 0 auto;margin-bottom: 10vw;}
+    .section_main.one .section_content .image img{width: 100%;height: 100%;display: block;}
+    .section_main.one .section_content .text{width: 100%;height: auto;box-sizing: border-box;padding:0 14.4vw;}
+    .section_main.one .section_content .text .h1{font-size: 4vw;line-height: 5.2vw;font-weight: bold; color: #464646;text-align: justify;margin-bottom: 5.2vw;}
+    .section_main.one .section_content .text p{font-size: 3vw;line-height: 6.6vw;color: #707070;padding-left: 3vw;position: relative;}
+    .section_main.one .section_content .text p:before{content: '';width: 6px;height: 6px;background-color: #D4D4D4;position: absolute;left: 0;top: 2.4vw;border-radius: 50%;}
+    /*section_main 02*/
+    .section_main.two{height: 93vw;background-color: #FFF8F9;padding: 8vw 0 0 0;}
+    .section_main.two .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.two .title h1{line-height: 8.6vw;text-align: center;font-size: 5vw;color: #333333;font-weight: normal;}
+    .section_main.two .title p{line-height: 4.8vw;text-align: center;font-size: 3.4vw;color: #707070;font-weight: normal;}
+    .section_main.two .section_content{width: 100%;height: auto;box-sizing: border-box;}
+    .section_main.two .section_content .section_li{width: 16.4vw;height: auto;float: left;margin: 0 16vw;margin-bottom: 6vw;}
+    .section_main.two .section_content .section_li .li_icon{width: 16.4vw;height: 16.4vw;display: block;margin-bottom: 2vw;}
+    .section_main.two .section_content .section_li p{line-height: 6vw;font-size: 3.2vw;color: #333333;text-align: center;}
+    /*section_main 03*/
+    .section_main.three{height: 90vw;background: url("/img/activity/attestation/section_image_bg_h5.png");background-size: cover;padding: 10vw 0 0 0;}
+    .section_main.three .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.three .title h1{line-height: 4.9vw;text-align: center;font-size: 5.2vw;color: #FFFFFF;font-weight: normal;}
+    .section_main.three .section_content{width: 100%;height: auto;box-sizing: border-box;padding: 0 7vw;overflow: hidden;}
+    .section_main.three .section_content .text-left{width:44%;float: left;box-sizing: border-box;margin-right:7vw;}
+    .section_main.three .section_content .text-right{width:44%;float: left;box-sizing: border-box;}
+    .section_main.three .section_content .text-left .text-ti{width:100%;height:6.4vw;margin-bottom: 4vw;}
+    .section_main.three .section_content .text-left .text-ti-a{width:200px;height:6.4vw;box-sizing:border-box;float: left;margin-left: 6vw;text-align: left;line-height: 6.4vw;font-size: 4vw;color: #FFFFFF;}
+    .section_main.three .section_content .text-left p{width: 100%;padding-left: 5vw;height:auto;line-height: 6vw;font-size: 2.4vw;color: #FFFFFF;position: relative;margin-bottom: 4vw;}
+    .section_main.three .section_content .text-left p:before{content: '';width:3.6vw;height: 3.6vw;background: url(/img/activity/attestation/section_icon_x.png);background-size: cover;position: absolute;left: 0;top: 4vw;border-radius: 50%;}
+    .section_main.three .section_content .text-right .text-ti{width:100%;height:6.4vw;margin-bottom: 4vw;}
+    .section_main.three .section_content .text-right .text-ti-a{width:200px;height:6.4vw;box-sizing:border-box;float: left;margin-left: 6vw;text-align: left;line-height: 6.4vw;font-size: 4vw;color: #FFFFFF;}
+    .section_main.three .section_content .text-right p{width: 100%;padding-left: 5vw;height:auto;line-height: 6vw;font-size: 2.4vw;color: #FFFFFF;position: relative;margin-bottom: 4vw;}
+    .section_main.three .section_content .text-right p:before{content: '';width:3.6vw;height: 3.6vw;background: url(/img/activity/attestation/section_icon_d.png);background-size: cover;position: absolute;left: 0;top: 4vw;border-radius: 50%;}
+    /*section_main 04*/
+    .section_main.four{height: 142.3vw;background-color: #FFFFFF;padding: 10vw 0 0 0;}
+    .section_main.four .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.four .title h1{line-height: 4.9vw;text-align: center;font-size: 4.8vw;color: #333333;font-weight: normal;}
+    .section_main.four .section_content{width: 100%;height:auto;box-sizing: border-box;padding: 0 7vw;}
+    .section_main.four .section_content .section_li{width: 100%;height: 40vw;border-bottom: 1px solid #E1E1E1;box-sizing: border-box;padding: 0 12vw;}
+    .section_main.four .section_content .section_li:last-child{border-bottom: none;}
+    .section_main.four .section_content .section_li .li_icon{width:18.8vw;height: 40vw;float: left;box-sizing: border-box;padding: 10vw 0;margin-right: 9vw;}
+    .section_main.four .section_content .section_li .li_text{float: left;box-sizing: border-box;padding: 8vw 0;}
+    .section_main.four .section_content .section_li .li_text h1{line-height: 6vw;text-align: left;font-size: 4vw;color: #333333;font-weight: normal;margin-bottom: 2vw;}
+    .section_main.four .section_content .section_li .li_text p{line-height: 4.9vw;text-align: left;font-size: 3.2vw;color: #808080;}
+    .section_main.four .section_content .section_li.li02 .li_text{margin-right: 9vw;}
+    .section_main.four .section_content .section_li.li02 .li_icon{margin-right: 0vw;}
+    /*section_main 05*/
+    .section_main.five{height: 66vw;background: #F7F7F7;padding: 10vw 0 0 0;box-sizing: border-box;}
+    .section_main.five .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.five .title h1{line-height: 4.9vw;text-align: center;font-size: 4.8vw;color: #333333;font-weight: normal;}
+    .section_main.five .section_content{width: 100%;height: 27.6vw;box-sizing: border-box;padding: 0 7vw;}
+    .section_main.five .section_content .text-left{width:48.2vw;float: left;margin-right: 6vw;}
+    .section_main.five .section_content .text-left img{width:48.2vw;height: 27.6vw;display: block;}
+    .section_main.five .section_content .text-right{float: left;box-sizing: border-box;padding-top: 5vw;}
+    .section_main.five .section_content .text-right .text-right-text{width: 30.5vw;height: 12.3vw;position: relative;}
+    .section_main.five .section_content .text-right .text-right-text img{width: 13vw;height:12.3vw;display: block;}
+    .section_main.five .section_content .text-right .text-right-text .p{line-height: 4.8vw;font-size: 3.2vw;text-align: center;color: #464646;position: absolute;top:4vw;right: -3vw;}
+    /*section_main 06*/
+    .section_main.six{height: 50.2vw;background: #FFFFFF;padding: 10vw 0 0 0;box-sizing: border-box;}
+    .section_main.six .section_content{width: 100%;height: 33.9vw;box-sizing: border-box;padding: 0 7vw;}
+    .section_main.six .section_content .text-left{float: left;box-sizing: border-box;padding-top:10vw;}
+    .section_main.six .section_content .text-left .text-right-text{width: 30.5vw;height:12.3vw;position: relative;}
+    .section_main.six .section_content .text-left .text-right-text img{width: 14.8vw;height: 12.3vw;display: block;}
+    .section_main.six .section_content .text-left .text-right-text .p{line-height: 4.8vw;font-size: 3.2vw;text-align: center;color: #464646;position: absolute;top:4vw;right: -3vw;}
+    .section_main.six .section_content .text-right{width:48.2vw;float: right;}
+    .section_main.six .section_content .text-right img{width:48.2vw;height: 34.7vw;display: block;}
+    /*section_main 07*/
+    .section_main.seven{height: 58vw;background: #F7F7F7;padding: 10vw 0 0 0;}
+    .section_main.seven .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.seven .title h1{line-height: 4.9vw;text-align: center;font-size: 4.8vw;color: #333333;font-weight: normal;}
+    .section_main.seven .section_content{width: 100%;height: 34.7vw;box-sizing: border-box;padding: 0 7vw;}
+    .section_main.seven .section_content .text-left{width:48.2vw;float: left;margin-right: 6vw;}
+    .section_main.seven .section_content .text-left img{width:48.2vw;height: 34.7vw;display: block;}
+    .section_main.seven .section_content .text-right{float: left;box-sizing: border-box;padding-top: 10vw;}
+    .section_main.seven .section_content .text-right .text-right-text{width: 30.5vw;height: 12.3vw;position: relative;}
+    .section_main.seven .section_content .text-right .text-right-text img{width: 13vw;height:12.3vw;display: block;}
+    .section_main.seven .section_content .text-right .text-right-text .p{line-height: 4.8vw;font-size: 3.2vw;text-align: center;color: #464646;position: absolute;top:4vw;right: -3vw;}
+    /*section_main 08*/
+    .section_main.eight{height: 84vw;background: #FFFFFF;padding: 10vw 0 0 0;}
+    .section_main.eight .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.eight .title h1{line-height: 4.9vw;text-align: center;font-size: 4.8vw;color: #333333;font-weight: normal;}
+    .section_main.eight .section_content{width: 100%;height: 46.4vw;box-sizing: border-box;}
+    .section_main.eight .section_content img{width:82.1vw;height: 46.4vw;display: block;margin: 0 auto;}
+    /*section_main 09*/
+    .section_main.nine{height: 78.4vw;background: #F7F7F7;padding:10vw 0 0 0;}
+    .section_main.nine .title{width: 100%;margin-bottom: 8vw;}
+    .section_main.nine .title h1{line-height: 4.9vw;text-align: center;font-size: 4.8vw;color: #333333;font-weight: normal;}
+    .section_main.nine .section_content{width: 100%;box-sizing: border-box;padding: 0 6.4vw;}
+    .section_main.nine .section_content .section_li{width: 27.2vw;height: 12.6vw;float: left;box-sizing: border-box;margin-right: 2.7vw;margin-bottom:2.4vw;padding: 0 7.2vw;background-color: #FFFFFF;}
+    .section_main.nine .section_content .section_li:nth-child(3n){margin-right: 0;}
+    .section_main.nine .section_content .section_li img{width: 12.6vw;height: 12.6vw;display: block;}
+    /*侧边栏-联系我们*/
+    .section-tel{width: 52px;height: 92px;position: fixed;right: 0;top: 50%;z-index: 99;border-radius: 2px;box-shadow: 0px 2px 12px 0px rgba(43, 43, 43, 0.1);}
+    .section-tel .box{width: 52px;height: 46px;background: #FFFFFF;box-sizing: border-box;padding: 9px 12px;cursor: pointer;position: relative;}
+    .section-tel .box .code{width: 27px;height: 27px;background:#FFFFFF url("/img/activity/attestation/code_1.png");background-size: cover;-o-transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
+    .section-tel .box .tel{width: 26px;height: 28px;background:#FFFFFF url("/img/activity/attestation/phone_1.png");background-size: cover;-o-transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
+    .section-tel .box .box-code{width: 148px;height: 170px;box-sizing: border-box;padding: 17px 24px;background-color:#FFFFFF;position: absolute;left: -173px;top: -78px;display: none;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;border-radius: 4px;box-shadow: 0px 2px 12px 0px rgba(43, 43, 43, 0.1);}
+    .section-tel .box .box-code:before{content: '';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #FFFFFF;position: absolute;right:-10px;top: 50%;}
+    .section-tel .box .box-code p{text-align: center;line-height: 20px;font-size: 14px;color: #333333;margin-bottom: 12px;}
+    .section-tel .box .box-code img{width: 100px;height: 100px;display: block;}
+    .section-tel .box .box-tel{width: 180px;height: 70px;box-sizing: border-box;padding: 20px 10px;background-color: #FFFFFF;position: absolute;left: -210px;top: -20px;display: none;-o-transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;border-radius: 4px;box-shadow: 0px 2px 12px 0px rgba(43, 43, 43, 0.1);}
+    .section-tel .box .box-tel:before{content: '';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #FFFFFF;position: absolute;right:-10px;top: 44%;}
+    .section-tel .box .box-tel p{text-align: center;line-height: 30px;font-size: 20px;color: #BC1724;}
+    .section-tel .box:hover{background:#BC1724;}
+    .section-tel .box.code:hover .code{background:#BC1724 url("/img/activity/attestation/code_2.png");}
+    .section-tel .box.tel:hover .tel{background:#BC1724 url("/img/activity/attestation/phone_2.png");}
+    .section-tel .box.code:hover .box-code{left: -159px;display: block;}
+    .section-tel .box.tel:hover .box-tel{left: -190px;display: block;}
+    /*底部*/
+    .foot{width:100%;height:auto;background:#262626;}
+    .footer{width:100%;padding:4vw 0;background:#262626;margin-top:4vw;text-align:center}
+    .footer .logo img{width:9.2vw;height:8vw;vertical-align:middle}
+    .footer .dizhi{display:inline-table;color:#ccc;font-size:3.1vw;line-height:4.8vw;vertical-align:super}
+}
+

src/main/resources/static/js/activity/attestation.js

@@ -0,0 +1,44 @@
+;
+var orderPage = new Vue({
+    el: "#attestation",
+    data: {
+        twoData:[
+            {
+                icon:'/img/activity/attestation/section_icon_1.png',
+                text:'自主授权'
+            },
+            {
+                icon:'/img/activity/attestation/section_icon_2.png',
+                text:'自主认证'
+            },
+            {
+                icon:'/img/activity/attestation/section_icon_3.png',
+                text:'自主管理'
+            },
+            {
+                icon:'/img/activity/attestation/section_icon_4.png',
+                text:'更快更专业'
+            }
+        ],
+        suppileData:[
+            {   logo:'/img/activity/attestation/1.jpg' },
+            {   logo:'/img/activity/attestation/2.jpg' },
+            {   logo:'/img/activity/attestation/3.jpg' },
+            {   logo:'/img/activity/attestation/4.jpg' },
+            {   logo:'/img/activity/attestation/5.jpg' },
+            {   logo:'/img/activity/attestation/6.jpg' },
+            {   logo:'/img/activity/attestation/7.jpg' },
+            {   logo:'/img/activity/attestation/8.jpg' }
+
+        ]
+    },
+    computed: {
+
+    },
+    methods: {
+
+    },
+    mounted: function () {
+
+    }
+});

src/main/resources/static/js/common/serviceapi/pay.service.js

@@ -188,5 +188,17 @@ var PayApi = {
             .then(function(res){
                 callback(res);
             });
+        },
+        PayGetBankCode: function(params, callback){ // 网银银行列表
+            Http.AjaxService({
+                url:'/order/pay/bankcode',
+                type:'get',
+                data:params,
+                json:false,
+                isHost:true
+            })
+                .then(function(res){
+                    callback(res);
+                });
         }
 };

src/main/resources/static/js/pay/caimei-pay.js

@@ -16,8 +16,7 @@ var payContainer = new Vue({
             payUserType:'',//网银支付类型
             payLinkTypeText:'',//文案
         },
-        B2BbankData:bank.b2BbankData,// 企业网银
-        B2CbankData:bank.b2CbankData,// 个人网银
+        bankListData:[],
         userName :'',
         goodList:'',
         freight :'',       //运费
@@ -106,7 +105,7 @@ var payContainer = new Vue({
                             case -2:
                                 _self.iconErrorClass = 'offline';
                                 _self.iconErrorText = '订单已通过线下转账方式付款';
-                                _self.iconErrorMsgnone = '不能再使用企业网银支付';
+                                _self.iconErrorMsgnone = '不能再使用网银支付';
                                 break;
                             case -3:
                                 _self.iconErrorClass = 'fail';
@@ -161,6 +160,16 @@ var payContainer = new Vue({
                 }
             })
         },
+        getBankList:function () {// 获取网银支付银行列表
+            var _self = this;
+            PayApi.PayGetBankCode({},function(response){
+                if(response.code == 0){
+                    _self.bankListData = response.data.list;
+                }else{
+                    console.log('获取网银支付银行列表异常')
+                }
+            })
+        },
         PaySubmitFn:function(){//立即支付
             var _self = this;
             if(_self.payInfo.payBankNum == ''){
@@ -307,6 +316,7 @@ var payContainer = new Vue({
     mounted: function () {
         var _self = this;
         _self.payInfo.payLinkLogo= CAIMEI.getUrlParam('linkLogo');
+        _self.getBankList();
         _self.LinkInfoOrderBank(_self.payInfo.payLinkLogo);
 
     }

src/main/resources/static/js/pay/caimei-paycash.js

@@ -15,8 +15,7 @@ var payContainer = new Vue({
             payUserType:'ENTERPRISE',
             payType:'',
         },
-        B2BbankData:bank.b2BbankData,
-        B2CbankData:bank.b2CbankData,
+        bankListData:[],
         methodTab:['线上支付','转账支付'],
         mobileData:[
             {imgUrl:'/img/pay/iconbank-ali@2x.png',bankName:'支付宝支付',bankNum:'ALIPAY'},
@@ -45,9 +44,8 @@ var payContainer = new Vue({
         bankPayLink_url:'',
         orderIdentificationId:'',//订单标识
         receiptStatus:'',
-        invoiceStatus:false,
         isReceiptStatus:false,
-        onlinePayFlag:'',
+        onlinePay:1,
         payStatusText:'使用微信和企业网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。若着急发货，可以选择使用线下转账进行付款。',
         productID:'',//发布商品的ID
         is_Wechat_bowcr:false,
@@ -90,13 +88,12 @@ var payContainer = new Vue({
                     _self.payAmount =  (_self.payableAmount - _self.receiptAmount).toFixed(2);//本次支付金额
                     _self.paySuccessCounter = data.order.paySuccessCounter;
                     _self.receiptStatus =  data.order.receiptStatus;
-                    _self.invoiceStatus = data.order.invoiceStatus;
-                    _self.onlinePayFlag = data.order.onlinePayFlag;
+                    _self.onlinePay  = data.onlinePay ;
                     if(_self.receiptAmount>0){
-                        _self.payStatusText = '使用微信和企业网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。';
+                        _self.payStatusText = '使用微信和网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。';
                         _self.isReceiptStatus = false;
                     }else{
-                        _self.payStatusText = '使用微信和企业网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。若着急发货，可以选择使用线下转账进行付款。';
+                        _self.payStatusText = '使用微信和网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。若着急发货，可以选择使用线下转账进行付款。';
                         _self.isReceiptStatus = true;
                     }
                     _self.isRequest = true;
@@ -106,6 +103,16 @@ var payContainer = new Vue({
                 }
             })
         },
+        getBankList:function () {// 获取网银支付银行列表
+            var _self = this;
+            PayApi.PayGetBankCode({},function(response){
+                if(response.code == 0){
+                    _self.bankListData = response.data.list;
+                }else{
+                    console.log('获取网银支付银行列表异常')
+                }
+            })
+        },
         PayOrderOnLineSwitch:function(){//获取是否可以先上支付
             var _self = this;
             PayApi.PayOrderOnLineSwitch({},function(response){
@@ -131,7 +138,7 @@ var payContainer = new Vue({
                 CAIMEI.dialog('支付系统遇到点小问题，请稍后重试', false);
                 return;
             }
-            if(_self.invoiceStatus){
+            if(_self.onlinePay == 2){
                 _self.layerConfirm();
             }else{
                 if(_self.payInfo.payBankNum == ''){
@@ -251,7 +258,7 @@ var payContainer = new Vue({
                 CAIMEI.dialog('支付系统遇到点小问题，请稍后重试', false);
                 return;
             }
-            if(_self.invoiceStatus){
+            if(_self.onlinePay == 2){
                 _self.layerConfirm();
             }else{
                 if(_self.payInfo.payBankNum == ''){
@@ -259,7 +266,7 @@ var payContainer = new Vue({
                     return;
                 }
                 if(_self.payAmount <= 10){
-                    CAIMEI.dialog('企业网银支付的金额必须大于￥10.00');
+                    CAIMEI.dialog('网银支付的金额必须大于￥10.00');
                     return;
                 }
                 if(_self.pageType === '1'){
@@ -429,7 +436,7 @@ var payContainer = new Vue({
                 CAIMEI.dialog('支付系统遇到点小问题，请稍后重试', false);
                 return;
             }
-            if(_self.invoiceStatus){
+            if(_self.onlinePay == 2){
                 _self.layerConfirm();
             }else{
                 if(_self.payAmount == ''){
@@ -441,7 +448,7 @@ var payContainer = new Vue({
                     return;
                 }
                 if(_self.payAmount <= 10){
-                    CAIMEI.dialog('企业网银支付的金额必须大于￥10.00');
+                    CAIMEI.dialog('网银支付的金额必须大于￥10.00');
                     return;
                 }
 
@@ -554,8 +561,8 @@ var payContainer = new Vue({
         },
         layerConfirm:function(){
             var _self = this;
-            CAIMEI.Alert('本次交易暂不支持线上支付开票,请使用线下转账的方式付款','知道了',true,function () {
-                _self.payStatusText = '使用微信和企业网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。若着急发货，可以选择使用线下转账进行付款。';
+            CAIMEI.Alert('本次交易暂不支持线上支付，请使用线下转账方式付款。','知道了',true,function () {
+                _self.payStatusText = '使用微信和网银支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。若着急发货，可以选择使用线下转账进行付款。';
                 _self.isReceiptStatus = true;
             });
         },
@@ -658,6 +665,7 @@ var payContainer = new Vue({
             // CAIMEI.Storage.removeItem('comboInfo');
             // 设置支付金额
             this.payAmount = _self.toFixedFn(this.comboInfo.price);
+            this.getBankList(); // 获取银行列表
         } else {
             var HrefType = CAIMEI.getUrlParam('type');
             if (HrefType == 'payfirm') {
@@ -668,7 +676,8 @@ var payContainer = new Vue({
                 _self.payInfo.payOrderId = data.data.orderId;
                 _self.orderIdentificationId = '#' + _self.payInfo.payOrderId + '#';
             }
-            _self.infoPayOrderCheckoutCounter();//正常订单初始化
+            this.getBankList(); // 获取银行列表
+            this.infoPayOrderCheckoutCounter();//正常订单初始化
         }
         var viewer = window.navigator.userAgent.toLowerCase();
         if(viewer.match(/MicroMessenger/i) == 'micromessenger'){

src/main/resources/templates/activity/attestation.html

@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+    <title>采美365网-认证通-一款专业的正品认证Saas软件系统</title>
+    <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/activity/attestation.css(v=${version})}" rel="stylesheet" type="text/css">
+    <template th:replace="components/analysis"></template>
+</head>
+<body>
+<!-- 引用头部 -->
+<template th:replace="components/header"></template>
+
+<!-- 商品列表 -->
+<div id="attestation">
+    <!-- banner   -->
+    <div class="section_banner">
+        <h1>认证通</h1>
+        <p>一款专业的正品认证Saas软件系统</p>
+    </div>
+    <div class="section">
+        <div class="section_main one">
+            <div class="inner">
+                <div class="title">
+                    <h1>行业前景</h1>
+                </div>
+                <div class="section_content">
+                    <div class="image">
+                        <img v-if="isPC" src="/img/activity/attestation/section_image_01.png" alt="行业前景">
+                        <img v-else src="/img/activity/attestation/section_image_h5_01.png" alt="行业前景">
+                    </div>
+                    <div class="text">
+                        <div class="h1">消费者如何鉴别正品医美设备？品牌商如何展示真实力？</div>
+                        <p>非法医美机构90%以上医美设备都是假货</p>
+                        <p>合法医美机构11%医美设备是假货或水货</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main two">
+            <div class="inner">
+                <div class="title">
+                    <h1>认证通优势</h1>
+                    <p>建立品牌自己的认证系统</p>
+                </div>
+                <div class="section_content">
+                    <div class="section_li" v-for="(data , index) in twoData">
+                        <img class="li_icon" :src="data.icon" :alt="data.text">
+                        <p v-text="data.text"></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main three">
+            <div class="inner">
+                <div class="title">
+                    <h1>为什么选择我们</h1>
+                </div>
+                <div class="section_content">
+                    <div class="text-left">
+                        <div class="text-ti">
+                            <div class="text-ti-a">软件外包团队</div>
+                        </div>
+                        <p>开发流程复杂，沟通成本高数据安全得不到保障</p>
+                        <p>对行业场景不了解，对用户画像不清楚</p>
+                        <p>修改BUG，加钱！增加功能，加钱！</p>
+                    </div>
+                    <div class="text-right">
+                        <div class="text-ti">
+                            <div class="text-ti-a">采美认证通</div>
+                        </div>
+                        <p>你想要的功能都有，你想不到的也都有</p>
+                        <p>有7年以上行业开发经验，采美已服务7000+机构</p>
+                        <p>7X24小时服务，永久免费升级</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main four">
+            <div class="inner">
+                <div class="title">
+                    <h1>认证通亮点</h1>
+                </div>
+                <div class="section_content" v-if="isPC">
+                    <div class="section_li li1">
+                        <div class="box front">
+                            <img src="/img/activity/attestation/section_icon_5.png" alt="" class="icon">
+                            <p>易装易用免维护</p>
+                        </div>
+                        <div class="box back">
+                            <div class="bg bg1"></div>
+                            <div class="content-box">
+                                <h1>易装易用免维护</h1>
+                                <div class="line"></div>
+                                <p>· 独立后台账号体系 ·</p>
+                                <p>· 会打字就会用 ·</p>
+                                <p>· 公众号无缝衔接 ·</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="section_li li1">
+                        <div class="box front">
+                            <img src="/img/activity/attestation/section_icon_6.png" alt="" class="icon">
+                            <p>授权认证功能</p>
+                        </div>
+                        <div class="box back">
+                            <div class="bg bg2"></div>
+                            <div class="content-box">
+                                <h1>授权认证功能</h1>
+                                <div class="line"></div>
+                                <p>· 机构认证查询 ·</p>
+                                <p>· 设备认证查询 ·</p>
+                                <p>· 医师认证查询 ·</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="section_li li1">
+                        <div class="box front">
+                            <img src="/img/activity/attestation/section_icon_7.png" alt="" class="icon">
+                            <p>品牌运营</p>
+                        </div>
+                        <div class="box back">
+                            <div class="bg bg3"></div>
+                            <div class="content-box">
+                                <h1>品牌运营</h1>
+                                <div class="line"></div>
+                                <p>· 与机构客户建立 ·</p>
+                                <p>· 双向沟通渠道 ·</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="section_content" v-else>
+                    <div class="section_li li01">
+                        <div class="li_icon">
+                            <img src="/img/activity/attestation/section_icon_5.png" alt="">
+                        </div>
+                        <div class="li_text">
+                            <h1>易装易用免维护</h1>
+                            <p>·独立后台账号体系·</p>
+                            <p>·会打字就会用·</p>
+                            <p>·公众号无缝衔接·</p>
+                        </div>
+                    </div>
+                    <div class="section_li li02">
+                        <div class="li_text">
+                            <h1>授权认证功能</h1>
+                            <p>·机构认证查询·</p>
+                            <p>·设备认证查询·</p>
+                            <p>·医师认证查询·</p>
+                        </div>
+                        <div class="li_icon">
+                            <img src="/img/activity/attestation/section_icon_6.png" alt="">
+                        </div>
+                    </div>
+                    <div class="section_li li03">
+                        <div class="li_icon">
+                            <img src="/img/activity/attestation/section_icon_7.png" alt="">
+                        </div>
+                        <div class="li_text">
+                            <h1>品牌运营</h1>
+                            <p>·与机构客户建立·</p>
+                            <p>·双向沟通渠道·</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main five">
+            <div class="inner">
+                <div class="title">
+                    <h1>认证查询</h1>
+                </div>
+                <div class="section_content">
+                    <div class="text-left">
+                        <img src="/img/activity/attestation/section_image_5.png" alt="认证查询">
+                    </div>
+                    <div class="text-right">
+                        <div class="text-right-text">
+                            <img src="/img/activity/attestation/section_s01.png" alt="机构认证查询展示">
+                            <div class="p">机构认证查询展示</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main six">
+            <div class="inner">
+                <div class="section_content">
+                    <div class="text-left">
+                        <div class="text-right-text">
+                            <img src="/img/activity/attestation/section_s02.png" alt="医师认证查询展示">
+                            <div class="p">医师认证查询展示</div>
+                        </div>
+                    </div>
+                    <div class="text-right">
+                        <img src="/img/activity/attestation/section_image_6.png" alt="认证查询">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main seven">
+            <div class="inner">
+                <div class="section_content">
+                    <div class="text-left">
+                        <img src="/img/activity/attestation/section_image_7.png" alt="设备认证查询展示">
+                    </div>
+                    <div class="text-right">
+                        <div class="text-right-text">
+                            <img src="/img/activity/attestation/section_s03.png" alt="设备认证查询展示">
+                            <div class="p">设备认证查询展示</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="section_main eight">
+            <div class="inner">
+                <div class="title">
+                    <h1>扫码识别正品</h1>
+                </div>
+                <div class="section_content">
+                    <img src="/img/activity/attestation/section_image_8.png" alt="扫码识别正品">
+                </div>
+            </div>
+        </div>
+        <div class="section_main nine">
+            <div class="inner">
+                <div class="title">
+                    <h1>已加入认证通成员</h1>
+                </div>
+                <div class="section_content">
+                    <div class="section_li" v-for="(data , index) in suppileData">
+                        <img class="logo" :src="data.logo" >
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="section-tel">
+        <div class="box code">
+            <div class="code"></div>
+            <div class="box-code">
+                <p>扫码咨询</p>
+                <img src="/img/common/qr_code_caimei.png" alt="">
+            </div>
+        </div>
+        <div class="box tel">
+            <div class="tel"></div>
+            <div class="box-tel">
+                <p>0755-22907771</p>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- 引入底部 -->
+<template th:replace="article/components/article-footer"></template>
+<template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/shopping.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/activity/attestation.js(v=${version})}"></script>
+</body>
+</html>

src/main/resources/templates/pay/caimei-pay.html

@@ -154,13 +154,13 @@
             <div class="pay-bank">
                 <div class="bank-title">请选择以下一家银行进行付款<span class="color">(请在倒计时时间内使用<span class="big"> {{ payInfo.payLinkTypeText }} </span>完成本次支付)</span></div>
                 <div class="bank-list" id="bankContent" v-if="payInfo.payLinkType == 1">
-                    <a href="javascript:void(0);" v-if="item.B2bNum" v-for="(item, index) in B2BbankData" :key="index" :class="{ active: tabIndex === index }"  @click="changeTab(index,item)">
-                        <img :src="item.imgUrl" :alt="item.bankName">
+                    <a href="javascript:void(0);" v-if="item.b2B && item.b2B!=''" v-for="(item, index) in bankListData" :key="index" :class="{ active: tabIndex === index }"  @click="changeTab(index,item)">
+                        <img :src="item.bankLogo" :alt="item.bankName">
                     </a>
                 </div>
                 <div class="bank-list" id="bankContentC" v-if="payInfo.payLinkType == 2">
-                    <a href="javascript:void(0);" v-if="item.B2cNum" v-for="(item, index) in B2CbankData" :key="index" :class="{ active: tabIndex === index }"  @click="changeTab(index,item)">
-                        <img :src="item.imgUrl" :alt="item.bankName">
+                    <a href="javascript:void(0);" v-if="item.b2C && item.b2C!=''" v-for="(item, index) in bankListData" :key="index" :class="{ active: tabIndex === index }"  @click="changeTab(index,item)">
+                        <img :src="item.bankLogo" :alt="item.bankName">
                     </a>
                 </div>
             </div>

src/main/resources/templates/pay/caimei-paycash.html

@@ -109,21 +109,21 @@
                         </div>
                         <div class="pay-bank"  v-if="mobileTabIndex === 2 && isPC">
                             <div class="bank-list mfw" id="bankContent">
-                                <a href="javascript:void(0);" class="bank-b mIcon" v-for="(item, index) in B2BbankData" :key="index" :class="{ active: bankTabIndex === index }"  @click="checkBankPay(index,item)">
-                                    <img :src="item.imgUrl" :alt="item.bankName">
+                                <a href="javascript:void(0);" v-if="item.b2B!=''" class="bank-b mIcon" v-for="(item, index) in bankListData" :key="index" :class="{ active: bankTabIndex === index }"  @click="checkBankPay(index,item)">
+                                    <img :src="item.bankLogo" :alt="item.bankName">
                                 </a>
                             </div>
                         </div>
                         <div class="pay-bank"  v-if="mobileTabIndex === 3 && isPC">
                             <div class="bank-list mfw" id="bankB2CContent">
-                                <a href="javascript:void(0);" class="bank-b mIcon" v-for="(item, index) in B2CbankData" :key="index" :class="{ active: bankTabIndex === index }"  @click="checkBankPay(index,item)">
-                                    <img :src="item.imgUrl" :alt="item.bankName">
+                                <a href="javascript:void(0);" v-if="item.b2C!=''" class="bank-b mIcon" v-for="(item, index) in bankListData" :key="index" :class="{ active: bankTabIndex === index }"  @click="checkBankPay(index,item)">
+                                    <img :src="item.bankLogo" :alt="item.bankName">
                                 </a>
                             </div>
                         </div>
                         <template v-if="pageType != '1'">
                             <div class="pay-link" v-if="mobileTabIndex === 2 || mobileTabIndex === 3">
-                                <p v-if="isPC">若您在公司的职位无法直接使用企业网银付款，请点击右侧“复制支付链接”按钮，将该链接发送给公司财务人员进行企业网银付款</p>
+                                <p v-if="isPC">若您在公司的职位无法直接使用网银付款，请点击右侧“复制支付链接”按钮，将该链接发送给公司财务人员进行网银付款</p>
                                 <a href="javascript:void(0);" id="copyLink" @click="copyLinkPaySubmitFn">复制支付链接</a>
                                 <p v-if="!isPC">复制支付链接成功后，将链接发送到电脑端进行付款</p>
                             </div>