<template>
  <!-- 招标公告 -->
  
  <div >
	  <div class="content">
	  	<div class="content_item">
	  	    <div class="label">项目属地</div>
	  	    <div class="content_right">
				<div class="bxpro_region">
				  <div class="bxpro_province">
				    <span v-for="(item,index) in bxproProvince" :class="provinceStatus==index ? 'bxpro_province_selected' : ''" @click="clickProvince(index)">{{ item.name }}</span>
				  </div>
				  <div class="bxpro_city" v-if="projectTerritory.length > 0">
				    <div class="bxpro_city_fex">
				      <div>
				        <div class="bxpro_city_fex_nr" :style="'height:'+maxHeight">
				          <span @click="changeProjectTerritory">不限</span>
				          <template v-for="(item,index) in projectTerritory">
				            <span :class="{ color_text: changeClass(item.id) }" :key="index" @click="changeProjectTerritory(item)">{{ item.regionName }} <img src="@/assets/images/bxpro/bxporre.png"></span>
				          </template>
				        </div>
				        <div style="width: 1017px;border-top: 1px solid #efefef;padding: 10px 0 0;" v-if="projecTcounty.length > 0">
				          <template v-for="(item,index) in projecTcounty">
				            <span :class="{ color_text: changeClass(item.id) }" :key="index" @click="changeProjectTerritory(item)">{{ item.regionName }} <img src="@/assets/images/bxpro/bxporre.png"></span>
				          </template>
				      </div>
				      </div>
				      <div class="bxpro_city_fex_click" @click="changeDown(isHeight)">
				        <template v-if="isHeight">
				          展开<i class="el-icon-caret-bottom"></i>
				        </template>
				        <template v-else>
				          收起<i class="el-icon-caret-up"></i>
				        </template>
				      </div>
				    </div>
				  </div>
				</div>
	  	    </div>
	  	</div>
		
		<div class="content_item">
		    <div class="label">项目名称</div>
		    <div class="content_right">
		        <el-input class="ename_input" 
				placeholder="请输入项目名称关键字" v-model="keyword" ></el-input>
		    </div>
		</div>
		<div class="content_item">
		    <div class="label">项目名称</div>
		    <div class="content_right">
		       <div class="select-popper">
		         <span :class="{ color_text: jskBidNewsDto.projectType.length }">
		           工程类型{{jskBidNewsDto.projectType.length? jskBidNewsDto.projectType.length + "项": ""}}
		           <i class="el-icon-caret-bottom"></i>
		         </span>
		         <el-select v-model="jskBidNewsDto.projectType" class="select-multiple" multipleplaceholder="请选择">
		           <el-option v-for="(item, i) in projectTypeList" :key="i":label="item" :value="item">
		           </el-option>
		         </el-select>
		       </div>
			   <div class="select-popper">
			     <span :class="{ color_text: jskBidNewsDto.projectPurposes.length }">
			       工程类别{{jskBidNewsDto.projectPurposes.length? jskBidNewsDto.projectPurposes.length + "项": ""}}
			       <i class="el-icon-caret-bottom"></i>
			     </span>
			     <el-select v-model="jskBidNewsDto.projectPurposes" class="select-multiple" multiple placeholder="请选择">
			       <el-option v-for="(item, i) in projectPurposesList":key="i":label="item":value="item">
			       </el-option>
			     </el-select>
			   </div>
			   <div class="select-popper">
			     <span :class="{color_text: jskBidNewsDto.projectLevel.length}" >
			       项目级别{{jskBidNewsDto.projectLevel.length? jskBidNewsDto.projectLevel.length + "项" : ""}}
			       <i class="el-icon-caret-bottom"></i>
			     </span>
			     <el-select v-model="jskBidNewsDto.projectLevel" class="select-multiple"multiple placeholder="请选择" >
			       <el-option  v-for="(item, i) in projectLevelList" :key="i" :label="item":value="item">
			       </el-option>
			     </el-select>
			   </div>
			   <div class="select-popper">
			     <span :class="{ color_text: jskBidNewsDto.bidAssessmentWay.length }">
			       评标办法 {{jskBidNewsDto.bidAssessmentWay.length? jskBidNewsDto.bidAssessmentWay.length + "项" : ""}}
			       <i class="el-icon-caret-bottom"></i>
			     </span>
			     <el-select v-model="jskBidNewsDto.bidAssessmentWay"class="select-multiple"multiple placeholder="请选择">
			       <el-option v-for="(item, i) in bidAssessmentWayList":key="i":label="item" :value="item">
			       </el-option>
			     </el-select>
			   </div>
			   <div class="select-popper">
			     <span :class="{ color_text: jskBidNewsDto.projectEnsureAmountPayType.length }">
			       保证金缴纳{{ jskBidNewsDto.projectEnsureAmountPayType.length ? jskBidNewsDto.projectEnsureAmountPayType.length + "项"  : ""}}
			       <i class="el-icon-caret-bottom"></i>
			     </span>
			     <el-select v-model="jskBidNewsDto.projectEnsureAmountPayType"class="select-multiple"multiple placeholder="请选择">
			       <el-option v-for="(item, i) in projectEnsureAmountPayTypeList" :key="i":label="item":value="item">
			       </el-option>
			     </el-select>
			   </div>
			   <el-dropdown@command="punishDatehandleCommand"trigger="click"ref="punishDateShowPopper":hide-on-click="false" class="el-dropdown-land">
				   <span class="el-dropdown-link":class="punishDateValue ? 'color_text' : ''">
					 发布日期{{ punishDateValue ? " 1项" : ""}}<i class="el-icon-caret-bottom"></i>
				   </span>
			       <div>
					   <el-dropdown-menu slot="dropdown">
							 <el-dropdown-item v-for="(item, i) in punishDateOptions":class="punishDateValue && punishDateValue == item.value? 'color_text': ''":key="i":command="item.value">
							   <div @mouseenter="hidePoper">{{ item.label }}</div>
							 </el-dropdown-item>
							 <el-dropdown-item command="自定义"style="padding: 0; text-indent: 20px">
							   <div @mouseenter="mouseenter">
								   <span :class="punishDateValue == '自定义' ? 'color_text' : ''">
									 自定义<i class="el-icon-arrow-right"></i>
								   </span>
								 <el-date-picker v-if="punishDateShowPopper" @change="changepunishDate" class="land_date_picker" v-model="punishDate" ref="datePicker" value-format="yyyy-MM-dd" type="daterange"
								   range-separator="至"
								   start-placeholder="开始日期"
								   end-placeholder="结束日期"
								 >
								 </el-date-picker>
							   </div>
							 </el-dropdown-item>
			           </el-dropdown-menu>
			        </div>
			   </el-dropdown>
			   <el-dropdown @command="punishDatehandleCommand1" trigger="click"ref="bidOpeningDeadlineShowPopper":hide-on-click="false" class="el-dropdown-land">
						 <span class="el-dropdown-link":class="bidOpeningDeadlineValue ? 'color_text' : ''">
						   开标截止日期{{ bidOpeningDeadlineValue ? " 1项" : ""}}<i class="el-icon-caret-bottom"></i>
						 </span>
						 <div>
						   <el-dropdown-menu slot="dropdown">
							 <el-dropdown-item v-for="(item, i) in bidOpeningDeadlineOptions":class=" bidOpeningDeadlineValue && bidOpeningDeadlineValue == item.value ? 'color_text' : '' ":key="i" :command="item.value" >
							   <div @mouseenter="hidePoper1">{{ item.label }}</div>
							 </el-dropdown-item>
							 <el-dropdown-item command="自定义"style="padding: 0; text-indent: 20px" >
							   <div @mouseenter="mouseenter1">
								 <span :class="punishDateValue == '自定义' ? 'color_text' : ''" >
								   自定义<i class="el-icon-arrow-right"></i>
								 </span>
								 <el-date-picker
								   v-if="bidOpeningDeadlineShowPopper"
								   @change="changepunishDate1"
								   class="land_date_picker"
								   v-model="bidOpeningDeadline"
								   ref="datePicker1"
								   value-format="yyyy-MM-dd"
								   type="daterange"
								   range-separator="至"
								   start-placeholder="开始日期"
								   end-placeholder="结束日期"
								 >
								 </el-date-picker>
							   </div>
							 </el-dropdown-item>
						   </el-dropdown-menu>
						 </div>
			   </el-dropdown>
			   
		    </div>
		</div>
		<div class="content_item">
		    <div class="label">项目金额</div>
		    <div class="content_right content_right1">
				<div class="land_content_wrap-flex">
					<div class="land_content_wrap_label" >
						项目投资额
					 
					</div>
					 <el-input  class="other_ipt"  placeholder="输入最低金额" @change="changeMoney('start','startProjectAmount','endProjectAmount')" v-limit-num clearable
							   v-model="jskBidNewsDto.startProjectAmount"></el-input>
					 <span class="other_label_span">至</span>
					 <el-input  placeholder="输入最高金额" @change="changeMoney('end','startProjectAmount','endProjectAmount')" v-limit-num
							   v-model="jskBidNewsDto.endProjectAmount" clearable class="other_ipt other_ipt1">
					   <el-button slot="append" type="primary">万元</el-button>
					 </el-input>
				 </div>
				 
				 <div class="land_content_wrap-flex">
				   <div class="land_content_wrap_label" >合同估算价
				    
				   </div>
				   <el-input  class="other_ipt"  placeholder="输入最低金额" @change="changeMoney('start','startProjectContractAmount','endProjectContractAmount')" v-limit-num clearable
				             v-model="jskBidNewsDto.startProjectContractAmount"></el-input>
				   <span class="other_label_span">至</span>
				   <el-input  placeholder="输入最高金额" @change="changeMoney('end','startProjectContractAmount','endProjectContractAmount')" v-limit-num
				             v-model="jskBidNewsDto.endProjectContractAmount" clearable class="other_ipt other_ipt1">
				     <el-button slot="append" type="primary">万元</el-button>
				   </el-input>
				 </div>
				 
				 <div class="land_content_wrap-flex">
				   <div class="land_content_wrap_label" >投标保证金
				     
				   </div>
				   <el-input  class="other_ipt"  placeholder="输入最低金额" @change="changeMoney('start','startProjectEnsureAmount','endProjectEnsureAmount')" v-limit-num clearable
				             v-model="jskBidNewsDto.startProjectEnsureAmount"></el-input>
				   <span class="other_label_span">至</span>
				   <el-input  placeholder="输入最高金额" @change="changeMoney('end','startProjectEnsureAmount','endProjectEnsureAmount')" v-limit-num
				             v-model="jskBidNewsDto.endProjectEnsureAmount" clearable class="other_ipt other_ipt1">
				     <el-button slot="append" type="primary">万元</el-button>
				   </el-input>
				 </div>
				 
		    </div>
		</div>
	</div>
    <div class="content">
      <!--条件-->
      <div id="tender_wrap" class="content_wrap">
        <template>
         

          <div class="land_content_wrap ">
			  
           
			
            
			
           
			

          </div>

          <div v-show="selectedHeights">
            <div class="land_content_wrap ">
              <div class="land_content_wrap-flex">
                <div class="land_content_wrap_label" >建安费暂估
                 
                </div>
                <el-input  class="other_ipt"  placeholder="输入最低金额" @change="changeMoney('start','startProjectSafeAmount','endProjectSafeAmount')" v-limit-num clearable
                          v-model="jskBidNewsDto.startProjectSafeAmount"></el-input>
                <span class="land_content_wrap_label_span">至</span>
                <el-input  placeholder="输入最高金额" @change="changeMoney('end','startProjectSafeAmount','endProjectSafeAmount')" v-limit-num
                          v-model="jskBidNewsDto.endProjectSafeAmount" clearable class="other_ipt other_ipt1">
                  <el-button slot="append" type="primary">万元</el-button>
                </el-input>
              </div>
              <div class="land_content_wrap-flex">
                <div class="land_content_wrap_label" >勘察费暂估
                  
                </div>
                <el-input  class="other_ipt"  placeholder="输入最低金额" @change="changeMoney('start','startProjectSurveyAmount','endProjectSurveyAmount')" v-limit-num clearable
                          v-model="jskBidNewsDto.startProjectSurveyAmount"></el-input>
                <span class="land_content_wrap_label_span">至</span>
                <el-input  placeholder="输入最高金额" @change="changeMoney('end','startProjectSurveyAmount','endProjectSurveyAmount')" v-limit-num
                          v-model="jskBidNewsDto.endProjectSurveyAmount" clearable class="other_ipt other_ipt1">
                  <el-button slot="append" type="primary">万元</el-button>
                </el-input>
              </div>
              <div class="land_content_wrap-flex">
                <div class="land_content_wrap_label" >设计费暂估
                 
                </div>
                <el-input  class="other_ipt"  placeholder="输入最低金额" @change="changeMoney('start','startProjectDesignAmount','endProjectDesignAmount')" v-limit-num clearable
                          v-model="jskBidNewsDto.startProjectDesignAmount"></el-input>
                <span class="land_content_wrap_label_span">至</span>
                <el-input  placeholder="输入最高金额" @change="changeMoney('end','startProjectDesignAmount','endProjectDesignAmount')" v-limit-num
                          v-model="jskBidNewsDto.endProjectDesignAmount" clearable class="other_ipt other_ipt1">
                  <el-button slot="append" type="primary">万元</el-button>
                </el-input>
              </div>
            </div>

            <div class="land_content_wrap" style="margin-top: 16px">
              <span class="land_content_wrap_label" style="">资质要求</span>
              <el-input
                style="margin-left:12px;"
                v-model="jskBidNewsDto.qualiLimit"
                clearable
                placeholder="请输入关键词句，如：施工总承包三级"
              >
              </el-input>
              <span class="land_content_wrap_label_tipspan">
                <el-tooltip popper-class="explain_tooltip" content="根据输入的关键词全称进行匹配"
                            placement="bottom" effect="light">
                  <img class="tip_svg" src="@/assets/images/bxpro/tipf.png" alt="排除资质-建设库">
                </el-tooltip>
              </span>
              <span class="land_content_wrap_label" style="margin-left: 24px;margin-right:16px;width: 58px;">业绩要求</span>
              <el-input
                style="margin-left:12px;"
                v-model="jskBidNewsDto.projectLimit"
                clearable
                placeholder="请输入关键词句，如：建筑工程"
              >
              </el-input>
              <span class="land_content_wrap_label_tipspan">
                <el-tooltip popper-class="explain_tooltip" content="根据输入的关键词全称进行匹配"
                            placement="bottom" effect="light">
                  <img class="tip_svg" src="@/assets/images/bxpro/tipf.png" alt="排除资质-建设库">
                </el-tooltip>
              </span>
            </div>

            <div class="land_content_wrap">
              <span class="land_content_wrap_label" style="line-height:34px;">人员要求</span>
              <el-input
                style="margin-left:12px;"
                v-model="jskBidNewsDto.personLimit"
                clearable
                placeholder="请输入关键词句，如：一级建造师"
              >
              </el-input>
              <span class="land_content_wrap_label_tipspan">
                <el-tooltip popper-class="explain_tooltip" content="根据输入的关键词全称进行匹配"
                            placement="bottom" effect="light">
                  <img class="tip_svg" src="@/assets/images/bxpro/tipf.png" alt="排除资质-建设库">
                </el-tooltip>
              </span>

            </div>

            <div class="line"></div>

            <div class="land_content_wrap" style="margin-top: 16px">
            <span class="land_content_wrap_label" style="margin-left: 14px;">招标人
            
            </span>
            <el-input
              style="margin-left:12px;"
              v-model="jskBidNewsDto.tenderee"
              clearable
              placeholder="请输入关键字"
            >
            </el-input>
            <span class="land_content_wrap_label" style="margin-left: 24px;margin-right:16px;width: 58px;">代理机构
            
            </span>
            <el-input
              v-model="jskBidNewsDto.agency"
              clearable
              placeholder="请输入关键字"
            ></el-input>
          </div>
          </div>

         

          <div class="search-new" style="padding: 0px 0px 16px 76px !important;border: 0;margin: 0;">
            <span @click="bxproggSearch()">查询</span>
            <span @click="reset1">重置</span>
          </div>
        </template>

        <div class="data_list" v-if="showList">
          <div style="height: 16px;width: 1200px;background: #F7F9FC;margin-left: -16px;"></div>
          <div class="data_list_head">
            共为您找到<span class="data_list_count"> {{ total }} </span>条相关结果
            <div class="bottom-toolbar-right float_right" style="padding-top: 1px;">
              <span size="small" class="toolbar-right-download toolbar-right-download1" style="margin-right:0;" @click="bxproggSearch('','','isExport')">
               
                导出数据
              </span>
            </div>
            <div class="bottom-toolbar-right float_right" style="position:relative;top:1px;">
              <el-popover v-model="fieldshow" placement="bottom-end" trigger="click" popper-class="viewlist-el-popover">
                <ul class="pup_list">
                  <li v-for="(itme,i) in fieldOptions" :class="itme.status?'active':''"
                      @click="handsequencingList(i)" :key="i">
                    <div style="position: relative;">
                      {{itme.value}}
                      
                    </div>
                  </li>
                </ul>
                <span slot="reference" class="toolbar-right-download" style="width: auto;padding: 0px 8px;"  >
                  {{fieldText}}<i class="el-icon-caret-bottom" :style="{transform:fieldshow?'rotate(180deg)':''}"></i>
                </span>
              </el-popover>
            </div>
            <div class="data_list_btn float_right">
              <el-checkbox-group v-model="checkList" @change="lowerRateClick()">
                <el-checkbox :label="item.value" v-for="(item, index) in checkType" :key="index">{{item.name}}</el-checkbox>
              </el-checkbox-group>
