Răsfoiți Sursa

feat:app大会员落地页

yangfeng 3 ani în urmă
părinte
comite
ed7738742a
36 a modificat fișierele cu 1718 adăugiri și 473 ștergeri
  1. 843 0
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/landingPage.css
  2. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/item-btn.png
  3. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_01.jpg
  4. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_02.jpg
  5. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_03.jpg
  6. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_04.jpg
  7. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_05.jpg
  8. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_06.jpg
  9. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_07-S.jpg
  10. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_08.jpg
  11. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_01.jpg
  12. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_02.jpg
  13. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_03.jpg
  14. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_04.jpg
  15. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_05.jpg
  16. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_06.jpg
  17. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_07.jpg
  18. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_08.jpg
  19. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shangjiImg/itemA1.png
  20. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shangjiImg/itemA2.png
  21. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shangjiImg/itemA3.png
  22. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC1.png
  23. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC2.png
  24. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC3.png
  25. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC4.png
  26. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB1.png
  27. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB2.png
  28. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB3.png
  29. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB4.png
  30. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB5.png
  31. BIN
      src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB6.png
  32. 192 471
      src/jfw/modules/app/src/web/templates/big-member/page_landingPage.html
  33. 680 0
      src/jfw/modules/app/src/web/templates/big-member/page_landingPage_old_1.html
  34. 1 0
      src/web/staticres/frontRouter/pc/seeBuyerHistory/js/index-pc.js
  35. 1 1
      src/web/templates/big-member/wx/page_landingPage.html
  36. 1 1
      src/web/templates/frontRouter/pc/seeBuyerHistory/sess/index.html

+ 843 - 0
src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/landingPage.css

