Browse Source

feat:PC数据导出条件筛选页面修改

tsz 3 years ago
parent
commit
730ac2dae2

+ 0 - 0
src/web/staticres/common-module/data-export/css/table-index.css


+ 0 - 0
src/web/staticres/common-module/data-export/js/table-index.js


+ 42 - 0
src/web/staticres/dataExport/css/conditions.css

@@ -55,6 +55,48 @@ button.w100 {
   margin-left: 6px;
 }
 
+/* S-顶部文案-S */
+.conditions-box .dataExportFun{
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-bottom: 32px;
+  padding: 16px 0 16px 40px;
+  width: 100%;
+  height: 130px;
+  background: linear-gradient(180deg, #ECFDFF 0%, #FFFFFF 84%);
+}
+.dataExportFun .data_export_common .data_e_l_top .data_e_img{
+  margin-top: 7px;
+  height: 17px;
+}
+.dataExportFun .data_export_right {
+  display: flex;
+}
+.dataExportFun .data_export_right::before{
+  content: "";
+  margin: 0 80px;
+  width: 0;
+  height: 98px;
+  border: 0.5px solid #ECECEC;
+}
+.data_e_l_bottom{
+  margin-top: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #686868;
+  line-height: 22px;
+}
+.data_export_BG{
+  position: absolute;
+  right: 0;
+}
+.data_export_BG .BG_img{
+  width: 180px;
+  height: 130px;
+}
+/* E-顶部文案-E */
+
 .conditions-box {
   padding: 106px 0px 30px 0px;
   font-family: MicrosoftYaHei;

BIN
src/web/staticres/dataExport/image/dataexport-ansisly.png


BIN
src/web/staticres/dataExport/image/dataexport-right.png


BIN
src/web/staticres/dataExport/image/dataexport-text.png


+ 92 - 51
src/web/templates/pc/dataExport_sieve.html

@@ -18,7 +18,10 @@
     <link href="{{Msg "seo" "cdn"}}/css/dev2/reset_pc.css?v={{Msg "seo" "version"}}" rel="stylesheet">
     <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/swiper/swiper.min.css?v={{Msg "seo" "version"}}">
     <link rel="stylesheet" type="text/css"
-          href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}"/>
+    href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}"/>
+    <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
+    <link href="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/theme-chalk/index.css" rel="stylesheet" />
+    <script src=//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/index.js></script>
     <script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
     <script src="{{Msg "seo" "cdn"}}/swiper/swiper.min.js?v={{Msg "seo" "version"}}"></script>
     <title>数据导出_拟建项目导出_招标采购数据导出_中标数据导出-剑鱼标讯</title>
@@ -539,56 +542,32 @@
 <body>
 {{include "/common/pchead.html"}}
 <section class="conditions-box w" style="min-height: calc(100vh - 364px);">
-    <!--顶部banner-->
-    <div class="banner" style="height: 120px;margin-bottom:30px;">
-        <div class="swiper-container lunbo" id="swiper1">
-            <div class="swiper-wrapper">
-                <!--轮播广告-->
-            </div>
-            <div class="swiper-pagination custorm_dot"></div>
+    <!-- 数据导出功能文案 -->
+    <div class="dataExportFun">
+      <div class="data_export_left data_export_common">
+        <div class="data_e_l_top">
+          <img class="data_e_img" src='{{Msg "seo" "cdn"}}/dataExport/image/dataexport-text.png' alt="" />
+          <div class="data_e_l_bottom" style="width:358px">
+            剑鱼标讯提供全国招投标数据的自助导出功能,<br/>
+            可指定关键词、发布时间、地区或行业等筛选条件,<br/>
+            剑鱼标讯以EXCEL表格形式提供数据。
+          </div>
+        </div>
+      </div>
+      <div class="data_export_right data_export_common">
+        <div class="data_e_l_top">
+          <img class="data_e_img" src='{{Msg "seo" "cdn"}}/dataExport/image/dataexport-ansisly.png' alt="" />
+          <div class="data_e_l_bottom">
+            1、全面获取市场信息,紧跟市场趋势,提前布局;<br/>
+            2、准确掌握行业客户、竞争对手、合作伙伴的招投标活动;<br/>
+            3、轻松挖掘潜在客户、合作伙伴、拓展市场空间。
+          </div>
         </div>
+      </div>
+      <div class="data_export_BG">
+         <img class="BG_img" src='{{Msg "seo" "cdn"}}/dataExport/image/dataexport-right.png' alt="">
+      </div>
     </div>