<!--              <el-checkbox @change="lowerRateClick()" v-model="checked">只看有符合企业的项目</el-checkbox>-->
              <!--<div @click="lowerRateClick(0)" :class="activeIndex==0?'data_list_btn_active':''">只看有符合企业的项目</div>-->
              <!--<div @click="lowerRateClick(1)" :class="[activeIndex==1?'data_list_btn_active':'']">按符合企业</div>-->
            </div>
          </div>

          <div v-if="total > 0" class="bxpro_list">
            <div style="border-top:1px solid #efefef;padding-top: 25px">
              <el-table
              :data="tableData"
              border
              max-height="608"
              ref="multipleTable"
              style="width: 100%;">
              <el-table-column
                :resizable="false"
                label="发布日期"
                width="112">
                <template slot-scope="scope">
                  {{ scope.row.pubdate ? scope.row.pubdate : '--' }}
                </template>
              </el-table-column>
              <el-table-column
                :resizable="false"
                label="项目名称"
                min-width="186">
                <template slot-scope="scope">
                  <span class="bxpro_list_titles" v-if="!scope.row.id && scope.row.projectName" v-html="scope.row.projectName"></span>
                  
                    <span class="bxpro_list_titles" v-html="scope.row.projectName"></span>
                </template>
              </el-table-column>
              <el-table-column
                  :resizable="false"
                  label="工程用途"
                  width="115">
                  <template slot-scope="scope">
                    <span v-if="scope.row.projectPurposes">{{scope.row.projectPurposes}}</span>
                    <span v-else>--</span>
                  </template>
                </el-table-column>
              <el-table-column
                :resizable="false"
                label="项目金额"
                width="190">
                <template slot-scope="scope">
                  <ul class="bxpro_list_money">
                    <template v-if="scope.row.projectInvestmentAmount ||
                    scope.row.projectContractAmount ||
                    scope.row.projectSafeAmount ||
                    scope.row.projectSurveyAmount ||
                    scope.row.projectDesignAmount">
                      <li v-if="scope.row.projectInvestmentAmount">
                        <span >
                          
                          <span >投资额：{{ scope.row.projectInvestmentAmount }}万元</span>
                        </span>
                      </li>
                      <li v-if="scope.row.projectContractAmount">
                        <span >
                          
                          <span >控制价：{{ scope.row.projectContractAmount }}万元</span>
                        </span>
                      </li>
                      <li v-if="scope.row.projectSafeAmount">
                        <span >
                          <span >建安费：{{ scope.row.projectSafeAmount }}万元</span>
                        </span>
                      </li>
                      <li v-if="scope.row.projectSurveyAmount">
                        <span >
                          <span >勘察费：{{ scope.row.projectSurveyAmount }}万元</span>
                        </span>
                      </li>
                      <li v-if="scope.row.projectDesignAmount">
                        <span >
                          
                          <span >设计费：{{ scope.row.projectDesignAmount }}万元</span>
                        </span>
                      </li>
                    </template>
                    <li v-else>--</li>
                  </ul>
                </template>
              </el-table-column>
              <el-table-column
                  :resizable="false"
                  label="投标保证金"
                  width="128">
                  <template slot-scope="scope">
                    <ul class="bxpro_list_money">
                      <template v-if="scope.row.projectEnsureAmount">
                        <li>
                          <span >
                            
                            <span >{{ scope.row.projectEnsureAmount }}万元</span>
                        </span>
                        </li>
                      </template>
                      <li v-else>--</li>
                    </ul>
                  </template>
                </el-table-column>
              <el-table-column
                :resizable="false"
                label="评标办法"
                width="105">
                <template slot-scope="scope">
                  <span v-if="scope.row.bidAssessmentWay">{{scope.row.bidAssessmentWay}}</span>
                  <span v-else>--</span>
                </template>
              </el-table-column>
              <el-table-column
                :resizable="false"
                label="评标委员会有无业主代表"
                width="105">
                <template slot-scope="scope">
                  <span v-if="scope.row.bidMettingHasProjectUnit == 0">未公示</span>
                  <span v-if="scope.row.bidMettingHasProjectUnit == 1">无</span>
                  <span v-if="scope.row.bidMettingHasProjectUnit == 2">有</span>
                </template>
              </el-table-column>
              <el-table-column
                :resizable="false"
                label="有无预付款"
                width="102">
                <template slot-scope="scope">
                  <span v-if="scope.row.hasAdvanceAmount == 0">未公示</span>
                  <span v-if="scope.row.hasAdvanceAmount == 1">无</span>
                  <span v-if="scope.row.hasAdvanceAmount == 2">有</span>
                </template>
              </el-table-column>
              <el-table-column
                :resizable="false"
                label="招标人"
                width="200">
                <template slot-scope="scope">
                  <ul class="bxpro_list_money">
                    <li>
                      <div v-if="!scope.row.tendereeId && scope.row.tenderee">{{scope.row.tenderee}}</div>
                      <div v-else>--</div>
                    </li>
                  </ul>
                </template>
              </el-table-column>
             
              
            </el-table>
            </div>
          </div>

          <div v-else style="border-top:1px solid #efefef;padding-bottom:1px;width: 1200px;margin-left: -16px;"  >
            <div class="search_empty_wrap">
              <ul>
                <li class="search_empty_wrap_li search_empty_wrap_li1">没有找到相关数据，您可尝试：</li>
                <li class="search_empty_wrap_li"><i class="disc"></i>输入更准确的关键词，重新搜索</li>
                <li class="search_empty_wrap_li"><i class="disc"></i>尝试减少输入的关键词，增加搜索范围</li>
                <li class="search_empty_wrap_li"><i class="disc"></i>更换筛选条件，重新搜索</li>
                <li class="search_empty_wrap_li"><i class="disc"></i>联系客服进行反馈<span>023-62798729</span>（工作日09:00-18:00）或<span><nuxt-link title="意见反馈" :to="`/feedback/`" target="_blank">意见反馈</nuxt-link></span></li>
              </ul>
            </div>
          </div>
        </div>

      </div>
    
      

    </div>
   
  </div>
