|
@@ -23,7 +23,7 @@
|
|
|
<style>
|
|
|
.search-container {
|
|
|
line-height: 1;
|
|
|
- padding-top: 64px;
|
|
|
+ padding-top: 88px;
|
|
|
min-height: calc(100vh - 364px);
|
|
|
}
|
|
|
.in-iframe .search-container {
|
|
@@ -49,16 +49,44 @@
|
|
|
.in-iframe[data-page-name=entSearch] .search-header .search-header-content {
|
|
|
padding-right: 24px;
|
|
|
}
|
|
|
+ .selector-card-header{
|
|
|
+ min-width: 120px;
|
|
|
+ }
|
|
|
+ .select-group-container .bgc,
|
|
|
+ .selector-content .j-button-item.button-level-0{
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ .selector-content .j-button-item.button-level-1{
|
|
|
+ color: #2abed1;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ .selector-card-container{
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ }
|
|
|
+ /* .search-pur-container{
|
|
|
+ min-height: 400px;
|
|
|
+ padding-bottom: 40px;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ background: #fff;
|
|
|
+ } */
|
|
|
+ .el-pagination-container{
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ .el-pagination-container .el-pagination{
|
|
|
+ top: 24px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
{{include "/common/pchead.html"}}
|
|
|
- <section class="search-container">
|
|
|
- <div class="vue-search-container" id="pur-search-container" v-cloak>
|
|
|
+ <section class="search-container" style="background-color: #F5F5F5;">
|
|
|
+ <div class="w vue-search-container" id="pur-search-container" v-cloak>
|
|
|
<div class="search-header">
|
|
|
<div class="search-header-tab">
|
|
|
- <span class="tab-item tab-active">采购单位搜索</span>
|
|
|
+ <span class="tab-item" style="display:none;" v-show="!isLogin" @click="location.replace('/jylab/supsearch/index.html')">招标采购公告</span>
|
|
|
+ <span class="tab-item tab-active" @click="location.replace('/jylab/purSearch/index.html')">采购单位搜索</span>
|
|
|
</div>
|
|
|
<div class="search-header-content w">
|
|
|
<div class="search-header-top">
|
|
@@ -115,21 +143,45 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="search-content w">
|
|
|
- <div class="tit-r">
|
|
|
+ <!-- <div class="tit-r">
|
|
|
<span class="mesg-box" @click="yeFan">
|
|
|
<i class="el-icon-jy-top-mesg"></i>
|
|
|
<span>业务范围设置</span>
|
|
|
</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="selector-card-container search-filters">
|
|
|
<div class="selector-card">
|
|
|
- <div class="selector-card-header">选择区域:</div>
|
|
|
+ <div class="selector-card-header">所在地:</div>
|
|
|
<div class="selector-card-content">
|
|
|
- <area-city-component @change="areaCityChange"></area-city-component>
|
|
|
+ <area-city-component :show-selected-list="false" @change="areaCityChange" style="padding-right:0;"></area-city-component>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="selector-card">
|
|
|
+ <div class="selector-card-header">采购单位类型:</div>
|
|
|
+ <div class="selector-card-content">
|
|
|
+ <select-level2-component
|
|
|
+ :init-selected="buyerClassObj"
|
|
|
+ :map="buyClassMap"
|
|
|
+ ref="buyerClassFilter"
|
|
|
+ @change="buyerClassFilterChange"
|
|
|
+ ></select-level2-component>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="selector-card">
|
|
|
+ <div class="selector-card-header">采购单位联系方式:</div>
|
|
|
+ <div class="selector-card-content flex mini-select">
|
|
|
+ <el-select v-model="buyerPhoneState" @change="otherFilterChange" placeholder="采购单位联系方式">
|
|
|
+ <el-option
|
|
|
+ v-for="item in buyerPhoneOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!--行业分类-->
|
|
|
- <div class="industry-lis-t">
|
|
|
+ <!-- <div class="industry-lis-t">
|
|
|
<div class="indus-tit">行业分类:</div>
|
|
|
<div class="selector-content" :class="{ 'no-more': !showMore }">
|
|
|
<div class="select-group-container" >
|
|
@@ -179,14 +231,14 @@
|
|
|
<span class="action-text">${ showMore ? '收起' : '更多' }</span>
|
|
|
<span class="el-icon-arrow-down" :class="showMore ? 'rotate180' : ''"></span>
|
|
|
</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!-- 客户分类 -->
|
|
|
- <div class="customer-card industry bus-card">
|
|
|
- <div class="leftTitle r-industry">客户分类:</div>
|
|
|
- <industry-selector @datachange="dataChange"></industry-selector>
|
|
|
- </div>
|
|
|
+ <!-- <div class="customer-card industry bus-card">
|
|
|
+ <div class="leftTitle r-industry">采购单位类型:</div>
|
|
|
+ <industry-selector :useShowMore="false" @datachange="dataChange"></industry-selector>
|
|
|
+ </div> -->
|
|
|
<!-- 业务范围 -->
|
|
|
- <div class="customer-card industry job-card">
|
|
|
+ <!-- <div class="customer-card industry job-card">
|
|
|
<div class="leftTitle r-industry">业务范围:</div>
|
|
|
<div class="right_msg">
|
|
|
<span class="spa" :class="{g_active:qutive1}" @click="quanBu1('全部')">全部</span>
|
|
@@ -197,70 +249,72 @@
|
|
|
:class="{'g_active':caiIndex1.indexOf(index)>-1}"
|
|
|
@click="caiIndus1(item,index)"
|
|
|
>${String(item.key)}
|
|
|
- <!-- <i v-for="(ite,indx) in item.a_key" :key="indx">${keyChange(ite.appendkey,ite.key,ite.notkey)}</i> -->
|
|
|
</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!-- 企业历史客户 -->
|
|
|
- <div class="qy-card">
|
|
|
+ <!-- <div class="qy-card">
|
|
|
<div class="leftTitle r-industry">企业历史客户:</div>
|
|
|
<el-checkbox-group v-model="qyCheck" @change="qyChange">
|
|
|
<el-checkbox v-for="(item, index) in qyData" :label="item">${item}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
- <!-- <div class="stops qy-more">更多</div> -->
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
- <div class="search-pur-container">
|
|
|
- <div class="list-header">
|
|
|
- <div class="r-head">
|
|
|
- <input class="custom-checkbox check-all" @click="allChange" name="bus-list" type="checkbox" dataid="" />
|
|
|
- <span>客户列表</span>
|
|
|
- </div>
|
|
|
- <div class="r-cont">
|
|
|
- <div class="img-c" @click="allGuanren(0)">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/focused.png' v-if="follow">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/focus.png' v-else>
|
|
|
- <i v-if="follow">已关注</i>
|
|
|
- <i v-else>关注</i>
|
|
|
- </div>
|
|
|
- <div class="img-c" @click="allGuanren(1)">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/renling_active.png' v-if="claim" style="margin-left: 16px;">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/renling.png' v-else style="margin-left: 16px;">
|
|
|
- <i v-if="claim">已认领</i>
|
|
|
- <i v-else>认领</i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="pur-info-list" v-loading="listState.loading">
|
|
|
- <div class="list-item" v-for="(item, index) in listState.list" :key="index">
|
|
|
- <div class="list-header pur-top">
|
|
|
- <div class="tit">
|
|
|
- <input class="custom-checkbox single-txt-checkbox" @click="singleChange()" name="bus-list" type="checkbox" :dataid="item.customerId" :dataname="item.Buyer" :dataindustry="item.Buyerclass" />
|
|
|
- <div class="img-tit" @click="goTitle(item.Buyer)">${item.Buyer}</div>
|
|
|
+ <div class="search-pur-container" v-loading="listState.loading">
|
|
|
+ <div>
|
|
|
+ <div class="pur-info-list">
|
|
|
+ <div class="list-item" v-for="(item, index) in listState.list" :key="index">
|
|
|
+ <div class="list-logo" :class="item.randomBgc">${item.buyerShortName ? item.buyerShortName.slice(0,4) : item.Buyer.slice(0,4)}</div>
|
|
|
+ <div class="list-info">
|
|
|
+ <div class="info-name" @click="goTitle(item.Buyer)">${item.Buyer}</div>
|
|
|
+ <div class="info-detail">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="item-label">所在地:</span>
|
|
|
+ <span class="item-value">${item.WProvince || '-'} ${item.WCity || ''}</span>
|
|
|
</div>
|
|
|
- <div class="r-cont">
|
|
|
- <div class="img-c" @click="guanAndren(item, 0, index)">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/focused.png' v-if="item.follow1">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/focus.png' v-else>
|
|
|
- <i v-if="item.follow1">已关注</i>
|
|
|
- <i v-else>关注</i>
|
|
|
- </div>
|
|
|
- <div class="img-c" @click="guanAndren(item, 1, index)">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/renling_active.png' v-if="item.claim1" style="margin-left: 16px;">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/images/renling.png' v-else style="margin-left: 16px;">
|
|
|
- <i v-if="item.claim1">已认领</i>
|
|
|
- <i v-else>认领</i>
|
|
|
- </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="item-label">采购单位类型:</span>
|
|
|
+ <span class="item-value">${item.WProvince || '-'} ${item.WCity || ''}</span>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="info-detail flex-between">
|
|
|
+ <div class="flex">
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="item-label">招标动态:</span>
|
|
|
+ <span class="item-value">${item.WProvince || '-'} ${item.WCity || ''}</span>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="item-label">历史联系人:</span>
|
|
|
+ <span class="item-value">${item.WProvince || '-'} ${item.WCity || ''}</span>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="item-label">采购项目数量:</span>
|
|
|
+ <span class="item-value">${item.PNCount || '-'}</span>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="item-label">采购规模:</span>
|
|
|
+ <span class="item-value">${moneyUnit(item.Budget) || '-'}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="r-cont" v-if="isLogin">
|
|
|
+ <div class="img-c" @click="guanAndren(item, 0, index)" v-show="isMember || isNewEntNiche">
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/images/focused.png' v-if="item.follow1">
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/images/focus.png' v-else>
|
|
|
+ <i v-if="item.follow1">已关注</i>
|
|
|
+ <i v-else>关注</i>
|
|
|
+ </div>
|
|
|
+ <div class="img-c" @click="guanAndren(item, 1, index)" v-show="isNewEntNiche || isEntService">
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/images/renling_active.png' v-if="item.claim1" style="margin-left: 16px;">
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/images/renling.png' v-else style="margin-left: 16px;">
|
|
|
+ <i v-if="item.claim1">已认领</i>
|
|
|
+ <i v-else>认领</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="pur-bot">
|
|
|
- <span>项目数量:<i>${item.PNCount || '-'}</i></span>
|
|
|
- <span>项目总金额:<i>${moneyUnit(item.Budget) || '-'}</i></span>
|
|
|
- <span>所在地:<i>${item.WProvince || '-'} ${item.WCity || ''}</i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 自定义标签弹框 -->
|
|
|
- <div class="tags-box">
|
|
|
+ </div>
|
|
|
+ <!-- 自定义标签弹框 -->
|
|
|
+ <div class="tags-box">
|
|
|
<div class="tags-inputs">
|
|
|
<div class="tag-input">
|
|
|
<div class="tag-labels"></div>
|
|
@@ -274,23 +328,24 @@
|
|
|
<div class="tags-button button-confirm">确认添加</div>
|
|
|
<div class="tags-button button-cancel">暂不添加</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <no-data style="display: none;" v-show="listState.list.length === 0 && listState.loaded" tip-text="没有找到符合条件的企业"></no-data>
|
|
|
- <div class="el-pagination-container" v-if="listState.total > 0">
|
|
|
- <el-pagination
|
|
|
- popper-class="pagination-custom-select"
|
|
|
- background
|
|
|
- layout="prev, pager, next, sizes, jumper"
|
|
|
- :current-page="listState.pageNum"
|
|
|
- :page-size="listState.pageSize"
|
|
|
- :total="listState.total"
|
|
|
- @current-change="onPageChange"
|
|
|
- @size-change="onSizeChange"
|
|
|
- :page-sizes="[5, 10, 50, 100]"
|
|
|
- :show-confirm-btn="true"
|
|
|
- ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <no-data style="display: none;" v-show="listState.list.length === 0 && listState.loaded" tip-text="没有找到符合条件的企业"></no-data>
|
|
|
+ <div class="el-pagination-container" v-if="listState.list.length > 0 && listState.loaded">
|
|
|
+ <el-pagination
|
|
|
+ popper-class="pagination-custom-select"
|
|
|
+ background
|
|
|
+ layout="prev, pager, next, sizes, jumper"
|
|
|
+ :current-page="listState.pageNum"
|
|
|
+ :page-size="listState.pageSize"
|
|
|
+ :total="listState.total"
|
|
|
+ @current-change="onPageChange"
|
|
|
+ @size-change="onSizeChange"
|
|
|
+ :page-sizes="[5, 10, 50, 100]"
|
|
|
+ :show-confirm-btn="true"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="search-footer w"></div>
|
|
@@ -309,36 +364,39 @@
|
|
|
searchContent: {{.T.searchvalue}},
|
|
|
}
|
|
|
haslogin({{.T.logid}})
|
|
|
+ console.log(goTemplateData);
|
|
|
</script>
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/common-module/selector/js/buyerClass.js'></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/common-module/public/js/china-map-data.js?v={{Msg "seo" "version"}}'></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/common-module/selector/js/provinceMap.js?v={{Msg "seo" "version"}}'></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/selector/select-list-pc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/js/selector/select-level2-pc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/selector/area-city-pc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/selector/price-pc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
- <script src='{{Msg "seo" "cdn"}}/js/selector/bus-search-industry.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <!-- <script src='{{Msg "seo" "cdn"}}/js/selector/bus-search-industry.js?v={{Msg "seo" "version"}}'></script> -->
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/selector/no-data-pc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/purSearch.js?v={{Msg "seo" "version"}}'></script>
|
|
|
- <script src='{{Msg "seo" "cdn"}}/js/pur-search-index-pc.js?v={{Msg "seo" "version"}}1'></script>
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/js/pur-search-index-pc.js?v={{Msg "seo" "version"}}2'></script>
|
|
|
<script type="text/javascript">
|
|
|
var industry = {{.T.industry}}!=null?{{.T.industry}}:"";
|
|
|
var industrylist = {{.T.industrylist}}!=null?{{.T.industrylist}}:"";
|
|
|
var sortArray = {{.T.sortArray}}!=null?{{.T.sortArray}}:"";
|
|
|
var selectPublishtime = {{.T.publishtime}}?{{.T.publishtime}}:"thisyear";
|
|
|
- $(function() {
|
|
|
- // 客户分类
|
|
|
- $('.bus-card').find('.right_msg').css('height','22px')
|
|
|
- $('.bus-card').find('.cus-more').click(function() {
|
|
|
- var txts = $(this).html()
|
|
|
- if (txts == '更多') {
|
|
|
- $(this).html('收起')
|
|
|
- $('.bus-card').find('.right_msg').css('height','auto')
|
|
|
- } else {
|
|
|
- $(this).html('更多')
|
|
|
- $('.bus-card').find('.right_msg').css('height','22px')
|
|
|
- }
|
|
|
- })
|
|
|
+ // $(function() {
|
|
|
+ // // 客户分类
|
|
|
+ // $('.bus-card').find('.right_msg').css('height','22px')
|
|
|
+ // $('.bus-card').find('.cus-more').click(function() {
|
|
|
+ // var txts = $(this).html()
|
|
|
+ // if (txts == '更多') {
|
|
|
+ // $(this).html('收起')
|
|
|
+ // $('.bus-card').find('.right_msg').css('height','auto')
|
|
|
+ // } else {
|
|
|
+ // $(this).html('更多')
|
|
|
+ // $('.bus-card').find('.right_msg').css('height','22px')
|
|
|
+ // }
|
|
|
+ // })
|
|
|
|
|
|
- })
|
|
|
+ // })
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
setTimeout(function(){
|