@@ -0,0 +1,843 @@
+@charset "UTF-8";
+.j-main {
+  background: #fff;
+  clear: both;
+  content: "";
+  display: block;
+}
+
+.j-icon {
+  width: 0.32rem;
+  height: 0.32rem;
+  margin-right: 0.08rem;
+}
+
+.sale_label {
+  position: relative;
+  width: 100%;
+}
+
+.sale_label .sale_label_1 {
+  margin-top: 0.32rem;
+  padding-left: 0.64rem;
+  width: 100%;
+  height: 0.52rem;
+  background: url("/big-member/image/landpage_new/gold_bg.png") no-repeat;
+  background-size: 4rem 0.16rem;
+  background-position: 0 0.3rem;
+  font-weight: bold;
+  font-size: 0.34rem;
+  line-height: 0.52rem;
+  color: #171826;
+}
+
+.sale_label .new_pro {
+  color: #fff;
+}
+
+.sale_label .new_agent {
+  background: url("/big-member/image/landpage_new/blue_bg.png") no-repeat;
+  background-size: 4rem 0.16rem;
+  background-position: 0 0.3rem;
+  color: #fff;
+}
+
+.sale_label .cover_label {
+  background: url("/big-member/image/landpage_new/blue_bg.png") no-repeat;
+  background-size: 4rem 0.16rem;
+  background-position: 0 0.3rem;
+}
+
+.sale_label .pro_label {
+  background: url("/big-member/image/landpage_new/violet_bg.png") no-repeat;
+  background-size: 4rem 0.16rem;
+  background-position: 0 0.3rem;
+}
+
+.sale_label .cameraphoto {
+  position: absolute;
+  top: 0.16rem;
+  right: 0.64rem;
+  width: 1.28rem;
+  height: 1.28rem;
+}
+
+.sale_label .sale_label_2 {
+  display: flex;
+  align-items: center;
+  margin-top: 0.08rem;
+  padding-left: 0.64rem;
+  width: 100%;
+  line-height: 0.4rem;
+  font-size: 0.28rem;
+  color: #5f5E64;
+}
+
+/* 图片左右滑动*/
+.big_scroll {
+  width: 100%;
+  /*margin-top: 0.48rem;*/
+  padding: 0 0.32rem;
+  overflow-x: scroll;
+  margin-top: 0.18rem;
+}
+
+.big_scroll .big_ul {
+  display: flex;
+  /*width: 44.1rem;*/
+  width: 19.1rem;
+}
+
+.big_scroll .big_ul .list_item {
+  width: 6rem;
+  margin-right: 0.3rem;
+}
+
+.big_scroll .fiveimg {
+  width: 38.5rem;
+  /*width: 31.5rem;*/
+}
+.big_scroll .fourimg {
+  width: 24.8rem;
+}
+
+.new_action {
+  padding-top:0.8rem;
+  width: 100%;
+  height: 11.38rem;
+  /*background: url("/big-member/image/landpage_new/head_bg.png") no-repeat;*/
+  background-size: 100% 100%;
+}
+
+.new_action .action_out{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+.new_action .action_title {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* width: 100%; */
+  height: 0.68rem;
+  font-size: 0.48rem;
+  font-weight: 900;
+  color: #EFC197;
+}
+
+.new_action .action_title[data-text]::after {
+  content: attr(data-text);
+  color: inherit;
+  position: absolute;
+  left: 0;
+  z-index: 2;
+  background-color: #EFC197;
+  background-image: linear-gradient(to right, #FEE7D9, #EFC197);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.new_action .action_main {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 0.12rem;
+  flex-wrap: wrap;
+  padding: 0 0.32rem;
+}
+
+.new_action .action_main .action_list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 3.28rem;
+  height: 4rem;
+  margin-top: 0.32rem;
+  border-radius: 0.16rem;
+  background: #fff;
+}
+
+.new_action .action_main .action_list .list_title {
+  margin-top: 0.24rem;
+  font-weight: bold;
+  font-size: 0.4rem;
+  color: #B96416;
+  line-height: 0.52rem;
+}
+
+.new_action .action_main .action_list .list_label {
+  font-size: 0.28rem;
+  color: #B96416;
+  line-height: 0.5rem;
+}
+
+.new_action .action_main .action_list .list_li {
+  display: flex;
+  margin-top: 0.2rem;
+  padding: 0 0.16rem;
+}
+
+.new_action .action_main .action_list .list_li .li_text {
+  display: flex;
+  flex-wrap: wrap;
+  width: 2.56rem;
+  line-height: 0.36rem;
+  font-size: 0.2rem;
+  color: #686868;
+}
+
+.new_action .btn_buy {
+  bottom: -0.44rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 2.12rem;
+}
+
+.new_action .btn_buy .btn_buy_img {
+  width: 6.26rem;
+}
+
+/*帮你抢先获取销售机会*/
+.new_sale {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 1.42rem;
+}
+
+.new_sale .sale_title {
+  font-size: 0.48rem;
+  line-height: 0.68rem;
+  color: #171826;
+}
+
+.new_sale .sale_forecast {
+  margin-top: 0.32rem;
+  padding: 0 0.32rem;
+  width: 100%;
+}
+
+.new_sale .sale_forecast .fore_top {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 0.24rem 0.32rem;
+  width: 100%;
+  height: 1.52rem;
+  background: #F5F6F7;
+  border-radius: 0.16rem;
+}
+
+.new_sale .sale_forecast .fore_top .forecast {
+  display: flex;
+  align-items: center;
+  line-height: 0.4rem;
+  font-size: 0.28rem;
+}
+
+.new_sale .sale_forecast .fore_top .forecast .cast_left {
+  color: #B96416;
+}
+
+.new_sale .sale_forecast .fore_top .forecast .cast_right {
+  margin-left: 0.14rem;
+  color: #000000;
+}
+
+.new_sale .sale_forecast .fore_top .manysquare {
+  position: absolute;
+  right: 0.32rem;
+  top: -0.32rem;
+  width: 1.28rem;
+  height: 1.28rem;
+}
+
+.new_sale .sale_forecast .fore_top .manysquare .manysquare_img {
+  width: 100%;
+  height: 100%;
+}
+
+.new_sale .sale_forecast .fore_bottom {
+  overflow: hidden;
+  margin-top: 0.24rem;
+  padding: 0 0.32rem 0.2rem 0.32rem;
+  width: 100%;
+  background: #F5F6F7;
+  border-radius: 0.16rem;
+}
+
+.new_sale .sale_forecast .fore_bottom .fore_example {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: 0.24rem;
+}
+
+.new_sale .sale_forecast .fore_bottom .fore_example .exa_left {
+  font-weight: bold;
+  font-size: 0.28rem;
+  line-height: 0.4rem;
+  color: #B96416;
+}
+
+.new_sale .sale_forecast .fore_bottom .fore_example .exa_right {
+  width: 5.34rem;
+  font-size: 0.24rem;
+  color: #5f5e64;
+  line-height: 0.36rem;
+}
+
+.new_sale .privilege {
+  position: relative;
+  margin-top: 0.08rem;
+  width: 100%;
+  padding: 0 0.64rem;
+}
+
+.new_sale .privilege .privilege_list {
+  display: flex;
+  align-items: flex-start;
+  margin-top: 0.24rem;
+}
+
+.new_sale .privilege .privilege_list .privilege_text {
+  margin-left: 0.08rem;
+  font-size: 0.28rem;
+  color: #686868;
+  line-height: 0.36rem;
+}
+
+.new_sale .privilege .many_square {
+  position: absolute;
+  right: 0.64rem;
+  top: 0.2rem;
+  width: 1.28rem;
+  height: 1.28rem;
+}
+
+.new_sale .privilege .many_square .many_square_img {
+  width: 100%;
+  height: 100%;
+}
+
+.new_sale .btn_sj {
+  margin-top: 0.48rem;
+  padding: 0 0.64rem 0 0.6rem;
+  width: 100%;
+}
+
+.new_sale .btn_sj .btn_sj_img {
+  width: 100%;
+  height: 100%;
+}
+
+/*辅助你做投标决策 */
+.bid_decision {
+  /*margin-top: 0.96rem;*/
+  padding-top: 0.8rem;
+  width: 100%;
+  height: 10.08rem;
+  /*height: 16.08rem;*/
+  background:  url("/big-member/image/landpage_new/itemA_04.jpg") no-repeat;
+  background-size: 100% 100%;
+  /*border-radius: 0.48rem;*/
+}
+
+.bid_decision .bid_title_out{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+
+.bid_decision .bid_title_out .bid_title {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: auto;
+  height: 0.68rem;
+  font-size: 0.48rem;
+  font-weight: 900;
+  color: #EFC197;
+}
+.bid_decision .bid_title_out .bid_title[data-text]::after {
+  content: attr(data-text);
+  color: inherit;
+  position: absolute;
+  left: 0;
+  z-index: 2;
+  background-color: #EFC197;
+  background-image: linear-gradient(to right, #FEE7D9, #EFC197);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.bid_decision .bid_ul {
+  margin-top: 0.06rem;
+  padding: 0 0.64rem;
+  overflow: hidden;
+  width: 100%;
+}
+
+.bid_decision .bid_ul .bid_list {
+  margin-top: 0.24rem;
+  display: flex;
+  align-items: flex-start;
+}
+
+.bid_decision .bid_ul .bid_list .li_text {
+  margin-left: 0.08rem;
+  line-height: 0.4rem;
+  font-size: 0.28rem;
+  color: #fff;
+}
+
+.bid_decision .offer_title {
+  margin-top: 0.48rem;
+  padding-left: 0.64rem;
+  width: 100%;
+  font-size: 0.34rem;
+  line-height: 0.52rem;
+  color: #fff;
+}
+
+.bid_decision .provide_main {
+  margin-top: 0.24rem;
+  padding: 0 0.32rem;
+  width: 100%;
+}
+
+.bid_decision .provide_main .provide_what {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding: 0.24rem 0.32rem;
+  width: 100%;
+  border-radius: 0.16rem;
+  background: #F5F6F7;
+}
+
+.bid_decision .provide_main .provide_what .provide_text {
+  font-weight: bold;
+  font-size: 0.28rem;
+  line-height: 0.5rem;
+  color: #B96416;
+}
+
+.bid_decision .provide_main .provide_what .provide_ul {
+  margin-left: 0.32rem;
+}
+
+.bid_decision .provide_main .provide_what .provide_ul .pro_li {
+  font-weight: 400;
+  font-size: 0.28rem;
+  line-height: 0.48rem;
+  color: #5F5E64;
+}
+
+.bid_decision .btn_zh {
+  padding: 0 0.64rem 0 0.6rem;
+  width: 100%;
+}
+
+.bid_decision .btn_zh .btn_zh_img {
+  width: 100%;
+  height: 100%;
+}
+
+.bid_decision .buy_big {
+  margin: 0.48rem 0;
+  padding: 0 0.64rem;
+  width: 100%;
+  height: 0.96rem;
+}
+
+.bid_decision .buy_big .big_btn {
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 3.33%, rgba(255, 255, 255, 0) 50.66%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(0deg, #FFE6C0 0%, #F1D090 25%, #FAE6C8 100%);
+  box-shadow: 0px 2px 8px rgba(54, 147, 179, 0.051);
+  border-radius: 0.48rem;
+  font-weight: bold;
+  font-size: 0.34rem;
+  line-height: 0.44rem;
+  color: #171826;
+}
+
+.insight {
+  width: 100%;
+}
+
+.insight .insight_title {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.96rem;
+  font-size: 0.48rem;
+  line-height: 0.68rem;
+  color: #171826;
+}
+
+.insight .competitor_ul {
+  overflow: hidden;
+  margin-top: 0.48rem;
+  padding: 0 0.64rem;
+  width: 100%;
+}
+
+.insight .competitor_ul .com_list {
+  display: flex;
+  align-items: center;
+  margin-top: 0.24rem;
+  font-size: 0.28rem;
+  line-height: 0.36rem;
+  color: #686868;
+}
+
+.insight .provide_main {
+  margin-top: 0.24rem;
+  padding: 0 0.32rem;
+  width: 100%;
+}
+
+.insight .provide_main .provide_what {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding: 0.24rem 0.32rem;
+  width: 100%;
+  border-radius: 0.16rem;
+  background: #F5F6F7;
+}
+
+.insight .provide_main .provide_what .provide_text {
+  font-weight: bold;
+  font-size: 0.28rem;
+  line-height: 0.5rem;
+  color: #B96416;
+}
+
+.insight .provide_main .provide_what .provide_ul {
+  margin-left: 0.32rem;
+}
+
+.insight .provide_main .provide_what .provide_ul .pro_li {
+  font-size: 0.28rem;
+  line-height: 0.48rem;
+  color: #5F5E64;
+}
+
+.insight .foryou {
+  margin-top: 0.48rem;
+  padding: 0 0.32rem;
+}
+
+.insight .foryou .help_analysis, .insight .foryou .help_provide {
+  display: flex;
+  padding: 0.24rem 0.32rem;
+  width: 100%;
+  background: #F5F6F7;
+  border-radius: 0.16rem;
+}
+
+.insight .foryou .help_analysis .help_left, .insight .foryou .help_provide .help_left {
+  font-weight: bold;
+  font-size: 0.28rem;
+  line-height: 0.48rem;
+  color: #B96416;
+}
+
+.insight .foryou .help_analysis .help_right, .insight .foryou .help_provide .help_right {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-left: 0.14rem;
+  height: 1.52rem;
+  font-size: 0.28rem;
+  line-height: 0.4rem;
+  color: #000000;
+}
+
+.insight .foryou .help_analysis .help_right span, .insight .foryou .help_provide .help_right span {
+  margin-bottom: 0.16rem;
+}
+
+.insight .foryou .help_provide {
+  margin-top: 0.24rem;
+}
+
+.insight .btn_zj {
+  margin-top: 0.48rem;
+  padding: 0 0.64rem 0 0.6rem;
+  width: 100%;
+}
+
+.insight .btn_zj .btn_zj_img {
+  width: 100%;
+  height: 100%;
+}
+
+/*剑鱼大会员*/
+.jy_bigvip {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 0.96rem;
+  padding: 0 0.32rem;
+  width: 100%;
+}
+
+.jy_bigvip .bigvip_title {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 0.68rem;
+  font-size: 0.48rem;
+  color: #171826;
+}
+
+.jy_bigvip .bigvip_label {
+  width: 5.44rem;
+  height: 0.52rem;
+  margin-top: 0.24rem;
+  font-size: 0.34rem;
+  color: #171826;
+  text-align: center;
+  background: url("/big-member/image/landpage_new/jy_bigvip_bg.png") no-repeat;
+  background-size: 100% 0.16rem;
+  background-position-y: 0.2rem;
+}
+
+.jy_bigvip .bigvip_meal {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 0.48rem;
+  width: 100%;
+}
+
+.jy_bigvip .bigvip_meal .meals {
+  position: relative;
+}
+
+.jy_bigvip .bigvip_meal .meals .viewdetail {
+  position: absolute;
+  left: 0.18rem;
+  bottom: -0.32rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 1.76rem;
+  height: 0.64rem;
+  font-size: 0.26rem;
+  font-weight: bold;
+  color: #171826;
+  border-radius: 0.48rem;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 3.33%, rgba(255, 255, 255, 0) 50.66%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(0deg, #FFE6C0 0%, #F1D090 25%, #FAE6C8 100%);
+  /* 大阴影/下方 */
+  box-shadow: 0px 4px 16px rgba(8, 31, 38, 0.08);
+}
+
+.jy_bigvip .bigvip_meal .meal_sj {
+  width: 2.12rem;
+  height: 2.6rem;
+  background: url("/big-member/image/landpage_new/sj_adv.png") no-repeat;
+  background-size: 100% 100%;
+}
+
+.jy_bigvip .bigvip_meal .meal_zh {
+  width: 2.12rem;
+  height: 2.6rem;
+  background: url("/big-member/image/landpage_new/zh_adv.png") no-repeat;
+  background-size: 100% 100%;
+}
+
+.jy_bigvip .bigvip_meal .meal_zj {
+  width: 2.12rem;
+  height: 2.6rem;
+  background: url("/big-member/image/landpage_new/zj_adv.png") no-repeat;
+  background-size: 100% 100%;
+}
+
+/* 招标大数据服务平台*/
+.paltform {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 1.36rem;
+  width: 100%;
+  border-top-left-radius: 0.6rem;
+  border-top-right-radius: 0.6rem;
+  background: linear-gradient(7.32deg, #1DB5E6 5.69%, #2ABED1 94.31%);
+}
+
+.paltform .paltform_main {
+  width: 100%;
+  height: 100%;
+  background: url("/big-member/image/landpage_new/cubeBG.png");
+  background-size: contain;
+}
+
+.paltform .paltform_title {
+  margin-top: 0.8rem;
+  font-size: 0.48rem;
+  line-height: 0.68rem;
+  text-align: center;
+  text-shadow: 0px 4px 16px rgba(8, 31, 38, 0.08);
+  color: #fff;
+}
+
+.paltform .data_ul {
+  margin-top: 0.48rem;
+  padding: 0 0.64rem;
+  width: 100%;
+}
+
+.paltform .data_ul .data_list {
+  display: flex;
+  align-items: center;
+  height: 0.84rem;
+  margin-top: 0.24rem;
+}
+
+.paltform .data_ul .data_list .list_left {
+  padding: 0.1rem 0.32rem;
+  background: #2496B3;
+  border-radius: 0.7rem;
+  font-size: 0.32rem;
+  line-height: 0.44rem;
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
+}
+
+.paltform .data_ul .data_list .list_right {
+  margin-left: 0.2rem;
+  height: 0.44rem;
+}
+
+.paltform .data_ul .data_list .list_right .list_right_img {
+  width: 100%;
+  height: 100%;
+}
+
+.paltform .com_show {
+  margin-bottom: 0.8rem;
+}
+
+.j-button-group {
+  /* padding: 0.16rem 0 0.24rem 0.32rem; */
+}
+
+.j-button-practice {
+  margin-left: 0.32rem;
+  font-size: 0.36rem;
+  line-height: 0.5rem;
+  font-weight: 900;
+  color: #D69E55;
+}
+
+.buy_btn {
+  display: flex;
+  flex: 1;
+  /* box-sizing: border-box; */
+}
+
+.buy_btn .j-btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.36rem;
+  flex: 1;
+}
+
+.buy_btn .sevendays {
+  /* width: 2.4rem; */
+  flex: 1;
+  height: 0.8rem;
+  margin-right: -0.2rem;
+  /*background: url("/big-member/image/landpage_new/seven_bg.png?v=1") no-repeat center center;*/
+  background-size: 100% 100%;
+  color: #fff;
+}
+
+.buy_btn .j-button-now {
+  flex: 1;
+  height: 0.8rem;
+  margin-right: 0.1rem;
+  background-size: 100% 100%;
+  color: #fff;
+}
+
+.buy_btn .j-button-nowly {
+  /* width: 4.6rem; */
+  flex: 1;
+  height: 0.8rem;
+  margin-right: 0.1rem;
+  border-radius: 0.4rem;
+  background: linear-gradient(180deg, #F74E29 0%, #EF3024 100%);
+  color: #fff;
+}
+
+.kefu {
+  position: fixed;
+  bottom: 2.68rem;
+  right: -0.2rem;
+  width: 1.46rem;
+  height: 0.58rem;
+}
+
+.kefu .kefu_main {
+  position: relative;
+  padding: 0.15rem 0.2rem;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 165, 115, 1);
+  border-radius: 0.29rem 0 0 0.29rem;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  box-sizing: border-box;
+  /* 大阴影/下方 */
+  box-shadow: 0px 4px 16px rgba(8, 31, 38, 0.08);
+}
+
+.kefu .kefu_main .kefu_text {
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.24rem;
+}
+
+.kefu .kefu_main .noread_red {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 0.05rem;
+  min-width: 0.32rem;
+  min-height: 0.32rem;
+  background: #FB483D;
+  font-size: 0.22rem;
+  border-radius: 50%;
+  color: #FFFFFF;
+}
+
+#zc__sdk__sys__btn {
+  display: none;
+}
+.action_out{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.j-container .btbt{
+  background: url(/big-member/image/landpage_new/item-btn.png) no-repeat center center;
+  background-size: 100% 100%;
+}

BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/item-btn.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_01.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_02.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_03.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_04.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_05.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_06.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_07-S.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemA_08.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_01.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_02.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_03.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_04.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_05.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_06.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_07.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/itemB_08.jpg


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shangjiImg/itemA1.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shangjiImg/itemA2.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shangjiImg/itemA3.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC1.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC2.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC3.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/shichangImg/itemC4.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB1.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB2.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB3.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB4.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB5.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/landpage_new/toubiaoImg/itemB6.png


+ 192 - 471
src/jfw/modules/app/src/web/templates/big-member/page_landingPage.html

@@ -5,357 +5,166 @@
     <title>剑鱼大会员</title>
     <!--引入公共资源头部-->
     {{include "/big-member/meta.html"}}
-
     <!--S-当前页必定需要预加载的资源-->
     <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
     <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
     <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
     <link rel="preload" as="style" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/page_landingPage_new.css?v={{Msg "seo" "mod_version"}}'/>
     <!--E-当前页必定需要预加载的资源-->
-
-
     <!--S-当前页面的css资源-->
     <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
     <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
     <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
-    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/page_landingPage_new.css?v={{Msg "seo" "mod_version"}}' />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/landingPage.css?v={{Msg "seo" "mod_version"}}' />
     <!--E-当前页面的css资源-->
     <style>
-        #zc__sdk__sys__btn {
-            display: none;
-        }
+      #zc__sdk__sys__btn {
+        display: none;
+      }
     </style>
     <script>
-        try {
-            window.JyObj.hiddenBottom('0')
-        } catch (e) {
-            console.log('error: app not function')
-        }
+      try {
+        window.JyObj.hiddenBottom('0')
+      } catch (e) {
+        console.log('error: app not function')
+      }
     </script>
 </head>
 
 <body>
-    <div class="j-container">
-        {{include "/big-member/header.html"}}
-        <div class="j-main" id="v-commit" v-cloak>
-            <div class="j-container">
-                <div class="j-main">
-                    <div class="new_action">
-                        <div class="action_out">
-                            <div class="action_title" data-text="剑鱼大会员">
-                                剑鱼大会员
-                            </div>
-                        </div>
-                        <div class="action_main">
-                            <div class="action_list" v-for="(item,index) in this.$data.cantodo">
-                                <div class="list_title">${item.title}</div>
-                                <p class="list_label">${item.label}</p>
-                                <div class="list_li" v-for="(data,i) in item.list">
-                                    <span class="j-icon icon-gold-duihao"></span>
-                                    <div class="li_text">
-                                        ${data}
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="btn_buy" id="btn_buy" @click="linkBuy('sj','购买【大会员】立享')">
-                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_buy.png" alt="" class="btn_buy_img" id="btn_buy_img">
-                        </div>
-                    </div>
-                    <!-- 帮你抢先获取销售机会 -->
-                    <div class="new_sale" id="zb">
-                        <div class="sale_title">
-                            · 帮你抢先获取销售机会 ·
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1">潜在项目抢先知,比拟建更超前</div>
-                            <div class="sale_label_2">利用招标大数据,帮你预测潜在的投标项目。</div>
-                        </div>
-                        <div class="sale_forecast">
-                            <div class="fore_top">
-                                <div class="forecast">
-                                    <span class="cast_left">帮你预测</span>
-                                    <span class="cast_right">潜在项目的采购内容</span>
-                                </div>
-                                <div class="forecast">
-                                    <span class="cast_left">为你提供</span>
-                                    <span class="cast_right">类似项目联系人 &nbsp; 联系方式</span>
-                                </div>
-                                <div class="manysquare">
-                                    <img src="/jyapp/big-member/image/landpage_new/square.png" alt="" class="manysquare_img">
-                                </div>
-                            </div>
-                            <div class="fore_bottom">
-                                <div class="fore_example">
-                                    <span class="exa_left">
-                                        比如
-                                    </span>
-                                    <div class="exa_right">
-                                        某市人民医院新建病房楼项目,后续会有相关物品采购阶段。<br/>剑鱼标讯结合招标大数据库,预测医院后续会采购医院信息系统、电子病历、办公家具等。
-                                    </div>
-                                </div>
-                                <div class="fore_example">
-                                    <span class="exa_left">
-                                        比如
-                                    </span>
-                                    <div class="exa_right">
-                                        某市新建四环快速路工程项目,后续会有配套施工采购阶段。<br/>剑鱼标讯结合招标大数据库,预测工程后续会采购交通信息化、信号灯、车牌识别系统等等。
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1 cover_label">每日10万商机,全国全覆盖,行业全覆盖</div>
-                        </div>
-                        <div class="privilege">
-                            <div class="privilege_list" v-for="(item,index) in this.$data.coverList">
-                                <span class="j-icon icon-gold-duihao"></span>
-                                <div class="privilege_text">${item}</div>
-                            </div>
-                            <div class="many_square">
-                                <img src="/jyapp/big-member/image/landpage_new/many_square.png" alt="" class="many_square_img">
-                            </div>
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1 pro_label">项目进程实时监控</div>
-                            <div class="sale_label_2">实时推送监控500个项目的变更信息。</div>
-                            <div class="cameraphoto">
-                                <img src="/jyapp/big-member/image/landpage_new/camera.png" class="camera_img" />
-                            </div>
-                        </div>
-                        <div class="btn_sj" id="btn_sj" @click="linkBuy('sj','购买【商机版】立享')">
-                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_sj_buy.png" alt="" class="btn_sj_img" id="btn_sj_img">
-                        </div>
-                    </div>
-                    <!-- 辅助你做投标决策 -->
-                    <div class="bid_decision" id="jc">
-                        <div class="bid_title_out">
-                            <div class="bid_title" data-text="辅助你做投标决策">
-                                辅助你做投标决策
-                            </div>
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1 new_pro">分析潜在投标企业,辅助投标决策。</div>
-                        </div>
-                        <div class="bid_ul">
-                            <div class="bid_list" v-for="item in this.$data.toubiao">
-                                <span class="j-icon icon-gold-duihao"></span>
-                                <div class="li_text">${item}</div>
-                            </div>
-                        </div>
-                        <div class="offer_title">
-                            辅助投标策略及报价参考
-                        </div>
-                        <div class="provide_main">
-                            <div class="provide_what">
-                                <div class="provide_text">提供</div>
-                                <div class="provide_ul">
-                                    <div class="pro_li" v-for="item in this.$data.offer">${item}</div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="big_scroll">
-                            <ul class="big_ul">
-                                <li class="list_item" v-for="item in this.$data.zhihuiImg">
-                                    <img :src="item + version" alt="">
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="btn_zh" id="btn_zh" @click="linkBuy('zh','购买【智慧版】立享')">
-                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_zh_buy.png" alt="" class="btn_zh_img" id="btn_zh_img">
-                        </div>
-                    </div>
-                    <!-- · 帮助你分析洞察市场 · -->
-                    <div class="insight" id="fx">
-                        <div class="insight_title">· 帮助你分析洞察市场 ·</div>
-                        <div class="sale_label">
-                            <div class="sale_label_1">帮助你分析竞争对手</div>
-                        </div>
-                        <div class="competitor_ul">
-                            <div class="com_list" v-for="item in this.$data.competitor">
-                                <span class="j-icon icon-gold-duihao"></span>
-                                <div class="li_text">${item}</div>
-                            </div>
-                        </div>
-                        <div class="big_scroll">
-                            <ul class="big_ul fiveimg">
-                                <li class="list_item" v-for="item in this.$data.zhuanjiaImg1">
-                                    <img :src="item + version" alt="">
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1 cover_label">帮助你监控竞争对手</div>
-                            <div class="sale_label_2">帮你全方位监控500个竞争对手</div>
-                        </div>
-                        <div class="provide_main">
-                            <div class="provide_what">
-                                <div class="provide_text">为你推送</div>
-                                <div class="provide_ul">
-                                    <div class="pro_li" v-for="item in this.$data.pushcom">${item}</div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="sale_label" id="unit">
-                            <div class="sale_label_1 pro_label">快速、全面地了解陌生的采购单位</div>
-                        </div>
-                        <div class="big_scroll">
-                            <ul class="big_ul fiveimg">
-                                <li class="list_item" v-for="item in this.$data.zhuanjiaImg2">
-                                    <img :src="item + version" alt="">
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="foryou">
-                            <div class="help_analysis">
-                                <div class="help_left">
-                                    帮你分析<br/>采购单位
-                                </div>
-                                <div class="help_right">
-                                    <span>重点供应商</span><span>采购预算和采购方式</span><span>中标企业的行业分布</span>
-                                </div>
-                            </div>
-                            <div class="help_provide">
-                                <div class="help_left">
-                                    为你提供<br/>采购单位
-                                </div>
-                                <div class="help_right">
-                                    <span>年度项目统计</span><span>供应商关系远近画像</span>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="btn_zj" id="btn_zj" @click="linkBuy('zj','购买【专家版】立享')">
-                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_zj_buy.png" alt="" class="btn_zj_img" id="btn_zj_img">
-                        </div>
-                    </div>
-                    <!-- 帮助厂商拓展客户和代理渠道 -->
-                    <div class="bid_decision" id="qz">
-                        <div class="bid_title_out">
-                            <div class="bid_title" data-text="帮助厂商拓展客户和代理渠道">
-                                帮助厂商拓展客户和代理渠道
-                            </div>
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1 new_pro">拓展潜在客户</div>
-                        </div>
-                        <div class="bid_ul">
-                            <div class="bid_list" v-for="item in this.$data.tuozhan">
-                                <span class="j-icon icon-gold-duihao"></span>
-                                <div class="li_text">${item}</div>
-                            </div>
-                        </div>
-                        <div class="big_scroll">
-                            <ul class="big_ul fourimg">
-                                <li class="list_item" v-for="item in this.$data.shangji">
-                                    <img :src="item + version" alt="">
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="sale_label">
-                            <div class="sale_label_1 new_agent">拓展潜在代理渠道</div>
-                        </div>
-                        <div class="bid_ul">
-                            <div class="bid_list" v-for="item in this.$data.daili">
-                                <span class="j-icon icon-gold-duihao"></span>
-                                <div class="li_text">${item}</div>
-                            </div>
-                        </div>
-                        <div class="buy_big" id="buy_big" @click="linkBuy('sj','购买大会员')">
-                            <button data-need-bind-phone class="big_btn" id="big_btn">购买大会员</button>
-                        </div>
-                    </div>
-                    <!-- 剑鱼大会员 -->
-                    <div class="jy_bigvip">
-                        <div class="bigvip_title">
-                            · 剑鱼大会员 ·
-                        </div>
-                        <div class="bigvip_label">
-                            三大版本满足企业不同需求
-                        </div>
-                        <div class="bigvip_meal">
-                            <div class="meals meal_sj">
-                                <button class="viewdetail" id="sj_id" @click="linkContrast()">
-                                    了解详情
-                                </button>
-                            </div>
-                            <div class="meals meal_zh">
-                                <button class="viewdetail" id="zh_id" @click="linkContrast()">
-                                    了解详情
-                                </button>
-                            </div>
-                            <div class="meals meal_zj">
-                                <button class="viewdetail" id="zj_id" @click="linkContrast()">
-                                    了解详情
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- 招标大数据服务平台 -->
-                    <div class="paltform">
-                        <div class="paltform_main">
-                            <div class="paltform_title">
-                                剑鱼标讯,专业的<br/>招标大数据服务平台
-                            </div>
-                            <div class="data_ul">
-                                <div class="data_list" v-for="item in this.$data.dataList">
-                                    <div class="list_left">
-                                        ${item.text}
-                                    </div>
-                                    <div class="list_right" :style="item.width">
-                                        <img :src="item.imgs" alt="" class="list_right_img">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="com_show">
-                                <img src="/jyapp/big-member/image/landpage_new/datanum/item06.png" alt="" class="com_show_img">
-                            </div>
-                        </div>
-                    </div>
-                    <div class="kefu" @click="consult()">
-                        <div class="kefu_main">
-                            <span class="kefu_text">咨询客服</span>
-                            <span class="noread_red" style="display: none;"></span>
-                        </div>
-                    </div>
-                </div>
-                <div class="j-footer" v-show="isCantrial">
-                    <div class="j-button-group">
-                        <!-- <div class="j-button-practice" @click="exper_fun()">
-                            <div data-need-bind-phone>免费试用</div>
-                        </div> -->
-                        <!-- 取消试用 改为采集用户信息 -->
-                        <div class="buy_btn" v-show="onlyBuy">
-                            <div class="sevendays j-btn" @click="exper_fun()">
-                                <!-- <div data-need-bind-phone>试用7天</div> -->
-                                <div data-need-bind-phone>免费试用</div>
-                            </div>
-                            <div class="j-button-now j-btn" @click="linkBuy('sj','立即购买')">
-                                <div data-need-bind-phone>立即购买</div>
-                            </div>
-                        </div>
-                        <div class="buy_btn" v-show="!onlyBuy">
-                            <div class="j-button-nowly j-btn" @click="linkBuy('sj','立即购买')">
-                                <div data-need-bind-phone>立即购买</div>
-                            </div>
-                        </div>
-                    </div>
+  <div class="j-container" id="v-commit" v-cloak>
+    {{include "/big-member/header.html"}}
+    <div class="j-main">
+      <!-- 全网商机获取 -->
+      <div class="new_action" style="padding-top: 0">
+        <div class="action_out" style="font-size: 0;">
+            <div>
+                <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_01.jpg'>
+            </div >
+            <div style="margin-top:-0.01rem">
+                <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_02.jpg'>
+            </div>
+            <div style="margin-top:-0.01rem">
+                <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_03.jpg'>
+            </div>
+            <div class="bid_decision" id="jc">
+                <div class="big_scroll" >
+                    <ul class="big_ul"  >
+                        <li class="list_item" v-for="item in shangjiImg">
+                            <img :src="item + version" alt="" height="100%" >
+                        </li>
+                    </ul>
                 </div>
             </div>
         </div>
+      </div>
+      <!-- · 辅助投标决策 · -->
+      <div class="insight" id="fx" style=" margin-top: 14.8rem">
+        <div class="action_out" style="font-size: 0;">
+          <div>
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_05.jpg'>
+          </div>
+          <div>
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_06.jpg'>
+          </div>
+          <div>
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_07-S.jpg'>
+          </div>
+          <div class="big_scroll"   style="margin-top: -6.82rem;">
+              <ul class="big_ul fiveimg">
+                <li class="list_item" v-for="item in toubiaoImg">
+                  <img :src="item + version" alt="">
+                </li>
+              </ul>
+          </div>
+        </div>
+      </div>
+      <!-- 市场分析洞察 -->
+      <div class="bid_decision" id="qz" style="margin-top:0.09rem">
+        <div style="font-size: 0;">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemA_08.jpg'>
+        </div>
+        <div style="font-size: 0;">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_01.jpg'>
+        </div>
+        <div style="font-size: 0;">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_02.jpg'>
+        </div>
+        <div class="big_scroll" style="margin-top:-7rem">
+          <ul class="big_ul fourimg">
+            <li class="list_item" v-for="item in this.$data.shichangImg">
+              <img :src="item + version" alt="">
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!-- 全场景赋能 -->
+      <div class="new_action" style="margin-top: 6rem" >
+        <div style="font-size: 0;">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_03.jpg'>
+        </div>
+        <div style="font-size: 0;">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_04.jpg'>
+        </div>
+        <div class="btn_buy" id="btn_buy" @click="exper_fun('sj', 1)"  style="background-color:#1A1A2A;">
+          <img data-need-bind-phone src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_05.jpg' alt="" class="btn_buy_img" id="btn_buy_img" >
+        </div>
+      </div>
+      <!-- 为什么选择 -->
+      <div class="insight" id="sj" style=" margin-top: 6.5rem">
+        <div class="action_out">
+          <div style="font-size: 0;">
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_06.jpg'>
+          </div>
+          <div style="font-size: 0;">
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/big-member/image/landpage_new/itemB_07.jpg' style="margin-top: -0.01rem">
+          </div>
+        </div>
+      </div>
+      <div class="kefu" @click="consult()">
+        <div class="kefu_main">
+          <span class="kefu_text">咨询客服</span>
+          <span class="noread_red" style="display: none;"></span>
+        </div>
+      </div>
     </div>
+    <div class="j-footer " v-show="isCantrial" style="background-color: #1A1A2A">
+      <div class="j-button-group btbt">
+        <div class="buy_btn" v-if="onlyBuy">
+          <div class="sevendays j-btn" @click="exper_fun()">
+            <div data-need-bind-phone  style="color: #FAE7CA">立即体验</div>
+          </div>
+          <div class="j-button-now j-btn" @click="linkBuy('sj',6)" >
+            <div data-need-bind-phone style="color: #1A1A2A">点击购买</div>
+          </div>
+        </div>
+        <div class="buy_btn" v-else>
+          <div class="j-button-nowly j-btn" @click="linkBuy('sj',6)">
+            <div data-need-bind-phone>立即购买</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
+  <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
+  <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js> </script>
+  <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
+  <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
+  <script src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js> </script>
+  {{include "/big-member/commonjs.html"}}
+  <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/selector/js/powerMap.js?v={{Msg "seo" "version"}}'></script>
+  <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "version"}}'></script>
+  <script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
 
-    <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
-    <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
-    <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js> </script>
-    <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
-    <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
-    <script src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js> </script>
-    {{include "/big-member/commonjs.html"}}
-    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/selector/js/powerMap.js?v={{Msg "seo" "version"}}'></script>
-    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "version"}}'></script>
-    <script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
-
-    <script>
+  <script>
+    window.afterClickBack = function () {
+        console.log(location.href, 'afterClick')
+        if (window.navigator.userAgent.indexOf('HUAWEI') !== -1 && location.href.indexOf('/page/full') !== -1) {
+            console.log('去首页')
+            location.replace('/jyapp/jylab/mainSearch')
+        }
+    }
     function mySysIsIos() {
         //ios终端
         var flag1 = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
@@ -363,158 +172,72 @@
         return flag1 || flag2
 
     }