</template>
<script>
import jsk_data from '../../../../../public/jsk.json';
  export default {
    name: "bxprozbgg",
    components: {
    },
    data(){
      return{
        allDownloadList:[],
        province:[
          {
            "id": "500000",
            "regionName": "重庆",
            "regionLevel": "1",
            "parentId": "100000"
          },
          {
            "id": "510000",
            "regionName": "四川省",
            "regionLevel": "1",
            "parentId": "100000"
          },
        ],
        provinceValue:'',
        provinceName:'',
        showReport:true,
        activeIndex: 0,
        openVip: {
          open: false,
        },
        loginData: {
          loginShow: false
        },
        checkType: [
          {name: '含竞争对手', value: 'hasFile'},
          {name: '含项目简析', value: 'projectCharacteristics'},
          {name: '含成本分析', value: 'costAnalysis'},
          {name: '含报价策略与市场分析', value: 'marketAnalysis'}
        ],
        // checked: false,
        navList: [
          {
            value: '招标公告',
            url:'bxprozbgg',
            new:true,
          },
          {
            value: '中标候选人',
            url:'bxprozbhxr',
            new:true,
          }
        ],

        isHeight: true,
        maxHeight: '42px',

        keyword:'',
        keywordNot:'',
        //项目属地
        isProvinceId:500000,//判断直辖市
        provinceStatus:null,
        bxproProvince:[
          {
            id:500000,
            name: '重庆',
          },
          {
            id:510000,
            name: '四川',
          }
        ],
        projectTerritory:[],
        projecTcounty:[],
        projectTerritoryId:[],
        projectTerritorylist:[],
        projectTypeList: [
          "施工",
          "勘察设计",
          "勘察",
          "设计",
          "监理",
          "工程总承包",
          "测绘",
          "施工图审查",
          "造价咨询",
          "招标代理",
          "规划编制",
          "方案编制",
          "检测",
          "审计",
          "项目管理",
          "全过程工程咨询",
          "ppp",
          "其他"
        ],//工程类型
        projectPurposesList: [
          "居住建筑",
          "办公建筑",
          "商业建筑",
          "文化建筑",
          "体育建筑",
          "教育建筑",
          "科研建筑",
          "卫生建筑",
          "旅馆酒店建筑",
          "旅游建筑",
          "交通建筑",
          "广播电影电视建筑",
          "居民服务建筑",
          "人防建筑",
          "厂房",
          "仓库",
          "工业配套建筑",
          "构筑物工程",
          "建筑配套工程",
          "自来水厂工程",
          "净水厂工程",
          "输水管网工程",
          "污水处理站工程",
          "污水处理厂工程",
          "污水管网工程",
          "市政道路工程",
          "市政桥梁工程",
          "市政隧道工程",
          "动物生产建筑",
          "植物栽培建筑",
          "农产品存储建筑",
          "农副产品加工建筑",
          "农机具维修建筑",
          "农村能源建筑",
          "城市轨道交通工程",
          "综合管廊工程",
          "园林绿化工程",
          "垃圾处理工程",
          "保洁工程",
          "公共厕所工程",
          "楼宇照明工程",
          "道路照明工程",
          "景观照明工程",
          "燃气工程",
          "热力工程",
          "其它市政附属设施工程",
          "交通安全设施工程",
          "土石方工程",
          "地灾治理工程",
          "文物保护工程",
          "公路工程",
          "公路桥梁工程",
          "公路隧道工程",
          "水利枢纽工程",
          "水环境治理工程",
          "农田灌溉工程",
          "城镇供水工程",
          "水力发电工程",
          "供配电工程",
          "输变电工程",
          "发电工程",
          "机电工程",
          "铁路工程",
          "港口工程",
          "航道工程",
          "通信工程",
          "民航工程",
          "石油化工工程",
          "矿山工程",
          "冶金工程",
          "其他"
        ],//工程类别
        projectLevelList:[
          "省级",
          "市级",
          "区县级"
        ],//项目级别
        addressList: [],
        addressType: [],
        props: {
          multiple: true,
          expandTrigger: "hover",
          value: "id",
        },
        bidAssessmentWayList:[
          "综合评估法",
          "性价比法",
          "简易评标法",
          "最低投标价法",
          "最低评标价法",
          "组合低价评标法",
          "固定低价评标法",
          "设备运行年限评标法",
          "分步评审法",
          "技术评分最低标价法",
          "二合一评标法",
          "评定分离法",
          "合理低价法",
          "固定价随机抽取中标人法",
          "定性评审法"
        ],//评标办法
        projectEnsureAmountPayTypeList:[
          "电汇",
          "银行保函",
          "电子保函",
          "商业保函",
          "现金",
          "电子保险",
          "银行汇票",
          "银行转账"
        ],//保证金缴纳
        //发布日期
        punishDateValue: "",
        punishDateOptions: [
          {
            label: "不限",
            value: "",
          },
          {
            label: "近一天",
            value: "近一天",
          },
          {
            label: "近三天",
            value: "近三天",
          },
          {
            label: "近五天",
            value: "近五天",
          },
          {
            label: "近七天",
            value: "近七天",
          },
          {
            label: "近十天",
            value: "近十天",
          },
          {
            label: "近半月",
            value: "近半月",
          },
          {
            label: "近一月",
            value: "近一月",
          },
          {
            label: "近三月",
            value: "近三月",
          },
          // {
          //   label: "近半年",
          //   value: "近半年",
          // },
          // {
          //   label: "近1年",
          //   value: "近1年",
          // },
        ],
        punishDateShowPopper: false,
        punishDate: "",
        //开标截止日期
        bidOpeningDeadlineValue: "",
        bidOpeningDeadlineOptions: [
          {
            label: "不限",
            value: "",
          },
          {
            label: "近一天",
            value: "近一天",
          },
          {
            label: "近三天",
            value: "近三天",
          },
          {
            label: "近五天",
            value: "近五天",
          },
          {
            label: "近七天",
            value: "近七天",
          },
          {
            label: "近十天",
            value: "近十天",
          },
          {
            label: "近半月",
            value: "近半月",
          },
          {
            label: "近一月",
            value: "近一月",
          },
          {
            label: "近三月",
            value: "近三月",
          },
        ],
        bidOpeningDeadlineShowPopper: false,
        bidOpeningDeadline: "",

        conditionsArr: [],

        fieldshow: false,
        fieldText: '默认排序',
        field: '', //查询结果排序方式
        desc: '', //查询结果排序方式
        fieldOptions: [
          {
            key: "",
            value: "默认排序",
            status: true,
            desc: '',
          },
          {
            key: "pubdate",
            value: "发布时间从晚到早",
            status: false,
            desc: 'desc',
          },
          {
            key: "endTimeDate",
            value: "开标截至时间从晚到早",
            status: false,
            desc: 'desc',
          },
          {
            key: "endTimeDate",
            value: "开标截至时间从早到晚",
            status: false,
            desc: 'asc',
          },
        ],

        selectedHeight: 64,
        selectedHeights: false,

        pageFlag: true,
        showList:false,
        total: 0,
        limit:20,
        currentPage:1,
        jskBidNewsDto:{
          province: [],
          city: [],
          county: [],
          projectType: [],
          projectPurposes: [],
          bidAssessmentWay: [],
          projectEnsureAmountPayType: [],
          projectLevel: [],
        },

        tableData: [],
        id:"",
        companyName1:"",
        type:"",
        permissions:{
          "search": [
            {
              "label": "工程类别",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "工程类型",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "评标办法",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "保证金缴纳",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "项目投资额",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "合同估算价",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "建安费暂估",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "堪察费暂估",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "设计费暂估",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "投标保证金",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "招标人",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            },
            {
              "label": "代理机构",
              "url": "",
              "children": [],
              "field": "",
              "permission": true,
              "isShowIcon": false,
              "trigger": ""
            }

          ],
          "page": {
            "url": "",
            "maxPage": 500,
            "trigger": "LIMIT",
            "isShowIcon": false,
            "backgroundColor": ""
          },
          "sort": [
            {
              "label": "默认排序",
              "permission": true,
              "isShowIcon": false,
              "field": "",
              "url": "",
              "trigger": ""
            },
            {
              "label": "发布时间从晚到早",
              "permission": true,
              "isShowIcon": false,
              "field": "desc",
              "url": "",
              "trigger": ""
            },
            {
              "label": "开标截至时间从晚到早",
              "permission": true,
              "isShowIcon": false,
              "field": "asc",
              "url": "",
              "trigger": ""
            },
            {
              "label": "开标截至时间从早到晚",
              "permission": true,
              "isShowIcon": false,
              "field": "asc",
              "url": "",
              "trigger": ""
            }
          ],
          "export": {
            "label": "导出数据",
            "url":"",
            "trigger":"",
            "permission": true,
            "isShowIcon": true
          },
          "response": [
            {
              "label": "项目名称",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "合同估算价",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "项目投资额",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "设计费暂估",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "建安费暂估",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "勘察费暂估",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "保证金",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "招标人",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "代理机构",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "资质要求",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "业绩要求",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "人员要求",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            },
            {
              "label": "一键获取",
              "url":"",
              "keys":[],
              "trigger":"",
              "permission": true,
              "isShowIcon": false,
              "children": []
            }
          ]
        }

      }
    },
   
    computed: {
      checkjskBidNewsDto() {
        let arr = [];
        let flag = false;
        let data = {};
        let keyid, value, title;
        if (this.projectTerritorylist.length > 0) {
          data = {
            title: "项目属地:",
            value: this.projectTerritorylist.join(","),
          }
          arr.push(data)
          flag = true;
        }
        if (this.keyword) {
          data = {
            title: "项目名称包含:",
            value: this.keyword,
          }
          arr.push(data)
          flag = true;
        }
        if (this.keywordNot) {
          data = {
            title: "项目名称排除:",
            value: this.keywordNot,
          }
          arr.push(data)
          flag = true;
        }
        if(this.punishDateValue=="自定义"){
          data = {
            title: "发布日期:",
            value: this.jskBidNewsDto.startPubdate +"~" +this.jskBidNewsDto.endPubdate,
          }
          arr.push(data)
        }
        if(this.punishDateValue&&this.punishDateValue!="自定义"){
          data = {
            title: "发布日期:",
            value: this.punishDateValue,
          }
          arr.push(data)
        }
        if(this.bidOpeningDeadlineValue=="自定义"){
          data = {
            title: "开标截止日期:",
            value: this.jskBidNewsDto.startEndTimeDate +"~" +this.jskBidNewsDto.endEndTimeDate,
          }
          arr.push(data)
        }
        if(this.bidOpeningDeadlineValue&&this.bidOpeningDeadlineValue!="自定义"){
          data = {
            title: "开标截止日期:",
            value: this.bidOpeningDeadlineValue,
          }
          arr.push(data)
        }
        for (var i in this.jskBidNewsDto) {
          if (this.jskBidNewsDto[i]) {
            keyid = i;
            value = this.jskBidNewsDto[i];
            if (
              Object.prototype.toString.call(this.jskBidNewsDto[i]) ===
              "[object Array]"
            ) {
              if (this.jskBidNewsDto[i].length > 0) {
                flag = true;
                switch (i) {
                  case 'projectType':
                    title = "工程类型:";
                    break;
                  case 'projectPurposes':
                    title = "工程类别:";
                    break;
                  case 'projectLevel':
                    title = "项目级别:";
                    break;
                  case 'bidAssessmentWay':
                    title = "评标办法:";
                    break;
                  case 'projectEnsureAmountPayType':
                    title = "保证金缴纳:";
                    break;
                  default:
                    title = "";
                    break;
                }
              } else {
                title = ""
              }
            } else {
              title = ""
              flag = true;
            }
            if (title) {
              data = {
                keyid: keyid,
                value: value,
                title: title,
                key: value
              }
              arr.push(data)
            }
          }
        }
        this.conditionsArr = arr
        return flag;
      },
    },
    created() {
      // this.dropDownType();
      // this.clickProvince(0,1);
    },
    mounted() {
    },
    methods:{
      refresh() {
        this.$router.go(0)
      },
      //省份切换
      clickProvince(index,type=0){
        if(this.provinceStatus != index || type == 1 ){
          this.provinceStatus = index
          let projectTerritory = []

            var id = this.bxproProvince[index].id
            var province = jsk_data.find(function(item) {
              return item.id === id && item.regionLevel === 1;
            });
            // 市区
            var city = jsk_data.filter(function(item) {
              return item.parentId === province.id && item.regionLevel === 2;
            });

            var district = []
            if(this.bxproProvince[this.provinceStatus].id == this.isProvinceId){
              // 区县
              district = jsk_data.filter(function(item) {
                return city.some(function(c) {
                  return c.id === item.parentId;
                }) && item.regionLevel === 3;
              });
            }
            projectTerritory = [...city, ...district]
            this.projectTerritory = projectTerritory
            this.deleteProjectTerritorylist()
            this.changeDown(false)
          }
      },

      //下拉
      dropDownType(){
        this.$axios.get('https://files.jiansheku.com/file/json/common/searchDic.json').then(res => {
          if (res && res.status == 200) {
            this.projectTypeList = res.data.bidAchievementType;
            this.projectPurposesList = res.data.bidProjectType;
            this.projectLevelList = res.data.bidProjectLevel;
            this.bidAssessmentWayList = res.data.bidAssessmentWay;
            this.projectEnsureAmountPayTypeList = res.data.bidAmountPayType;
          }
        }).catch(error=>{

        });
      },

      // 关键词推荐
      cliclikeywoder() {
        this.$refs.keyword.show();
      },
      keywordClick(val) {
        this.keyword = val
      },

      //项目属地
      changeProjectTerritory(item){

        let name = item.regionName,id = item.id

        if(name && id){
          let isId = true
          for(var i=0;i<this.projectTerritoryId.length;i++){
            if(this.projectTerritoryId[i].id == id){
              this.projectTerritoryId.splice(i,1)
              this.projectTerritorylist.splice(i,1)
              isId = false
            }
          }
          if(isId){
            this.projectTerritorylist.push(name)
            this.projectTerritoryId.push({regionLevel:item.regionLevel,id:id})
          }

        }else{
          this.deleteProjectTerritorylist()
        }
      },
      deleteProjectTerritorylist(){
        this.projectTerritorylist = []
        this.projectTerritoryId = []
        this.projecTcounty = []
      },
      changeClass(id){
        for(var i=0;i<this.projectTerritoryId.length;i++){
          if(this.projectTerritoryId[i].id == id){
            return true
          }
        }
      },

      //金额
      changeMoney(text,Min,Max) {
        if (
          this.jskBidNewsDto[Min] &&
          this.jskBidNewsDto[Max] &&
          Number(this.jskBidNewsDto[Min]) >
          Number(this.jskBidNewsDto[Max])
        ) {
          this.$message.warning("最低金额不能大于最高金额！");
          text == "start" ?
            (this.jskBidNewsDto[Min] = "") :
            (this.jskBidNewsDto[Max] = "");
        }
      },
      //排序
      handsequencingList(index) {
        
        this.fieldshow = false;
        this.field = this.fieldOptions[index].key;
        this.desc = this.fieldOptions[index].desc;
        for (let i = 0; i < this.fieldOptions.length; i++) {
          this.fieldOptions[i].status = false;
        }
        this.fieldText = this.fieldOptions[index].value;
        this.fieldOptions[index].status = true;
        this.bxproggSearch();
      },
      //项目级别
      addressListfn() {
        var str = [];
        for (let x = 0; x < 3; x++) {
          for (let i = 0; i < jsk_data.length; i++) {
            if (jsk_data[i].regionLevel == x + 1 && x + 1 == 1) {
              str.push({
                id: jsk_data[i].id,
                label: jsk_data[i].regionName,
                short: jsk_data[i].short,
                value: jsk_data[i].parentId,
                children:jsk_data[i].id==900000?undefined:[],
              });
            } else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 2&&str) {
              for (let j = 0; j < str.length; j++) {
                if (str[j].id == jsk_data[i].parentId) {
                  str[j].children.push({
                    id: jsk_data[i].id,
                    label: jsk_data[i].regionName,
                    short: jsk_data[i].short,
                    value: jsk_data[i].parentId,
                    children: [],
                  });
                }
              }
            } else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 3) {
              for (let j = 0; j < str.length; j++) {
                if(str[j].children){
                  for (let k = 0; k < str[j].children.length; k++) {
                    if (str[j].children[k].id == jsk_data[i].parentId) {
                      str[j].children[k].children.push({
                        id: jsk_data[i].id,
                        label: jsk_data[i].regionName,
                        short: jsk_data[i].short,
                        value: jsk_data[i].parentId,
                      });
                    }
                  }
                }
              }
            }
          }
        }
        this.addressList = str;
      },
      deleteDomicile() {
        this.$refs.address.handleClear();
      },
      domicileChange() {
        let arr = this.$refs.address.getCheckedNodes();
        let province = [],
          city = [],
          county = [];
        this.domicile = [];
        for (var i in arr) {
          if (arr[i].parent) {
            if (!arr[i].parent.checked) {
              arr[i].hasChildren && city.push(arr[i].value);
              arr[i].hasChildren && this.domicile.push(arr[i].label);
              !arr[i].hasChildren && county.push(arr[i].value);
              !arr[i].hasChildren && this.domicile.push(arr[i].label);
            }
          } else {
            province.push(arr[i].value);
            this.domicile.push(arr[i].label);
          }
        }
        var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
        obj.province = province;
        obj.city = city;
        obj.county = county;
        this.jskBidNewsDto = obj;
      },
      //发布日期
      punishDatehandleCommand(command) {
        var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
        if (command && command != "自定义") {
          this.punishDateValue = command;
          this.$refs.punishDateShowPopper.hide();
          const datetime = new Date();
          var startTime, endTime, Year, Month, Day;
          Year = datetime.getFullYear();
          Month = datetime.getMonth() + 1;
          Day = datetime.getDate();
          switch (command) {
            case "近一天":
              startTime = Year + "-" + Month + "-" + Day;
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近三天":
              var newTime = datetime.getTime() - 3 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近五天":
              var newTime = datetime.getTime() - 5 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近七天":
              var newTime = datetime.getTime() - 7 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近十天":
              var newTime = datetime.getTime() - 10 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近半月":
              var newTime = datetime.getTime() - 15 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近一月":
              if (Month > 1) {
                startTime = Year + "-" + (Month - 1) + "-"+ Day;
              } else {
                startTime = Year - 1 + "-" + (12 + Month - 1) + "-"+ Day;
              }
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近三月":
              if (Month > 3) {
                startTime = (Year) + '-' + (Month - 3) + '-' + Day;
              } else {
                startTime = (Year - 1) + '-' + (12 + Month - 3) + '-' + Day;
              }
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近半年":
              if (Month > 6) {
                startTime = Year + "-" + (Month - 6) + "-"+ Day;
              } else {
                startTime = Year - 1 + "-" + (12 + Month - 6) + "-"+ Day;
              }
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近1年":
              startTime = Year - 1 + "-" + Month + "-" + Day;
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近3年":
              startTime = Year - 3 + "-" + Month + "-" + Day;
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "自定义":
              if (!this.punishDate) {
                this.punishDateValue = "";
              }
              break;
          }
          if(startTime){
            var start=startTime.split('-');
            startTime=start.map((item)=>{
              if(item.length==1){
                return '0'+item
              }else{
                return item
              }
            })
            startTime=startTime.join('-')
          }
          if(endTime){
            var end=endTime.split('-');
            endTime=end.map((item)=>{
              if(item.length==1){
                return '0'+item
              }else{
                return item
              }
            })
            endTime=endTime.join('-')
          }
          obj.startPubdate = startTime;
          obj.endPubdate = endTime;
        } else if (command == "自定义") {
          this.$refs.datePicker.pickerVisible = true;
        } else {
          this.$refs.punishDateShowPopper.hide();
          this.punishDateValue = "";
          this.punishDate = "";
          obj.startPubdate = "";
          obj.endPubdate = "";
        }
        this.jskBidNewsDto = obj;
      },
      clearContractSignTime() {
        this.punishDate = "";
        this.punishDateValue = "";
        var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
        obj.startPubdate = "";
        obj.endPubdate = "";
        this.jskBidNewsDto = obj;
      },
      hidePoper() {
        if (this.$refs.datePicker) {
          this.$refs.datePicker.pickerVisible = false;
        }
      },
      mouseenter() {
        this.punishDateShowPopper = true;
        if(this.punishDateValue=='自定义'){
          this.$nextTick(() => {
            //this.$refs.datePicker.focus()
            this.$refs.datePicker.pickerVisible = true;
          });
        }
      },
      changepunishDate() {
        if (this.punishDate) {
          this.punishDateValue = "自定义";
          var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
          obj.startPubdate = this.punishDate[0];
          obj.endPubdate = this.punishDate[1];
          this.jskBidNewsDto = obj;
        }
      },
      //开标截止日期
      punishDatehandleCommand1(command) {
        var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
        if (command && command != "自定义") {
          this.bidOpeningDeadlineValue = command;
          this.$refs.bidOpeningDeadlineShowPopper.hide();
          const datetime = new Date();
          var startTime, endTime, Year, Month, Day;
          Year = datetime.getFullYear();
          Month = datetime.getMonth() + 1;
          Day = datetime.getDate();
          switch (command) {
            case "近一天":
              startTime = Year + "-" + Month + "-" + Day;
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近三天":
              var newTime = datetime.getTime() - 3 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近五天":
              var newTime = datetime.getTime() - 5 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近七天":
              var newTime = datetime.getTime() - 7 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近十天":
              var newTime = datetime.getTime() - 10 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近半月":
              var newTime = datetime.getTime() - 15 * 24 * 60 * 60 * 1000;
              startTime =
                new Date(newTime).getFullYear() +
                "-" +
                (new Date(newTime).getMonth() + 1) +
                "-" +
                new Date(newTime).getDate();
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近一月":
              if (Month > 1) {
                startTime = Year + "-" + (Month - 1) + "-" + Day;
              } else {
                startTime = Year - 1 + "-" + (12 + Month - 1) + "-" + Day;
              }
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近三月":
              if (Month > 3) {
                startTime = Year + "-" + (Month - 3) + "-" + Day;
              } else {
                startTime = Year - 1 + "-" + (12 + Month - 3) + "-" + Day;
              }
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近半年":
              if (Month > 6) {
                startTime = Year + "-" + (Month - 6) + "-" + Day;
              } else {
                startTime = Year - 1 + "-" + (12 + Month - 6) + "-" + Day;
              }
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近1年":
              startTime = Year - 1 + "-" + Month + "-" + Day;
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "近3年":
              startTime = Year - 3 + "-" + Month + "-" + Day;
              endTime = Year + "-" + Month + "-" + Day;
              break;
            case "自定义":
              if (!this.bidOpeningDeadline) {
                this.bidOpeningDeadlineValue = "";
              }
              break;
          }
          if(startTime){
            var start=startTime.split('-');
            startTime=start.map((item)=>{
              if(item.length==1){
                return '0'+item
              }else{
                return item
              }
            })
            startTime=startTime.join('-')
          }
          if(endTime){
            var end=endTime.split('-');
            endTime=end.map((item)=>{
              if(item.length==1){
                return '0'+item
              }else{
                return item
              }
            })
            endTime=endTime.join('-')
          }
          obj.startEndTimeDate = startTime;
          obj.endEndTimeDate = endTime;
        } else if (command == "自定义") {
          this.$refs.datePicker1.pickerVisible = true;
        } else {
          this.$refs.bidOpeningDeadlineShowPopper.hide();
          this.bidOpeningDeadlineValue = "";
          this.bidOpeningDeadline = "";
          obj.startEndTimeDate = "";
          obj.endEndTimeDate = "";
        }
        this.jskBidNewsDto = obj;
      },
      clearContractSignTime1() {
        this.bidOpeningDeadline = "";
        this.bidOpeningDeadlineValue = "";
        var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
        obj.startEndTimeDate = "";
        obj.endEndTimeDate = "";
        this.jskBidNewsDto = obj;
      },
      hidePoper1() {
        if (this.$refs.datePicker1) {
          this.$refs.datePicker1.pickerVisible = false;
        }
      },
      mouseenter1() {
        this.bidOpeningDeadlineShowPopper = true;
        if(this.bidOpeningDeadlineValue=='自定义'){
          this.$nextTick(() => {
            this.$refs.datePicker1.pickerVisible = true;
          });
        }
      },
      changepunishDate1() {
        if (this.bidOpeningDeadline) {
          this.bidOpeningDeadlineValue = "自定义";
          var obj = JSON.parse(JSON.stringify(this.jskBidNewsDto));
          obj.startEndTimeDate = this.bidOpeningDeadline[0];
          obj.endEndTimeDate = this.bidOpeningDeadline[1];
          this.jskBidNewsDto = obj;
        }
      },

      selectedHeightfn() {
        if (this.selectedHeight == 64) {
          this.selectedHeight = 'auto'
        } else {
          this.selectedHeight = 64;
        }
      },
      selectedHeightfns() {
        this.selectedHeights = this.selectedHeights ? false : true
      },

      handleCurrentChange(e){
        this.page = e;
        this.jump1();
        this.bxproggSearch(e, this.limit);
      },
      handleSizeChange(e){
        this.limit = e;
        this.jump1();
        this.bxproggSearch(this.page, e);
      },
      jump1() {
        // 用 class="d_jump" 添加锚点

        var jump = document.querySelector('.el-table__body-wrapper')

        let total = jump.offsetTop - 98
        let distance = jump.scrollTop
        // 平滑滚动，时长500ms，每10ms一跳，共50跳
        let step = total / 50
        if (total > distance) {
          smoothDown()
        } else {
          let newTotal = distance - total
          step = newTotal / 50
          smoothUp()
        }

        function smoothDown() {

          if (distance < total) {
            distance += step
            jump.scrollTop = distance
            // jump.scrollTop = distance
            setTimeout(smoothDown, 10)
          } else {
            jump.scrollTop = total
            // jump.scrollTop = total
          }
        }

        function smoothUp() {
          if (distance > total) {
            distance -= step
            jump.scrollTop = distance
            // document.documentElement.scrollTop = distance
            setTimeout(smoothUp, 10)
          } else {
            jump.scrollTop = total
            // document.documentElement.scrollTop = total
          }
        }
      },

      reloadPage() {
        this.pageFlag = false;
        this.$nextTick(() => {
          this.pageFlag = true;
        });
      },

      lowerRateClick() {
        this.bxproggSearch();
      },

      bxproggSearch(page, limit,exportFlag){
        // return false;
        if (!page) {
          this.page = 1;
        }
        if (!limit) {
          this.limit = 20;
        }
        if (!page && !limit) {
          this.reloadPage();
        }
        var data = JSON.parse(JSON.stringify(this.jskBidNewsDto));

        if(this.projectTerritoryId.length >0){
          for (var i=0;i<this.projectTerritoryId.length;i++){
            if(this.projectTerritoryId[i].regionLevel == 2){
              data.city.push(this.projectTerritoryId[i].id)
            }
            if(this.projectTerritoryId[i].regionLevel == 3){
              data.county.push(this.projectTerritoryId[i].id)
            }
          }
        }
        data.province = '';
        if(data.county.length > 0){
          data.city = '';
        }else{
          data.city = data.city.join(",");
        }
        data.county = data.county.join(",");
        if (!data.city && !data.county){
          if(this.provinceStatus != null) {
            data.province = this.bxproProvince[this.provinceStatus].id;
          }
        }
        data.projectType = data.projectType.join(",");
        data.projectPurposes = data.projectPurposes.join(",");
        data.bidAssessmentWay = data.bidAssessmentWay.join(",");
        data.projectEnsureAmountPayType = data.projectEnsureAmountPayType.join(",");
        data.projectLevel = data.projectLevel.join(",");
        // data.hasFile = this.checked ? 'yes' : 'false';
        if(this.checkList.length > 0){
          for(var i in this.checkList){
            data[this.checkList[i]] = 1
          }
        }
        let params = {
          page: {
            page: this.page,
            limit: this.limit,
            field: this.field,
            order: this.desc,
          },
          jskBidNewsDto: data,
        };
        params.keyword = this.keyword;
        params.keywordNot = this.keywordNot;
        this.currentPage = params.page.page;
        
        NProgress.start();
          this.$axios.post(TENDER_PRO_URL.jskBidPro, params, {
            headers: {
              "Content-Type": "application/json",
            },
          })
            .then((res) => {
              NProgress.done();
              if (res.data.code == 200) {
                this.tableData = res.data.data.list;
                this.total = res.data.data.total;
              }
            });
        
      },
      reset1(){
        Object.assign(this.$data, this.$options.data.call(this)); //重置data
        // this.clickProvince(0,1);
        this.bxproggSearch();
      },
      changeDown(isHeight){
        if(isHeight){
          this.isHeight = false
          this.maxHeight = 'auto'
        }else{
          this.isHeight = true
          this.maxHeight = '42px'
        }
      },
      provinceChange(e){
        let obj=''
        obj= this.province.find(function(i){
          return i.id ===e
        });
        this.provinceName=obj.regionName;
        //招中标文件按省份下载
        this.$axios.post(IndexURL.allDownload, {provinceId:this.provinceValue}, {
          headers: {
            "Content-Type": "application/json",
          },
        }).then((res) => {
          if (res.data.code == 200) {
            this.allDownloadList = res.data.data;
          }
        });
      },
     
      //登录弹窗隐藏
      cancelLogin(val) {
        this.loginData.loginShow = false;
      },
      exportData(row,name) {
        let params={
          fromUrl:document.referrer,
          visitUrl:window.location.href,
          event:'下载',
          content:this.provinceName+'-'+name+'招中标数据',
          platform:'jsk'
        }
        this.$behaviorRecord(this,params)
        if (row) {
          if (row && row.indexOf('http://') > -1) {
            row = row.replace('http://', 'https://')
          }
          window.open(row, '_blank')
        }
      },
    }
  }
