Merge branch 'dev/v4.10.6_yf' of qmx/jy into feature/v4.10.6

src/jfw/modules/app/src/web/staticres/jyapp/vipsubscribe/css/vip_introduce.css

@@ -515,3 +515,216 @@ body .j-container {
   padding-bottom: 0;
   margin-bottom: -1.8rem;
 }
+/* new */
+.vip_introduce .landing-banner{
+  position: relative;
+}
+
+.vip_introduce .statistic-info{
+  position: absolute;
+  bottom: .56rem;
+  left: .24rem;
+  right: .24rem;
+  width: calc(100% - .56rem);
+  display: flex;
+  align-items: center;
+  padding: .2rem 0;
+  border-radius: .24rem;
+  background: linear-gradient(rgba(255, 249, 238, 1), rgba(255, 255, 255, 1));
+  box-shadow: 0px 6px 24px 0px rgba(128, 65, 2, 0.1);
+}
+.vip_introduce .statistic-item{
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.vip_introduce .statistic-item:not(:last-child) {
+  border-right: 1px solid#ececec;
+}
+.vip_introduce .statistic-item .item-count{
+  font-size: .4rem;
+  line-height: .48rem;
+  font-weight: bold;
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .statistic-item p{
+  margin-top: .12rem;
+  color:#1d1d1d;
+  font-size: .24rem;
+  line-height: .36rem;
+}
+.vip_introduce .vip_introduce{
+  padding: .72rem 0 .68rem;
+}
+.vip_introduce .cooperate-container{
+  padding-top: .72rem;
+}
+.vip_introduce .cooperate-header {
+  text-align: center;
+}
+.vip_introduce .cooperate-header-title{
+  height: .6rem;
+  background: url(/common-module/vipsubscribe/image/cooperate-header.png) no-repeat center center;
+  background-size: contain;
+}
+.vip_introduce .cooperate-header-subtitle {
+  text-align: center;
+}
+.vip_introduce .line-flex{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: .08rem;
+}
+.vip_introduce .split-box--before::before{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--before::after {
+  content: "";
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::before{
+  content: "";
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::after{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--text{
+  margin: 0 .12rem;
+  font-size: .32rem;
+  line-height: .48rem;
+  color: #1d1d1d;
+}
+.vip_introduce  .cooperate-list{
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: .64rem;
+  padding: 0 .26rem;
+}
+.vip_introduce  .cooperate-list .cooperate-item{
+  width: 2.16rem;
+  padding: .26rem 0;
+  margin-bottom: .24rem;
+  text-align: center;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  color:#1d1d1d;
+  font-size: .28rem;
+  line-height: .4rem;
+  background: #fff;
+}
+.vip_introduce  .cooperate-list .cooperate-item:not(:nth-child(3n)) {
+  margin-right:.24rem; 
+}
+.vip_introduce .cooperate-item .cooperate-item-icon{
+  width: .72rem;
+  height: .72rem;
+  margin: 0 auto .08rem;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6.png);
+}
+.vip_introduce .cooperate-item:hover{
+  background: linear-gradient(rgba(255, 248, 236, 1), rgba(255, 241, 219, 1));
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6-gold.png);
+}
+.vip_introduce .cooperate-footer{
+  margin: 0 .28rem;
+  padding: .22rem;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  font-size: .32rem;
+  line-height: .48rem;
+  color: rgba(177, 112, 14, 1);
+  text-align: center;
+}
+.vip_introduce .vs-container{
+  margin: .68rem 0 0;
+}
+.popup-bottom-group{
+  display: flex;
+  width: 100%;
+  padding: .16rem .32rem;
+  background: #fff;
+}
+.popup-bottom-group .btn-customer{
+  width: 3.3rem;
+  height: .8rem;
+  margin-right: .3rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: rgba(194, 111, 51, 1);
+  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 251, 246, 1));
+  border: 1px solid rgba(214, 158, 85, 1);
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}
+.popup-bottom-group .btn-buy{
+  width: 3.3rem;
+  height: .8rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: #fff;
+  background: linear-gradient(rgba(248, 205, 141, 1), rgba(218, 142, 53, 1));
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}

src/jfw/modules/app/src/web/templates/vipsubscribe/vip_introduce.html

@@ -66,7 +66,7 @@
             position: absolute;
             bottom: 0;
             left: 0;
-            background: transparent;
+            /* background: transparent; */
             height: auto !important;
         }
         .vip_introduce .main {
@@ -83,30 +83,85 @@
     </div>
     <div class="j-main vip_introduce vip-body" id="vip-body">
         <div class="main">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_01.jpg?v={{Msg "seo" "version"}}">
-                <img id="cut-2" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_02.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_03.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/vip_vs.png?v={{Msg "seo" "version"}}">
-                <img id="cut-6" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_06.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_07.jpg?v={{Msg "seo" "version"}}">
+          <div class="landing-banner">
+            <img id="cut-2" src='' />
+            <div class="statistic-info">
+              <div class="statistic-item">
+                <h3 class="item-count day-update-count"></h3>
+                <p>每日招采信息新增</p>
+              </div>
+              <div class="statistic-item">
+                <h3 class="item-count purchase-partyA-count"></h3>
+                <p>覆盖省市镇招采甲方</p>
+              </div>
+              <div class="statistic-item">
+                <h3 class="item-count purchase-project-count"></h3>
+                <p>覆盖全行业招采项目</p>
+              </div>
+            </div>
+          </div>
+          <div class="cooperate-container">
+            <div class="cooperate-header">
+              <h2 class="cooperate-header-title"></h2>
+              <p class="line-flex cooperate-header-subtitle">
+                <span class="split-box--before"></span>
+                <span class="split-box--text">定向推送！覆盖全网全类招采项目</span>
+                <span class="split-box--after"></span>
+              </p>
+            </div>
+            <div class="cooperate-main">
+              <div class="cooperate-list">
+                <div class="cooperate-item" data-href="/list/industry/JZGC.html">
+                  <div class="cooperate-item-icon cooperate-item-icon-1"></div>
+                  <p class="cooperate-item-text">建筑工程</p>
+                </div>
+                <div class="cooperate-item" data-href="/list/industry/RDAF.html">
+                  <div class="cooperate-item-icon cooperate-item-icon-2"></div>
+                  <p class="cooperate-item-text">弱电安防</p>
+                </div>
+                <div class="cooperate-item" data-href="/list/industry/XXJS.html">
+                  <div class="cooperate-item-icon cooperate-item-icon-3"></div>
+                  <p class="cooperate-item-text">信息技术</p>
+                </div>
+                <div class="cooperate-item" data-href="/list/industry/YLWS.html">
+                  <div class="cooperate-item-icon cooperate-item-icon-4"></div>
+                  <p class="cooperate-item-text">医疗卫生</p>
+                </div>
+                <div class="cooperate-item" data-href="/list/industry/FWCG.html">
+                  <div class="cooperate-item-icon cooperate-item-icon-5"></div>
+                  <p class="cooperate-item-text">服务采购</p>
+                </div>
+                <div class="cooperate-item" data-href="/list/industry/JXSB.html">
+                  <div class="cooperate-item-icon cooperate-item-icon-6"></div>
+                  <p class="cooperate-item-text">机械设备</p>
+                </div>
+              </div>
+              <div class="cooperate-footer" data-href="/list/">
+                <div class="cooperate-item-icon cooperate-item-icon-7"></div>
+                <p class="cooperate-item-text">更多行业</p>
+              </div>
+            </div>
+          </div>
+          <div class="vs-container">
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/vs_new.png?v={{Msg "seo" "version"}}' alt="vs">
+          </div>
         </div>
     </div>
-        <div class="j-footer j-button-group popup-bottom-group">
-            <div class="adbottom" style="width:375px;height: 40px;text-align: center;" id="bottomad">
-<!--              <div class="pop-tip-group tip-box">-->
-<!--                <div>每天一块钱，立刻拥有全网商机！</div>-->
-<!--              </div>-->
-            </div>
+    <div class="j-footer j-button-group popup-bottom-group">
+        <!-- <div class="adbottom" style="width:375px;height: 40px;text-align: center;" id="bottomad"></div>
         <div class="pop-tip-group active" style="display: none">
                 <div>买1年送1年</div>
         </div>
         <div class="pop-button" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}&disWord={{.T.disWord}}{{end}}"  id="vip-introduce">
                 <img data-name="default" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/btnBottom.png?v={{Msg "seo" "version"}}">
                 <img data-name="active" style="display: none"  src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/btnBottom1212.png?v={{Msg "seo" "version"}}">
-        </div>
+        </div> -->
+        <div class="btn-customer" onclick="location.href= '/jyapp/free/customer'">咨询客服</div>
+        <div class="btn-buy" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}&disWord={{.T.disWord}}{{end}}">立即购买</div>
     </div>
 </div>
