Explorar o código

feat: 新增pc端人脉落地页

cuiyalong hai 9 meses
pai
achega
28acd8f611

+ 97 - 0
src/web/staticres/frontRouter/pc/declaration/css/relationship.css

@@ -0,0 +1,97 @@
+.CfadeInUp {
+    /* opacity: 0; */
+    animation: 1s ease forwards alternate;
+}
+.button-blink {
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+}
+.button-blink::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: -120px;
+    left: -80px;
+    width: 36px;
+    height: 360px;
+    background: #fff;
+    opacity: 0.16;
+    transform: rotate(-45deg);
+    transition: all 800ms ease-out;
+}
+.button-blink:hover::after {
+    left: 200%;
+}
+
+.img-content {
+    display: block;
+    width: 100%;
+    user-select: none;
+    -webkit-user-drag: none
+}
+.intro-leave-banner {
+    height: 180px;
+    background-color: #E5F3FF;
+}
+.intro-leave-banner .box {
+    position: relative;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.intro-leave-banner .img-container {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 480px;
+    height: 210px;
+}
+.intro-leave-banner .intro-text {
+    font-size: 24px;
+    line-height: 36px;
+    color: #1d1d1d;
+}
+.intro-leave-banner .intro-button {
+    margin-top: 20px;
+    padding: 8px 36px;
+    font-size: 18px;
+    line-height: 28px;
+    color: #fff;
+    border-radius: 6px;
+    background: linear-gradient(270deg, #12C8E4 0%, #0333D1 100%);
+}
+
+.swiper-section {
+    margin: 42px 0 48px;
+}
+.inset-swiper-box {
+    margin: 0 auto;
+    height: 234px;
+    overflow: hidden;
+}
+.inset-swiper-box .ent-list-item {
+    display: inline-flex;
+    align-items: center;
+    height: 50px;
+    padding: 10px 40px;
+    font-size: 20px;
+    line-height: 30px;
+    border-radius: 30px;
+    background: linear-gradient(90deg, #FFFFFF 0%, #E5F8FF 100%);
+    border: 1px solid #E0E0E0;
+}
+.ent-list-item .ellipsis {
+    display: inline-block;
+    max-width: 330px;
+}
+.inset-swiper-box .ent-list-item:not(:last-of-type) {
+    margin-right: 28px;
+}
+.inset-swiper-box .ent-list-line {
+    padding: 14px 0;
+}
+.inset-swiper-box .ent-list-per-container {
+    text-align: center;
+}

BIN=BIN
src/web/staticres/frontRouter/pc/declaration/images/renmai/banner-1@2x.png


BIN=BIN
src/web/staticres/frontRouter/pc/declaration/images/renmai/banner-2@2x.png


BIN=BIN
src/web/staticres/frontRouter/pc/declaration/images/renmai/banner-3@2x.png


BIN=BIN
src/web/staticres/frontRouter/pc/declaration/images/renmai/banner-4@2x.png


BIN=BIN
src/web/staticres/frontRouter/pc/declaration/images/renmai/banner-5-mask@2x.png


BIN=BIN
src/web/staticres/frontRouter/pc/declaration/images/renmai/banner-5@2x.png


+ 7 - 2
src/web/staticres/js/pc-collect-user-info.js

@@ -432,7 +432,8 @@ var vm = new Vue({
         'pc_ServiceList_experience': '请留下您的信息,我们将为您推荐最符合您业务需求的产品和服务!',
         'pc_buyer_monitor_limit': '监控业主数量已达上限,请升级大会员,可实时监控最多500个业主采购动态,洞察潜在商机。',
         'pc_buyer_monitor_freeuser': '您当前权限不足,请升级大会员,可实时监控最多500个业主采购动态,洞察潜在商机。',
-        'pc_buyer_monitor_more': '请升级大会员,可实时监控最多500个业主采购动态,洞察潜在商机。'
+        'pc_buyer_monitor_more': '请升级大会员,可实时监控最多500个业主采购动态,洞察潜在商机。',
+        pc_connections_landingpage: '请留下您的体验企业信息,我们会尽快协调人员给您做体验对接!'
       },
       isRefresh: false, // 留完资是否需要刷新页面
       sourceDescMap: {
@@ -446,7 +447,8 @@ var vm = new Vue({
         'pc_ServiceList_experience': 'PC服务列表-申请免费体验',
         'pc_buyer_monitor_limit': '采购单位画像页-超级订阅申请监控更多业主(已达上限)',
         'pc_buyer_monitor_freeuser': '采购单位画像页-免费用户申请监控业主',
-        'pc_buyer_monitor_more': '采购单位画像页-超级订阅用户申请监控更多业主'
+        'pc_buyer_monitor_more': '采购单位画像页-超级订阅用户申请监控更多业主',
+        pc_connections_landingpage: '人脉管理落地页'
       }
     }
   },
@@ -652,6 +654,9 @@ var vm = new Vue({
         } else if(source === 'pc_buyer_monitor_more') {
           this.dialogTitle = text
           this.dialogTitleTop = '申请监控更多业主'
+        } else if (source.indexOf("pc_connections_landingpage") > -1){
+          this.dialogTitle = text
+          this.dialogTitleTop = "业绩倍增体验"
         }
         // else if (source.indexOf("article_collection") > -1){
         //   this.dialogTitle = text

+ 176 - 0
src/web/templates/frontRouter/pc/declaration/free/relationship.html

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+  <title>人脉管理-剑鱼标讯</title>
+  <meta content="IE=edge,Chrome=1" http-equiv="X-UA-Compatible" />
+  <meta name="Keywords" content="企业认证服务,招标商机,人工智能,招标大数据,企业情报,剑鱼标讯"/>
+  <meta name="Description" content="剑鱼企业认证服务依托剑鱼标讯海量招标信息,为你提供招标商机服务、人工智能预测新项目服务、中标企业预测服务、招标大数据服务和企业情报大数据服务,帮助你全面获取销售机会、辅助进行投标决策、全面分析洞察市场、拓展客户和代理渠道。" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="renderer" content="webkit" >
+  <meta name="format-detection" content="telephone=no"/>
+  <meta name="enable-header"  theme="light" content="企业认证"/>
+  {{include "/common/pnc.html"}}
+  <link href='{{Msg "seo" "cdn"}}/css/reset.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css" />
+  <!-- <link href='{{Msg "seo" "cdn"}}/css/subscribe.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css" /> -->
+  <link href='{{Msg "seo" "cdn"}}/pccss/reset_pc.css' rel="stylesheet" type="text/css" />
+  <link href='{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "version"}}' rel="stylesheet" />
+  <link href='{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}' rel="stylesheet"
+        type="text/css" />
+        <link href="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/theme-chalk/index.css" rel="stylesheet" />
+    <link href='{{Msg "seo" "cdn"}}/css/swiper.min.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css"/>
+  <link href='{{Msg "seo" "cdn"}}/css/collect-user-info.css?v={{Msg "seo" "version"}}' rel="stylesheet">
+  <link href='{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/css/relationship.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css" />
+</head>
+<body>
+{{include "/common/pchead.html"}}
+<div id="vue-collect-user-info"></div>
+<div class="page-container">
+  <div class="page-content">
+    <div class="CfadeInUp">
+      <div class="box">
+        <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/images/renmai/banner-1@2x.png?v={{Msg "seo" "version"}}" alt="" class="img-content">
+      </div>
+    </div>
+    <div class="CfadeInUp">
+      <div class="box">
+        <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/images/renmai/banner-2@2x.png?v={{Msg "seo" "version"}}" alt="" class="img-content">
+      </div>
+    </div>
+    <div class="CfadeInUp">
+      <div class="box">
+        <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/images/renmai/banner-3@2x.png?v={{Msg "seo" "version"}}" alt="" class="img-content">
+      </div>
+    </div>
+    <div class="CfadeInUp">
+      <div class="box">
+        <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/images/renmai/banner-4@2x.png?v={{Msg "seo" "version"}}" alt="" class="img-content">
+      </div>
+    </div>
+    <div class="CfadeInUp">
+      <div class="box">
+        <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/images/renmai/banner-5@2x.png?v={{Msg "seo" "version"}}" alt="" class="img-content">
+      </div>
+    </div>
+    <div class="CfadeInUp intro-leave-banner">
+      <div class="box w">
+        <div class="text-container">
+          <p class="intro-text">剑鱼可帮助您快速达成业绩倍增</p>
+          <button class="intro-button button-blink">申请免费试用</button>
+        </div>
+        <div class="img-container">
+          <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/declaration/images/renmai/banner-5-mask@2x.png?v={{Msg "seo" "version"}}" alt="" class="img-content">
+        </div>
+      </div>
+    </div>
+    <section class="swiper-section">
+        <div class="w">
+            <div class="inset-swiper-box swiper-contaienr">
+                <div class="swiper-wrapper" id="inset-swiper-content">
+                    <!-- <div class="swiper-slide ent-list-per-container">
+                        <div class="ent-list-line">
+                            <div class="ent-list-item"><i class="highlight-text ellipsis">北京剑鱼信息技术有限公司</i>已经尝试使用</div>
+                            <div class="ent-list-item"><i class="highlight-text ellipsis">北京剑鱼信息技术有限公司</i>已经尝试使用</div>
+                        </div>
+                        <div class="ent-list-line">
+                            <div class="ent-list-item"><i class="highlight-text ellipsis">北京剑鱼信息技术有限公司河南分公司</i>已经尝试使用</div>
+                            <div class="ent-list-item"><i class="highlight-text ellipsis">北京剑鱼信息技术有限公司</i>已经尝试使用</div>
+                        </div>
+                        <div class="ent-list-line">
+                            <div class="ent-list-item"><i class="highlight-text ellipsis">北京剑鱼信息技术有限公司</i>已经尝试使用</div>
+                            <div class="ent-list-item"><i class="highlight-text ellipsis">北京剑鱼信息技术有限公司</i>已经尝试使用</div>
+                        </div>
+                    </div> -->
+                </div>
+            </div>
+        </div>
+        
+    </section>
+  </div>
+</div>
+<script src='{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}' type="text/javascript"></script>
+<script src='{{Msg "seo" "cdn"}}/js/jquery.cookie.js?v={{Msg "seo" "version"}}' type="text/javascript"></script>
+<script src='{{Msg "seo" "cdn"}}/common-module/public/js/china-map-data.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Msg "seo" "cdn"}}/common-module/selector/js/static-data.js?v={{Msg "seo" "version"}}'></script>
+<script src="//cdn-common.jianyu360.com/cdn/lib/vue/2.6.14/vue.min.js"></script>
+<script src='{{Msg "seo" "cdn"}}/js/swiper.min.js'></script>
+<script src="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/index.js"></script>
+<script src=//cdn-common.jianyu360.com/cdn/lib/lodash/4.17.21/lodash.min.js></script>
+<script src='{{Msg "seo" "cdn"}}/js/pc-collect-user-info.js?v={{Msg "seo" "version"}}'></script>
+<script>
+// setNavTheme(firstTheme = 'light')
+haslogin({{.T.logid}});
+var __pageActions = {
+
+    renderEntList: function(list) {
+        // 整理数组
+        // 先将数组6个为一组分割
+        var html = ''
+        var chunked2 = _.chunk(list, 6)
+        chunked2.forEach(function(per) {
+            html += '<div class="swiper-slide ent-list-per-container">'
+            const c = _.chunk(per, 2)
+            c.forEach(function(item) {
+                html += '<div class="ent-list-line">'
+                var hArr = item.map(function(t) {
+                    return '<div class="ent-list-item"><i class="highlight-text ellipsis">'+t+'</i>已经尝试使用</div>'
+                })
+                html += (hArr.join(''))
+                html += '</div>'
+            })
+            html += '</div>'
+        })
+        $('#inset-swiper-content').html(html)
+        this.initSwiper()
+    },
+    getEntList: function() {
+        var _this = this
+        $.ajax({
+            type:'GET',
+            url:'/jyapi/networkManage/getEntNameList',
+            success:function(res) {
+                if (res && Array.isArray(res.data)) {
+                    _this.renderEntList(res.data)
+                }
+            },
+            error:function(err) {
+            }
+        })
+    },
+    initSwiper: function() {
+        var swiper = new Swiper('.inset-swiper-box', {
+            direction: 'vertical',
+            loop: true,
+            autoplay: {
+                delay: 4000,
+                disableOnInteraction: false,
+                pauseOnMouseEnter: true, 
+            }
+        });
+        swiper.init()
+    }
+}
+
+$(function () {
+    __pageActions.getEntList()
+    // 留资
+    $('.intro-button').on('click', function() {
+        if(!loginflag) {
+            openLoginDig()
+            return
+        }
+        if(vm){
+            vm.isNeedSubmit('pc_connections_landingpage', function(){
+                vm.showSuccess = true
+            })
+        }
+    })
+})
+</script>
+{{include "/common/bidLeaveInfo.html"}}
+<!--S-百度统计-->
+{{include "/common/pcbottom.html"}}
+{{include "/common/baiducc.html"}}
+<!--E-百度统计-->
+</body>
+</html>