</script>
<style lang="scss" scoped>
	.content{
	  padding: 0px 16px;
	  border-radius: 4px 4px 4px 4px;
	   background: #FFFFFF;
	   .content_item{
		   padding-top: 12px;
		   display: flex;
		   align-items: center;
	       .label{
	           width: 84px;
			   font-size: 14px;
			   font-weight: 400;
			   color: rgba(35,35,35,0.8);
	       }
	       .content_right{
			   
			   .bxpro_region{
			     width: 1220px;
			     border: 1px solid #EFEFEF;
			     .bxpro_province{
			       height: 32px;
			       line-height: 32px;
			       background: #F8F8F8;
			       color: #666666;
			       //padding: 0 28px;
			       span{
			         display: inline-block;
			         width: 96px;
			         text-align: center;
			         cursor:pointer;
			       }
			       .bxpro_province_selected{
			         color:#333333;
			         background: #FFFFFF;
			       }
			     }
			     .bxpro_city{
			       padding: 16px 16px 0;
			       .bxpro_city_fex{
			         display: inline-flex;
			         .bxpro_city_fex_nr{
			           width: 1138px;
			           overflow: hidden;
			         }
			         .bxpro_city_fex_click{
			           cursor:pointer;
			           color: #0081ff;
			         }
			       }
			       span{
			         display: inline-block;
			         margin:0 16px 16px 0;
			         color: #333333;
			         padding: 5px 12px;
			         background: #F6F7FC;
			         border-radius: 2px 2px 2px 2px;
			         line-height: 16px;
			         cursor:pointer;
			         position: relative;
			       }
			       img{
			         display: none;
			         position: absolute;
			         bottom: 0;
			         right: 0;
			       }
			       .color_text{
			         background: #EAF4FF;
			         color: #0081FF;
			         img{
			           display:block;
			         }
			       }
			     }
			   }
	           
	           .ename_input{
	               width: 640px;
	               margin-right: 20px;
	           }
			   .land_ipt_470 {
			   	width: 640px;
			   }
			   .land_content_wrap-flex{
			     display: flex;
			     line-height: 34px;
				 margin-right: 33px;
			   }
			   .land_content_wrap-flex:last-child{
			     margin-right: 0;
			   }
			   .land_content_wrap_label{
			    font-size: 14px;
			    font-weight: 400;
			    color: rgba(35,35,35,0.8);
				margin-right:8px;
			   }
			   
			   .other_ipt {
			     width: 104px;
			     height: 34px;
			     ::v-deep .el-input__inner {
			       width: 104px;
			       padding: 0 8px;
			     }
			    
			   }
			   .other_ipt1 {
			     width: 153px;
			     position:relative;
			     top:2px;
			     ::v-deep .el-input-group__append {
			       span{
			         color: #333333;
			       }
			       width: 49px;
			       padding: 0 8px;
			     }
			   }
			   
			   .other_label_span{
			     margin:0 8px;
				 font-size: 14px;
				 font-weight: 400;
				 color: #232323;
			   }
			   
	       }
		.content_right1{
			display: flex;
		}
		   
		 .item_ckquery_list {
			display: flex;
		
		}
		
		 .item_ckquery_list .el-input__icon {
			position: relative;
			top: 1px;
		}
		.ckquery_list_right {
			width: 640px;
		}
		.register_count_ipt{
			margin-left: 0px;
			
		}
		.register_count_ipt .el-input__inner{
			width: 174px;
		}
		::v-deep .el-input-group__prepend{
			padding: 0 8px;
		}
		.content-projecttype{
			display: flex;
			align-items: center;
			justify-content: center;
			.projecttype{
				font-weight: 400;
				color: #232323;
				padding: 1px 5px;
				margin-right: 4px;
				cursor: pointer;
				border-radius: 3px 3px 3px 3px;
				font-size: 14px;
			}
			.projecttype:first-child{
				padding-left: 0px;
			}
			.projecttype:hover{
				background: #F3F4F5;
				padding: 1px 5px;
			}
			.activetype{
				background: #F3F4F5;
				padding: 1px 5px !important;
			}
		}
		
		
	   
	   }
	   .content_item_padding0{
		   padding: 0;
	   }
		
	}
	.bottomlist{
		width: 100%;
		background-color: #FFFFFF;
		
	     border-radius: 4px 4px 4px 4px;
		.bottomlist-title{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 12px;
			padding: 16px ;
			border-bottom: 1px solid #EFEFEF;
			 
			.title-right{
				display: flex;
				align-items: center;
				p:first-child{
					font-size: 12px;
					font-weight: 400;
					color: #3D3D3D;
					margin-right: 10px;
				}
				p:last-child{
					display: flex;
					align-items: center;
					font-size: 14px;
					font-weight: 400;
					color: rgba(35,35,35,0.8);
				}
				img{
					width: 18px;
					height: 18px;
				}
			}
			
		}
		.bottomlist-content{
			
			padding-bottom: 0px;
		}
		.bottomlist-list{
			padding: 16px;
			font-size: 14px;
			border-bottom: 1px solid #EFEFEF;
			padding-bottom: 14px;
			.list-titel{
				font-size: 16px;
				font-weight: 700;
				color: #3D3D3D;
				line-height: 19px;
				.list-titel-a{
					text-decoration: none;
					color:#3D3D3D;
				}
				a:hover, a:visited, a:link, a:active{
					color:#3D3D3D;
				}
			}
			.content-label{
				margin-top: 7px;
				.list-label{
					background: #F3F3FF;
					color: #8491E8;
					border-radius: 1px 1px 1px 1px;
				
					padding: 3px 7px;
					font-size: 12px;
					
				}
			}
			
			
			.list-content{
				margin-top: 3px;
				display: flex;
				justify-content: start;
				align-items: center;
				
				.list-content-text{
					margin-top: 7px;
					display: flex;
					justify-content: start;
					align-items: center;
					margin-right: 27px;
					font-size: 14px;
					
					span:first-child{
						font-weight: 400;
						color: rgba(35,35,35,0.4);
						line-height: 15px
					}
					span:last-child{
						font-weight: 400;
						color: rgba(35,35,35,0.8);
						line-height: 15px
					}
					.blue{
						color: #0081FF !important;
						cursor: pointer;
						
					}
					
				}
				
				
			}
			.list-addree{
				width: auto;
				background: #F3F4F5;
				display: inline-flex;
				margin-top: 7px;
				.list-content-text{
					margin-top: 0px;
					span{
						line-height: 30px!important;
					}
				}
				img{
					width: 14px;
					margin: 0  8px;
					
				}
			}
			
			
		}
		.bottomlist-list:hover{
			background: #F6F9FC;
			cursor: pointer;
		}
		.pagination{
			padding: 14px ;
		   .el-pagination{
			   float: right;
		   }
		}
	}
