首页修改

src/web/templates/pc/index.html

@@ -125,115 +125,285 @@
 					<input type="hidden" name="searchvalue">
 					<input class="btn" type="button" onclick="zbSeatch('zbIndex')" />
 				</form>
+        <div class="tips">
+          <span class="active">招标搜索</span>
+          <span>中标企业搜索</span>
+          <i></i>
+        </div>
 			</div>
-			<div class="animtionBox box-1">
-				<span class="bg"></span>
-				<!--线-->
-				<div class="line">
-					<!--<span class="moveline"></span>-->
-				</div>
-				<!--点-->
-				<div class="dot">
-					<!--<span class="movedot"></span>-->
-				</div>
-			</div>
-			<div class="animtionBox box-2">
-				<span class="bg"></span>
-				<!--线-->
-				<div class="line">
-					<!--<span class="moveline"></span>-->
-				</div>
-				<!--点-->
-				<div class="dot">
-					<!--<span class="movedot"></span>-->
-				</div>
-			</div>
+      <div class="projectList">
+        <ul>
+        </ul>
+      </div>
 
-			<!-- 弹窗 -->
-			<div class="animtionBox box-3">
-				<span class="bg"></span>
-				<!--线-->
-				<div class="line">
-					<!--<span class="moveline"></span>-->
-				</div>
-				<!--点-->
-				<div class="dot">
-					<!--<span class="movedot"></span>-->
-				</div>
-			</div>
+      <!-- 剑鱼广告位轮播 -->
+      <div class="jy-banner">
+        <div class="jy-banner-l">
+          <div  class="carousel slide center-block" data-ride="carousel">
+            <div class="carousel-inner" role="listbox">
+            </div>
+          </div>
+        </div>
+        <div class="jy-banner-r">
+          <div  class="carousel-one slide center-block" data-ride="carousel">
+            <div class="carousel-inner" role="listbox">
 
-			<!--底部链接-->
-			<div class="links">
-				<ul class="linkul clearfix">
-                  <li class="linksitem">
-                    <a style="padding-left: 0rem;" href='/'>首页</a>
-                  </li>
-					<li class="linksitem">
-						<a>APP</a>
-						<div class="linkdiv" style="left: -0.55rem;">
-							<img src="/front/downloadJyApp/qr?page=pc_bottom&source=pc_scan"/>
-							<p>扫描二维码下载</p>
-						</div>
-					</li>
-				<li class="linksitem">
-						<a href='{{Msg "seo" "pcHelper.downloadUrl_win"}}?source=pc_index'>PC版</a>
-					</li>
-					<li class="linksitem">
-						<a href='{{Msg "seo" "pcHelper.downloadUrl_mac"}}?source=pc_index'>Mac版</a>
-					</li>
-					<li class="linksitem">
-						<a href="#">微信公众号</a>
-						<div class="linkdiv">
-							<img class="wxlinkdiv" src="{{Msg "seo" "cdn"}}/images/pc/index-app-ewm.png"/>
-							<p>扫描二维码关注</p>
-						</div>
-					</li>
-					<li class="linksitem">
-						<a href="/front/aboutus.html">了解剑鱼标讯</a>
-					</li>
-					<li class="linksitem">
-						<a href="/jyblog/index.html">剑鱼标讯博客</a>
-					</li>
-					<li class="linksitem">
-						<a href="/front/busicooperation.html">商务合作</a>
-					</li>
-					<li class="linksitem">
-						<a href="/front/advservices.html">广告服务</a>
-					</li>
-					<li class="linksitem">
-						<a target="_blank" href="http://www.qmx.top/">企明星</a>
-					</li>
-                    <li class="linksitem">
-                        <a target="_blank" href="http://www.hgycw.com">化工英才网</a>
-                    </li>
-                  <li class="linksitem">
-                    <a target="_blank" href="https://www.vrenke.com/">积分制管理软件</a>
-                  </li>
-				</ul>
-				<p class="copyright">
-                    <!-- ©2015-2019 jianyu360.com 版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京ICP备14030217号-3 -->
-                </p>
-			</div>
-			<!--推荐好友-->
-			<div class="friends clearfix">
-				<span>推荐给好友</span>
-				<a id="share-weixinF" class="wx iconfont icon-weixin">
-				<div id="share-weixin" class="hidden">
-					<img src="/front/homepage/wxshare"/>
-					<p class="sharets">扫码推荐给好友</p>
-				</div>
-				</a>
-				<a id="share-sqq" class="qq iconfont icon-QQ"></a>
-			</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <!-- 剑鱼区域链接 -->
+      <div class="nav-tab jy-area">
+        <div class="tab-header">
+           <span class="active">按地域</span>
+           <span>按信息类型</span>
+           <span>热门招标</span>
+           <i></i>
+        </div>
+        <div class="tab-content">
+           <div class="tab-content-area">
+             <ul>
+             </ul>
+           </div> 
+           <div class="tab-content-area">
+            <ul>
+            </ul>
+          </div> 
+          <div class="tab-content-area">
+            <ul>
+            </ul>
+          </div> 
+        </div>
+      </div>
 