-<script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
+<!-- <script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script> -->
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/js/jquery.min.js?v={{Msg "seo" "version"}}"'></script>
 <script>
     {{$ss1:=(Ad "app-banner-data-info" -1 .Host (cookie "SESSIONID"))}}
     var headerImageList={{$ss1}}
@@ -227,6 +282,29 @@
         sessionStorage.removeItem('vip-cur-select-coupon')
         sessionStorage.removeItem('$select-coupon')
         sessionStorage.removeItem('vip-cur-select-size')
+        function ajaxGetUpdateInfo () {
+          $.ajax({
+            type: 'POST',
+            url: '/jyapi/jybx/base/included',
+            success: function (res) {
+              if (res.data) {
+                var dataJSONObj = res.data
+              // 每日更新
+              $('.day-update-count').text(dataJSONObj.bidDayUpdate + dataJSONObj.bidDayUpdateUnit + dataJSONObj.bidDayUpdateUnitAppend)
+                // 招采甲方
+                $('.purchase-partyA-count').text(dataJSONObj.buyer + dataJSONObj.buyerUnit + dataJSONObj.buyerUnitAppend)
+                // 招采项目
+                $('.purchase-project-count').text(dataJSONObj.project + dataJSONObj.projectUnit + dataJSONObj.projectUnitAppend);
+              }
+            }
+          })
+      }
+      ajaxGetUpdateInfo()
+      var footerHeight = $('.j-footer').outerHeight()
+      $('.vip_introduce').css('padding-bottom', footerHeight)
+      $('.cooperate-main div[data-href]').click(function(){
+        location.href = $(this).attr('data-href')
+      })
     })
 </script>
 

