feat:数据市场、数据定制导出、数据API页面添加留资

src/web/staticres/common-module/pc-dialog/css/leave-info-dialog.css

@@ -60,11 +60,11 @@
   border-radius: 4px 4px 4px 4px;
   opacity: 1;
   margin-bottom: 10px;
-  text-align: center;  
+  text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
-  } 
+  }
   .warm-prompt .icon-warning{
     display: flex;
     width: 15px;
@@ -98,7 +98,7 @@
 }
 @media screen and (min-width: 800px) and (max-width: 1366px) {
   #collectUserInfoDialog .dialog-container {
-    top: 65%; 
+    top: 65%;
   }
 }
 #collectUserInfoDialog .dialog-header{
@@ -108,7 +108,9 @@
   font-size: 18px;
   line-height: 28px;
   text-align: center;
-  background: url('/common-module/pc-dialog/image/structed-title.png?v={{Msg "seo" "version"}}') no-repeat top center;
+  background-position: top center;
+  background-repeat: no-repeat;
+  background-image: url('/common-module/pc-dialog/image/structed-title.png?v={{Msg "seo" "version"}}');
   background-size: 100% 250px;
 }
 #collectUserInfoDialog .dialog-content{

src/web/staticres/common-module/pc-dialog/js/leave-info-dialog.js

