浏览代码

Merge branch 'dev4.7.8' of https://jtt22.jydev.jianyu360.com:50103/qmx/jy into dev4.7.8

tsz 3 年之前
父节点
当前提交
73bf65b857

+ 136 - 0
src/web/staticres/css/dev2/superSearch.css

@@ -110,4 +110,140 @@
 }
 .shade_table_blank{
 	height:50px;
+}
+.attachment-filter{
+  padding: 16px 0 15px;
+  border-top: 1px dashed #e0e0e0;
+}
+.attachment-filter .attach-item{
+  float: left;
+  padding: 4px 7px;
+  cursor: pointer;
+  margin: 0 10px 4px 0;
+}
+.attachment-filter .attach-item.active {
+  color: #FFFFFF;
+  background-color: #2cb7ca;
+  border-radius: 2px;
+}
+.filter-header{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 16px 0 30px;
+  margin: 0 -15px;
+  height: 50px;
+  line-height: 50px;
+  background: #F5F5FB;
+  border: 1px solid #ECECEC;
+}
+.filter-header .f-h-label{
+  width: 100px;
+  padding-left: 16px;
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-size: 12px 8px;
+  cursor: pointer;
+}
+.filter-header .f-h-label > span{
+  display: inline-block;
+  height: 100%;
+  font-size: 16px;
+  color: #2cb7ca;
+  border-bottom: 2px solid #2cb7ca;
+}
+.filter-header .f-h-label.caret-up{
+  background-image: url("/images/biddingSearch/icon-caret-top.png");
+}
+.filter-header .f-h-label.caret-down{
+  background-image: url("/images/biddingSearch/icon-caret-bottom.png");
+}
+.filter-header .f-h-action{
+  display: flex;
+  align-items: center;
+}
+.filter-header .f-h-action .action-item{
+  min-width: 90px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 4px;
+  font-size: 14px;
+  text-align: center;
+  cursor: pointer;
+}
+.filter-header .has-item{
+  margin-right: 16px;
+  border: 1px solid #E0E0E0;
+  color: #1D1D1D;
+  background-color: #fff;
+}
+.filter-header .save-item{
+  background: #2CB7CA;
+  border: 1px solid #2cb7ca;
+  color: #fff;
+}
+
+.fixed-top{
+  position: fixed;
+  top: 64px;
+  width: 1200px;
+  z-index: 99;
+}
+.filter-dialog{
+  padding: 32px;
+  border-radius: 8px;
+}
+.filter-dialog > .el-dialog__header {
+  padding: 0;
+}
+.filter-dialog > .el-dialog__header > .el-dialog__title{
+  color: #1D1D1D;
+}
+.filter-dialog > .el-dialog__body{
+  padding: 0 0 32px!important;
+}
+.filter-dialog .filter-save-item{
+  display: flex;
+  margin-top: 20px;
+  line-height: 18px;
+}
+.filter-save-item .save-label{
+  min-width: 60px;
+  text-align: right;
+  color: #636467;
+  font-size: 12px;
+}
+.filter-save-item .save-value {
+  margin-left: 8px;
+  flex: 1;
+  color: #1D1D1D;
+}
+.filter-save-item .save-value-bg{
+  margin-bottom: 8px;
+  margin-right: 8px;
+  padding: 6px 8px;
+  background: #F5F6F7;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #1D1D1D;
+  line-height: 18px;
+}
+.filter-save-item .save-value-bg > span{
+  color: #636467;
+}
+.filter-dialog .btn-group {
+  width: 132px;
+  height: 36px;
+  padding: 0;
+  border-radius: 6px;
+  font-size: 16px;
+}
+.filter-dialog .btn-group.confirm-btn{
+  background: #2cb7ca;
+  margin-right: 52px;
+  border: 0;
+}
+.filter-dialog .btn-group.confirm-btn:hover,
+.filter-dialog .btn-group.confirm-btn:focus{
+  color: #fff;
 }

二进制
src/web/staticres/images/biddingSearch/icon-caret-bottom.png


二进制
src/web/staticres/images/biddingSearch/icon-caret-top.png


+ 2 - 2
src/web/staticres/js/superSearch.js