src/web/staticres/css/subscribe_new.css

@@ -1305,6 +1305,7 @@ border-radius: 8px;
   display: flex;
   align-items: center;
   height: 120px;
+  padding: 22px 0;
   border-radius: 16px;
   background: linear-gradient(rgba(255, 249, 238, 1), rgba(255, 255, 255, 1));
   box-shadow: 0px 6px 24px 0px rgba(128, 65, 2, 0.1);
@@ -1316,6 +1317,9 @@ border-radius: 8px;
   align-items: center;
   justify-content: center;
 }
+.statistic-info .statistic-item:not(:last-child){
+  border-right: 1px solid #ececec;
+}
 .statistic-info .statistic-item .item-count{
   font-size: 36px;
   line-height: 40px;
@@ -1358,6 +1362,7 @@ border-radius: 8px;
   font-size: 20px;
   line-height: 32px;
   background: #fff;
+  cursor: pointer;
 }
 .cooperate-container .cooperate-item .cooperate-item-icon{
   width: 50px;

src/web/staticres/vipsubscribe/css/vip_introduce.css

@@ -30,7 +30,7 @@ html,body {
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: #1B1A2A;
+  background-color: #fff;
 }
 
 .j-header {
@@ -507,3 +507,216 @@ body {
   padding-bottom: 0;
   margin-bottom: -1.8rem;
 }
+/* new */
+.vip_introduce .landing-banner{
+  position: relative;
+}
+
+.vip_introduce .statistic-info{
+  position: absolute;
+  bottom: .56rem;
+  left: .24rem;
+  right: .24rem;
+  width: calc(100% - .56rem);
+  display: flex;
+  align-items: center;
+  padding: .2rem 0;
+  border-radius: .24rem;
+  background: linear-gradient(rgba(255, 249, 238, 1), rgba(255, 255, 255, 1));
+  box-shadow: 0px 6px 24px 0px rgba(128, 65, 2, 0.1);
+}
+.vip_introduce .statistic-item{
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.vip_introduce .statistic-item:not(:last-child) {
+  border-right: 1px solid#ececec;
+}
+.vip_introduce .statistic-item .item-count{
+  font-size: .4rem;
+  line-height: .48rem;
+  font-weight: bold;
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .statistic-item p{
+  margin-top: .12rem;
+  color:#1d1d1d;
+  font-size: .24rem;
+  line-height: .36rem;
+}
+.vip_introduce .vip_introduce{
+  padding: .72rem 0 .68rem;
+}
+.vip_introduce .cooperate-container{
+  padding-top: .72rem;
+}
+.vip_introduce .cooperate-header {
+  text-align: center;
+}
+.vip_introduce .cooperate-header-title{
+  height: .6rem;
+  background: url(/common-module/vipsubscribe/image/cooperate-header.png) no-repeat center center;
+  background-size: contain;
+}
+.vip_introduce .cooperate-header-subtitle {
+  text-align: center;
+}
+.vip_introduce .line-flex{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: .08rem;
+}
+.vip_introduce .split-box--before::before{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--before::after {
+  content: "";
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::before{
+  content: "";
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::after{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--text{
+  margin: 0 .12rem;
+  font-size: .32rem;
+  line-height: .48rem;
+  color: #1d1d1d;
+}
+.vip_introduce  .cooperate-list{
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: .64rem;
+  padding: 0 .26rem;
+}
+.vip_introduce  .cooperate-list .cooperate-item{
+  width: 2.16rem;
+  padding: .26rem 0;
+  margin-bottom: .24rem;
+  text-align: center;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  color:#1d1d1d;
+  font-size: .28rem;
+  line-height: .4rem;
+  background: #fff;
+}
+.vip_introduce  .cooperate-list .cooperate-item:not(:nth-child(3n)) {
+  margin-right:.24rem; 
+}
+.vip_introduce .cooperate-item .cooperate-item-icon{
+  width: .72rem;
+  height: .72rem;
+  margin: 0 auto .08rem;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6.png);
+}
+.vip_introduce .cooperate-item:hover{
+  background: linear-gradient(rgba(255, 248, 236, 1), rgba(255, 241, 219, 1));
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6-gold.png);
+}
+.vip_introduce .cooperate-footer{
+  margin: 0 .28rem;
+  padding: .22rem;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  font-size: .32rem;
+  line-height: .48rem;
+  color: rgba(177, 112, 14, 1);
+  text-align: center;
+}
+.vip_introduce .vs-container{
+  margin: .68rem 0 0;
+}
+.popup-bottom-group{
+  display: flex;
+  width: 100%;
+  padding: .16rem .32rem;
+  background: #fff;
+}
+.popup-bottom-group .btn-customer{
+  width: 3.3rem;
+  height: .8rem;
+  margin-right: .3rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: rgba(194, 111, 51, 1);
+  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 251, 246, 1));
+  border: 1px solid rgba(214, 158, 85, 1);
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}
+.popup-bottom-group .btn-buy{
+  width: 3.3rem;
+  height: .8rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: #fff;
+  background: linear-gradient(rgba(248, 205, 141, 1), rgba(218, 142, 53, 1));
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}

src/web/templates/pc/subscribe_new.html

@@ -199,31 +199,31 @@
       <span class="split-box--after"></span>
     </div>
     <div class="cooperate-main">
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/industry/JZGC.html">
         <div class="cooperate-item-icon cooperate-item-icon-1"></div>
         <p class="cooperate-item-text">建筑工程</p>
       </div>
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/industry/RDAF.html">
         <div class="cooperate-item-icon cooperate-item-icon-2"></div>
         <p class="cooperate-item-text">弱电安防</p>
       </div>
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/industry/XXJS.html">
         <div class="cooperate-item-icon cooperate-item-icon-3"></div>
         <p class="cooperate-item-text">信息技术</p>
       </div>
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/industry/YLWS.html">
         <div class="cooperate-item-icon cooperate-item-icon-4"></div>
         <p class="cooperate-item-text">医疗卫生</p>
       </div>
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/industry/FWCG.html">
         <div class="cooperate-item-icon cooperate-item-icon-5"></div>
         <p class="cooperate-item-text">服务采购</p>
       </div>
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/industry/JXSB.html">
         <div class="cooperate-item-icon cooperate-item-icon-6"></div>
         <p class="cooperate-item-text">机械设备</p>
       </div>
-      <div class="cooperate-item">
+      <div class="cooperate-item" data-href="/list/">
         <div class="cooperate-item-icon cooperate-item-icon-7"></div>
         <p class="cooperate-item-text">更多行业</p>
       </div>
@@ -491,7 +491,7 @@
         var imageInfo = headerImageList[1]
         if (imageInfo) {
             var imageUrl = imageInfo.s_pic
-            // $('#header-banner').attr('src', imageUrl)
+            $('#header-banner').attr('src', imageUrl)
         }
         if (dataJsonInfo) {
             var dataJson = dataJsonInfo.s_script
@@ -763,6 +763,11 @@
             }
         }
         $(window).scroll(windowScrollFn)
+
+        $('.cooperate-item').click(function () {
+          var href = $(this).attr('data-href');
+          window.open(href);
+        })
     })
 
 </script>

src/web/templates/weixin/vipsubscribe/vip_introduce.html

@@ -76,29 +76,81 @@
     <div class="j-container" id="vip-intro-container">
         <div class="j-main vip_introduce vip-body" id="vip-body">
             <div class="main">
-<!--                <img src="/common-module/vipsubscribe/image/info/cut_01.jpg">-->
-                <!-- <img id="cut-2" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_02.jpg?v={{Msg "seo" "version"}}"> -->
-                <img id="cut-2" src="">
-                <img src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_03.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/vip_vs.png?v={{Msg "seo" "version"}}">
-                <!-- <img id="cut-6" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_06.jpg?v={{Msg "seo" "version"}}"> -->
-                <img id="cut-6" src="">
-                <img src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_07.jpg?v={{Msg "seo" "version"}}">
+              <div class="landing-banner">
+                <img id="cut-2" src='' />
+                <div class="statistic-info">
+                  <div class="statistic-item">
+                    <h3 class="item-count day-update-count"></h3>
+                    <p>每日招采信息新增</p>
+                  </div>
+                  <div class="statistic-item">
+                    <h3 class="item-count purchase-partyA-count"></h3>
+                    <p>覆盖省市镇招采甲方</p>
+                  </div>
+                  <div class="statistic-item">
+                    <h3 class="item-count purchase-project-count"></h3>
+                    <p>覆盖全行业招采项目</p>
+                  </div>
+                </div>
+              </div>
+              <div class="cooperate-container">
+                <div class="cooperate-header">
+                  <h2 class="cooperate-header-title"></h2>
+                  <p class="line-flex cooperate-header-subtitle">
+                    <span class="split-box--before"></span>
+                    <span class="split-box--text">定向推送！覆盖全网全类招采项目</span>
+                    <span class="split-box--after"></span>
+                  </p>
+                </div>
+                <div class="cooperate-main">
+                  <div class="cooperate-list">
+                    <div class="cooperate-item" data-href="/list/industry/JZGC.html">
+                      <div class="cooperate-item-icon cooperate-item-icon-1"></div>
+                      <p class="cooperate-item-text">建筑工程</p>
+                    </div>
+                    <div class="cooperate-item" data-href="/list/industry/RDAF.html">
+                      <div class="cooperate-item-icon cooperate-item-icon-2"></div>
+                      <p class="cooperate-item-text">弱电安防</p>
+                    </div>
+                    <div class="cooperate-item" data-href="/list/industry/XXJS.html">
+                      <div class="cooperate-item-icon cooperate-item-icon-3"></div>
+                      <p class="cooperate-item-text">信息技术</p>
+                    </div>
+                    <div class="cooperate-item" data-href="/list/industry/YLWS.html">
+                      <div class="cooperate-item-icon cooperate-item-icon-4"></div>
+                      <p class="cooperate-item-text">医疗卫生</p>
+                    </div>
+                    <div class="cooperate-item" data-href="/list/industry/FWCG.html">
+                      <div class="cooperate-item-icon cooperate-item-icon-5"></div>
+                      <p class="cooperate-item-text">服务采购</p>
+                    </div>
+                    <div class="cooperate-item" data-href="/list/industry/JXSB.html">
+                      <div class="cooperate-item-icon cooperate-item-icon-6"></div>
+                      <p class="cooperate-item-text">机械设备</p>
+                    </div>
+                  </div>
+                  <div class="cooperate-footer" data-href="/list/">
+                    <div class="cooperate-item-icon cooperate-item-icon-7"></div>
+                    <p class="cooperate-item-text">更多行业</p>
+                  </div>
+                </div>
+              </div>
+              <div class="vs-container">
+                <img src='{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/vs_new.png?v={{Msg "seo" "version"}}' alt="vs">
+              </div>
             </div>
         </div>
         <div class="j-footer j-button-group popup-bottom-group">
-          <div class="adbottom pop-tip-group tip-box" style="width:375px;height: 40px;top: -35px;text-align: center;" id="bottomad">
-<!--              <div class="pop-tip-group tip-box">-->
-<!--                <div>每天一块钱，立刻拥有全网商机！</div>-->
-<!--              </div>-->
-            </div>
+            <!-- <div class="adbottom pop-tip-group tip-box" style="width:375px;height: 40px;top: -35px;text-align: center;" id="bottomad"></div>
             <div class="pop-tip-group active" style="display: none">
                 <div>买1年送1年</div>
             </div>
             <div class="pop-button" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}"   id="vip-introduce">
                 <img data-name="default" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/btnBottom.png?v={{Msg "seo" "version"}}">
                 <img data-name="active" style="display: none" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/btnBottom1212.png?v={{Msg "seo" "version"}}">