-   var vNode = {
+    var config = {
+        cdnHost: {{Cdns .Host "seo" "cdn"|SafeUrl}}
+    }
+    var vNode = {
         delimiters: ['${', '}'],
         el: '#v-commit',
         data: {
-            onlyBuy:true,
-            isCantrial:false,
+            onlyBuy: true,
+            isCantrial:true,
             cantodo:[
-                {
-                    title:'帮你',
-                    label:'抢先获取销售机会',
-                    list: [
-                        '潜在项目抢先知,比拟建更超前。',
-                        '每日10万商机,全国全覆盖,行业全覆盖。',
-                        '项目进程实时监控'
-                    ]
-                },
-                {
-                    title:'辅助你',
-                    label:'做投标决策',
-                    list: [
-                        '潜在投标人/竞争对手分析',
-                        '预算/报价分析',
-                        '采购单位分析',
-                        '专家分析'
-                    ]
-                },
-                {
-                    title:'帮助你',
-                    label:'分析洞察市场',
-                    list: [
-                        '帮助你分析竞争对手',
-                        '帮助你监控竞争对手',
-                        '快速、全面地了解陌生的采购单位。'
-                    ]
-                },
-                {
-                    title:'帮助厂商',
-                    label:'拓展客户和代理渠道',
-                    list: [
-                        '拓展潜在客户',
-                        '拓展潜在代理渠道'
-                    ]
-                }
-            ],
-            coverList:[
-                '全国 5600万+ 条招标信息',
-                '4500万+ 企业库',
-                '104万+ 采购单位库',
-                '每日更新10万+招标信息',
-                '提供采购方联系方式',
-                '支持按采购单位、企业名称、关键词等搜索项目信息。',
-                '支持按地区、行业、关键词订阅,最多可设置300组。'
-            ],
-            toubiao:[
-                '预测项目的潜在投标企业',
-                '预测潜在投标企业的中标概率',
-                '透视潜在投标企业的全景画像'
-            ],
-            offer:[
-                '类似项目评标专家频次排名',
-                '类似项目中标金额',
-                '类似项目预算',
-                '类似项目折扣率',
-                '类似项目区域热度'
             ],
-            pushcom:[
-                '企业中标动态',
-                '董监高变动信息',
-                '股东及投资比例变动信息',
-                '注册资本变动信息',
-                '企业地址变动信息等'
+            shangjiImg:[
+                config.cdnHost + '/big-member/image/landpage_new/shangjiImg/itemA1.png',
+                config.cdnHost + '/big-member/image/landpage_new/shangjiImg/itemA2.png',
+                config.cdnHost + '/big-member/image/landpage_new/shangjiImg/itemA3.png',
             ],
-            shangji:[
-                '/jyapp/big-member/image/landpage_new/shangji/item01.png',
-                '/jyapp/big-member/image/landpage_new/shangji/item02.png',
-                '/jyapp/big-member/image/landpage_new/shangji/item03.png',
-                '/jyapp/big-member/image/landpage_new/shangji/item04.png'
+            toubiaoImg:[
+                config.cdnHost + '/big-member/image/landpage_new/toubiaoImg/itemB1.png',
+                config.cdnHost + '/big-member/image/landpage_new/toubiaoImg/itemB2.png',
+                config.cdnHost + '/big-member/image/landpage_new/toubiaoImg/itemB3.png',
+                config.cdnHost + '/big-member/image/landpage_new/toubiaoImg/itemB4.png',
+                config.cdnHost + '/big-member/image/landpage_new/toubiaoImg/itemB5.png',
+                config.cdnHost + '/big-member/image/landpage_new/toubiaoImg/itemB6.png',
             ],
-            zhihuiImg:[
-                '/jyapp/big-member/image/landpage_new/zhihui/item01.png',
-                '/jyapp/big-member/image/landpage_new/zhihui/item02.png',
-                '/jyapp/big-member/image/landpage_new/zhihui/item03.png',
-                '/jyapp/big-member/image/landpage_new/zhihui/item04.png',
-                '/jyapp/big-member/image/landpage_new/zhihui/item05.png',
-                '/jyapp/big-member/image/landpage_new/zhihui/item06.png',
-                '/jyapp/big-member/image/landpage_new/zhihui/item07.png',
-            ],
-            zhuanjiaImg1:[
-                '/jyapp/big-member/image/landpage_new/zhuanjia01/item01.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia01/item02.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia01/item03.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia01/item04.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia01/item05.png',
-            ],
-            zhuanjiaImg2:[
-                '/jyapp/big-member/image/landpage_new/zhuanjia02/item01.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia02/item02.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia02/item03.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia02/item04.png',
-                '/jyapp/big-member/image/landpage_new/zhuanjia02/item05.png',
-            ],
-            competitor:[
-                '分析竞争对手的重点客户',
-                '洞察竞争对手与其客户关系的紧密度',
-                '分析竞争对手的市场覆盖区域',
-                '提供竞争对手的中标项目统计'
-            ],
-            tuozhan:[
-                '帮你挖掘出潜在客户,帮助厂商完善客户数据库。',
-                '采购单位全景展示,帮助厂商快速、全面了解陌生的采购单位。'
-            ],
-            daili:[
-                '帮助厂商预测项目的中标企业是谁',
-                '提供企业的联系方式',
-                '提供企业的工商资料,辅助厂商评估企业实力。'
+            shichangImg:[
+                config.cdnHost + '/big-member/image/landpage_new/shichangImg/itemC1.png',
+                config.cdnHost + '/big-member/image/landpage_new/shichangImg/itemC2.png',
+                config.cdnHost + '/big-member/image/landpage_new/shichangImg/itemC3.png',
+                config.cdnHost + '/big-member/image/landpage_new/shichangImg/itemC4.png',
             ],
             dataList:[
                 {
                     text:'推送数据',
-                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item01.png',
+                    imgs:config.cdnHost + '/big-member/image/landpage_new/datanum/item01.png',
                     width:'width:2.16rem'
                 },
                 {
                     text:'招标信息库',
-                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item02.png',
+                    imgs:config.cdnHost + '/big-member/image/landpage_new/datanum/item02.png',
                     width:'width:2.84rem'
                 },
                 {
                     text:'项目库',
-                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item03.png',
+                    imgs:config.cdnHost + '/big-member/image/landpage_new/datanum/item03.png',
                     width:'width:2.6rem'
                 },
                 {
                     text:'企业库',
-                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item04.png',
+                    imgs:config.cdnHost + '/big-member/image/landpage_new/datanum/item04.png',
                     width:'width:2.82rem'
                 },
                 {
                     text:'采购单位库',
-                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item05.png',
+                    imgs:config.cdnHost + '/big-member/image/landpage_new/datanum/item05.png',
                     width:'width:2.16rem'
                 }
             ]
         },
         created () {
-            this.getVipMeal()
             this.getAnchor()
+            this.getVipMeal()
         },
         computed: {
-          version () {
-            return '?v=' + {{Msg "seo" "mod_version"}}
-          }
+            version () {
+              return '?v=' + {{Msg "seo" "version"}}
+            }
         },
         methods: {
             // 快照页引流锚点
@@ -537,20 +260,18 @@
                     url:'/bigmember/use/isAdd',
                     data:{},
                     success:function(res) {
-                        // if(res.data.memberStatus <= 0 || res.data.memberStatus == 4) {
-                        //     _this.isCantrial = true
-                        // } else {
-                        //     _this.isCantrial = false
-                        // }
-                        if (res.data.memberStatus && res.data.memberStatus > 0){
-                            _this.onlyBuy = false
-                        } else {
-                            if (res.data.is_member_trial) {
+                        if (res && res.data) {
+                            if (res.data.memberStatus > 0){
                                 _this.onlyBuy = false
                             } else {
-                                _this.onlyBuy = true
+                                if (res.data.is_member_trial) {
+                                    _this.onlyBuy = false
+                                } else {
+                                    _this.onlyBuy = true
+                                }
                             }
                         }
+
                         _this.isCantrial = true
                     }
                 })
@@ -578,39 +299,39 @@
                         location.href = './buy_commit?meal='+ res + '&mid=' + utils.getParam('mid')
                 }
             },
-            linkBuy:function (res,types) {
-                this.census(types)
+            linkBuy:function (res, i) {
                 this.getLog(res)
+                const ts = ['', '购买【大会员】立享', '购买【商机版】立享', '购买【智慧版】立享', '购买【专家版】立享', '购买大会员', '立即购买']
+                this.setStatistics(ts[i || 0])
                 // location.href = './buy_commit?meal='+ res
             },
             linkContrast:function(){
-                this.census('了解详情')
-                location.href = './contrast'
+                this.setStatistics('了解详情')
+                location.href = './index'
             },
             // 试用7天
             sevenBtn:function(){
-                this.census('试用7天')
+                this.setStatistics('试用7天')
                 location.href = './free_contrast_trial'
             },
             // 功能体验
             exper_fun:function () {
-                this.census('免费体验')
-                // 跳转到用户收集页面
+                this.setStatistics('免费体验')
                 // location.href = '/demo-member/demo_action.html'
-                location.href = '/jyapp/frontPage/bigmember/free/perfect_info?origin=member_freeuse&mid=' + utils.getParam('mid')
+                location.href = '/jyapp/frontPage/bigmember/free/perfect_info?origin=member_freeuser&mid=' + utils.getParam('mid')
             },
             // 咨询客服
             consult:function(){
-                this.census('咨询客服')
+                this.setStatistics('咨询客服')
                 location.href = "/jyapp/free/customer"
             },
-            census:function(item) {
-                $.get('/jyapp/front/app/sobot?t=' + new Date().getTime() + '&q='+item)
-                try {
-                    _hmt.push(['_trackEvent','大会员-app', 'click', item]);
-                } catch (e) {
-                    console.log('未初始化百度统计')
-                }
+            setStatistics: function (title) {
+              $.get('/front/wx/sobot?t=' + new Date().getTime() + '&q=' + title)
+              try {
+                _hmt.push(['_trackEvent','大会员-wx', 'click', title]);
+              } catch (e) {
+                console.log('未初始化百度统计')
+              }
             }
         }
     }

+ 680 - 0
src/jfw/modules/app/src/web/templates/big-member/page_landingPage_old_1.html

@@ -0,0 +1,680 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 50px;">
+
+<head>
+    <title>剑鱼大会员</title>
+    <!--引入公共资源头部-->
+    {{include "/big-member/meta.html"}}
+
+    <!--S-当前页必定需要预加载的资源-->
+    <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+    <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
+    <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
+    <link rel="preload" as="style" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/page_landingPage_new.css?v={{Msg "seo" "mod_version"}}'/>
+    <!--E-当前页必定需要预加载的资源-->
+
+
+    <!--S-当前页面的css资源-->
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/page_landingPage_new.css?v={{Msg "seo" "mod_version"}}' />
+    <!--E-当前页面的css资源-->
+    <style>
+        #zc__sdk__sys__btn {
+            display: none;
+        }
+    </style>
+    <script>
+        try {
+            window.JyObj.hiddenBottom('0')
+        } catch (e) {
+            console.log('error: app not function')
+        }
+    </script>
+</head>
+
+<body>
+    <div class="j-container">
+        {{include "/big-member/header.html"}}
+        <div class="j-main" id="v-commit" v-cloak>
+            <div class="j-container">
+                <div class="j-main">
+                    <div class="new_action">
+                        <div class="action_out">
+                            <div class="action_title" data-text="剑鱼大会员">
+                                剑鱼大会员
+                            </div>
+                        </div>
+                        <div class="action_main">
+                            <div class="action_list" v-for="(item,index) in this.$data.cantodo">
+                                <div class="list_title">${item.title}</div>
+                                <p class="list_label">${item.label}</p>
+                                <div class="list_li" v-for="(data,i) in item.list">
+                                    <span class="j-icon icon-gold-duihao"></span>
+                                    <div class="li_text">
+                                        ${data}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="btn_buy" id="btn_buy" @click="linkBuy('sj','购买【大会员】立享')">
+                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_buy.png" alt="" class="btn_buy_img" id="btn_buy_img">
+                        </div>
+                    </div>
+                    <!-- 帮你抢先获取销售机会 -->
+                    <div class="new_sale" id="zb">
+                        <div class="sale_title">
+                            · 帮你抢先获取销售机会 ·
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1">潜在项目抢先知,比拟建更超前</div>
+                            <div class="sale_label_2">利用招标大数据,帮你预测潜在的投标项目。</div>
+                        </div>
+                        <div class="sale_forecast">
+                            <div class="fore_top">
+                                <div class="forecast">
+                                    <span class="cast_left">帮你预测</span>
+                                    <span class="cast_right">潜在项目的采购内容</span>
+                                </div>
+                                <div class="forecast">
+                                    <span class="cast_left">为你提供</span>
+                                    <span class="cast_right">类似项目联系人 &nbsp; 联系方式</span>
+                                </div>
+                                <div class="manysquare">
+                                    <img src="/jyapp/big-member/image/landpage_new/square.png" alt="" class="manysquare_img">
+                                </div>
+                            </div>
+                            <div class="fore_bottom">
+                                <div class="fore_example">
+                                    <span class="exa_left">
+                                        比如
+                                    </span>
+                                    <div class="exa_right">
+                                        某市人民医院新建病房楼项目,后续会有相关物品采购阶段。<br/>剑鱼标讯结合招标大数据库,预测医院后续会采购医院信息系统、电子病历、办公家具等。
+                                    </div>
+                                </div>
+                                <div class="fore_example">
+                                    <span class="exa_left">
+                                        比如
+                                    </span>
+                                    <div class="exa_right">
+                                        某市新建四环快速路工程项目,后续会有配套施工采购阶段。<br/>剑鱼标讯结合招标大数据库,预测工程后续会采购交通信息化、信号灯、车牌识别系统等等。
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1 cover_label">每日10万商机,全国全覆盖,行业全覆盖</div>
+                        </div>
+                        <div class="privilege">
+                            <div class="privilege_list" v-for="(item,index) in this.$data.coverList">
+                                <span class="j-icon icon-gold-duihao"></span>
+                                <div class="privilege_text">${item}</div>
+                            </div>
+                            <div class="many_square">
+                                <img src="/jyapp/big-member/image/landpage_new/many_square.png" alt="" class="many_square_img">
+                            </div>
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1 pro_label">项目进程实时监控</div>
+                            <div class="sale_label_2">实时推送监控500个项目的变更信息。</div>
+                            <div class="cameraphoto">
+                                <img src="/jyapp/big-member/image/landpage_new/camera.png" class="camera_img" />
+                            </div>
+                        </div>
+                        <div class="btn_sj" id="btn_sj" @click="linkBuy('sj','购买【商机版】立享')">
+                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_sj_buy.png" alt="" class="btn_sj_img" id="btn_sj_img">
+                        </div>
+                    </div>
+                    <!-- 辅助你做投标决策 -->
+                    <div class="bid_decision" id="jc">
+                        <div class="bid_title_out">
+                            <div class="bid_title" data-text="辅助你做投标决策">
+                                辅助你做投标决策
+                            </div>
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1 new_pro">分析潜在投标企业,辅助投标决策。</div>
+                        </div>
+                        <div class="bid_ul">
+                            <div class="bid_list" v-for="item in this.$data.toubiao">
+                                <span class="j-icon icon-gold-duihao"></span>
+                                <div class="li_text">${item}</div>
+                            </div>
+                        </div>
+                        <div class="offer_title">
+                            辅助投标策略及报价参考
+                        </div>
+                        <div class="provide_main">
+                            <div class="provide_what">
+                                <div class="provide_text">提供</div>
+                                <div class="provide_ul">
+                                    <div class="pro_li" v-for="item in this.$data.offer">${item}</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="big_scroll">
+                            <ul class="big_ul">
+                                <li class="list_item" v-for="item in this.$data.zhihuiImg">
+                                    <img :src="item + version" alt="">
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="btn_zh" id="btn_zh" @click="linkBuy('zh','购买【智慧版】立享')">
+                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_zh_buy.png" alt="" class="btn_zh_img" id="btn_zh_img">
+                        </div>
+                    </div>
+                    <!-- · 帮助你分析洞察市场 · -->
+                    <div class="insight" id="fx">
+                        <div class="insight_title">· 帮助你分析洞察市场 ·</div>
+                        <div class="sale_label">
+                            <div class="sale_label_1">帮助你分析竞争对手</div>
+                        </div>
+                        <div class="competitor_ul">
+                            <div class="com_list" v-for="item in this.$data.competitor">
+                                <span class="j-icon icon-gold-duihao"></span>
+                                <div class="li_text">${item}</div>
+                            </div>
+                        </div>
+                        <div class="big_scroll">
+                            <ul class="big_ul fiveimg">
+                                <li class="list_item" v-for="item in this.$data.zhuanjiaImg1">
+                                    <img :src="item + version" alt="">
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1 cover_label">帮助你监控竞争对手</div>
+                            <div class="sale_label_2">帮你全方位监控500个竞争对手</div>
+                        </div>
+                        <div class="provide_main">
+                            <div class="provide_what">
+                                <div class="provide_text">为你推送</div>
+                                <div class="provide_ul">
+                                    <div class="pro_li" v-for="item in this.$data.pushcom">${item}</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="sale_label" id="unit">
+                            <div class="sale_label_1 pro_label">快速、全面地了解陌生的采购单位</div>
+                        </div>
+                        <div class="big_scroll">
+                            <ul class="big_ul fiveimg">
+                                <li class="list_item" v-for="item in this.$data.zhuanjiaImg2">
+                                    <img :src="item + version" alt="">
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="foryou">
+                            <div class="help_analysis">
+                                <div class="help_left">
+                                    帮你分析<br/>采购单位
+                                </div>
+                                <div class="help_right">
+                                    <span>重点供应商</span><span>采购预算和采购方式</span><span>中标企业的行业分布</span>
+                                </div>
+                            </div>
+                            <div class="help_provide">
+                                <div class="help_left">
+                                    为你提供<br/>采购单位
+                                </div>
+                                <div class="help_right">
+                                    <span>年度项目统计</span><span>供应商关系远近画像</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="btn_zj" id="btn_zj" @click="linkBuy('zj','购买【专家版】立享')">
+                            <img data-need-bind-phone src="/jyapp/big-member/image/landpage_new/btn_zj_buy.png" alt="" class="btn_zj_img" id="btn_zj_img">
+                        </div>
+                    </div>
+                    <!-- 帮助厂商拓展客户和代理渠道 -->
+                    <div class="bid_decision" id="qz">
+                        <div class="bid_title_out">
+                            <div class="bid_title" data-text="帮助厂商拓展客户和代理渠道">
+                                帮助厂商拓展客户和代理渠道
+                            </div>
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1 new_pro">拓展潜在客户</div>
+                        </div>
+                        <div class="bid_ul">
+                            <div class="bid_list" v-for="item in this.$data.tuozhan">
+                                <span class="j-icon icon-gold-duihao"></span>
+                                <div class="li_text">${item}</div>
+                            </div>
+                        </div>
+                        <div class="big_scroll">
+                            <ul class="big_ul fourimg">
+                                <li class="list_item" v-for="item in this.$data.shangji">
+                                    <img :src="item + version" alt="">
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="sale_label">
+                            <div class="sale_label_1 new_agent">拓展潜在代理渠道</div>
+                        </div>
+                        <div class="bid_ul">
+                            <div class="bid_list" v-for="item in this.$data.daili">
+                                <span class="j-icon icon-gold-duihao"></span>
+                                <div class="li_text">${item}</div>
+                            </div>
+                        </div>
+                        <div class="buy_big" id="buy_big" @click="linkBuy('sj','购买大会员')">
+                            <button data-need-bind-phone class="big_btn" id="big_btn">购买大会员</button>
+                        </div>
+                    </div>
+                    <!-- 剑鱼大会员 -->
+                    <div class="jy_bigvip">
+                        <div class="bigvip_title">
+                            · 剑鱼大会员 ·
+                        </div>
+                        <div class="bigvip_label">
+                            三大版本满足企业不同需求
+                        </div>
+                        <div class="bigvip_meal">
+                            <div class="meals meal_sj">
+                                <button class="viewdetail" id="sj_id" @click="linkContrast()">
+                                    了解详情
+                                </button>
+                            </div>
+                            <div class="meals meal_zh">
+                                <button class="viewdetail" id="zh_id" @click="linkContrast()">
+                                    了解详情
+                                </button>
+                            </div>
+                            <div class="meals meal_zj">
+                                <button class="viewdetail" id="zj_id" @click="linkContrast()">
+                                    了解详情
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 招标大数据服务平台 -->
+                    <div class="paltform">
+                        <div class="paltform_main">
+                            <div class="paltform_title">
+                                剑鱼标讯,专业的<br/>招标大数据服务平台
+                            </div>
+                            <div class="data_ul">
+                                <div class="data_list" v-for="item in this.$data.dataList">
+                                    <div class="list_left">
+                                        ${item.text}
+                                    </div>
+                                    <div class="list_right" :style="item.width">
+                                        <img :src="item.imgs" alt="" class="list_right_img">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="com_show">
+                                <img src="/jyapp/big-member/image/landpage_new/datanum/item06.png" alt="" class="com_show_img">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="kefu" @click="consult()">
+                        <div class="kefu_main">
+                            <span class="kefu_text">咨询客服</span>
+                            <span class="noread_red" style="display: none;"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="j-footer" v-show="isCantrial">
+                    <div class="j-button-group">
+                        <!-- <div class="j-button-practice" @click="exper_fun()">
+                            <div data-need-bind-phone>免费试用</div>
+                        </div> -->
+                        <!-- 取消试用 改为采集用户信息 -->
+                        <div class="buy_btn" v-show="onlyBuy">
+                            <div class="sevendays j-btn" @click="exper_fun()">
+                                <!-- <div data-need-bind-phone>试用7天</div> -->
+                                <div data-need-bind-phone>免费试用</div>
+                            </div>
+                            <div class="j-button-now j-btn" @click="linkBuy('sj','立即购买')">
+                                <div data-need-bind-phone>立即购买</div>
+                            </div>
+                        </div>
+                        <div class="buy_btn" v-show="!onlyBuy">
+                            <div class="j-button-nowly j-btn" @click="linkBuy('sj','立即购买')">
+                                <div data-need-bind-phone>立即购买</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
+    <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
+    <script rel="preload" as="script" src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js> </script>
+    <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
+    <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
+    <script src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js> </script>
+    {{include "/big-member/commonjs.html"}}
+    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/selector/js/powerMap.js?v={{Msg "seo" "version"}}'></script>
+    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "version"}}'></script>
+    <script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
+
+    <script>
+    function mySysIsIos() {
+        //ios终端
+        var flag1 = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+        var flag2 = !!navigator.userAgent.match(/\(M[^;]+; Intel Mac OS X/);
+        return flag1 || flag2
+
+    }
+   var vNode = {
+        delimiters: ['${', '}'],
+        el: '#v-commit',
+        data: {
+            onlyBuy:true,
+            isCantrial:false,
+            cantodo:[
+                {
+                    title:'帮你',
+                    label:'抢先获取销售机会',
+                    list: [
+                        '潜在项目抢先知,比拟建更超前。',
+                        '每日10万商机,全国全覆盖,行业全覆盖。',
+                        '项目进程实时监控'
+                    ]
+                },
+                {
+                    title:'辅助你',
+                    label:'做投标决策',
+                    list: [
+                        '潜在投标人/竞争对手分析',
+                        '预算/报价分析',
+                        '采购单位分析',
+                        '专家分析'
+                    ]
+                },
+                {
+                    title:'帮助你',
+                    label:'分析洞察市场',
+                    list: [
+                        '帮助你分析竞争对手',
+                        '帮助你监控竞争对手',
+                        '快速、全面地了解陌生的采购单位。'
+                    ]
+                },
+                {
+                    title:'帮助厂商',
+                    label:'拓展客户和代理渠道',
+                    list: [
+                        '拓展潜在客户',
+                        '拓展潜在代理渠道'
+                    ]
+                }
+            ],
+            coverList:[
+                '全国 5600万+ 条招标信息',
+                '4500万+ 企业库',
+                '104万+ 采购单位库',
+                '每日更新10万+招标信息',
+                '提供采购方联系方式',
+                '支持按采购单位、企业名称、关键词等搜索项目信息。',
+                '支持按地区、行业、关键词订阅,最多可设置300组。'
+            ],
+            toubiao:[
+                '预测项目的潜在投标企业',
+                '预测潜在投标企业的中标概率',
+                '透视潜在投标企业的全景画像'
+            ],
+            offer:[
+                '类似项目评标专家频次排名',
+                '类似项目中标金额',
+                '类似项目预算',
+                '类似项目折扣率',
+                '类似项目区域热度'
+            ],
+            pushcom:[
+                '企业中标动态',
+                '董监高变动信息',
+                '股东及投资比例变动信息',
+                '注册资本变动信息',
+                '企业地址变动信息等'
+            ],
+            shangji:[
+                '/jyapp/big-member/image/landpage_new/shangji/item01.png',
+                '/jyapp/big-member/image/landpage_new/shangji/item02.png',
+                '/jyapp/big-member/image/landpage_new/shangji/item03.png',
+                '/jyapp/big-member/image/landpage_new/shangji/item04.png'
+            ],
+            zhihuiImg:[
+                '/jyapp/big-member/image/landpage_new/zhihui/item01.png',
+                '/jyapp/big-member/image/landpage_new/zhihui/item02.png',
+                '/jyapp/big-member/image/landpage_new/zhihui/item03.png',
+                '/jyapp/big-member/image/landpage_new/zhihui/item04.png',
+                '/jyapp/big-member/image/landpage_new/zhihui/item05.png',
+                '/jyapp/big-member/image/landpage_new/zhihui/item06.png',
+                '/jyapp/big-member/image/landpage_new/zhihui/item07.png',
+            ],
+            zhuanjiaImg1:[
+                '/jyapp/big-member/image/landpage_new/zhuanjia01/item01.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia01/item02.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia01/item03.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia01/item04.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia01/item05.png',
+            ],
+            zhuanjiaImg2:[
+                '/jyapp/big-member/image/landpage_new/zhuanjia02/item01.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia02/item02.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia02/item03.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia02/item04.png',
+                '/jyapp/big-member/image/landpage_new/zhuanjia02/item05.png',
+            ],
+            competitor:[
+                '分析竞争对手的重点客户',
+                '洞察竞争对手与其客户关系的紧密度',
+                '分析竞争对手的市场覆盖区域',
+                '提供竞争对手的中标项目统计'
+            ],
+            tuozhan:[
+                '帮你挖掘出潜在客户,帮助厂商完善客户数据库。',
+                '采购单位全景展示,帮助厂商快速、全面了解陌生的采购单位。'
+            ],
+            daili:[
+                '帮助厂商预测项目的中标企业是谁',
+                '提供企业的联系方式',
+                '提供企业的工商资料,辅助厂商评估企业实力。'
+            ],
+            dataList:[
+                {
+                    text:'推送数据',
+                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item01.png',
+                    width:'width:2.16rem'
+                },
+                {
+                    text:'招标信息库',
+                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item02.png',
+                    width:'width:2.84rem'
+                },
+                {
+                    text:'项目库',
+                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item03.png',
+                    width:'width:2.6rem'
+                },
+                {
+                    text:'企业库',
+                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item04.png',
+                    width:'width:2.82rem'
+                },
+                {
+                    text:'采购单位库',
+                    imgs:'/jyapp/big-member/image/landpage_new/datanum/item05.png',
+                    width:'width:2.16rem'
+                }
+            ]
+        },
+        created () {
+            this.getVipMeal()
+            this.getAnchor()
+        },
+        computed: {
+          version () {
+            return '?v=' + {{Msg "seo" "mod_version"}}
+          }
+        },
+        methods: {
+            // 快照页引流锚点
+            getAnchor: function () {
+                let dsid = utils.getParam('dsid')
+                if(dsid) {
+                    for(item in powerMap) {
+                        if(dsid == item) {
+                            console.log(powerMap[item])
+                            location.href = '#' + powerMap[item].anchor
+                        }
+                    }
+                }
+            },
+            // 查看是否试用过
+            getVipMeal:function () {
+                var _this = this
+                $.ajax({
+                    type:'POST',
+                    url:'/bigmember/use/isAdd',
+                    data:{},
+                    success:function(res) {
+                        // if(res.data.memberStatus <= 0 || res.data.memberStatus == 4) {
+                        //     _this.isCantrial = true
+                        // } else {
+                        //     _this.isCantrial = false
+                        // }
+                        if (res.data.memberStatus && res.data.memberStatus > 0){
+                            _this.onlyBuy = false
+                        } else {
+                            if (res.data.is_member_trial) {
+                                _this.onlyBuy = false
+                            } else {
+                                _this.onlyBuy = true
+                            }
+                        }
+                        _this.isCantrial = true
+                    }
+                })
+            },
+            getLog: function (res) {
+                if(!res){
+                    res = ''
+                }
+                if (utils.getParam('mid')) {
+                    try {
+                        $.ajax({
+                            type: "POST",
+                            url: "/publicapply/drainage/bmt/" + utils.getParam('mid'),
+                            success: function(r) {
+                                console.log(r,'rrrr')
+                                if (r.data) {
+                                    location.href = './buy_commit?meal='+ res + '&mid=' + utils.getParam('mid')
+                                }
+                            }
+                        })
+                    } catch (error) {
+                        location.href = './buy_commit?meal='+ res + '&mid=' + utils.getParam('mid')
+                    }
+                    } else {
+                        location.href = './buy_commit?meal='+ res + '&mid=' + utils.getParam('mid')
+                }
+            },
+            linkBuy:function (res,types) {
+                this.census(types)
+                this.getLog(res)
+                // location.href = './buy_commit?meal='+ res
+            },
+            linkContrast:function(){
+                this.census('了解详情')
+                location.href = './contrast'
+            },
+            // 试用7天
+            sevenBtn:function(){
+                this.census('试用7天')
+                location.href = './free_contrast_trial'
+            },
+            // 功能体验
+            exper_fun:function () {
+                this.census('免费体验')
+                // 跳转到用户收集页面
+                // location.href = '/demo-member/demo_action.html'
+                location.href = '/jyapp/frontPage/bigmember/free/perfect_info?origin=member_freeuse&mid=' + utils.getParam('mid')
+            },
+            // 咨询客服
+            consult:function(){
+                this.census('咨询客服')
+                location.href = "/jyapp/free/customer"
+            },
+            census:function(item) {
+                $.get('/jyapp/front/app/sobot?t=' + new Date().getTime() + '&q='+item)
+                try {
+                    _hmt.push(['_trackEvent','大会员-app', 'click', item]);
+                } catch (e) {
+                    console.log('未初始化百度统计')
+                }
+            }
+        }
+    }
+    new Vue(vNode)
+    </script>
+    <script>
+        function getOfflineMessageCount () {
+            try {
+                var nowPlatform = 'app';
+                (function (w, d, e, x) {
+                    w[e] = function () { w.cbk = w.cbk || []; w.cbk.push(arguments); }
+                    x = d.createElement('script');
+                    x.async = true;
+                    x.id = 'zhichiScript';
+                    x.className="zhiCustomBtn";
+                    // wxh5、app、pc
+                    x.src = 'https://' + nowPlatform + '-jianyu.sobot.com/chat/frame/v2/entrance.js?sysnum=9d1e3980f91e4b75b8f04e2d206a4c76&t=' + new Date().getTime();
+                    window.xxx = x
+                    d.body.appendChild(x);
+                })(window, document, 'zc');
+                $.post("/jypay/user/getSimpleData?t="+new Date().getTime(),{},function(r){
+                    console.log(r, 'r')
+                    var ajaxUserInfo = {
+                        headImage: '',
+                        nickName: '默认昵称',
+                        userId: '',
+                    }
+
+                    if (r) {
+                        Object.keys(ajaxUserInfo).forEach(function (v) {
+                            if (r[v] && r[v] !== '') {
+                                ajaxUserInfo[v] = r[v]
+                            }
+                        })
+                    }
+
+                    zc('config', {
+                        custom:true,
+                        top_bar_flag: 0,
+                        auto_expand: false,
+                        show_face: 1,
+                        async: 0,
+                        photo_flag: false,
+                        partnerid: ajaxUserInfo.userId,
+                        face: ajaxUserInfo.headImage
+                    })
+                    console.log('获取未读消息')
+                    zc("offline_message_count",function(res){
+                        console.log(res, 'offline_message_count')
+                        if (res && res.size && res.size > 0) {
+                            var omc = res.size > 99 ? '99+' : res.size
+                            $(".noread_red").text(omc).show()
+                        } else {
+                            $(".noread_red").hide()
+                        }
+                    })
+                })
+            } catch (e) {
+                console.log('error: ',e)
+            }
+        }
+        getOfflineMessageCount()
+    </script>
+
+</body>
+
+</html>

+ 1 - 0
src/web/staticres/frontRouter/pc/seeBuyerHistory/js/index-pc.js

@@ -121,6 +121,7 @@ var vm = new Vue({
           }
           if (!res.data.list) {
             res.data.list = []
+            return
           }
           this.seeList.list = this.seeList.list.concat(res.data.list.map(function (v) {
             return {

+ 1 - 1
src/web/templates/big-member/wx/page_landingPage.html

@@ -41,7 +41,7 @@
     </head>
 <body>
     <div class="j-container"  id="v-commit">
-        {{include "/big-member/header.html"}}
+        <!-- {{include "/big-member/header.html"}} -->
         <div class="j-main">
             <!-- 全网商机获取 -->
             <div class="new_action" style="padding-top: 0">

+ 1 - 1
src/web/templates/frontRouter/pc/seeBuyerHistory/sess/index.html

@@ -38,7 +38,7 @@
         <el-date-picker class="date-class" v-model="dateVal" type="month" format="yyyy年MM月" @change="dateHandler"
           placeholder="请选择月份" :clearable="false" :editable="false">
         </el-date-picker>
-        <i class="el-icon-arrow-down r-icons" @click="dateHandler"></i>
+        <i class="el-icon-arrow-down r-icons" ></i>
       </div>
     </div>
     <div class="see-content w" v-show="seeList.list.length !== 0 && empty">