|
@@ -11,20 +11,19 @@
|
|
<link href="{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "version"}}" rel="stylesheet" />
|
|
<link href="{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "version"}}" rel="stylesheet" />
|
|
<link href="{{Msg "seo" "cdn"}}/css/dev2/reset_pc.css?v={{Msg "seo" "version"}}" rel="stylesheet" />
|
|
<link href="{{Msg "seo" "cdn"}}/css/dev2/reset_pc.css?v={{Msg "seo" "version"}}" rel="stylesheet" />
|
|
<link href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}" rel="stylesheet" />
|
|
<link href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}" rel="stylesheet" />
|
|
-
|
|
|
|
<script src="{{Msg "seo" "cdn"}}/js/jquery.cookie.js"></script>
|
|
<script src="{{Msg "seo" "cdn"}}/js/jquery.cookie.js"></script>
|
|
<script src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
|
|
<script src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
|
|
-
|
|
|
|
<link href="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/theme-chalk/index.css" rel="stylesheet" />
|
|
<link href="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/theme-chalk/index.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href='{{Msg "seo" "cdn"}}/css/ele-reset.css?v={{Msg "seo" "version"}}'>
|
|
<link rel="stylesheet" href='{{Msg "seo" "cdn"}}/css/ele-reset.css?v={{Msg "seo" "version"}}'>
|
|
- <!-- <link href='{{Msg "seo" "cdn"}}/css/dev2/newBidSearch.css?v={{Msg "seo" "version"}}' rel="stylesheet"> -->
|
|
|
|
<link rel="stylesheet" href='{{Msg "seo" "cdn"}}/css/selector/selector.css?v={{Msg "seo" "version"}}'>
|
|
<link rel="stylesheet" href='{{Msg "seo" "cdn"}}/css/selector/selector.css?v={{Msg "seo" "version"}}'>
|
|
- <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/pccss/pur-search-index-pc.css?v={{Msg "seo" "version"}}'>
|
|
|
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/pccss/pur-busniess-index-pc.css?v={{Msg "seo" "version"}}'>
|
|
<style>
|
|
<style>
|
|
.search-container {
|
|
.search-container {
|
|
line-height: 1;
|
|
line-height: 1;
|
|
padding-top: 64px;
|
|
padding-top: 64px;
|
|
|
|
+ padding-bottom: 56px;
|
|
min-height: calc(100vh - 364px);
|
|
min-height: calc(100vh - 364px);
|
|
|
|
+ background-color: #f5f5fb;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
</head>
|
|
</head>
|
|
@@ -32,238 +31,92 @@
|
|
<body>
|
|
<body>
|
|
{{include "/common/pchead.html"}}
|
|
{{include "/common/pchead.html"}}
|
|
<section class="search-container">
|
|
<section class="search-container">
|
|
- <div class="vue-search-container" id="pur-search-container" v-cloak>
|
|
|
|
- <div class="search-header">
|
|
|
|
- <div class="search-header-content w">
|
|
|
|
- <div class="search-header-top">
|
|
|
|
- <div class="input-container flex">
|
|
|
|
- <el-input
|
|
|
|
- placeholder="输入采购单位名称"
|
|
|
|
- v-model.trim="searchContent"
|
|
|
|
- clearable
|
|
|
|
- @focus="preSearch.focus=true"
|
|
|
|
- @blur="preSearch.focus=false"
|
|
|
|
- @input="getPreSearchList"
|
|
|
|
- @keyup.enter.native="doSearch">
|
|
|
|
- <template slot="prefix">
|
|
|
|
- <div class="input-prefix-icon">
|
|
|
|
- <img src="/images/biddingSearch/search-icon1.png">
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- <template slot="append">
|
|
|
|
- <div class="search-button no-select" @click="doSearch">搜 索</div>
|
|
|
|
- </template>
|
|
|
|
- </el-input>
|
|
|
|
- <div class="filter-button no-select" @click="isFilterShow">
|
|
|
|
- <span>筛选</span>
|
|
|
|
- <span class="el-icon-arrow-up" :class="filterShow ? '' : 'rotate180'"></span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="search-right-wx">
|
|
|
|
- <img src="{{Msg "seo" "cdn"}}/images/biddingSearch/sea-right-wx.png" />
|
|
|
|
- <div class="search-right-wx-inner">
|
|
|
|
- <div class="wx-inner-title">扫码关注剑鱼标讯</div>
|
|
|
|
- <div class="wx-inner-ewm">
|
|
|
|
- <img id="keyImg" src="/front/share/{{.T.shareid}}"/>
|
|
|
|
- </div>
|
|
|
|
- <div class="wx-inner-bottom">微信扫一扫<br>随时随地掌握招标信息</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="vue-busniess-container" id="pur-busniess-container" v-cloak>
|
|
|
|
+ <div class="scope-config">
|
|
|
|
+ <!-- 关键词列表 -->
|
|
|
|
+ <div class="classify">
|
|
|
|
+ <div class="key-title">
|
|
|
|
+ <span>${setData.title}</span>
|
|
</div>
|
|
</div>
|
|
- <div class="search-header-bottom">
|
|
|
|
- <el-tabs v-model="tabActive">
|
|
|
|
- <el-tab-pane label="招标搜索" name="zb"></el-tab-pane>
|
|
|
|
- <el-tab-pane label="企业搜索" name="qy"></el-tab-pane>
|
|
|
|
- <el-tab-pane label="采购单位搜索" name="cgdw"></el-tab-pane>
|
|
|
|
- </el-tabs>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="search-content w">
|
|
|
|
- <div class="tit-r">
|
|
|
|
- <div class="mesg-box">
|
|
|
|
- <i class="el-icon-jy-top-mesg"></i>
|
|
|
|
- <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-content">
|
|
|
|
- <area-city-component @change="areaCityChange"></area-city-component>
|
|
|
|
|
|
+ <div class="classify-list">
|
|
|
|
+ <div class="classify-content" v-if="newWordsList && newWordsList.length > 0">
|
|
|
|
+ <div class="add-words-box" @click="addKeyFn()" v-if="!addShowForm" key="add">+新增关键词组</div>
|
|
|
|
+ <div style="width:100%;" v-else key="add">
|
|
|
|
+ <Edit
|
|
|
|
+ :datas="newWordsList"
|
|
|
|
+ title="新增"
|
|
|
|
+ :keywords="{key:[], appendkey:[],notkey:[],showForm: true,matchway: 1}"
|
|
|
|
+ :keyIndex="newWordsList.length"
|
|
|
|
+ @closeform="addShowForm = false"
|
|
|
|
+ @updatescope="onUpdatescope"
|
|
|
|
+ >
|
|
|
|
+ </Edit>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <!--行业分类-->
|
|
|
|
- <div class="industry-lis-t">
|
|
|
|
- <div class="indus-tit">行业分类:</div>
|
|
|
|
- <div class="selector-content" :class="{ 'no-more': !showMore }">
|
|
|
|
- <div class="select-group-container" >
|
|
|
|
- <div class="select-group-header"
|
|
|
|
- v-show="!showMore"
|
|
|
|
- v-for="(item, index) in industryListMap"
|
|
|
|
- :key="index+'A'"
|
|
|
|
- :class="{
|
|
|
|
- 'right-line': showMore
|
|
|
|
- }">
|
|
|
|
- <button
|
|
|
|
- class="j-button-item"
|
|
|
|
- :class="{
|
|
|
|
- active: item.selected,
|
|
|
|
- [item.id]: true,
|
|
|
|
- 'button-level-0': item.level === 0,
|
|
|
|
- 'button-level-1': item.level === 1,
|
|
|
|
- 'all': item.level === 0,
|
|
|
|
- 'bgc': item.level === 1
|
|
|
|
- }"
|
|
|
|
- @click="changeIndustryState(item)"
|
|
|
|
- >${ item.name }</button>
|
|
|
|
- </div>
|
|
|
|
- <div class="select-group-header"
|
|
|
|
- v-show="showMore"
|
|
|
|
- v-for="(item, index) in getIndustryListMap"
|
|
|
|
- :key="index+'B'"
|
|
|
|
- :class="{
|
|
|
|
- 'right-line': showMore
|
|
|
|
- }">
|
|
|
|
- <button
|
|
|
|
- class="j-button-item"
|
|
|
|
- :class="{
|
|
|
|
- active: item.selected,
|
|
|
|
- [item.id]: true,
|
|
|
|
- 'button-level-0': item.level === 0,
|
|
|
|
- 'button-level-1': item.level === 1,
|
|
|
|
- 'all': item.level === 0,
|
|
|
|
- 'bgc': item.level === 1
|
|
|
|
- }"
|
|
|
|
- @click="changeIndustryState(item)"
|
|
|
|
- >${ item.name }</button>
|
|
|
|
|
|
+ <div class="list" v-for="(v, i) in newWordsList" :key="'0' + i" style="width:100%;">
|
|
|
|
+ <Edit
|
|
|
|
+ :datas="newWordsList"
|
|
|
|
+ title="修改"
|
|
|
|
+ :keywords="v"
|
|
|
|
+ :keyindex="i"
|
|
|
|
+ @closeform="onCloseForm"
|
|
|
|
+ @updatescope="onUpdatescope"
|
|
|
|
+ v-if="v.showForm" key="edit">
|
|
|
|
+ </Edit>
|
|
|
|
+ <div class="list-box" v-else key="edit">
|
|
|
|
+ <div class="list-left yellow-box" v-if="v.matchway">模糊</div>
|
|
|
|
+ <div class="list-left blue-box" v-else>精准</div>
|
|
|
|
+ <div class="list-middle">
|
|
|
|
+ <div class="list-keywords" v-if="v.appendkey">
|
|
|
|
+ ${v.key.join(' ') + ' ' + v.appendkey.join(' ')}
|
|
|
|
+ </div>
|
|
|
|
+ <div class="list-keywords" v-else >${v.key.join(' ')}</div>
|
|
|
|
+ <p class="list-notkey" v-if="v.notkey && v.notkey.length > 0">排除词: ${v.notkey.join(' ')}</p>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="list-right">
|
|
|
|
+ <span class="icon-edit" @click="editKeyFn(v, i)"></span>
|
|
|
|
+ <span class="icon-delete" @click="deleteKeyFn(i)"></span>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <span class="action-button show-more" v-if="showmoreBtn" @click="showMore = !showMore">
|
|
|
|
- <span class="action-text">${ showMore ? '收起' : '更多' }</span>
|
|
|
|
- <span class="el-icon-arrow-down" :class="showMore ? 'rotate180' : ''"></span>
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- <!-- 客户分类 -->
|
|
|
|
- <div class="customer-card industry bus-card">
|
|
|
|
- <div class="leftTitle r-industry">客户分类:</div>
|
|
|
|
- <div class="right_msg">
|
|
|
|
- <span class="spa" :class="{g_active:qutive}" @click="quanBu('全部')">全部</span>
|
|
|
|
- <span
|
|
|
|
- v-for="(item,index) in indusData"
|
|
|
|
- :key="item"
|
|
|
|
- class="spa"
|
|
|
|
- :class="{'g_active':caiIndex.indexOf(index)>-1}"
|
|
|
|
- @click="caiIndus(item,index)"
|
|
|
|
- >${item}</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="stops cus-more">更多</div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div v-else>
|
|
|
|
+ <Edit
|
|
|
|
+ title="新增"
|
|
|
|
+ :datas="newWordsList"
|
|
|
|
+ :keywords="{key:[], appendkey:[],notkey:[],showForm: true,matchway:1}"
|
|
|
|
+ :keyIndex="newWordsList.length"
|
|
|
|
+ @closeform="addShowForm = false"
|
|
|
|
+ @updatescope="onUpdatescope"
|
|
|
|
+ >
|
|
|
|
+ </Edit>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <!-- 业务范围 -->
|
|
|
|
- <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>
|
|
|
|
- <span
|
|
|
|
- v-for="(item,index) in jobData"
|
|
|
|
- :key="index"
|
|
|
|
- class="spa"
|
|
|
|
- :class="{'g_active':caiIndex1.indexOf(index)>-1}"
|
|
|
|
- @click="caiIndus1(item.a_key,index)"
|
|
|
|
- >
|
|
|
|
- <i v-for="(ite,indx) in item.a_key" :key="indx">${keyChange(ite.appendkey,ite.key,ite.notkey)}</i>
|
|
|
|
- </span>
|
|
|
|
|
|
+ <!-- 删除关键词dialog -->
|
|
|
|
+ <el-dialog
|
|
|
|
+ custom-class="sub-dialog small-dialog"
|
|
|
|
+ :visible.sync="dialog.delKey"
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
+ :show-close="false"
|
|
|
|
+ top="30vh"
|
|
|
|
+ center
|
|
|
|
+ width="380px"
|
|
|
|
+ v-if="dialog.delKey"
|
|
|
|
+ >
|
|
|
|
+ <div class="delete-class">
|
|
|
|
+ <div class="delete-class-header">删除关键词组</div>
|
|
|
|
+ <div class="delete-class-content">确定删除该关键词组吗?</div>
|
|
|
|
+ <div class="delete-class-footer">
|
|
|
|
+ <el-button type="primary" class="confirm" @click="confirmDeleteKeyFn">确定</el-button>
|
|
|
|
+ <el-button class="cancel" @click="dialog.delKey = false">取消</el-button>
|
|
</div>
|
|
</div>
|
|
- <!-- <div class="stops job-more">更多</div> -->
|
|
|
|
- </div>
|
|
|
|
- <!-- 企业历史客户 -->
|
|
|
|
- <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>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
- <div class="search-pur-container">
|
|
|
|
- <div class="list-header">
|
|
|
|
- <el-checkbox v-model="allChecked" @change="allChange">客户列表</el-checkbox>
|
|
|
|
- <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">
|
|
|
|
- <!-- <el-checkbox v-model="singleChecked" @change="singleChange"></el-checkbox> -->
|
|
|
|
- <input class="custom-checkbox title-text-checkbox" name="bus-list" type="checkbox" dataid="" />
|
|
|
|
- <div class="img-tit">${item.Buyer}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="r-cont">
|
|
|
|
- <div class="img-c" @click="guanAndren(item, 0)">
|
|
|
|
- <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)">
|
|
|
|
- <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 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 class="tags-inputs">
|
|
|
|
- <div class="tag-input">
|
|
|
|
- <div class="tag-labels"></div>
|
|
|
|
- <input type="text" class="clear-input" maxlength="5" oninput="this.value=this.value.replace(/\s+/g,'')">
|
|
|
|
- <div class="tag-placeholder">新增标签回车保存</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="add-tag-button">添加并使用</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="tags-list clearfix"></div>
|
|
|
|
- <div class="tags-footer">
|
|
|
|
- <div class="tags-button button-confirm">确认添加</div>
|
|
|
|
- <div class="tags-button button-cancel">暂不添加</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="el-pagination-container">
|
|
|
|
- <el-pagination
|
|
|
|
- background
|
|
|
|
- layout="prev, pager, next, ->"
|
|
|
|
- :hide-on-single-page="true"
|
|
|
|
- :current-page="listState.pageNum"
|
|
|
|
- :page-size="listState.pageSize"
|
|
|
|
- :total="listState.total"
|
|
|
|
- @current-change="onPageChange"
|
|
|
|
- ></el-pagination>
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <div class="reset-tips">新增的关键词设置,将在登出时还原</div>
|
|
|
|
+ <button type="button" class="save-btn" @click="saveSetting"><a href="/jylab/purSearch/index.html">保存设置</a></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="search-footer w"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
|
|
@@ -283,321 +136,14 @@
|
|
<script src='{{Msg "seo" "cdn"}}/common-module/public/js/china-map-data.js'></script>
|
|
<script src='{{Msg "seo" "cdn"}}/common-module/public/js/china-map-data.js'></script>
|
|
<script src='{{Msg "seo" "cdn"}}/common-module/selector/js/provinceMap.js'></script>
|
|
<script src='{{Msg "seo" "cdn"}}/common-module/selector/js/provinceMap.js'></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-list-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/bus-edit-key.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/price-pc.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/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 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')
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- // 自定义标签
|
|
|
|
- // 标签输入框事件
|
|
|
|
- $('.tags-box').click(function(e) {
|
|
|
|
- e.stopPropagation()
|
|
|
|
- })
|
|
|
|
-
|
|
|
|
- $('.tag-input').click(function(e) {
|
|
|
|
- e.stopPropagation()
|
|
|
|
- $(this).children('.tag-placeholder').hide()
|
|
|
|
- $(this).children('input').focus()
|
|
|
|
- })
|
|
|
|
- // 标签输入框回车事件
|
|
|
|
- $('.tag-input .clear-input').keydown(function(event){
|
|
|
|
- event.stopPropagation()
|
|
|
|
- if (event.keyCode == 13) {
|
|
|
|
- if (!$('.tags-box').is(':hidden')) {
|
|
|
|
- $('.tags-inputs .add-tag-button').trigger('click')
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- // 标签输入框失去焦点事件
|
|
|
|
- $('.tag-input .clear-input').blur(function() {
|
|
|
|
- if($('.tag-labels').children().length == 0 && $(this).val() == '') {
|
|
|
|
- $('.tag-placeholder').show()
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- // 添加标签按钮事件
|
|
|
|
- $('.tags-inputs .add-tag-button').on('click', function () {
|
|
|
|
- var input = $('.tag-input .clear-input')
|
|
|
|
- if(input.val().length >= 2 && input.val().length < 6) {
|
|
|
|
- // ajax提交自定义标签
|
|
|
|
- addTagsAjax(input.val())
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- // 点击确定按钮,绑定标签
|
|
|
|
- $('.tags-footer .button-confirm').on('click', function () {
|
|
|
|
- if (!$('.tags-box').is(':hidden')){
|
|
|
|
- var lids = ""
|
|
|
|
- var lname = ""
|
|
|
|
- $('.tags-item.tags-active').each(function() {
|
|
|
|
- if ($(this).attr('data-id')){
|
|
|
|
- if(lids != ""){
|
|
|
|
- lids += ",";
|
|
|
|
- }
|
|
|
|
- if(lname != "") {
|
|
|
|
- lname+= ",";
|
|
|
|
- }
|
|
|
|
- lids += $(this).attr('data-id');
|
|
|
|
- lname += $(this).text()
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- var params = {
|
|
|
|
- lids: lids,
|
|
|
|
- laction: 'S',
|
|
|
|
- binfo: JSON.parse(sessionStorage.getItem('$save-tags-binfo'))
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 执行保存绑定标签操作
|
|
|
|
- if (params.lids !== '') {
|
|
|
|
- saveChooseTags(params, function () {
|
|
|
|
- $('.tags-footer .button-cancel').trigger('click')
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
-
|
|
|
|
- $('.tags-footer .button-cancel').on('click', function () {
|
|
|
|
- $('.tags-box').hide(function() {
|
|
|
|
- // 标签弹框消失时 清除上次选择的标签分类
|
|
|
|
- activeTags = []
|
|
|
|
- $('.tag-labels').empty()
|
|
|
|
- $('.clear-input').val('')
|
|
|
|
- $('.tags-list').find('.tags-item').removeClass('tags-active')
|
|
|
|
- $('.tag-placeholder').show()
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- var activeTags = []; //选中的自定义标签 作为全局变量使用
|
|
|
|
- // 解绑自定义标签
|
|
|
|
- function deleteInputTag(item) {
|
|
|
|
- var index = $(item).parent().attr('data-index')
|
|
|
|
- var id = $(item).parent().attr('data-id')
|
|
|
|
- activeTags.splice(index, 1)
|
|
|
|
- inputTagList()
|
|
|
|
- $('.tags-item[data-id="' + id + '"]').removeClass('tags-active')
|
|
|
|
- }
|
|
|
|
|
|
+ <!-- <script src='{{Msg "seo" "cdn"}}/js/purSearch.js?v={{Msg "seo" "version"}}'></script> -->
|
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/js/pur-busniess-index-pc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
|
|
|
- function inputTagList () {
|
|
|
|
- var ht = '';
|
|
|
|
- $('.tag-labels').html(ht)
|
|
|
|
- activeTags.forEach(function(v,i) {
|
|
|
|
- ht+='<span class="tag-label" data-index=' + i + ' data-id="' + v.lid + '">'
|
|
|
|
- ht+='<em>'+ v.lname + '</em>'
|
|
|
|
- ht+='<i class="tag-close" onclick="deleteInputTag(this)"></i>'
|
|
|
|
- ht+='</span>'
|
|
|
|
- });
|
|
|
|
- $('.tag-labels').html(ht)
|
|
|
|
- if ($('.tag-labels').children('.tag-label').length > 0) {
|
|
|
|
- $('.tag-placeholder').hide()
|
|
|
|
- }
|
|
|
|
- checkTagDisabled()
|
|
|
|
- }
|
|
|
|
- // 渲染标签列表数据
|
|
|
|
- function renderTagsList (data) {
|
|
|
|
- if (data && data.length > 0) {
|
|
|
|
- var ht = '';
|
|
|
|
- data.forEach(function(v,i) {
|
|
|
|
- ht+='<span class="tags-item" data-count=' + v.count + ' data-id=' + v.lid + '>'+ v.lanme +'</span>'
|
|
|
|
- });
|
|
|
|
- $(".tags-list").html(ht)
|
|
|
|
- activeTags.forEach(function(s,j){
|
|
|
|
- $('.tags-list .tags-item[data-id="' + s.lid + '"]').addClass('tags-active')
|
|
|
|
- })
|
|
|
|
- $('.tags-item').click(function(e) {
|
|
|
|
- e.stopPropagation()
|
|
|
|
- if ($(this).hasClass('disabled')) return
|
|
|
|
- var id = $(this).attr('data-id');
|
|
|
|
- var name = $(this).text()
|
|
|
|
- $(this).toggleClass('tags-active')
|
|
|
|
- if ($(this).hasClass('tags-active')) {
|
|
|
|
- activeTags.push({
|
|
|
|
- lid: id,
|
|
|
|
- lname: name
|
|
|
|
- })
|
|
|
|
- inputTagList ()
|
|
|
|
- } else {
|
|
|
|
- var newArr = activeTags.filter(function(item) {
|
|
|
|
- return item.lid != id
|
|
|
|
- })
|
|
|
|
- activeTags = newArr
|
|
|
|
- // console.log(activeTags,newArr, 'quxiao')
|
|
|
|
- inputTagList ()
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- inputTagList()
|
|
|
|
- }
|
|
|
|
- // 获取用户自定义标签
|
|
|
|
- function getUserTags () {
|
|
|
|
- $.ajax({
|
|
|
|
- type:'post',
|
|
|
|
- url:'/publicapply/bidcoll/getLabel?t=' + Date.now(),
|
|
|
|
- success: function(r){
|
|
|
|
- if (r.error_code == 0 && $.isArray(r.data)) {
|
|
|
|
- renderTagsList(r.data.reverse())
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- /*
|
|
|
|
- 保存或清除标签 ajax
|
|
|
|
- params: {
|
|
|
|
- lids: String 标签id(加密后), 非必传
|
|
|
|
- lname: String 标签名称, 非必传
|
|
|
|
- laction: String 用户行为:S添加或绑定标签;D删除标签 非必传
|
|
|
|
- binfo: Array 招标信息数组(已收藏的招标信息) 非必传
|
|
|
|
- bid: String 招标信息加密后id 必传
|
|
|
|
- }
|
|
|
|
- 1:lids为空;lname不为空;laction=”S”;binfo数组不为空->新增标签并且绑定收藏信息
|
|
|
|
- 2:lids不为空;laction=”S”;binfo数组不为空->收藏信息绑定标签
|
|
|
|
- 3:lids不为空;laction=”D”;->删除标签 并解绑收藏的信息
|
|
|
|
- */
|
|
|
|
- function saveChooseTags(params, callback) {
|
|
|
|
- $.ajax({
|
|
|
|
- type:'post',
|
|
|
|
- url:'/publicapply/bidcoll/label',
|
|
|
|
- contentType: "application/json",
|
|
|
|
- data: JSON.stringify(params),
|
|
|
|
- dataType:'json',
|
|
|
|
- success: function(r){
|
|
|
|
- if (r.data) {
|
|
|
|
- toastFn("标签绑定成功", 1000)
|
|
|
|
- callback && callback()
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- // 新增标签
|
|
|
|
- function addTagsAjax (name) {
|
|
|
|
- console.info('66666666')
|
|
|
|
- $.ajax({
|
|
|
|
- type:'post',
|
|
|
|
- url:'/publicapply/bidcoll/addLabel',
|
|
|
|
- data: {
|
|
|
|
- name: name
|
|
|
|
- },
|
|
|
|
- dataType:'json',
|
|
|
|
- success: function(r){
|
|
|
|
- if (r.data) {
|
|
|
|
- $('.tag-input .clear-input').val('')
|
|
|
|
- // 添加标签成功后 绑定标签
|
|
|
|
- if (activeTags.length < 3) {
|
|
|
|
- activeTags.push({
|
|
|
|
- lid: r.data,
|
|
|
|
- lname: name
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- getUserTags()
|
|
|
|
- } else {
|
|
|
|
- // toastFn(r.error_msg, 1000)
|
|
|
|
- toastFn('标签已经存在,无需添加', 1000)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- function checkTagDisabled () {
|
|
|
|
- if (activeTags.length >= 3) {
|
|
|
|
- // 禁用标签
|
|
|
|
- $('.tags-list').find('.tags-item:not(.tags-active)').addClass('disabled')
|
|
|
|
- } else {
|
|
|
|
- // 解除禁用
|
|
|
|
- $('.tags-list').find('.disabled').removeClass('disabled')
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- </script>
|
|
|
|
- <script type="text/javascript">
|
|
|
|
- setTimeout(() => {
|
|
|
|
- if(!vm.powerInfo.entniche && !vm.powerInfo.member && vm.powerInfo.vip <= 0) {
|
|
|
|
- (window.slotbydup = window.slotbydup || []).push({
|
|
|
|
- id: "u6603900",
|
|
|
|
- container: "_u4m8od8j3s",
|
|
|
|
- async: true
|
|
|
|
- });
|
|
|
|
- getAjaxAdv()
|
|
|
|
- var frames = document.getElementById("iframeu6603900_0");
|
|
|
|
- console.log(frames, 'frames')
|
|
|
|
-
|
|
|
|
- IframeOnClick.track(frames, function() {
|
|
|
|
- jQuery(document).click();
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- }, 1000);
|
|
|
|
- function getAjaxAdv () {
|
|
|
|
- $.ajax({
|
|
|
|
- type: 'POST',
|
|
|
|
- url: '/publicapply/adLeague/exposure',
|
|
|
|
- data: {
|
|
|
|
- client: 'PC',
|
|
|
|
- id: 'ad2',
|
|
|
|
- position: '企业搜索列表页底部'
|
|
|
|
- },
|
|
|
|
- success: function(res) {
|
|
|
|
- console.log(res)
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- var IframeOnClick = {
|
|
|
|
- resolution: 200,
|
|
|
|
- iframes: [],
|
|
|
|
- interval: null,
|
|
|
|
- Iframe: function() {
|
|
|
|
- this.element = arguments[0];
|
|
|
|
- this.cb = arguments[1];
|
|
|
|
- this.hasTracked = false;
|
|
|
|
- },
|
|
|
|
- track: function(element, cb) {
|
|
|
|
- this.iframes.push(new this.Iframe(element, cb));
|
|
|
|
- var _this = this;
|
|
|
|
- this.interval = setInterval(function() { _this.checkClick(); }, this.resolution);
|
|
|
|
- },
|
|
|
|
- checkClick: function() {
|
|
|
|
- if (document.activeElement) {
|
|
|
|
- var activeElement = document.activeElement;
|
|
|
|
- for (var i in this.iframes) {
|
|
|
|
- if (activeElement === this.iframes[i].element) { // user is in this Iframe
|
|
|
|
- if (this.iframes[i].hasTracked == false) {
|
|
|
|
- this.iframes[i].cb.apply(window, []);
|
|
|
|
- this.iframes[i].hasTracked = true;
|
|
|
|
- $.ajax({
|
|
|
|
- type: 'POST',
|
|
|
|
- url: '/publicapply/adLeague/click',
|
|
|
|
- data: {
|
|
|
|
- client: 'PC',
|
|
|
|
- id: 'ad2',
|
|
|
|
- position: '企业搜索列表页底部'
|
|
|
|
- },
|
|
|
|
- success: function(res) {
|
|
|
|
- console.log(res)
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- this.iframes[i].hasTracked = false;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- };
|
|
|
|
- </script>
|
|
|
|
- <!-- 多条广告如下脚本只需引入一次 -->
|
|
|
|
- <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer"></script>
|
|
|
|
|
|
+ <!-- 多条广告如下脚本只需引入一次 -->
|
|
|
|
+ <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer"></script>
|
|
</body>
|
|
</body>
|
|
|
|
|
|
</html>
|
|
</html>
|