-            </div>
+            </div> -->
+            <div class="btn-customer" onclick="location.href= '/big/wx/page/customer'">咨询客服</div>
+            <div class="btn-buy" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}&disWord={{.T.disWord}}{{end}}">立即购买</div>
         </div>
     </div>
     {{include "/common/weixin.html"}}
@@ -188,6 +240,31 @@
         sessionStorage.removeItem('vip-cur-select-coupon')
         sessionStorage.removeItem('$select-coupon')
         sessionStorage.removeItem('vip-cur-select-size')
+        function ajaxGetUpdateInfo () {
+          $.ajax({
+            type: 'POST',
+            url: '/jyapi/jybx/base/included',
+            success: function (res) {
+              if (res.data) {
+                var dataJSONObj = res.data
+              // 每日更新
+              $('.day-update-count').text(dataJSONObj.bidDayUpdate + dataJSONObj.bidDayUpdateUnit + dataJSONObj.bidDayUpdateUnitAppend)
+                // 招采甲方
+                $('.purchase-partyA-count').text(dataJSONObj.buyer + dataJSONObj.buyerUnit + dataJSONObj.buyerUnitAppend)
+                // 招采项目
+                $('.purchase-project-count').text(dataJSONObj.project + dataJSONObj.projectUnit + dataJSONObj.projectUnitAppend);
+              }
+            }
+          })
+      }
+      $(function(){
+        ajaxGetUpdateInfo()
+        var footerHeight = $('.j-footer').outerHeight()
+        $('.vip_introduce').css('padding-bottom', footerHeight)
+        $('.cooperate-main div[data-href]').click(function(){
+          location.href = $(this).attr('data-href')
+        })
+      })
     </script>
     {{include "/common/baiducc.html"}}
 </body>