</style>
<style lang="scss" scoped>
.report_wrap{
    position: fixed;
    bottom: 56px;
    left: 24px;
    .report_img{
      width: 183px;
      height: 249px;
    }
    .to_library{
      width: 104px;
      height: 32px;
      display: block;
      line-height: 32px;
      text-align: center;
      font-size: 14px;
      margin: 16px auto;
      color: #FFFFFF;
      background: #0081FF;
      border-radius: 5px 5px 5px 5px;
      cursor: pointer;
      &:hover{
        background: #185ECA;
      }
    }
    .close_img{
      position: absolute;
      right: -26px;
      top: -12px;
      width: 21px;
      height: 20px;
      cursor: pointer;
    }
  }
#tender_wrap {
  //padding: 0 16px;
  font-size: 14px;
  .data_list_btn {
    margin: 9px 16px 0 0;
    height: 32px;
    line-height: 32px;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    color: #333333;
    box-sizing: border-box;
    position: relative;

    div {
      text-align: center;
      display: inline-block;
      cursor: pointer;
      //padding: 0 6px;
      box-sizing: border-box;
    }

    ::v-deep .el-checkbox__label{
      padding-left:4px;
    }
    .data_list_btn_active {
      height: 32px;
      line-height: 32px;
    }
  }

  .land_content_wrap{
    margin-bottom: 16px;
  }
  .tender_content_wrap{
    margin-top: 16px;
  }
  .content_li {
    padding: 16px 0;
    display: flex;
    align-items: center;
    position: relative;
    .content_item {
      .include-keywords {
        display: flex;
        align-items: center;
        position: relative;

        .lefttltel {
          display: inline-block;
          background: #f5f5f5;
          color: #333;
          border: 1px solid #efefef;
          border-right: none;
          opacity: 1;
          width: 44px;
          height: 40px;
          text-align: center;
          line-height: 40px;
        }

        .el-input {
          line-height: 40px;
          border-radius: 0;

          ::v-deep .el-input__inner {
            width: 100%;
            height: 40px;
            line-height: 40px;
            border-radius: 0;
          }
        }

        .commonly-input {
          ::v-deep .el-input__inner {
            padding-right: 100px;
          }
        }

        .commonly {
          position: absolute;
          top: 10px;
          right: 16px;
          font-size: 14px;
          font-weight: 400;
          color: #0081ff;
          cursor: pointer;
        }
      }

    }

  }
  .data_list_head {
    height: 50px;
    line-height: 50px;
    color: #666666;

    .data_list_count {
      color: #ff2a00;
      font-weight: bold;
    }
  }
  

}
.dropdown_item:hover{
  background-color: #F4F6F9;
  color: #0081FF;
}
#search-bxprozbgg {
  .businessOpportunities_box{
    position: relative;
    .businessOpportunities_dow{
      position: absolute;
      top: 12px;
      right: 15px;
      .dow-dropdown-link{
        display: block;
        width: 138px;
        height: 32px;
        line-height: 32px;
        background: #FFFFFF;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #0081FF;
        text-align: center;
        font-size: 14px;
        color: #0081FF;
      }
      ::v-deep .el-select{
        width: 90px;
        height: 32px;
        line-height: 32px;
        background: #FFFFFF;
        border-radius: 2px 2px 2px 2px;
        text-align: center;
        margin: 0;
        font-size: 14px;
        color: #0081FF;
        position: absolute;
        left: -96px;
        top: -1px;
        .el-input{
          width: 100%;
          height: 32px;
          line-height: 32px;
        }
        .el-input__inner{
          width: 100%;
          height: 32px;
          line-height: 32px;
          border: 1px solid #0081FF;
          color: #0081FF;
        }
        .el-input__inner::-webkit-input-placeholder {
          color: #0081FF !important;
        }
        .el-input__inner::-moz-placeholder {
          color: #0081FF !important;
        }
        .el-select__caret{
          color: #0081FF;
        }
      }

    }
  }

  
  .land_content_wrap_label_tipspan{
    display: inline-block;
    line-height: 34px;
    position: relative;
    .tip_svg{
      width: 16px;
      height: 16px;
      margin-left: 4px;
    }
  }

}
.tip_svg-popper-img{
  position: absolute;
  top: -7px;
  right: 4px;
}
.activeTab {
  font-weight: bold;
  color: #333333;
  border-bottom: 2px solid #0081FF;
}
.lowerRate_img{
  position: absolute;
  top: 7px;
  right: -30px;
  width: 36px;
  height: 14px;
}