-    {{$s_top:=(Ad "dataExport_Sieve_Banner" -1)}}
-    <script>
-        var ADTopList ={{$s_top}}
-        if (ADTopList != null) {
-            var adhtml = '';
-            for (var i = 0; i < ADTopList.length; i++) {
-                var num = i + 1;
-                adhtml += '<div class="swiper-slide" onclick="adv_statistics(this)"  adv_name="微信搜索页轮播图' + num + '">'
-                if (ADTopList[i]["s_link"]) {
-                    adhtml += '<a dataHref="' + ADTopList[i]["s_link"] + '">'
-                } else {
-                    adhtml += '<a>'
-                }
-                adhtml += '<img src="' + ADTopList[i]["s_pic"] + '" alt="" style="height:125px;width:1200px"></a></div>'
-            }
-            if (ADTopList.length == 1) {
-                $(".swiper-pagination").hide();
-            }
-            if (adhtml != "") {
-                $(".banner .swiper-wrapper").html(adhtml);
-            }
-        }
-        //dev2.9.7.2
-        var swiper1 = new Swiper('#swiper1', {
-            slidesPerView: 1,
-            spaceBetween: 20,
-            centeredSlides: true,
-            speed: 800,
-            autoplay: {
-                delay: 4000,
-                disableOnInteraction: false,
-            },
-            pagination: {
-                el: '.swiper-pagination',
-            },
-            paginationClickable: true,
-            loop: true,
-        });
-        swiper1.init();
-    </script>
-
     <!--指示条-->
     <div class="progress_">
         <div class="pro l c3">
@@ -607,14 +586,14 @@
     </div>
     <!--选择区域-->
     <div class="inner">
-        <div style="margin-left: 50px;">
+        <!-- <div style="margin-left: 50px;">
             <div class="sieve-tit">数据自助导出</div>
             <div class="sieve-cont mt5">剑鱼标讯提供全国招投标数据的自助导出功能,企业可指定关键词、发布时间、地区或行业等筛选条件,剑鱼标讯以EXCEL表格形式提供数据。</div>
             <div class="sieve-tit mt10">通过分析招标数据,可以帮助你</div>
             <div class="sieve-cont mt5">1、全面获取市场信息,紧跟市场趋势,提前布局;</div>
             <div class="sieve-cont ">2、准确掌握行业客户、竞争对手、合作伙伴的招投标活动;</div>
             <div class="sieve-cont mar-bot10">3、轻松挖掘潜在客户、合作伙伴、拓展市场空间。</div>
-        </div>
+        </div> -->
         <!--日期-->
         <div class="line-box float-box">
             <div class="left">筛选日期</div>
@@ -894,9 +873,71 @@
             <button id="reset">重置</button>
         </div>
     </div>
+    <div id="dataExport_table" class="dataExport_table">
+      ${num}
+    </div>
+    <!--底部banner-->
+    <div class="banner" style="height: 120px;margin-top:32px;">
+      <div class="swiper-container lunbo" id="swiper1">
+          <div class="swiper-wrapper">
+              <!--轮播广告-->
+          </div>
+          <div class="swiper-pagination custorm_dot"></div>
+      </div>
+    </div>
+    {{$s_top:=(Ad "dataExport_Sieve_Banner" -1)}}
+    <script>
+        var ADTopList ={{$s_top}}
+        if (ADTopList != null) {
+            var adhtml = '';
+            for (var i = 0; i < ADTopList.length; i++) {
+                var num = i + 1;
+                adhtml += '<div class="swiper-slide" onclick="adv_statistics(this)"  adv_name="微信搜索页轮播图' + num + '">'
+                if (ADTopList[i]["s_link"]) {
+                    adhtml += '<a dataHref="' + ADTopList[i]["s_link"] + '">'
+                } else {
+                    adhtml += '<a>'
+                }
+                adhtml += '<img src="' + ADTopList[i]["s_pic"] + '" alt="" style="height:125px;width:1200px"></a></div>'
+            }
+            if (ADTopList.length == 1) {
+                $(".swiper-pagination").hide();
+            }
+            if (adhtml != "") {
+                $(".banner .swiper-wrapper").html(adhtml);
+            }
+        }
+        //dev2.9.7.2
+        var swiper1 = new Swiper('#swiper1', {
+            slidesPerView: 1,
+            spaceBetween: 20,
+            centeredSlides: true,
+            speed: 800,
+            autoplay: {
+                delay: 4000,
+                disableOnInteraction: false,
+            },
+            pagination: {
+                el: '.swiper-pagination',
+            },
+            paginationClickable: true,
+            loop: true,
+        });
+        swiper1.init();
+    </script>
 </section>
 {{include "/common/pcbottom.html"}}
 {{include "/common/baiducc.html"}}
+<script>
+  var dataNode = new Vue({
+    delimiters: ['${', '}'],
+    el: '#dataExport_table',
+    data: {
+      num: 11111
+    },
+    method: {}
+  })
+</script>
 <script type="text/javascript">
     (function (undefined) {
     }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});