-		</section>
-		<script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
-		<script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/index_pc.js?v={{Msg "seo" "version"}}"></script>
+      <!-- 最新公告信息 -->
+      <div class="newNotice">
+        <h3>最新公告信息</h3>
+          <div class="newNotice-header">
+            <span class="active">拟建项目</span>
+            <span>招标预告</span>
+            <span>招标公告</span>
+            <span>招标结果</span>
+            <i></i>
+         </div>
+         <div class=" newNotice-content">
+            <div class="tab-content-list">
+              <ul>
+              </ul>
+            </div>
+            <div class="tab-content-list">
+              <ul>
+              </ul>
+            </div>
+            <div class="tab-content-list">
+              <ul>
+              </ul>
+            </div>
+            <div class="tab-content-list">
+              <ul>
+              </ul>
+            </div>
+         </div>
+      </div>
 
-		<div class="bdsharebuttonbox">
-			<a href="#" id="bds_sqq" data-cmd="sqq" title="分享QQ好友">QQ</a>
-		</div>
-		<!-- 弹窗 -->
+      <!-- 最新资讯 -->
+		  <div class="newLatest">
+        <h3>最新资讯</h3>
+         <div class="newLatest-content">
+            <ul>
+              <li>
+                <a href="javascript:;">
+                  <div class="date"><i>02</i>/<span>10</span></div>
+                  <img src='{{Msg "seo" "cdn"}}/images/pc/tc.png' alt="..." />
+                  <div class="item-content">
+                    <h4>工程施工项目投标文件的编制和报价技巧</h4>
+                    <p>对于工程施工项目来说，投标的前提是要准备好一份高质量的投标文件......</p>
+                    <div class="newLatest-tips">
+                      <span>文/剑鱼标讯</span>
+                      <span>2021-02-15</span>
+                    </div>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a href="javascript:;">
+                  <div class="date"><i>02</i>/<span>10</span></div>
+                  <img src='{{Msg "seo" "cdn"}}/images/pc/tc.png' alt="..." />
+                  <div class="item-content">
+                    <h4>工程施工项目投标文件的编制和报价技巧</h4>
+                    <p>对于工程施工项目来说，投标的前提是要准备好一份高质量的投标文件......</p>
+                    <div class="newLatest-tips">
+                      <span>文/剑鱼标讯</span>
+                      <span>2021-02-15</span>
+                    </div>
+                  </div>
+                </a>
+              </li>
+              <li class="newLatest-content-right">
+                <a href="#">
+                  <div class="date"><i>02</i>/<span>10</span></div>
+                  <img src='{{Msg "seo" "cdn"}}/images/pc/tc.png' alt="..." />
+                  <div class="item-content">
+                    <h4>工程施工项目投标文件的编制和报价技巧</h4>
+                    <p>对于工程施工项目来说，投标的前提是要准备好一份高质量的投标文件......</p>
+                    <div class="newLatest-tips">
+                      <span>文/剑鱼标讯</span>
+                      <span>2021-02-15</span>
+                    </div>
+                  </div>
+                </a>
+              </li>
+              <li class="newLatest-content-bottom">
+                <a href="#">
+                  <div class="dates"><i>02</i>/<span>10</span></div>
+                  <div class="item-content">
+                    <h4>工程施工项目投标文件的编制和报价技巧</h4>
+                    <p>对于工程施工项目来说，投标的前提是要准备好一份高质量的投标文件......</p>
+                  </div>
+                </a>
+                <a href="#">
+                  <div class="dates"><i>02</i>/<span>10</span></div>
+                  <div class="item-content">
+                    <h4>工程施工项目投标文件的编制和报价技巧</h4>
+                    <p>对于工程施工项目来说，投标的前提是要准备好一份高质量的投标文件......</p>
+                  </div>
+                </a>
+              </li>
+            </ul>
+         </div>
+      </div>
+
+
+      <div class="jy-advantage">
+        <div class="jy-advantage-content">
+          <ul>
+            <li class="one">
+                <h4>可信赖</h4>
+                <p>专注招投标大数据服务，</br> 运用AI、云计算、数据挖掘分析</br> 等先进技术</p>
+            </li>
+            <li class="two">
+                  <h4>海量信息</h4>
+                  <p>囊括所有行业，</br> 千万量级招标信息细分展示</p>
+              </li>
+              <li class="three">
+                  <h4>不遮挡</h4>
+                  <p>招标项目详细内容、</br> 联系人、联系电话直接查看</p>
+              </li>
+              <li class="four">
+                <h4>闪电推送</h4>
+                <p>根据关键词自动匹配，</br> 实时获取招标信息</p>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="jy-onlineData">
+        <div class="jy-onlineData-content">
+           <ul>
+           </ul>
+        </div>
+      </div>
+
+      <!-- 合作伙伴 -->
+      <div class="jy-partners">
+          <h3>合作伙伴</h3>
+          <ul>
+            <li>
+                <img src='{{Msg "seo" "cdn"}}/images/pc/huawei.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+                <img src='{{Msg "seo" "cdn"}}/images/pc/baidu.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+                <img src='{{Msg "seo" "cdn"}}/images/pc/taipingyang.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+                <img src='{{Msg "seo" "cdn"}}/images/pc/guangda.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+                <img src='{{Msg "seo" "cdn"}}/images/pc/ali.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/minsheng.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/dianxin.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+                <img src='{{Msg "seo" "cdn"}}/images/pc/shenxin.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/zhongtongfu.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/xinyu.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/ruijie.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/yitu.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/zhongtong.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/zhonghui.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/lehe.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/jingyi.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/bot.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/aite.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/duopuduo.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/haikang.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/hanhe.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/jida.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/lianruan.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/meinian.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/siem.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/yidong.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+            <li>
+              <img src='{{Msg "seo" "cdn"}}/images/pc/yushi.png?v={{Msg "seo" "version"}}" alt="' />
+            </li>
+          </ul>
+      </div>
+
+      {{include "/common/pcbottom.html"}}
+
+
+			
+
+		</section>
+		<script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}'></script>
+		<script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index_pc.js?v={{Msg "seo" "version"}}'></script>
+    <script src="https://cdn.jsdelivr.net/npm/countup.js@1.9.3/dist/countUp.js"></script>
+    <script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index_content.js?v={{Msg "seo" "version"}}'></script>
+    <!-- 弹窗 -->
 		<div class="pc_tc" id="pc-index-alert">
 			<div id="index_tc"  class="tc" dataUrl="">
         <div class="tc_button"></div>
