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

src/web/staticres/dataSmt/css/index.css

@@ -0,0 +1,416 @@
+a:hover,
+a:visited,
+a:active,
+a:focus{
+  text-decoration: none;
+}
+.page--datamarket-index{
+  padding-top: 74px;
+}
+.page--datamarket-index .market-banner{
+  width: 100%;
+  height: 480px;
+}
+.page--datamarket-index .market-banner > img{
+  width: 100%;
+  height: 100%;
+  object-fit: fill;
+}
+.page--datamarket-index .market-modules{
+  margin-top: -75px;
+  background: #fff;
+}
+.page--datamarket-index .market-modules-container{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 150px;
+  background: linear-gradient(#DCFBFF, #FFFFFF);
+  box-shadow: 0 6px 24px 0px rgba(2, 52, 128, 0.1);
+  z-index: 1;
+  border-radius: 16px;
+}
+.page--datamarket-index .item-module{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 25%;
+  flex: 1;
+  flex-shrink: 0;
+  text-align: center;
+  font-size: 16px;
+  line-height: 20px;
+}
+.page--datamarket-index .item-module:not(:last-child){
+  border-right: 1px solid #ECECEC;
+}
+.page--datamarket-index .item-module > img{
+  width: 96px;
+  height: 96px;
+  margin-right: 20px;
+  flex-shrink: 0;
+}
+
+.page--datamarket-index .d-header{
+  padding-top: 80px;
+}
+
+.page--datamarket-index .h-title{
+  color: #1D1D1D;
+  font-size: 32px;
+  line-height: 32px;
+  text-align: center;
+}
+.page--datamarket-index .h-desc{
+  margin-top: 12px;
+  color: #686868;
+  font-size: 18px;
+  line-height: 28px;
+  text-align: center;
+}
+
+.page--datamarket-index .data-download{
+  width: 100%;
+  /* height: 638px; */
+  background: url(/dataSmt/images/data-download-bg.png) no-repeat bottom center #fff;
+  background-size: 100% 340px;
+}
+
+.page--datamarket-index .download-pro-container {
+  display: flex;
+  align-items: center;
+  margin-top: 56px;
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 10px 18px 0px rgba(4, 35, 82, 0.1); 
+}
+.page--datamarket-index .item-pro{
+  flex: 1;
+  width: 25%;
+  padding: 28px 0 24px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: linear-gradient(to left, #C5F4FA, #EAFEFF);
+}
+.page--datamarket-index .item-pro.disabled{
+  background: linear-gradient(to left,#EBF2F6, #F3F8FC);
+}
+
+.page--datamarket-index  .item-pro > img{
+  width: 80px;
+  height: 80px;
+}
+
+.page--datamarket-index .item-pro > p{
+  margin-top: 8px;
+  font-size: 18px;
+  line-height: 28px;
+  color: #1D1D1D;
+}
+
+.page--datamarket-index .item-pro .btn-light.no-click{
+  background: #95AFC8!important;
+  cursor: default!important;
+}
+.page--datamarket-index .download-info-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 48px;
+}
+.page--datamarket-index .item-info{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 200px;
+  font-size: 16px;
+  line-height: 24px;
+  color: #1D1D1D;
+  text-align: center;
+}
+.page--datamarket-index  .item-info:not(:last-child){
+  margin-right: 140px;
+}
+.page--datamarket-index .item-info strong{
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 22px;
+}
+.page--datamarket-index .item-info > p{
+  margin-top: 6px;
+}
+.download-footer{
+  padding: 32px 0 48px;
+  text-align: center;
+}
+.learn-more{
+  color: #2ABED1;
+  font-size: 18px;
+  line-height: 28px;
+  text-decoration: none;
+}
+.learn-more:active,
+.learn-more:hover,
+.learn-more:visited,
+.learn-more:focus{
+  color: #2ABED1;
+  text-decoration: none;
+}
+
+.page--datamarket-index .data-supermarket{}
+
+.page--datamarket-index .super-container{
+  display: flex;
+  justify-content: space-between;
+  margin-top: 56px;
+}
+.page--datamarket-index .super-container .super-left{
+  width: 688px;
+  height: 354px;
+  padding: 32px 40px;
+  background: linear-gradient(to left, #3CADF9, #10BDE3, #276EF3), url(/dataSmt/images/supermarket-left-bg.png) no-repeat;
+  background-position: right center;
+  background-blend-mode: color-burn;
+  background-size: 100% 100%;
+  border-radius: 16px;
+}
+.super-left .data-list{
+  margin-bottom: 10px;
+}
+.super-left .data-list > h4{
+  font-weight: bold;
+  font-size: 18px;
+  line-height: 28px;
+  color: #fff;
+}
+.super-left .data-list > p{
+  font-size: 14px;
+  line-height: 22px;
+  color: #fff;
+}
+.super-left .data-list-more{
+  margin-left: 80px;
+}
+.super-left .data-list-more:hover{
+  color: #fff;
+}
+.page--datamarket-index .super-container .super-right{
+  width: 488px;
+  height: 354px;
+  padding: 32px 40px;
+  background: linear-gradient(#E8FCFF,#EDF2FE), url(/dataSmt/images/supermarket-right-bg.png) no-repeat;
+  background-position: center center;
+  background-blend-mode: color-burn;
+  background-size: 100% 100%;
+  border-radius: 16px;
+}
+.page--datamarket-index .hot-title{
+  font-size: 20px;
+  line-height: 32px;
+  color: #1D1D1D;
+}
+.page--datamarket-index .hot-icon{
+  color: #FF3A20;
+  font-size: 16px;
+  line-height: 24px;
+}
+.page--datamarket-index .hot-data-container{
+  margin-top: 12px;
+}
+.page--datamarket-index .hot-data-item{
+  display: block;
+  text-decoration: none;
+  color: #1D1D1D;
+  font-size: 16px;
+  line-height: 24px;
+}
+.page--datamarket-index .hot-data-item:hover{
+  color: #2ABED1;
+  text-decoration: none;
+}
+
+
+.page--datamarket-index .data-export{
+  padding-bottom: 80px;
+}
+.data-export .export-content{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 48px 125px 40px;
+}
+.data-export .export-item{
+  display: flex;
+  align-items: center;
+}
+.data-export .export-item > img{
+  width: 80px;
+  height: 80px;
+  margin-right: 12px;
+}
+.data-export .export-item > span{
+  color: #1D1D1D;
+  font-size: 18px;
+  line-height: 28px;
+}
+.data-export .learn-more-container{
+  padding-bottom: 56px;
+  text-align: center;
+}
+
+.data-export .export-case{
+  width: 100%;
+  height: 480px;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 4px 24px 0px rgba(2, 52, 128, 0.1); 
+}
+.data-export .export-case .case-title{
+  padding: 28px 0 32px;
+  color: #1D1D1D;
+  font-size: 20px;
+  line-height: 32px;
+  text-align: center;
+}
+.data-export .export-case .case-container{
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.data-export .case-container .case-item{
+  flex: 1;
+  display: flex;
+  padding: 32px 32px 28px;
+  flex-direction: column;
+  align-items: center;
+  border-right: 1px solid #ECECEC;
+  border-bottom: 1px solid #ECECEC;
+}
+.data-export .case-container .case-item:nth-child(n+5) {
+  border-bottom: 0;
+}
+.data-export .case-container .case-item:nth-child(4n) {
+  border-right: 0;
+}
+.data-export .case-item > img{
+  width: 180px;
+  height: 50px;
+}
+.data-export .case-item > p{
+  margin-top: 8px;
+  font-size: 16px;
+  line-height: 24px;
+  color: #1D1D1D;
+}
+
+.page--datamarket-index .data-scene{
+  width: 100%;
+  height: 554px;
+  background: url(/dataSmt/images/data-application-bg.png) no-repeat center center;
+  background-size: cover;
+}
+
+.data-scene .scene-title{
+  padding-top: 72px;
+  font-size: 32px;
+  line-height: 42px;
+  color: #fff;
+  text-align: center;
+}
+.data-scene .scene-container{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 56px;
+}
+.data-scene .scene-item{
+  width: 282px;
+  height: 208px;
+  padding: 32px;
+  border-radius: 12px;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.data-scene .scene-item > h4{
+  color: #1D1D1D;
+  font-size: 20px;
+  line-height: 32px;
+}
+.data-scene .scene-item > p{
+  margin-top: 16px;
+  color: #686868;
+  font-size: 14px;
+  line-height: 22px;
+}
+.data-scene .scene-item:nth-child(1){
+  background-image: url(/dataSmt/images/scene-item-1.png);
+}
+.data-scene .scene-item:nth-child(2){
+  background-image: url(/dataSmt/images/scene-item-2.png);
+}
+.data-scene .scene-item:nth-child(3){
+  background-image: url(/dataSmt/images/scene-item-3.png);
+}
+.data-scene .scene-item:nth-child(4){
+  background-image: url(/dataSmt/images/scene-item-4.png);
+}
+.data-scene .scene-btn{
+  width: 240px;
+  height: 48px;
+  line-height: 48px;
+  margin: 48px auto 0;
+  background-color: #fff;
+  border-radius: 8px;
+  text-align: center;
+  cursor: pointer;
+}
+.data-scene .scene-btn > span{
+  background-image: linear-gradient(#33CCCC, #3399FF);
+  -webkit-background-clip: text;
+  color: transparent;
+  font-size: 20px;
+}
+
+.btn-light{
+  position: relative;
+  display: inline-block;
+  width: 132px;
+  height: 36px;
+  margin-top: 16px;
+  line-height: 36px;
+  background: linear-gradient(to right,#2ABED1, #3687FF);
+  border-radius: 6px;
+  color: #fff;
+  font-size: 16px;
+  text-align: center;
+  text-decoration: none;
+  overflow: hidden;
+  cursor: pointer;
+}
+.btn-light:hover,
+.btn-light:active,
+.btn-light:visited,
+.btn-light:focus{
+  color: #fff;
+  text-decoration: none;
+}
+.btn-light::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;
+}
+
+.btn-light:hover::after {
+  left: 200%;
+}

src/web/templates/pc/dataSmt/index.html

@@ -1 +1,272 @@
-pc 落地页
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <title>数据市场-剑鱼标讯</title>
+    <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="format-detection" content="tephone=no" />
+    <meta content="数据市场" theme="light" name="enable-header"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    {{include "/common/pnc.html"}}
+    <link rel="stylesheet" type="text/css" href='{{Msg "seo" "cdn"}}/pccss/reset_pc.css?v={{Msg "seo" "version"}}' />
+    <link rel="stylesheet" type="text/css" href='{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}' />
+    <link href='{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "version"}}' rel="stylesheet">
+    <link href='{{Msg "seo" "cdn"}}/dataSmt/css/index.css?v={{Msg "seo" "version"}}' rel="stylesheet">
+  </head>
+	<body>
+    {{include "/common/pchead.html"}}
+
+		<section class="page--datamarket-index">
+      <div class="market-banner">
+        <img src='{{Msg "seo" "cdn"}}/dataSmt/images/land-page-banner.png' alt="banner">
+      </div>
+      <div class="market-modules">
+        <div class="w">
+          <div class="market-modules-container">
+            <div class="item-module">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/data-item-1.png' alt="海量数据">
+              <span>海量数据</span>
+            </div>
+            <div class="item-module">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/data-item-2.png' alt="数据安全合规">
+              <span>数据安全合规</span>
+            </div>
+            <div class="item-module">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/data-item-3.png' alt="多样化交易模式">
+              <span>多样化交易模式</span>
+            </div>
+            <div class="item-module">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/data-item-4.png' alt="成熟的数据服务">
+              <span>成熟的数据服务</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 数据自助下载 -->
+      <div class="data-download">
+        <div class="w">
+          <div class="d-header">
+            <h2 class="h-title">数据自助下载</h2>
+            <p class="h-desc">自己动手，丰衣足食</p>
+          </div>
+          <div class="download-pro-container">
+            <div class="item-pro">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/download-1.png' alt="">
+              <p>标讯数据</p>
+              <a class="btn-light" href="/front/dataExport/toSieve" title="标讯数据" onClick="goUseHandle(); return false;">立即使用</a>
+            </div>
+            <div class="item-pro disabled">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/download-2.png' alt="">
+              <p>企业数据</p>
+              <a class="btn-light no-click" href="javascript:;" title="企业数据">即将上线</a>
+            </div>
+            <div class="item-pro disabled">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/download-3.png' alt="">
+              <p>采购单位数据</p>
+              <a class="btn-light no-click" href="javascript:;" title="采购单位数据">即将上线</a>
+            </div>
+            <div class="item-pro disabled">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/download-4.png' alt="">
+              <p>中标单位数据</p>
+              <a class="btn-light no-click" href="javascript:;" title="中标单位数据">即将上线</a>
+            </div>
+          </div>
+          <div class="download-info-container">
+            <div class="item-info">
+              <h3><strong>1.5亿+</strong> 招标数据</h3>
+              <p>寻找可跟进项目</p>
+            </div>
+            <div class="item-info">
+              <h3><strong>自由选择</strong>数据</h3>
+              <p>Excel表格一键导出</p>
+            </div>
+            <div class="item-info">
+              <h3><strong>40+</strong>字段包</h3>
+              <p>完全满足企业数据分析需求</p>
+            </div>
+          </div>
+          <div class="download-footer">
+            <a href="/front/dataExport/toSieve" title="标讯数据" onClick="goUseHandle(); return false;" class="learn-more">了解更多></a>
+          </div>
+        </div>
+      </div>
+      <!-- 数据超市 -->
+      <div class="data-supermarket">
+        <div class="w">
+          <div class="d-header">
+            <h2 class="h-title">数据超市</h2>
+            <p class="h-desc">热门成品数据，直接下载</p>
+          </div>
+          <div class="super-container">
+            <div class="super-left">
+              <div class="data-list">
+                <h4>招标数据</h4>
+                <p>
+                  <span>热门项目丨采购意向丨拟建项目</span>
+                </p>
+              </div>
+              <div class="data-list">
+                <h4>中标数据</h4>
+                <p>
+                  <span>医械丨服务采购丨信息技术</span>
+                </p>
+              </div>
+              <div class="data-list">
+                <h4>企业数据</h4>
+                <p>
+                  <span>工商数据丨中标项目</span>
+                </p>
+              </div>
+              <div class="data-list">
+                <h4>中标单位数据</h4>
+                <p>
+                  <span>ICT丨教育丨银行丨医械丨物业</span>
+                </p>
+              </div>
+              <div class="data-list">
+                <h4>采购单位数据</h4>
+                <p>
+                  <span>政府丨电力丨医疗丨通讯</span>
+                  <a class="data-list-more" href="/datasmt/list">了解更多></a>
+                </p>
+              </div>
+            </div>
+            <div class="super-right">
+              <h3 class="hot-title">热门采购数据 <i class="hot-icon">#HOT</i></h3>
+              <div class="hot-data-container">
+                <a class="hot-data-item" href="/datasmt/list/" title="运维服务招标大数据">运维服务招标大数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="超声影像采购大数据">超声影像采购大数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="企业工商数据">企业工商数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="ICT通信采购意向数据">ICT通信采购意向数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="智慧校园采购行情数据">智慧校园采购行情数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="办公设备招标大数据">办公设备招标大数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="物业管理中标行情数据">物业管理中标行情数据</a>
+                <a class="hot-data-item" href="/datasmt/list/" title="物业管理中标行情数据">IT设备采购大数据</a>
+              </div>
+              <p>
+                <a class="btn-light" href="/datasmt/list">申请购买</a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 数据定制导出 -->
+      <div class="data-export">
+       <div class="w">
+        <div class="d-header">
+          <h2 class="h-title">数据定制导出</h2>
+          <p class="h-desc">专属顾问，数据定制，快速交付</p>
+        </div>
+        <div class="export-container">
+          <div class="export-content">
+            <div class="export-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/export-item-1.png' alt="">
+              <span>数据条件可定制</span>
+            </div>
+            <div class="export-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/export-item-2.png' alt="">
+              <span>导出内容可定制</span>
+            </div>
+            <div class="export-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/export-item-3.png' alt="">
+              <span>人机校验可选择</span>
+            </div>
+          </div>
+          <p class="learn-more-container">
+            <a href="javascript:;" class="learn-more" onClick="needSubmitHandle('pc_data_custom_data')">了解更多></a>
+          </p>
+        </div>
+        <div class="export-case">
+          <div class="case-title">500+企业数据定制案例</div>
+          <div class="case-container">
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-langchao.png' alt="浪潮">
+              <p>浪潮软件科技</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-ruijie.png' alt="锐捷网络">
+              <p>锐捷网络</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-ccscc.png' alt="中通服">
+              <p>中通服</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-cec.png' alt="中国电子">
+              <p>中国电子</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-soft.png' alt="东软集团">
+              <p>东软集团</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-minsheng.png' alt="中国民生银行">
+              <p>中国民生银行</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-siemens.png' alt="西门子医疗">
+              <p>西门子医疗</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+            <div class="case-item">
+              <img src='{{Msg "seo" "cdn"}}/dataSmt/images/case-liantong.png' alt="中国联通">
+              <p>中国联通</p>
+              <div class="btn-light">立即咨询</div>
+            </div>
+          </div>
+        </div>
+       </div>
+      </div>
+      <!-- 大数据服务应用场景 -->
+      <div class="data-scene">
+        <div class="w">
+          <h2 class="scene-title">大数据服务应用场景</h2>
+          <div class="scene-container">
+            <div class="scene-item">
+              <h4>市场统计</h4>
+              <p>市场行情调研、市场占比分析、<br>市场容量预测</p>
+            </div>
+            <div class="scene-item">
+              <h4>对手分析</h4>
+              <p>对手市场范围、合作关系透视、<br>中标项目分析、企业工商信息、<br>企业综合实力评估</p>
+            </div>
+            <div class="scene-item">
+              <h4>投资决策</h4>
+              <p>行业热度趋势、市场区域分布、<br>重大项目</p>
+            </div>
+            <div class="scene-item">
+              <h4>商机超前预测</h4>
+              <p>超前商机项目、<br>下一阶段采购项目预测</p>
+            </div>
+          </div>
+          <div class="scene-btn">
+            <span>立即咨询</span>
+          </div>
+        </div>
+      </div>
+      {{include "/common/pcbottom.html"}}
+    </section>
+  </body>
+  <script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}'></script>
+  <script>
+    haslogin({{.T.logid}});
+    function goUseHandle(e) {
+      if (!loginflag) {
+        openLoginDig()
+        return false
+      } else {
+        location.href = '/front/dataExport/toSieve'
+      }
+    }
+  </script>
+  {{include "/common/baiducc.html"}}
+
+</html>