Merge branch 'dev/v4.9.48_tsz' of qmx/jy into feature/v4.9.48

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

@@ -7,41 +7,243 @@
 }
 
 
-.i-need-more {
-  padding: 0 20px;
+.banner-module{
+  width: 100%;
+  height: 480px;
+  background: url(../image/consult/banner.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.consult-module{
+  width: 100%;
+}
+.consult-module .consult-module-header{
   display: flex;
+  flex-direction: column;
+  justify-content: center;
   align-items: center;
-  justify-content: flex-end;
-  font-size: 28px;
-  color: #fff;
-  background: #003396;
+  height: 178px;
+  background-image: linear-gradient(to bottom, #E8F9FF 0%,#FFFFFF 100%);
 }
-.i-need-more.fixed {
-  position: fixed;
-  bottom: 0;
-  left: 0;
+
+.consult-module-header h3{
+  font-weight: bold;
+  color: #171826;
+  font-size: 36px;
+  line-height: 49px;
+}
+.consult-module-header p{
+  margin-top: 12px;
+  color: #5F5E64;
+  font-size: 20px;
+  line-height: 20px;
+}
+
+.consult-module-main{
+  display: flex;
+  justify-content: center;
   width: 100%;
-  z-index: 999;
+  height: 543px;
+  background: url(../image/consult/bg_2.png) no-repeat;
+  background-size: 100% 543px;
 }
-.i-need-more .closed {
-  cursor: pointer;
-  width:16px;
-  height:16px;
-  background-image: url(/frontRouter/pc/customExport/image/close.png);
+
+.consult-module-main .consult-content {
+  width: 900px;
+  height: 540px;
+  background: url(../image/consult/service_content.png) no-repeat;
+  background-size: 900px 540px;
 }
-.i-need-more .i-n-m-bg {
-  position: relative;
-  height: 88px;
-  background-image: url(/frontRouter/pc/customExport/image/bottom-fixed-ad.png);
+.report-module {
+  width: 100%;
+}
+.report-module .report-module-header {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 145px;
+}
+.report-module .report-module-header h3{
+  font-weight: bold;
+  color: #171826;
+  font-size: 36px;
+  line-height: 49px;
+}
+.report-module .report-module-main {
+  display: flex;
+  justify-content: center;
+  padding-bottom: 48px;
+  background-image: linear-gradient(to bottom, #FFFFFF 0%,#E8F9FF 100%);
+}
+.report-module .report-module-main ul {
+  display: flex;
+  justify-content: space-between;
+  align-content: space-between;
+  width: 1088px;
+  height: 458px;
+  flex-wrap: wrap;
+}
+.report-module .report-module-main ul li {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 352px;
+  /* height: 142px; */
+  padding: 16px;
+  background-image: linear-gradient(to bottom, #E2F1FF 0%,#FFFFFF 100%);
+  border-radius: 16px;
+  border: 2px solid #FFFFFF;
+  box-shadow: inset 0px 4px 16px rgba(8, 31, 38, 0.08);
+}
+.report-module-main ul li .report_title {
+  font-weight: bold;
+  color: #171826;
+  font-size: 18px;
+  text-align: center;
+  line-height: 20px;
+}
+.report-module-main ul li .report_content {
+  margin-top: 8px;
+  color: #5F5E64;
+  font-size: 13px;
+  text-align: center;
+  line-height: 20px;
+}
+.report-module .report-module-main ul li .report_btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 10px;
+  width: 139px;
+  height: 32px;
+  border-radius: 4px;
+  background: url(../image/consult/report_btn.png) no-repeat;
+  background-size: 139px 32px;
 }
 
-.i-need-more .get-data-example-button {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 400px;
+.advantage_module{
+  width: 100%;
+  height: 144px;
+  background: url(../image/consult/bg_4.png) no-repeat;
+  background-size: 100% 100%;
+}
+.advantage_module_main {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   height: 100%;
-  cursor: pointer;
-  background-image: url(/frontRouter/pc/customExport/image/bottom-fixed-button.png);
+}
+.advantage_module_main p {
+  display: flex;
+  align-items: center;
+  margin-left: 95px;
+  font-size: 16px;
+  line-height: 20px;
+  color: #FFFFFF;
+}
+.advantage_module_main p:first-child{
+  margin-left: 0;
+}
+.advantage_module_main p>span {
+  font-size: 64px;
+  font-weight: bold;
+}
+
+.case-module {
+  width: 100%;
+  height: 619px;
+}
+
+.case-module .case-module-header{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 178px;
+  background-image: linear-gradient(to bottom, #E8F9FF 0%,#FFFFFF 100%);
+}
+.case-module-header h3{
+  font-weight: bold;
+  color: #171826;
+  font-size: 36px;
+  line-height: 49px;
+}
+.case-module-header p{
+  margin-top: 12px;
+  color: #5F5E64;
+  font-size: 20px;
+  line-height: 20px;
+}
+.case-module .case-module-main {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+.case-module-component {
+  position: absolute;
+  background: #FFFFFF;
+}
+.case-module-component:first-child {
+  left: 0;
+}
+.case-module-component:nth-child(2) {
+  left: 584px;
+}
+.case-module-component:nth-child(3) {
+  left: 784px;
+}
+.case-module-component:nth-child(4) {
+  left: 984px;
+}
+.case-module .case-module-main .case-module-list {
+  position: relative;
+  display: flex;
+  max-width: 560px;
+  height: 360px;
+}
+.case-module .case-module-main .case-module-list>img {
+  width: 248px;
+  height: 392px;
+}
+.case-list-right {
+  position: absolute;
+  left: 200px;
+  top: 16px;
+  padding: 36px 28px 36px 76px;
+  background: #FFFFFF;
+  width: 360px;
+  height: 352px;
+  border-radius: 12px;
+  background: url(../image/consult/bg_5.png) no-repeat;
+  background-size: 250px 291px;
+  background-position: 108px 36px;
+  box-shadow: inset 0px 4px 16px rgba(8, 31, 38, 0.08);
+}
+.case-list-right .case-l-r-title {
+  display: flex;
+  align-items: center;
+}
+.case-list-right .mark-title{
+  display: block;
+  margin-right: 16px;
+  width: 4px;
+  height: 12px;
+  background: #006CFF;
+}
+.case-l-r-title > span:last-child {
+  color: #171826;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: bold;
+}
+.case-l-c-content {
+  margin-top: 8px;
+  color: #5F5E64;
+  font-size: 13px;
+  line-height: 20px;
+  text-align: justify;
 }
 
+.case-l-r-content:last-child {
+  margin-top: 24px;
+}

src/web/templates/frontRouter/pc/serviceSystem/free/consult.html

@@ -23,13 +23,184 @@
   <!-- 用户留资 -->
   <div id="vue-collect-user-info"></div>
   <div class="service-consult-index">
-    <button class="leave-button">留资</button>
-
-    <div class="i-need-more fixed" style="z-index: 99;height:800px">
-      <div class="i-n-m-bg bg-contain w1200">
-        <div class="get-data-example-button bg-contain" onClick="needSubmitHandle('pc_data_custom_export')"></div>
+    <div class="banner-module"></div>
+    <div class="consult-module">
+      <div class="consult-module-header">
+        <h3>咨询服务</h3>
+        <p>助力企业洞察行业趋势，定位目标市场，扫描潜在客户，挖掘商业机会</p>
+      </div>
+      <div class="consult-module-main">
+        <div class="consult-content"></div>
+      </div>
+    </div>
+    <div class="report-module">
+      <div class="report-module-header">
+        <h3>样例报告免费下载</h3>
+      </div>
+      <div class="report-module-main">
+        <ul>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+          <li class="report_example">
+            <div class="report_title">信创产业发展研究报告</div>
+            <div class="report_content">国产化替代步伐加速发展，信息安全需求背景下信创产业加速发展，市场规模买入万亿大关</div>
+            <div class="report_btn"></div>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="advantage_module">
+      <div class="advantage_module_main w1200">
+        <p>核心团队&nbsp;<span>20</span>&nbsp; + 年管理咨询经验</p>
+        <p>服务&nbsp;<span>1000</span>&nbsp;+ 家客户</p>
+        <p>积累&nbsp;<span>5000</span>&nbsp;+ 服务案例</p>
+      </div>
+    </div>
+    <div class="case-module">
+      <div class="case-module-header">
+        <h3>经典案例</h3>
+        <p>案例的积累本质上是行业经验和专业技术的积累</p>
+      </div>
+      <div class="case-module-main w1200">
+        <div class="case-module-component">
+          <div class="case-module-list">
+            <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/consult/case_1.png" alt="">
+            <div class="case-list-right">
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>客服需求</span>
+                </div>
+                <div class="case-l-c-content">
+                  科大讯飞庞杂的数据带来巨大的使用成本，无法快速高效满足一线业务、业务管理、战略分析等业务需求。
+                </div>
+              </div>
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>服务效果</span>
+                </div>
+                <div class="case-l-c-content">
+                  通过深度调研，精准识别科大讯飞发展中面临的业务流程问题，根据问题症结所在，咨询团队为科大讯飞定制了专属的解决方案，为各个需求量身定制了取数模型，根据人工智能大模型定期输出数据分析报告，为科大讯飞各个区域和业务线的实际需求，线索转化、市场分析更高效精准。
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="case-module-component">
+          <div class="case-module-list">
+            <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/consult/case_2.png" alt="">
+            <div class="case-list-right">
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>客服需求</span>
+                </div>
+                <div class="case-l-c-content">
+                  需要实时、动态地掌握市场需求、商机线索、对目标客户行业和地区进行定位分析，对同类型业务市场份额的动态跟踪分析等。
+                </div>
+              </div>
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>服务效果</span>
+                </div>
+                <div class="case-l-c-content">
+                  基于剑鱼标讯大数据，根据锐捷网络各项需求，组织个性化数据指标，通过为锐捷网络打造个性化指标分析体系，贴合锐捷网络业务发展特点，通过市场分析为锐捷网络目标企业画像精准定位，目标客户分布地区和分布行业进行交叉定位，为锐捷网络选择优先拓展客户提供了决策参考。
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="case-module-component">
+          <div class="case-module-list">
+            <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/consult/case_3.png" alt="">
+            <div class="case-list-right">
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>客服需求</span>
+                </div>
+                <div class="case-l-c-content">
+                  业务重点如何布局，市场动态如何发展，如何精准高效找到目标市场等，成为深信服业务发展中需要突破的一个难题。
+                </div>
+              </div>
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>服务效果</span>
+                </div>
+                <div class="case-l-c-content">
+                  建立在采购单位行业类型、采购单位地区分布、采购产品类型、友商类型、友商地区分布等这些定制维度基础上，剑鱼标讯咨询团队为深信服定期输出定制化的市场分析报告，为业务部门提供专业化的信息参考，进行精准高效的决策缩短了时间，提高了业务拓展的机动性和业务发展方向的稳健性。
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="case-module-component">
+          <div class="case-module-list">
+            <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customExport/image/consult/case_4.png" alt="">
+            <div class="case-list-right">
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>客服需求</span>
+                </div>
+                <div class="case-l-c-content">
+                  网络安全问题也日益凸显，360公司面临着如何更好的通过数据洞察用户需求，寻找更具有前瞻性的市场信息。
+                </div>
+              </div>
+              <div class="case-l-r-content">
+                <div class="case-l-r-title">
+                  <span class="mark-title"></span>
+                  <span>服务效果</span>
+                </div>
+                <div class="case-l-c-content">
+                  通过标讯数据为360公司提供精准数据用于市场分析、完成阶段性的销售线索复盘、帮助业务线对销售线索进行查漏补缺。数据指标+洞察分析+策略投放的咨询服务模式，从底层数据到上层业务战略调整建议，为360公司提供全方位立体化服务，帮助360公司实现了商机挖掘和业务拓展的目标。
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
-      <div class="closed bg-contain"></div>
     </div>
   </div>