@@ -247,6 +417,7 @@
         <img src="{{Msg "seo" "cdn"}}/images/pc/live_preheat_close.png" class="live_preheat_close"/>
       </div>
     </div>
+	
 	</body>
 <script>
 $(function () {
@@ -309,6 +480,48 @@ if (ADList.length>0){
   }
 {{end}}
 
+// 金刚区start
+var str_projectList = ""
+{{$s:=(Ad "jy-pc-index-jingangqu" -1)}}
+{{range $t,$v := $s}}
+  var data = {{$v}}
+  str_projectList += "<li><a href=\"" + data.s_link + "\"><img src=\"" + data.s_pic + "\" alt=\"\" /><p>" + data.s_picalt + "</p></a></li>";
+        
+{{end}}
+$(".projectList ul").html(str_projectList)
+
+// 广告轮播
+var str_left_img = "",left_img_index = 0
+{{$s:=(Ad "jy-pc-index-leftad" -1)}}
+{{range $t,$v := $s}}
+  left_img_index += 1
+  var left_img = {{$v}}
+  if(left_img_index >1){
+    str_left_img  += `<div class="item active">`
+  }else{
+    str_left_img  += `<div class="item">`
+  }
+  str_left_img += `<a href="${left_img.s_picalt}"><img src="${left_img.s_pic}" alt="..."></a>
+                </div>`
+{{end}}
+$(".jy-banner-l .carousel-inner").html(str_left_img)
+
+var str_right_img = "",right_img_index = 0
+{{$s:=(Ad "jy-pc-index-rightad" -1)}}
+{{range $t,$v := $s}}
+  right_img_index += 1
+  var right_img = {{$v}}
+  if(right_img_index == 1){
+    str_right_img  += `<div class="item active">`
+  }else{
+    str_right_img  += `<div class="item">`
+  }
+  str_right_img += `<a href="${right_img.s_picalt}"><img src="${right_img.s_pic}" alt="..."></a>
+                </div>`
+{{end}}
+$(".jy-banner-r .carousel-inner").html(str_right_img)
+
+
 var showDay = localStorage.tc;
 if(adv_img!=""){
   if(localStorage.tc === undefined){
@@ -327,6 +540,37 @@ if(adv_img!=""){
   	}
   }
 }
+
+// 搜索框类型选择
+$("#index .search .tips span").on("click",function(){
+  let i = $(this).index();
+  $(this).parent().find('i').animate({
+    left: 14+(90*i) +'px'
+  },200)
+  $("#index .search .tips span").removeClass('active')
+  $(this).addClass('active')
+  if(i == 0){
+    $("#zbIndex").attr("action", '/jylab/supsearch/index.html');
+    $("#zbIndex .ser").attr("name",'keywords')
+  }else{
+    $("#zbIndex").attr("action", '/jylab/bidsearchforent/index.html');
+    $("#zbIndex .ser").attr("name",'searchvalue')
+  }
+})
+
+//广告轮播
+$('.carousel').carousel({
+    interval: 3000
+})
+$('.carousel-one').carousel({
+    interval: 3000
+})
+
+
+
+
+
+
 $("#close2x").click(function () {
 	localStorage.setItem("tc", day)
 	$("#index_tc").animate({