@@ -426,7 +426,6 @@ var vm = new Vue({
     },
     // 校验验证码
     checkCode: function(val) {
-      console.log(val)
       var _this = this
       if (val.length !== 6) return
       $.ajax({
@@ -482,6 +481,8 @@ var vm = new Vue({
             _this.isForce = res.data.fource
             if (res.data.retainedCapital) {
               _this.showForm = true
+            // 当前头部背景图
+              _this.isSelfHeader()
               _this.changeTop()
               if (res.info) {
                 echoRequiredValues(_this.form, res.info, ['name', 'phone', 'mail', 'branch'])
@@ -509,6 +510,18 @@ var vm = new Vue({
         }
       })
     },
+    // 自定义弹窗头部
+    isSelfHeader: function(){
+      var imgUrl = '/common-module/pc-dialog/image/structed-title.png'
+      if (this.source.indexOf('custom_export') > -1) {
+        imgUrl =  '/common-module/pc-dialog/image/leave-title-custom.png'
+      } else if (this.source.indexOf('api_interface') > -1) {
+        imgUrl =  '/common-module/pc-dialog/image/leave-title-api.png'
+      }
+      this.$nextTick(function(){
+        $('#collectUserInfoDialog .dialog-header').css('background-image', 'url(' + imgUrl + ')')
+      })
+    },
     // 表单提交事件
     submitForm: function(formName) {
       var _this = this
@@ -542,7 +555,7 @@ var vm = new Vue({
       var _this = this
       $.ajax({
         type:'POST',
-        url:'/salesLeads/collectInfo',
+        url: source.indexOf('structedData') > -1 ? '/salesLeads/collectInfo' : '/salesLeads/official/notLogin',
         contentType: "application/json;charset=utf-8",
         data: JSON.stringify(params),
         success:function (res) {
@@ -616,7 +629,8 @@ var vm = new Vue({
       this.form.job = ''
       this.form.otherJob = ''
       this.form.code = ''
-      if (this.source.indexOf('structed') > -1) {
+      var needExportSource = ['structedData', 'pc_data_custom_export']
+      if (needExportSource.indexOf(this.source) > -1) {
         this.showForm = false
         this.showExport = true
       } else {

src/web/staticres/frontRouter/pc/customExport/css/index.css

@@ -167,6 +167,7 @@ h2.title{
   text-align: center;
   position: relative;
   overflow: hidden;
+  cursor: pointer;
 }
 .custom-report-box .btn-con span, .custom-report-box-b .btn-con span{
   background: linear-gradient(180deg, #33CCCC 0%, #3399FF 100%);

src/web/staticres/frontRouter/pc/customExport/js/index-pc.js

@@ -1,6 +1,5 @@
 var needMoreAdShow = true
 $(function(){
-  haslogin();
   // 底部ad
   $('.i-need-more .closed').on('click', function () {
     $('.i-need-more').fadeOut()
@@ -15,12 +14,11 @@ $(function(){
   animateUp();
 });
 
-function needSubmitHandle (title){
+function needSubmitHandle (){
   // 调用组件是否留资方法 传入一个来源对应模块 弹出弹框 （页面改版改为点击【获取数据样例】触发弹框）
   vm.isNeedSubmit('pc_data_custom_export', function(){
     vm.showSuccess = true
   })
-  vm.isSelfHeader('leave-title-custom.png')
 }
 
 function windowScrollFn () {

src/web/staticres/frontRouter/pc/dataInterface/css/index.css

@@ -11,17 +11,24 @@
   line-height:52px;
   margin:40px  auto 0;
   color: #fff;
+  cursor: pointer;
+  font-weight: 700;
+  font-size: 20px;
 }
 .banner-top{
   box-sizing: border-box;
   padding-top:76px;
   height:589px;
-  background: url('/frontRouter/pc/dataInterface/image/bottom-fixed-ad.png') no-repeat center;
-  background-size: contain;
+  background: url(/frontRouter/pc/dataInterface/images/banner-bg.jpg) no-repeat center;
+  background-size: cover;
   text-align: center;
 }
 .banner-top h1{
   margin: 114px auto 20px;
+  width:325px;
+  height:77px;
+  background: url(/frontRouter/pc/dataInterface/images/title.png) no-repeat center;
+  background-size: contain;
 }
 .banner-top .self-sub-title{
   font-size: 20px;
@@ -37,16 +44,18 @@
 .api-scheme{
   height: 438px;
   margin:0 auto;
-  background: url('/frontRouter/pc/dataInterface/image/api-bg.png') no-repeat center;
-  background-size: contain;
+  background: url(/frontRouter/pc/dataInterface/images/api-bg.png) no-repeat center;
+  background-size: cover;
   position: absolute;
   top: -78px;
   left: calc(50% - 500px);
   text-align: center;
-
 }
 .api-scheme h2{
   margin: 30px auto 57px auto;
+  background: url(/frontRouter/pc/dataInterface/images/api-text.png) no-repeat center;
+  background-size: contain;
+  height:48px;
 }
 .api-scheme img{
   width: 122px;
@@ -93,6 +102,12 @@
   padding-top: 440px;
   text-align: center;
 }
+.core-feature h2{
+  margin: 0 auto;
+  background: url(/frontRouter/pc/dataInterface/images/core-text.png) no-repeat center;
+  background-size: contain;
+  height:48px;
+}
 .core-feature .con{
   display: flex;
   justify-content: space-between;

src/web/staticres/frontRouter/pc/dataMarket/css/index.css

@@ -64,17 +64,25 @@
   text-align: center;
   margin:0 auto;
   font-weight: 700;
+  cursor: pointer;
 }
 .card-container .know-more{
   color: #3399FF;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
-  /*margin: 0 auto 40px;*/
   position: absolute;
   bottom:40px;
   left:calc(50% - 38px);
+  cursor: pointer;
 }
+.card-container .know-more em:nth-of-type(1){
+  margin-right:3px;
+}
+.card-container .know-more em:nth-of-type(2){
+  margin-left:3px;
+}
+
 .card-container .con-card{
   width:360px;
   height:610px;
@@ -175,6 +183,7 @@
   background: #fff;
   color: #0A2933;
   font-weight: normal;
+  cursor: default;
 }
 .card-container .card2 .content{
   width:278px;

src/web/templates/frontRouter/pc/customExport/free/Index.html

@@ -88,7 +88,7 @@
               </div>
             </div>
           </div>
-          <div class="btn-con btn-light" onClick="needSubmitHandle('定制数据方案')">
+          <div class="btn-con btn-light" onClick="needSubmitHandle()">
             <span>定制数据方案</span>
           </div>
         </div>
@@ -135,7 +135,7 @@
             </div>
           </div>
         </div>
-        <div class="btn-con btn-light" onClick="needSubmitHandle('定制数据方案')">
+        <div class="btn-con btn-light" onClick="needSubmitHandle()">
           <span>定制数据方案</span>
         </div>
       </div>
@@ -180,7 +180,7 @@
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo2.png?v={{Msg "seo" "version"}}'>
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo3.png?v={{Msg "seo" "version"}}'>
                 </div>
-                <div class="data-demo-btn"  onClick="needSubmitHandle('获取数据样例')">获取数据样例</div>
+                <div class="data-demo-btn"  onClick="needSubmitHandle()">获取数据样例</div>
               </div>
             </div>
           </div>
@@ -194,7 +194,7 @@
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo4.png?v={{Msg "seo" "version"}}'>
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo5.png?v={{Msg "seo" "version"}}'>
                 </div>
-                <div class="data-demo-btn"  onClick="needSubmitHandle('获取数据样例')">获取数据样例</div>
+                <div class="data-demo-btn"  onClick="needSubmitHandle()">获取数据样例</div>
               </div>
             </div>
           </div>
@@ -210,7 +210,7 @@
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo8.png?v={{Msg "seo" "version"}}'>
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo9.png?v={{Msg "seo" "version"}}'>
                 </div>
-                <div class="data-demo-btn"  onClick="needSubmitHandle('获取数据样例')">获取数据样例</div>
+                <div class="data-demo-btn"  onClick="needSubmitHandle()">获取数据样例</div>
               </div>
             </div>
           </div>
@@ -226,7 +226,7 @@
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo12.png?v={{Msg "seo" "version"}}'>
                 </div>
               </div>
-              <div class="data-demo-btn"  onClick="needSubmitHandle('获取数据样例')">获取数据样例</div>
+              <div class="data-demo-btn"  onClick="needSubmitHandle()">获取数据样例</div>
             </div>
           </div>
           <div class="swiper-slide swiper5 bg-cover">
@@ -239,7 +239,7 @@
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo13.png?v={{Msg "seo" "version"}}'>
                   <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/solution-logo14.png?v={{Msg "seo" "version"}}'>
                 </div>
-                <div class="data-demo-btn"  onClick="needSubmitHandle('获取数据样例')">获取数据样例</div>
+                <div class="data-demo-btn"  onClick="needSubmitHandle()">获取数据样例</div>
               </div>
             </div>
           </div>
@@ -288,7 +288,7 @@
             <div class="info">企业可按需预充值数据量，根据业务需求以excel格式导出数据，最低1.5折，价格低至0.075元/条，数据有效期长达3年。</div>
           </div>
         </div>
-        <div class="common-custom-btn btn-cell btn-light" onClick="needSubmitHandle('数据定制方式')">立即定制</div>
+        <div class="common-custom-btn btn-cell btn-light" onClick="needSubmitHandle()">立即定制</div>
       </div>
     </section>
     <!-- 数据定制流程-->
@@ -334,12 +334,12 @@
             </div>
           </div>
         </div>
-        <div class="common-custom-btn btn-cell btn-light" onClick="needSubmitHandle('数据定制流程')">立即定制</div>
+        <div class="common-custom-btn btn-cell btn-light" onClick="needSubmitHandle()">立即定制</div>
       </div>
     </section>
     <div class="i-need-more fixed">
       <div class="i-n-m-bg bg-contain w1200">
-        <div class="get-data-example-button bg-contain"></div>
+        <div class="get-data-example-button bg-contain" onClick="needSubmitHandle()"></div>
       </div>
       <div class="closed bg-contain"></div>
     </div>
@@ -350,6 +350,11 @@
   <script src="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/index.js"></script>
   <script src='{{Msg "seo" "cdn"}}/js/swiper.min.js'></script>
   <script src='{{Msg "seo" "cdn"}}/common-module/pc-dialog/js/leave-info-dialog.js?v={{Msg "seo" "version"}}'></script>
+  <script>
+    $(function (){
+      haslogin({{.T.logid}});
+    })
+  </script>
   <script src='{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/js/index-pc.js?v={{Msg "seo" "version"}}'></script>
 </body>
 </html>

src/web/templates/frontRouter/pc/dataInterface/free/index.html

@@ -17,32 +17,22 @@
   <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"}}/common-module/pc-dialog/css/leave-info-dialog.css?v={{Msg "seo" "version"}}' rel="stylesheet">
   <link rel="stylesheet" href='/frontRouter/pc/dataInterface/css/index.css?v={{Msg "seo" "version"}}'/>
-  <style>
-    /*@font-face{*/
-    /*  font-family: 'YSBTH';*/
-    /*  src: url('/fonts/ttf/YouSheBiaoTiHei-2.ttf') format('truetype');*/
-    /*}*/
-    /*.banner-top h1{*/
-    /*  color:#fff;*/
-    /*  font-family: 'YSBTH';*/
-    /*}*/
-  </style>
 </head>
 <body>
 {{include "/common/pchead.html"}}
 <!-- 用户留资 -->
 <div id="vue-collect-user-info"></div>
-<div class="data-interface-index CfadeInUp">
-  <section class="banner-top">
+<div class="data-interface-index">
+  <section class="banner-top CfadeInUp">
     <div class="w1000">
-      <h1>数据API接口</h1>
+      <h1></h1>
       <p class="self-sub-title">千亿级数据支持API接口调用，满足企业低成本、高效接入数据的需求，支持多种应用场景。</p>
-      <div class="apply-btn"  onClick="leaveInfoHandle">接口申请</div>
+      <div class="apply-btn"  onClick="leaveInfoHandle()">接口申请</div>
     </div>
   </section>
   <section class="api-container">
     <section class="api-scheme w1000 CfadeInUp">
-      <h2>API接口方案</h2>
+      <h2></h2>
       <div class="content">
         <div class="c-row">
           <div>
@@ -62,7 +52,7 @@
     </section>
     <section class="core-feature CfadeInUp">
       <div class="w1000">
-         <h2>核心特征</h2>
+         <h2></h2>
         <div class="con">
           <div class="con-row">
             <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/dataInterface/images/icon3.png?v={{Msg "seo" "version"}}' alt="">
@@ -97,7 +87,7 @@
             <p class="row-content">快速便捷对接CRM、网站、ERP等多平台使用</p>
           </div>
         </div>
-        <div class="apply-btn" onClick="leaveInfoHandle">接口申请</div>
+        <div class="apply-btn" onClick="leaveInfoHandle()">接口申请</div>
       </div>
     </section>
   </section>
@@ -119,7 +109,6 @@
     vm.isNeedSubmit('pc_data_api_interface', function(){
       vm.showSuccess = true
     })
-    vm.isSelfHeader('leave-title-api.png')
   }
   function animateUp () {
     var obj = $('.CfadeInUp');

src/web/templates/frontRouter/pc/dataMarket/free/index.html

@@ -57,12 +57,12 @@
             <div class="c-row">
               <span class="self-icon icon1"></span>
               <p>标讯数据</p>
-              <div class="common-btn self-btn" onClick="dataExport">立即使用</div>
+              <div class="common-btn self-btn" onClick="dataExport()">立即使用</div>
             </div>
             <div class="c-row">
               <span class="self-icon icon2"></span>
               <p>企业数据</p>
-              <div class="common-btn self-btn" onClick="dataExport">立即使用</div>
+              <div class="common-btn self-btn" onClick="dataExport()">立即使用</div>
             </div>
             <div class="c-row">
               <span class="self-icon icon3"></span>
@@ -75,7 +75,7 @@
               <div class="common-btn self-btn unuse">即将上线</div>
             </div>
           </div>
-          <div class="know-more" onClick="dataExport">&gt;了解更多&lt;</div>
+          <div class="know-more" onClick="dataExport()"><em>&gt;</em>了解更多<em>&lt;</em></div>
         </div>
         <div class="con-card card2">
           <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/dataMarket/images/text2.png?v={{Msg "seo" "version"}}' alt="">
@@ -103,8 +103,8 @@
               </div>
             </div>
           </div>
-          <div class="common-btn long-btn" @click="onlinekf()">立即咨询</div>
-          <div class="know-more" @click="onlinekf()">&gt;了解更多&lt;</div>
+          <div class="common-btn long-btn" onClick="onlinekf()">立即咨询</div>
+          <div class="know-more" onClick="onlinekf()"><em>&gt;</em>了解更多<em>&lt;</em></div>
         </div>
         <div class="con-card card3">
           <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/dataMarket/images/text3.png?v={{Msg "seo" "version"}}' alt="">
@@ -117,8 +117,8 @@
               <span>人机校验可选择</span>
             </div>
           </div>
-          <div class="common-btn long-btn" onClick="leaveInfoHandle('pc_data_market', leave-title-custom.png)">申请定制</div>
-          <div class="know-more" onClick="jumpCustomExport()">&gt;了解更多&lt;</div>
+          <div class="common-btn long-btn" onClick="leaveInfoHandle()">申请定制</div>
+          <div class="know-more" onClick="jumpCustomExport()"><em>&gt;</em>了解更多<em>&lt;</em></div>
         </div>
       </div>
     </div>
@@ -140,7 +140,7 @@
   // 留资
   function leaveInfoHandle (source){
     // 调用组件是否留资方法 传入一个来源对应模块 弹出弹框 （页面改版改为点击【获取数据样例】触发弹框）
-    vm.isNeedSubmit('pc_data_market', function(){
+    vm.isNeedSubmit('pc_data_custom_export', function(){
       vm.showSuccess = true
     })
     vm.isSelfHeader('leave-title-api.png')
@@ -203,7 +203,7 @@
   }
   //跳转到数据定制导出营销落地页
   function jumpCustomExport () {
-    location.href = "/frontRouter/pc/customExport/free"
+    location.href = "/swordfish/frontPage/customExport/free/index"
   }
 </script>
 </body>