@@ -1121,7 +1121,7 @@ function getCheckList() {
   var $dom = $('.custom-checkbox:not(.check-all)[name="bid-list"]')
   $dom.each(function() {
     if(selectDataIds.length == 0) return
-    selectDataIds.forEach((item,index) => {
+    selectDataIds.forEach(function(item,index) {
       let dataid = $(this).attr('dataid')
       if (item == dataid) {
         getSelectNum++
@@ -1135,7 +1135,7 @@ function getCheckList() {
     $('.custom-checkbox').prop("checked",false)
     $dom.each(function() {
       if(selectDataIds.length == 0) return
-      selectDataIds.forEach((item,index) => {
+      selectDataIds.forEach(function(item,index) {
         let dataid = $(this).attr('dataid')
         if (item == dataid) {
           getSelectNum++

+ 457 - 262
src/web/templates/pc/supsearch.html

@@ -1023,9 +1023,9 @@ var IframeOnClick = {
           <input type="hidden" name="notkey" value="{{.T.notkey}}">
 				</form>
 				<!--筛选-->
-				<div id="screenBtn" class="screen down">
+				<!-- <div id="screenBtn" class="screen down">
 					筛选
-				</div>
+				</div> -->
         <el-badge value="限免" type="danger" class="publish-button">
           <el-button type="primary" round @click="goToPublish">信息发布</el-button>
         </el-badge>
@@ -1082,274 +1082,299 @@ var IframeOnClick = {
 		<div id="intercept" class="hidden w">
 			<img src="{{Msg "seo" "cdn"}}/images/tip.png"/>“<span></span><font>”</font>及其后面的字词均被忽略,因为剑鱼标讯的查询限制在20个汉字以内。
 		</div>
-		<!--头部功能-->
+		<!--筛选条件功能-->
 		<div class="searchTender w">
-      <!--搜索范围:-->
-			<div class="searchSpace clearfix">
-				<div class="leftTitle">
-					搜索范围:
-				</div>
-				<div class="search-content">
-          <!-- <span class="search-list">
-            <span data-name="all" class="search-list-checkbox">全部</span>
-          </span> -->
-          <span class="search-list">
-            <span data-name="title" class="search-list-checkbox">标题</span>
-          </span>
-          <span class="search-list">
-            <span data-name="content" class="search-list-checkbox">正文</span>
-          </span>
-          <span class="search-list">
-            <span data-name="ppa" class="search-list-checkbox">项目名称/标的物</span>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-          </span>
-          <span class="search-list">
-            <span data-name="file" class="search-list-checkbox">附件</span>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-          </span>
-          <span class="search-list">
-            <span data-name="buyer" class="search-list-checkbox">采购单位</span>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-          </span>
-          <span class="search-list">
-            <span data-name="winner" class="search-list-checkbox">中标企业<em style="color: #2cb7ca;font-size: 12px;"> 老用户免费专享</em></span>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-          </span>
-          <span class="search-list">
-            <span data-name="agency" class="search-list-checkbox">招标代理机构</span>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-          </span>
-				</div>
-			</div>
-			<!--行业-->
-			<div class="industry">
-				<div class="leftTitle">
-					行业:
-				</div>
-				<!--收起-->
-				<div class="stop">
-					更多
-				</div>
-				<div class="industry-content">
-
-				</div>
-			</div>
-			<!--价格区间-->
-			<div class="Price clearfix">
-				<div class="leftTitle">
-					价格区间:
-				</div>
-				<div class="Price-content clearfix">
-					<span id="priceAll" class="active">全部</span>
-					<div class="pricefat">
-						<div class="PriceInput">
-							<input type="text" name="minprice" id="minprice" value="" placeholder="" />
-							<font class="minwy">万元</font>
-							<span></span>
-							<font class="maxwy">万元</font>
-							<input type="text" name="maxprice" id="maxprice" value="" placeholder="" />
-						</div>
-						<button class="pricebut" style="display:none;">确定</button>
-					</div>
-				</div>
-			</div>
-			<!--发布时间-->
-			<div class="release-time clearfix">
-				<div class="leftTitle">
-					发布时间:
-				</div>
-				<div class="fl timer">
-					<ul>
-						<li id="timerAll" class="active" data-value="" style="display: none;">全部</li>
-						<li data-value="lately-7">最近7天</li>
-						<li data-value="lately-30">最近30天</li>
-						<li data-value="thisyear">最近1年</li>
-            <li data-value="threeyear" data-auth="vip"  onClick="if(!vipState) return openVipDialog();">最近3年</li>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-            <li data-value="fiveyear" data-auth="vip"  onClick="if(!vipState) return openVipDialog();">最近5年</li>
-            <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
-					</ul>
-				</div>
-				<div class="timerInput fl">
-					<input type="text"  onClick="if(!vipState) return openVipDialog();WdatePicker({onclearing:function(){onclearing(this)},onpicked:function(dp){picked(dp,this)},onpicking:function(dp){onpicking(dp,this)},dateFmt:'yyyy年MM月dd日',maxDate:'#F{$dp.$D(\'endtime\')}'})" id="starttime" readonly="true" placeholder="" />
-					<span></span>
-          <input type="text" name="maxtime"  onClick="if(!vipState) return openVipDialog();WdatePicker({onclearing:function(){onclearing(this)},onpicked:function(dp){picked(dp,this)},onpicking:function(dp){onpicking(dp,this)},dateFmt:'yyyy年MM月dd日',minDate:'#F{$dp.$D(\'starttime\')}'})" id="endtime" readonly="true" placeholder="" />
-					<button class="fl" id="timebut" style="display:none;">确定</button>
+      <div class="filter-header" :class="fixedTop? 'fixed-top' : ''">
+        <div class="f-h-label" :class="showFilter ? 'caret-up' : 'caret-down'" @click="toggleFilter">
+          <span>筛选条件</span>
         </div>
-        <img src="/images/biddingSearch/VIP.png" alt="" style="width:38px;height:18px;margin-left:8px;margin-top:-8px">
-			</div>
-			<!--项目地区-->
-			<div class="region clearfix">
-				<div class="leftTitle">
-					项目地区:
-				</div>
-				<div class="region-content">
-					<span id="regionBtn" class=" active">全国</span>
-					<i class="diver">A</i>
-					<font>安徽</font>
-					<font>澳门</font>
-					<i class="diver">B</i>
-					<font>北京</font>
-					<i class="diver">C</i>
-					<font>重庆</font>
-					<i class="diver">F</i>
-					<font>福建</font>
-					<i class="diver">G</i>
-					<font>广东</font>
-					<font>广西</font>
-					<font>贵州</font>
-					<font>甘肃</font>
-					<i class="diver">H</i>
-					<font>河北</font>
-					<font>湖北</font>
-					<font>黑龙江</font>
-					<font>海南</font>
-					<font>河南</font>
-					<font  style="margin-right: 45px;">湖南</font>
-					<i class="diver">J</i>
-					<font>吉林</font>
-					<br>
-					<font>江苏</font>
-					<font>江西</font>
-					<i class="diver">L</i>
-					<font>辽宁</font>
-					<i class="diver">N</i>
-					<font>内蒙古</font>
-					<font>宁夏</font>
-					<i class="diver">Q</i>
-					<font>青海</font>
-					<i class="diver">S</i>
-					<font>山西</font>
-					<font>陕西</font>
-					<font>上海</font>
-					<font>山东</font>
-					<font>四川</font>
-					<i class="diver">T</i>
-					<font>天津</font>
-					<font>台湾</font>
-					<i class="diver">X</i>
-					<font>西藏</font>
-					<font>新疆</font>
-					<font>香港</font>
-					<i class="diver">Y</i>
-					<font>云南</font>
-					<i class="diver">Z</i>
-					<font>浙江</font>
-				</div>
-			</div>
-			<!--信息类型-->
-			<div class="information clearfix">
-				<div class="leftTitle">
-					信息类型:
-				</div>
-				<div class="info-content">
-					<span id="infoBtn" class=" active">全部</span>
-					<i class="diver"></i>
-					<font class="parent-node infoFist">拟建项目</font>
-					<font data-value="拟建" class="hidden">拟建</font>
-					<a id="whole"><img class="q-mark" id="q-mark"  src="{{Msg "seo" "cdn"}}/images/biddingSearch/info-icon1.png" alt="" /></a>
-          <i class="diver"></i>
-          <font class="parent-node">采购意向</font>
-					<font data-value="采购意向" class="hidden">采购意向</font>
-					<a id="whole"><img class="q-mark-buyer" id="q-mark-buyer"  src="{{Msg "seo" "cdn"}}/images/biddingSearch/info-icon1.png" alt="" /></a>
-					<i class="diver"></i>
-					<font class="parent-node">招标预告</font>
-					<font data-value="预告">预告</font>
-					<font data-value="预审">预审</font>
-					<font data-value="预审结果">预审结果</font>
-					<font data-value="论证意见">论证意见</font>
-					<font data-value="需求公示">需求公示</font>
-					<i class="diver"></i>
-					<font class="parent-node">招标公告</font>
-					<font data-value="招标">招标</font>
-					<font data-value="邀标">邀标</font>
-					<font data-value="询价">询价</font>
-					<font data-value="竞谈">竞谈</font>
-					<font data-value="单一">单一</font>
-					<font data-value="竞价">竞价</font>
-					<font data-value="变更">变更</font>
-<!--					<font data-value="其他">其他</font>-->
-					<i class="diver"></i>
-					<font class="parent-node">招标结果</font>
-					<font data-value="中标">中标</font>
-					<font data-value="成交">成交</font>
-					<font data-value="废标">废标</font>
-					<font data-value="流标">流标</font>
-					<i class="diver"></i>
-					<font class="parent-node">招标信用信息</font>
-					<font data-value="合同">合同</font>
-					<font data-value="验收">验收</font>
-					<font data-value="违规">违规</font>
-				</div>
-				<span class="remind" style="display:none;">
-					<span class="remindone"></span>
-					<span class="remindonebak"></span>
-					<span class="remindtwo"><span>"拟建项目"</span>是指那些处于前期立项、审批阶段的项目。供应商应在立项阶段掌握项目信息,做到早介入,稳拿单。</span>
-				</span>
-        <span class="remindbuyer" style="display:none;">
-          <span class="remindone"></span>
-					<span class="remindonebak"></span>
-					<span class="remindtwo"><span>"采购意向"</span>是指提供未发布招标公告前1-3个月,政府单位的采购意向信息,包含采购内容、预算金额、预计采购时间、采购联系人及联系方式等相关信息。</span>
-				</span>
-      </div>
-      <!-- 高级筛选 -->
-      <div class="advanced-filter clearfix">
-        <div class="advanced-title">
-          <strong>高级筛选</strong>
-          <img class="icon-vip" src="{{Msg "seo" "cdn"}}/images/biddingSearch/VIP.png" alt="" />
-        </div>
-        <div class="leftTitle" style="width: 116px;">采购单位类型:</div>
-        <div class="buyclass">
-          <span class="buyclass-all active">全部</span>
-          <div class="buyclass-content" style="display: none;"></div>
+        <div class="f-h-action">
+          <span class="action-item has-item" @click="onHasFilter">已存筛选 0</span>
+          <span class="action-item save-item" @click="onSaveFilter">保存筛选</span>
         </div>
       </div>
-      <!-- 其他筛选条件 -->
-      <div class="other-filter clearfix" style="display: none;">
-        <div class="leftTitle" style="width: 116px;padding-top: 0;line-height: 30px;">其他筛选条件:</div>
-        <div class="other-content">
-          <div class="buy-select">
-            <span style="float: left;line-height: 30px;margin-right: 12px;color: #686868;">采购单位联系方式</span>
-            <div style="float: left;position: relative;">
-              <div class="custom-select">
-                <input class="custom-input" name="buyertel" data-value="" type="text" readonly placeholder="不限" />
-                <i class="icon-arrow"></i>
-              </div>
-              <ol class="custom-option" style="display:none;">
-                <li data-value="">不限</li>
-                <li data-value="y">有联系方式</li>
-              </ol>
+      <!-- slideUp、slideDown动画效果 -->
+      <el-collapse-transition>
+        <div class="filter-container" v-show="showFilter">
+          <!--搜索范围:-->
+          <div class="searchSpace clearfix">
+            <div class="leftTitle">
+              搜索范围:
+            </div>
+            <div class="search-content">
+              <!-- <span class="search-list">
+                <span data-name="all" class="search-list-checkbox">全部</span>
+              </span> -->
+              <span class="search-list">
+                <span data-name="title" class="search-list-checkbox">标题</span>
+              </span>
+              <span class="search-list">
+                <span data-name="content" class="search-list-checkbox">正文</span>
+              </span>
+              <span class="search-list">
+                <span data-name="ppa" class="search-list-checkbox">项目名称/标的物</span>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+              </span>
+              <span class="search-list">
+                <span data-name="file" class="search-list-checkbox">附件</span>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+              </span>
+              <span class="search-list">
+                <span data-name="buyer" class="search-list-checkbox">采购单位</span>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+              </span>
+              <span class="search-list">
+                <span data-name="winner" class="search-list-checkbox">中标企业<em style="color: #2cb7ca;font-size: 12px;"> 老用户免费专享</em></span>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+              </span>
+              <span class="search-list">
+                <span data-name="agency" class="search-list-checkbox">招标代理机构</span>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+              </span>
+            </div>
+          </div>
+          <!--行业-->
+          <div class="industry">
+            <div class="leftTitle">
+              行业:
+            </div>
+            <!--收起-->
+            <div class="stop">
+              更多
+            </div>
+            <div class="industry-content">
+
             </div>
           </div>
-          <div class="bid-select">
-            <span style="float: left;line-height: 30px;margin-right: 12px;color: #686868;">中标企业联系方式</span>
-            <div style="float: left;position: relative;">
-              <div class="custom-select">
-                <input class="custom-input" name="winnertel" data-value="" type="text" readonly placeholder="不限" />
-                <i class="icon-arrow"></i>
+          <!--价格区间-->
+          <div class="Price clearfix">
+            <div class="leftTitle">
+              价格区间:
+            </div>
+            <div class="Price-content clearfix">
+              <span id="priceAll" class="active">全部</span>
+              <div class="pricefat">
+                <div class="PriceInput">
+                  <input type="text" name="minprice" id="minprice" value="" placeholder="" />
+                  <font class="minwy">万元</font>
+                  <span></span>
+                  <font class="maxwy">万元</font>
+                  <input type="text" name="maxprice" id="maxprice" value="" placeholder="" />
+                </div>
+                <button class="pricebut" style="display:none;">确定</button>
               </div>
-              <ol class="custom-option" style="display:none;">
-                <li data-value="">不限</li>
-                <li data-value="y">有联系方式</li>
-              </ol>
             </div>
+          </div>
+          <!--发布时间-->
+          <div class="release-time clearfix">
+            <div class="leftTitle">
+              发布时间:
+            </div>
+            <div class="fl timer">
+              <ul>
+                <li id="timerAll" class="active" data-value="" style="display: none;">全部</li>
+                <li data-value="lately-7">最近7天</li>
+                <li data-value="lately-30">最近30天</li>
+                <li data-value="thisyear">最近1年</li>
+                <li data-value="threeyear" data-auth="vip"  onClick="if(!vipState) return openVipDialog();">最近3年</li>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+                <li data-value="fiveyear" data-auth="vip"  onClick="if(!vipState) return openVipDialog();">最近5年</li>
+                <img class="icon-vip" src="/images/biddingSearch/VIP.png" alt="">
+              </ul>
+            </div>
+            <div class="timerInput fl">
+              <input type="text"  onClick="if(!vipState) return openVipDialog();WdatePicker({onclearing:function(){onclearing(this)},onpicked:function(dp){picked(dp,this)},onpicking:function(dp){onpicking(dp,this)},dateFmt:'yyyy年MM月dd日',maxDate:'#F{$dp.$D(\'endtime\')}'})" id="starttime" readonly="true" placeholder="" />
+              <span></span>
+              <input type="text" name="maxtime"  onClick="if(!vipState) return openVipDialog();WdatePicker({onclearing:function(){onclearing(this)},onpicked:function(dp){picked(dp,this)},onpicking:function(dp){onpicking(dp,this)},dateFmt:'yyyy年MM月dd日',minDate:'#F{$dp.$D(\'starttime\')}'})" id="endtime" readonly="true" placeholder="" />
+              <button class="fl" id="timebut" style="display:none;">确定</button>
+            </div>
+            <img src="/images/biddingSearch/VIP.png" alt="" style="width:38px;height:18px;margin-left:8px;margin-top:-8px">
+          </div>
+          <!--项目地区-->
+          <div class="region clearfix">
+            <div class="leftTitle">
+              项目地区:
+            </div>
+            <div class="region-content">
+              <span id="regionBtn" class=" active">全国</span>
+              <i class="diver">A</i>
+              <font>安徽</font>
+              <font>澳门</font>
+              <i class="diver">B</i>
+              <font>北京</font>
+              <i class="diver">C</i>
+              <font>重庆</font>
+              <i class="diver">F</i>
+              <font>福建</font>
+              <i class="diver">G</i>
+              <font>广东</font>
+              <font>广西</font>
+              <font>贵州</font>
+              <font>甘肃</font>
+              <i class="diver">H</i>
+              <font>河北</font>
+              <font>湖北</font>
+              <font>黑龙江</font>
+              <font>海南</font>
+              <font>河南</font>
+              <font  style="margin-right: 45px;">湖南</font>
+              <i class="diver">J</i>
+              <font>吉林</font>
+              <br>
+              <font>江苏</font>
+              <font>江西</font>
+              <i class="diver">L</i>
+              <font>辽宁</font>
+              <i class="diver">N</i>
+              <font>内蒙古</font>
+              <font>宁夏</font>
+              <i class="diver">Q</i>
+              <font>青海</font>
+              <i class="diver">S</i>
+              <font>山西</font>
+              <font>陕西</font>
+              <font>上海</font>
+              <font>山东</font>
+              <font>四川</font>
+              <i class="diver">T</i>
+              <font>天津</font>
+              <font>台湾</font>
+              <i class="diver">X</i>
+              <font>西藏</font>
+              <font>新疆</font>
+              <font>香港</font>
+              <i class="diver">Y</i>
+              <font>云南</font>
+              <i class="diver">Z</i>
+              <font>浙江</font>
+            </div>
+          </div>
+          <!--信息类型-->
+          <div class="information clearfix">
+            <div class="leftTitle">
+              信息类型:
+            </div>
+            <div class="info-content">
+              <span id="infoBtn" class=" active">全部</span>
+              <i class="diver"></i>
+              <font class="parent-node infoFist">拟建项目</font>
+              <font data-value="拟建" class="hidden">拟建</font>
+              <a id="whole"><img class="q-mark" id="q-mark"  src="{{Msg "seo" "cdn"}}/images/biddingSearch/info-icon1.png" alt="" /></a>
+              <i class="diver"></i>
+              <font class="parent-node">采购意向</font>
+              <font data-value="采购意向" class="hidden">采购意向</font>
+              <a id="whole"><img class="q-mark-buyer" id="q-mark-buyer"  src="{{Msg "seo" "cdn"}}/images/biddingSearch/info-icon1.png" alt="" /></a>
+              <i class="diver"></i>
+              <font class="parent-node">招标预告</font>
+              <font data-value="预告">预告</font>
+              <font data-value="预审">预审</font>
+              <font data-value="预审结果">预审结果</font>
+              <font data-value="论证意见">论证意见</font>
+              <font data-value="需求公示">需求公示</font>
+              <i class="diver"></i>
+              <font class="parent-node">招标公告</font>
+              <font data-value="招标">招标</font>
+              <font data-value="邀标">邀标</font>
+              <font data-value="询价">询价</font>
+              <font data-value="竞谈">竞谈</font>
+              <font data-value="单一">单一</font>
+              <font data-value="竞价">竞价</font>
+              <font data-value="变更">变更</font>
+    <!--					<font data-value="其他">其他</font>-->
+              <i class="diver"></i>
+              <font class="parent-node">招标结果</font>
+              <font data-value="中标">中标</font>
+              <font data-value="成交">成交</font>
+              <font data-value="废标">废标</font>
+              <font data-value="流标">流标</font>
+              <i class="diver"></i>
+              <font class="parent-node">招标信用信息</font>
+              <font data-value="合同">合同</font>
+              <font data-value="验收">验收</font>
+              <font data-value="违规">违规</font>
+            </div>
+            <span class="remind" style="display:none;">
+              <span class="remindone"></span>
+              <span class="remindonebak"></span>
+              <span class="remindtwo"><span>"拟建项目"</span>是指那些处于前期立项、审批阶段的项目。供应商应在立项阶段掌握项目信息,做到早介入,稳拿单。</span>
+            </span>
+            <span class="remindbuyer" style="display:none;">
+              <span class="remindone"></span>
+              <span class="remindonebak"></span>
+              <span class="remindtwo"><span>"采购意向"</span>是指提供未发布招标公告前1-3个月,政府单位的采购意向信息,包含采购内容、预算金额、预计采购时间、采购联系人及联系方式等相关信息。</span>
+            </span>
+          </div>
+          <!--附件-->
+          <div class="attachment-filter clearfix">
+            <div class="leftTitle">
+              附件:
+            </div>
+            <div class="attach-filter-content">
+              <span class="attach-item" :class="attachVal == '' ? 'active' : ''" @click="onAttachClick('')">全部</span>
+              <span class="attach-item" :class="attachVal == 1 ? 'active' : ''" @click="onAttachClick(1)">有附件</span>
+              <span class="attach-item" :class="attachVal == 2 ? 'active' : ''" @click="onAttachClick(2)">无附件</span>
+            </div>
+          </div>
+          <!-- 高级筛选 -->
+          <div class="advanced-filter clearfix">
+            <div class="advanced-title">
+              <strong>高级筛选</strong>
+              <img class="icon-vip" src="{{Msg "seo" "cdn"}}/images/biddingSearch/VIP.png" alt="" />
+            </div>
+            <div class="leftTitle" style="width: 116px;">采购单位类型:</div>
+            <div class="buyclass">
+              <span class="buyclass-all active">全部</span>
+              <div class="buyclass-content" style="display: none;"></div>
             </div>
+          </div>
+          <!-- 其他筛选条件 -->
+          <div class="other-filter clearfix" style="display: none;">
+            <div class="leftTitle" style="width: 116px;padding-top: 0;line-height: 30px;">其他筛选条件:</div>
+            <div class="other-content">
+              <div class="buy-select">
+                <span style="float: left;line-height: 30px;margin-right: 12px;color: #686868;">采购单位联系方式</span>
+                <div style="float: left;position: relative;">
+                  <div class="custom-select">
+                    <input class="custom-input" name="buyertel" data-value="" type="text" readonly placeholder="不限" />
+                    <i class="icon-arrow"></i>
+                  </div>
+                  <ol class="custom-option" style="display:none;">
+                    <li data-value="">不限</li>
+                    <li data-value="y">有联系方式</li>
+                  </ol>
+                </div>
+              </div>
+              <div class="bid-select">
+                <span style="float: left;line-height: 30px;margin-right: 12px;color: #686868;">中标企业联系方式</span>
+                <div style="float: left;position: relative;">
+                  <div class="custom-select">
+                    <input class="custom-input" name="winnertel" data-value="" type="text" readonly placeholder="不限" />
+                    <i class="icon-arrow"></i>
+                  </div>
+                  <ol class="custom-option" style="display:none;">
+                    <li data-value="">不限</li>
+                    <li data-value="y">有联系方式</li>
+                  </ol>
+                </div>
+                </div>
+            </div>
+          </div>
+          <!-- 排除词 -->
+          <div class="other-filter clearfix" style="display: none;">
+          <div class="leftTitle" style="width: 116px;padding-top: 0;line-height: 30px;">排除词:</div>
+          <div class="other-content not-key-group">
+              <div class="not-key-input-group">
+                <input type="text" placeholder="请输入不希望包含的关键词(多个排除词用空格隔开)">
+                <div class="word-limit-tip"><span>0</span>/10</div>
+              </div>
+              <button>确定</button>
+          </div>
+          </div>
         </div>
-      </div>
-	  <!-- 排除词 -->
-	  <div class="other-filter clearfix" style="display: none;">
-		<div class="leftTitle" style="width: 116px;padding-top: 0;line-height: 30px;">排除词:</div>
-		<div class="other-content not-key-group">
-				<div class="not-key-input-group">
-					<input type="text" placeholder="请输入不希望包含的关键词(多个排除词用空格隔开)">
-					<div class="word-limit-tip"><span>0</span>/10</div>
-				</div>
-				<button>确定</button>
-		</div>
-	  </div>
+      </el-collapse-transition>
     </div>
     <!-- 展开收起 -->
-    <div class="w" style="text-align: center;">
+    <div class="w" style="text-align: center;" v-show="showFilter">
       <div class="fold" id="fold">
         <span>更多选项</span>
         <i class="icon-arrow"></i>
@@ -1567,6 +1592,37 @@ var IframeOnClick = {
         <img id="subkeyImg" src="/front/share/10"/>
       </div>
       <p class="ss-help">微信扫码关注剑鱼标讯<br>使用订阅功能</p>
+    </el-dialog>
+    <!-- 保存筛选弹框 -->
+    <el-dialog custom-class="filter-dialog" title="保存筛选" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false" width="750" :center="true" :visible.sync="saveFilterDialog">
+      <div class="filter-save-item">
+        <div class="save-label">关键词:</div>
+        <div class="save-value">${curFilter.keywords}</div>
+      </div>
+      <div class="filter-save-item">
+        <div class="save-label">筛选条件:</div>
+        <div class="save-value">
+          <div class="save-value-bg"><span>搜索范围:</span>${curFilter.scope}</div>
+          <div class="save-value-bg" v-if="curFilter.industry"><span>行业:</span>${curFilter.industry}</div>
+          <div style="display: flex;">
+            <div class="save-value-bg" v-if="curFilter.price"><span>价格区间:</span>${curFilter.price}万元</div>
+            <div class="save-value-bg" v-if="curFilter.publishTime"><span>发布时间:</span>${curFilter.publishTime}</div>
+            <div class="save-value-bg" v-if="curFilter.attach"><span>附件:</span>${curFilter.attach}</div>
+          </div>
+          <div class="save-value-bg" v-if="curFilter.region"><span>项目地区:</span>${curFilter.region}</div>
+          <div class="save-value-bg" v-if="curFilter.infoType"><span>信息类型:</span>${curFilter.infoType}</div>
+          <div class="save-value-bg" v-if="curFilter.buyerClass"><span>采购单位类型:</span>${curFilter.buyerClass}</div>
+          <div style="display: flex;">
+            <div class="save-value-bg" v-if="curFilter.buyerTel"><span>采购单位联系方式:</span>${curFilter.buyerTel}</div>
+            <div class="save-value-bg" v-if="curFilter.winnerTel"><span>中标单位联系方式:</span>${curFilter.winnerTel}</div>
+            <div class="save-value-bg" v-if="curFilter.notKey"><span>排除词:</span>${curFilter.notKey}</div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" class="btn-group confirm-btn">确 定</el-button>
+        <el-button class="btn-group cancel-btn" @click="saveFilterDialog = false">取 消</el-button>
+      </span>
     </el-dialog>
 		<!--广告-->
 		<div  onclick="adv_statistics(this)" adv_name="PC搜索列表页-底部" class="adv-pcsearch-bottom" id="A1" style="cursor:default;">
@@ -2339,7 +2395,26 @@ if(sessionselect){
           '安徽','澳门','北京','重庆','福建','广东','广西','贵州','甘肃','河北','湖北','黑龙江','海南','河南','湖南','吉林','江苏','江西','辽宁','内蒙古','宁夏',
           '青海','山西','陕西','上海','山东','四川','天津','台湾','西藏','新疆','香港','云南','浙江'
         ],
-        freeSubArea: false
+        freeSubArea: false,
+        showFilter: true, // 筛选条件是否展开
+        filterCounts: 0, // 已存筛选项数
+        attachVal: '', // 附件默认选中
+        fixedTop: false, // 筛选是否吸顶
+        saveFilterDialog: false,
+        curFilter: {
+          keywords: '',
+          scope: '',
+          industry: '',
+          price: '',
+          publishTime: '',
+          attach: '',
+          region: '',
+          infoType: '',
+          buyerClass: '',
+          buyerTel: '',
+          winnerTel: '',
+          notKey: ''
+        }
       }
     },
     computed: {
@@ -2368,9 +2443,25 @@ if(sessionselect){
       if(val && isClickSearch && totalCount > 0) {
         this.getFreeSub()
       }
+      this.$nextTick(function() {
+        window.addEventListener('scroll', this.watchScroll)
+      })
+    },
+    destroyed: function () {
+      window.removeEventListener('scroll', this.watchScroll)
     },
     methods: {
-      goToPublish () {
+      // 页面滚动方法
+      watchScroll: function () {
+        const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+        const watchDom = document.querySelector('.filter-header').offsetHeight + 64
+        if (scrollTop >= watchDom) {
+          this.fixedTop = true
+        } else {
+          this.fixedTop = false
+        }
+      },
+      goToPublish: function () {
         window.open('/swordfish/page_web_pc/issued/info')
       },
       getPower: function () {
@@ -2434,7 +2525,7 @@ if(sessionselect){
         }
         this.changeIds()
       },
-      changeIds(){
+      changeIds: function(){
         let _this = this
         var oneches = $('.custom-checkbox:not(.check-all)[name="bid-list"]')
         oneches.each(function(index){
@@ -2452,7 +2543,7 @@ if(sessionselect){
           }
         })
       },
-      contains(arr, ele) {
+      contains: function(arr, ele) {
         if(arr.length == 0){
           return;
         }
@@ -2525,6 +2616,110 @@ if(sessionselect){
             }
           }
         })
+      },
+      toggleFilter: function () {
+        this.showFilter = !this.showFilter
+      },
+      // 已存筛选条件
+      onHasFilter: function () {
+        if (this.filterCounts == 0) {
+          return toastFn('请先保存筛选条件', 3000)
+        }
+      },
+      // 保存 筛选
+      onSaveFilter: function () {
+        var val = $("#zbSeatchT [name='keywords']").val().trim()
+        if (!val) {
+          return toastFn('请先输入关键词', 3000)
+        }
+        this.saveFilterDialog = true
+        this.formaterSaveFilter()
+      },
+      // 附件 切换
+      onAttachClick: function (item) {
+        this.attachVal = item
+      },
+      formaterSaveFilter: function () {
+        var minprice = $("#zbSeatchT [name='minprice']").val()
+        var maxprice = $("#zbSeatchT [name='maxprice']").val()
+        this.curFilter.keywords = $("#zbSeatchT [name='keywords']").val()
+        this.curFilter.scope =  this.formatScope($("#zbSeatchT [name='selectType']").val())
+        this.curFilter.industry = this.formatIndustry($("#zbSeatchT [name='industry']").val())
+        this.curFilter.price =  this.formatPriceScope(minprice, maxprice)
+        this.curFilter.publishTime = this.formatPushTime($("#zbSeatchT [name='publishtime']").val())
+        this.curFilter.attach = this.attachVal
+        this.curFilter.region = $("#zbSeatchT [name='area']").val()
+        this.curFilter.infoType = $("#zbSeatchT [name='subtype']").val()
+        this.curFilter.buyerClass = $("#zbSeatchT [name='buyerclass']").val()
+        this.curFilter.buyerTel = $("#zbSeatchT [name='buyertel']").val()
+        this.curFilter.winnerTel = $("#zbSeatchT [name='winnertel']").val()
+        this.curFilter.notKey = $(".not-key-input-group input").val().slice(0, 10)
+      },
+      // 处理筛选筛选数据-搜索范围
+      formatScope: function (val) {
+        if (!val) return
+        var temp = {
+          title: '标题',
+          content: '正文',
+          ppa: '项目名称/标的物',
+          file: '附件',
+          buyer: '采购单位',
+          winner: '中标单位',
+          agency: '招标代理机构'
+        }
+        var selectType = val.split(',')
+        var newArr = selectType.map(function(item){
+          return temp[item]
+        })
+        return newArr.toString().replace(/\,/g, ',')
+      },
+      // 处理筛选数据-发布时间
+      formatPushTime: function(val) {
+        if (!val) return
+        var temp = {
+          'lately-7': '最近7天',
+          'lately-30': '最近30天',
+          'thisyear': '最近1年',
+          'threeyear': '最近3年',
+          'fiveyear': '最近5年'
+        }
+        var str = ''
+        if (val.indexOf('_') > -1) {
+          var arr = val.split('_')
+          var newArr = arr.map(function(item) {
+            return item && new Date(new Number(item+"000")).Format("yyyy年MM月dd日")
+          })
+          str = this.removeEmptyArrayEle(newArr).join('-')
+        } else {
+          str = temp[val]
+        }
+        return str
+      },
+      // 处理筛选数据-价格区间
+      formatPriceScope: function(min, max) {
+        if (min && max) {
+          return min + '-' + max
+        } else {
+          return min || max
+        }
+      },
+      // 处理筛选数据-行业(一类行业全选只展示一类行业,未全选只展示二类行业名称)
+      formatIndustry: function (val) {
+        if (!val || val == '全部') return
+        var arr = []
+        $('.industry-content font.active').each(function(index, item){
+          arr.push($(item).text())
+        })
+        return arr.join(',')
+      },
+      removeEmptyArrayEle: function(arr){    
+        for(var i = 0; i < arr.length; i++) {
+        if(!arr[i]) {
+            arr.splice(i,1)
+            i = i - 1
+          }
+        }
+        return arr
       }
     },
   })