.bxpro_list{
  ::v-deep .el-table{
    th{
      line-height: 23px;
      color: #999;
      background: #f2f9fc;
      .cell{
        overflow: unset;
        color: #999999;
        font-weight: 400;
      }
    }
    .cell{
      font-size: 14px;
      color: #333333;
    }
  }
  .bxpro_list_title{
    font-weight: 400;
    color: #0081FF;
    line-height: 18px;
    //margin-bottom: 10px;
  }
  .bxpro_list_titles{
    display: block;
    max-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .bxpro_list_fl{
    overflow: hidden;
    span{
      float: left;
      padding: 4px 8px;
      font-size: 12px;
      line-height: 12px;
      color: #41A1FD;
      background: #E4F3FD;
      margin-right: 12px;
      margin-top: 4px;
      &:last-child{
        margin-right: 0;
      }
    }
  }
  .bxpro_list_money{
    li{
      margin-bottom: 8px;
      line-height: 18px;
      display: flex;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
  .bxpro_list_yjhq{
    display: block;
    text-align: center;
    width: 100%;
    //height: 28px;
    //line-height: 28px;
    //border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    margin: 0 auto;
    cursor:pointer;
    
  }
  .bxpro_list_yjhq1{
    &:hover{
      color: #0081FF;
    }
    
  }
  .bxpro_list_yjhq_ns{
    color: #333333;
    //border: 1px solid #0081FF;
  }
  .bxpro_list_yjhq_hs{
    color: #999999;
    //background: #C8C8C8;
  }
  .tip_svg{
    margin-right: 6px;
    position: relative;
    top: -1px;
  }
}
.bxprozbgg_yjlq{
  .bxprozbgg_yjlq_h1{
    font-weight: 400;
    color: #3D3D3D;
    line-height: 22px;
    font-size:16px;
  }
  .bxprozbgg_yjlq_p{
    p{
      font-weight: 400;
      color: #666666;
      line-height: 22px;
    }
  }
}
.bxpro_list_ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pup_list .pup_list_svip_img {
  position: absolute;
  top: 0;
  right: -10px;
  width: 24px;
}
.el-popover .pup_list li div{
  display: inline-block;
}
.content .content_wrap .content_item{
  padding: 0 !important;
}
.bxprozbsh{
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; // 控制多行的行数
  -webkit-box-orient: vertical;
}

::v-deep .el-table__fixed-right{
  height: 100% !important;
}
::v-deep .el-table__fixed{
  height: 100% !important;
}

::v-deep .el-table__body-wrapper::-webkit-scrollbar{
  height:10px;
  width: 10px;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track{
  background-color:#FFFFFF;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb{
  background-color:#E1E1E1;
}

</style>
