|
@@ -18,9 +18,15 @@
|
|
|
<link href="{{Msg "seo" "cdn"}}/css/dev2/reset_pc.css?v={{Msg "seo" "version"}}" rel="stylesheet">
|
|
|
<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/swiper/swiper.min.css?v={{Msg "seo" "version"}}">
|
|
|
<link rel="stylesheet" type="text/css"
|
|
|
- href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}"/>
|
|
|
+ href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}"/>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
|
|
|
+ <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"}}/dataExport/css/previewData.css?v={{Msg "seo" "version"}}">
|
|
|
+ <script src="//cdn-common.jianyu360.com/cdn/lib/html2canvas/1.4.0/dist/html2canvas.js"></script>
|
|
|
<script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script src="{{Msg "seo" "cdn"}}/swiper/swiper.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <script src="https://cdn.bootcdn.net/ajax/libs/fontfaceobserver/2.1.0/fontfaceobserver.js"></script>
|
|
|
+ <script src="//cdn-common.jianyu360.com/cdn/lib/vue-dragscroll/3.0.1/dist/vue-dragscroll.min.js"></script>
|
|
|
<title>数据导出_拟建项目导出_招标采购数据导出_中标数据导出-剑鱼标讯</title>
|
|
|
<meta content="数据导出" theme="light" name="enable-header"/>
|
|
|
<meta name="Keywords" content="拟建项目导出,招标采购数据导出,中标数据导出,剑鱼标讯"/>
|
|
@@ -534,63 +540,52 @@
|
|
|
.select-area:hover, .info-select-now:hover {
|
|
|
color: #2CB7CA;
|
|
|
}
|
|
|
+ @font-face {
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: normal;
|
|
|
+ font-family: 'MyNewFont';
|
|
|
+ src: url('/fonts/ttf/{{.T.ttf}}.eot'); /* IE 9 - 11 */
|
|
|
+ src: url('/fonts/ttf/{{.T.ttf}}.eot?#iefix') format('embedded-opentype'), /* IE Fix for IE 6-8*/
|
|
|
+ url("{{Msg "seo" "cdn"}}/fonts/ttf/{{.T.ttf}}.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
|
|
|
+ }
|
|
|
+ .mosaic-text {
|
|
|
+ display: inline !important;
|
|
|
+ color: transparent !important;
|
|
|
+ text-shadow: 0 0 10px rgba(0,0,0,0.5);
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
{{include "/common/pchead.html"}}
|
|
|
-<section class="conditions-box w" style="min-height: calc(100vh - 364px);">
|
|
|
- <!--顶部banner-->
|
|
|
- <div class="banner" style="height: 120px;margin-bottom:30px;">
|
|
|
- <div class="swiper-container lunbo" id="swiper1">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <!--轮播广告-->
|
|
|
- </div>
|
|
|
- <div class="swiper-pagination custorm_dot"></div>
|
|
|
+<section id="conditions-box" class="conditions-box w" style="min-height: calc(100vh - 364px);">
|
|
|
+ <!-- 数据导出功能文案 -->
|
|
|
+ <div class="dataExportFun">
|
|
|
+ <div class="data_export_left data_export_common">
|
|
|
+ <div class="data_e_l_top">
|
|
|
+ <img class="data_e_img" src='{{Msg "seo" "cdn"}}/dataExport/image/dataexport-text.png' alt="" />
|
|
|
+ <div class="data_e_l_bottom" style="width:358px">
|
|
|
+ 剑鱼标讯提供全国招投标数据的自助导出功能,<br/>
|
|
|
+ 可指定关键词、发布时间、地区或行业等筛选条件,<br/>
|
|
|
+ 剑鱼标讯以EXCEL表格形式提供数据。
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="data_export_right data_export_common">
|
|
|
+ <div class="data_e_l_top">
|
|
|
+ <img class="data_e_img" src='{{Msg "seo" "cdn"}}/dataExport/image/dataexport-ansisly.png' alt="" />
|
|
|
+ <div class="data_e_l_bottom">
|
|
|
+ 1、全面获取市场信息,紧跟市场趋势,提前布局;<br/>
|
|
|
+ 2、准确掌握行业客户、竞争对手、合作伙伴的招投标活动;<br/>
|
|
|
+ 3、轻松挖掘潜在客户、合作伙伴、拓展市场空间。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data_export_BG">
|
|
|
+ <img class="BG_img" src='{{Msg "seo" "cdn"}}/dataExport/image/dataexport-right.png' alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- {{$s_top:=(Ad "dataExport_Sieve_Banner" -1)}}
|
|
|
- <script>
|
|
|
- var ADTopList ={{$s_top}}
|
|
|
- if (ADTopList != null) {
|
|
|
- var adhtml = '';
|
|
|
- for (var i = 0; i < ADTopList.length; i++) {
|
|
|
- var num = i + 1;
|
|
|
- adhtml += '<div class="swiper-slide" onclick="adv_statistics(this)" adv_name="微信搜索页轮播图' + num + '">'
|
|
|
- if (ADTopList[i]["s_link"]) {
|
|
|
- adhtml += '<a dataHref="' + ADTopList[i]["s_link"] + '">'
|
|
|
- } else {
|
|
|
- adhtml += '<a>'
|
|
|
- }
|
|
|
- adhtml += '<img src="' + ADTopList[i]["s_pic"] + '" alt="" style="height:125px;width:1200px"></a></div>'
|
|
|
- }
|
|
|
- if (ADTopList.length == 1) {
|
|
|
- $(".swiper-pagination").hide();
|
|
|
- }
|
|
|
- if (adhtml != "") {
|
|
|
- $(".banner .swiper-wrapper").html(adhtml);
|
|
|
- }
|
|
|
- }
|
|
|
- //dev2.9.7.2
|
|
|
- var swiper1 = new Swiper('#swiper1', {
|
|
|
- slidesPerView: 1,
|
|
|
- spaceBetween: 20,
|
|
|
- centeredSlides: true,
|
|
|
- speed: 800,
|
|
|
- autoplay: {
|
|
|
- delay: 4000,
|
|
|
- disableOnInteraction: false,
|
|
|
- },
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- },
|
|
|
- paginationClickable: true,
|
|
|
- loop: true,
|
|
|
- });
|
|
|
- swiper1.init();
|
|
|
- </script>
|
|
|
-
|
|
|
<!--指示条-->
|
|
|
- <div class="progress_">
|
|
|
+ <div class="progress_" id="progress_">
|
|
|
<div class="pro l c3">
|
|
|
1.条件筛选
|
|
|
</div>
|
|
@@ -607,14 +602,14 @@
|
|
|
</div>
|
|
|
<!--选择区域-->
|
|
|
<div class="inner">
|
|
|
- <div style="margin-left: 50px;">
|
|
|
+ <!-- <div style="margin-left: 50px;">
|
|
|
<div class="sieve-tit">数据自助导出</div>
|
|
|
<div class="sieve-cont mt5">剑鱼标讯提供全国招投标数据的自助导出功能,企业可指定关键词、发布时间、地区或行业等筛选条件,剑鱼标讯以EXCEL表格形式提供数据。</div>
|
|
|
<div class="sieve-tit mt10">通过分析招标数据,可以帮助你</div>
|
|
|
<div class="sieve-cont mt5">1、全面获取市场信息,紧跟市场趋势,提前布局;</div>
|
|
|
<div class="sieve-cont ">2、准确掌握行业客户、竞争对手、合作伙伴的招投标活动;</div>
|
|
|
<div class="sieve-cont mar-bot10">3、轻松挖掘潜在客户、合作伙伴、拓展市场空间。</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!--日期-->
|
|
|
<div class="line-box float-box">
|
|
|
<div class="left">筛选日期</div>
|
|
@@ -894,9 +889,593 @@
|
|
|
<button id="reset">重置</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div id="dataExport_table" v-loading="loading" v-if="tableShow" class="dataExport_table">
|
|
|
+ <div class="dataExport_option" v-if="isfixed" :class="isfixed? 'data_fixed' : ''">
|
|
|
+ <div class="data_op_left">
|
|
|
+ 为您筛选到 <span style="color:#2CB7CA">${dataInfo.total}</span> 条数据
|
|
|
+ </div>
|
|
|
+ <div class="data_op_right">
|
|
|
+ <div class="data_specs">数据规格
|
|
|
+ <el-tooltip popper-class="filed-tooltip" class="item" effect="dark" placement="top">
|
|
|
+ <template #content>
|
|
|
+ 标准字段包:<br/>
|
|
|
+ 省份、城市、公告标题、剑鱼标讯地址、公告类别、发布时间、采购单位、中标单位、中标金额、项目名称、公告内容<br/>
|
|
|
+ 高级字段包:<br/>
|
|
|
+ 省份、城市、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目范围、预算金额、中标金额、开标日期、采购单位信息(采购单位名称、采购单位联系人、采购单位联系电话)、招标代理机构、中标单位信息(中标单位名称、中标单位联系人、中标单位联系电话)(来源:招标公告网站)、中标单位信息(中标单位联系人、中标单位联系电话、电子邮箱)(来源:国家企业公示网站)
|
|
|
+ </template>
|
|
|
+ <img class="data_help_img" src='{{Msg "seo" "cdn"}}/images/help.png' />
|
|
|
+ </el-tooltip>
|
|
|
+ :</div>
|
|
|
+ <div class="data_standard" @click="selectField('1')" :class="dataType==='1'?'active' : ''">
|
|
|
+ <img v-if="dataType==='1'" src='{{Msg "seo" "cdn"}}/dataExport/image/icon-field.png' alt="" />
|
|
|
+ <img v-else src='{{Msg "seo" "cdn"}}/dataExport/image/icon-gray-field.png' alt="" />
|
|
|
+ <span>标准字段包</span>
|
|
|
+ </div>
|
|
|
+ <div class="data_standard" @click="selectField('2')" :class="dataType==='2'?'active' : ''">
|
|
|
+ <img v-if="dataType==='2'" src='{{Msg "seo" "cdn"}}/dataExport/image/icon-field.png' alt="" />
|
|
|
+ <img v-else src='{{Msg "seo" "cdn"}}/dataExport/image/icon-gray-field.png' alt="" />
|
|
|
+ <span>高级字段包</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="dataExport_option" id="first_option">
|
|
|
+ <div class="data_op_left">
|
|
|
+ 为您筛选到 <span style="color:#2CB7CA">${dataInfo.total}</span> 条数据
|
|
|
+ </div>
|
|
|
+ <div class="data_op_right">
|
|
|
+ <div class="data_specs">数据规格
|
|
|
+ <el-tooltip popper-class="filed-tooltip" class="item" effect="dark" placement="top">
|
|
|
+ <template #content>
|
|
|
+ 标准字段包:<br/>
|
|
|
+ 省份、城市、公告标题、剑鱼标讯地址、公告类别、发布时间、采购单位、中标单位、中标金额、项目名称、公告内容<br/>
|
|
|
+ 高级字段包:<br/>
|
|
|
+ 省份、城市、公告标题、公告类别、公告内容、发布时间、公告地址、剑鱼标讯地址、项目名称、项目范围、预算金额、中标金额、开标日期、采购单位信息(采购单位名称、采购单位联系人、采购单位联系电话)、招标代理机构、中标单位信息(中标单位名称、中标单位联系人、中标单位联系电话)(来源:招标公告网站)、中标单位信息(中标单位联系人、中标单位联系电话、电子邮箱)(来源:国家企业公示网站)
|
|
|
+ </template>
|
|
|
+ <img class="data_help_img" src='{{Msg "seo" "cdn"}}/images/help.png' />
|
|
|
+ </el-tooltip>
|
|
|
+ :</div>
|
|
|
+ <div class="data_standard" @click="selectField('1')" :class="dataType==='1'?'active' : ''">
|
|
|
+ <img v-if="dataType==='1'" src='{{Msg "seo" "cdn"}}/dataExport/image/icon-field.png' alt="" />
|
|
|
+ <img v-else src='{{Msg "seo" "cdn"}}/dataExport/image/icon-gray-field.png' alt="" />
|
|
|
+ <span>标准字段包</span>
|
|
|
+ </div>
|
|
|
+ <div class="data_standard" @click="selectField('2')" :class="dataType==='2'?'active' : ''">
|
|
|
+ <img v-if="dataType==='2'" src='{{Msg "seo" "cdn"}}/dataExport/image/icon-field.png' alt="" />
|
|
|
+ <img v-else src='{{Msg "seo" "cdn"}}/dataExport/image/icon-gray-field.png' alt="" />
|
|
|
+ <span>高级字段包</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-dragscroll.x="true" class="dataExport_main" id="dataExport_main">
|
|
|
+ <div v-if="isfixed && dataType === '1'" class="fixedTr data_fixed">
|
|
|
+ <div id="previewData_bz" class="previewData_bz"></div>
|
|
|
+ <!-- <table class="d_bz" cellspacing="0" cellpadding="0">
|
|
|
+ <tr>
|
|
|
+ <td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
|
+ <span v-if="index===8&&dataType === '1'">${item.title}<br/>(万元)</span>
|
|
|
+ <span v-else>${item.title}</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table> -->
|
|
|
+ </div>
|
|
|
+ <table v-if="dataType === '1'" class="d_bz" cellspacing="0" cellpadding="0">
|
|
|
+ <tr id="firstTr">
|
|
|
+ <td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
|
+ <span v-if="index===8&&dataType === '1'">${item.title}<br/>(万元)</span>
|
|
|
+ <span v-else>${item.title}</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item, index) in dataInfo.list" :key="index">
|
|
|
+ <td>${index+1}</td>
|
|
|
+ <td>${item.area}</td>
|
|
|
+ <td>${item.city}</td>
|
|
|
+ <td>${item.title}</td>
|
|
|
+ <td>${item.subtype}</td>
|
|
|
+ <td>${item.publishtime}</td>
|
|
|
+ <td>${item.buyer}</td>
|
|
|
+ <td>${item.s_winner}</td>
|
|
|
+ <td name="money">${item.bidamount}</td>
|
|
|
+ <td>${item.projectname}</td>
|
|
|
+ <td>${item.detail}</td>
|
|
|
+ <td>${item.url}</td>
|
|
|
+ </tr>
|
|
|
+ <tbody>
|
|
|
+ <tr class="sy" :class="dataType==='2'?'sy_gj':''"></tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <div v-if="isfixed && dataType === '2'" class="fixedTr previewData_gj data_fixed">
|
|
|
+ <!-- <div id="previewData_gj" class="previewData_gj"></div> -->
|
|
|
+ <table v-if="dataType === '2'" class="d_gj thead_gj" cellspacing="0" cellpadding="0">
|
|
|
+ <tr>
|
|
|
+ <td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
|
+ <span v-if="index===13&&dataType === '2'||index===12&&dataType === '2'">${item.title}<br/>(万元)</span>
|
|
|
+ <span v-else>${item.title}</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>单位名称</td>
|
|
|
+ <td>联系人</td>
|
|
|
+ <td>联系电话</td>
|
|
|
+ <td>单位名称</td>
|
|
|
+ <td>联系人</td>
|
|
|
+ <td>联系电话</td>
|
|
|
+ <td>联系人</td>
|
|
|
+ <td>联系电话</td>
|
|
|
+ <td>电子邮箱</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="content" v-for="(item, index) in dataInfo.list" :key="index">
|
|
|
+ <td>${index+1}</td>
|
|
|
+ <td>${item.area}</td>
|
|
|
+ <td>${item.city}</td>
|
|
|
+ <td>${item.title}</td>
|
|
|
+ <td>${item.subtype}</td>
|
|
|
+ <td>${item.detail}</td>
|
|
|
+ <td>${item.publishtime}</td>
|
|
|
+ <td>${item.href}</td>
|
|
|
+ <td>${item.url}</td>
|
|
|
+ <td>${item.projectname}</td>
|
|
|
+ <td>${item.projectcode}</td>
|
|
|
+ <td>${item.projectscope}</td>
|
|
|
+ <td name="money">${item.budget}</td>
|
|
|
+ <td name="money">${item.bidamount}</td>
|
|
|
+ <td>${item.bidopentime}</td>
|
|
|
+ <td>${item.buyer}</td>
|
|
|
+ <td name="name">${item.buyerperson}</td>
|
|
|
+ <td name="phone">${item.buyertel}</td>
|
|
|
+ <td>${item.agency}</td>
|
|
|
+ <td>${item.s_winner}</td>
|
|
|
+ <td name="name">${item.winnerperson}</td>
|
|
|
+ <td name="phone">${item.winnertel}</td>
|
|
|
+ <td name="name">${item.legal_person}</td>
|
|
|
+ <td name="phone">${item.company_phone}</td>
|
|
|
+ <td>${item.company_email}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <table v-if="dataType === '2'" id="d_gj" class="d_gj" cellspacing="0" cellpadding="0">
|
|
|
+ <tr id="firstTrGj">
|
|
|
+ <td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
|
+ <span v-if="index===13&&dataType === '2'||index===12&&dataType === '2'">${item.title}<br/>(万元)</span>
|
|
|
+ <span v-else>${item.title}</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr-two">
|
|
|
+ <td>单位名称</td>
|
|
|
+ <td>联系人</td>
|
|
|
+ <td>联系电话</td>
|
|
|
+ <td>单位名称</td>
|
|
|
+ <td>联系人</td>
|
|
|
+ <td>联系电话</td>
|
|
|
+ <td>联系人</td>
|
|
|
+ <td>联系电话</td>
|
|
|
+ <td>电子邮箱</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="content" v-for="(item, index) in dataInfo.list" :key="index">
|
|
|
+ <td>${index+1}</td>
|
|
|
+ <td>${item.area}</td>
|
|
|
+ <td>${item.city}</td>
|
|
|
+ <td>${item.title}</td>
|
|
|
+ <td>${item.subtype}</td>
|
|
|
+ <td>${item.detail}</td>
|
|
|
+ <td>${item.publishtime}</td>
|
|
|
+ <td>${item.href}</td>
|
|
|
+ <td>${item.url}</td>
|
|
|
+ <td>${item.projectname}</td>
|
|
|
+ <td>${item.projectcode}</td>
|
|
|
+ <td>${item.projectscope}</td>
|
|
|
+ <td name="money">${item.budget}</td>
|
|
|
+ <td name="money">${item.bidamount}</td>
|
|
|
+ <td>${item.bidopentime}</td>
|
|
|
+ <td>${item.buyer}</td>
|
|
|
+ <td name="name">${item.buyerperson}</td>
|
|
|
+ <td name="phone">${item.buyertel}</td>
|
|
|
+ <td>${item.agency}</td>
|
|
|
+ <td>${item.s_winner}</td>
|
|
|
+ <td name="name">${item.winnerperson}</td>
|
|
|
+ <td name="phone">${item.winnertel}</td>
|
|
|
+ <td name="name">${item.legal_person}</td>
|
|
|
+ <td name="phone">${item.company_phone}</td>
|
|
|
+ <td>${item.company_email}</td>
|
|
|
+ </tr>
|
|
|
+ <tbody>
|
|
|
+ <tr class="sy" :class="dataType==='2'?'sy_gj':''"></tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <div class="dataMore-main" v-if="dataInfo.total>20"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="dataMore-out" style="display: none;">
|
|
|
+ <div class="dataMore-content">
|
|
|
+ <div class="dataMore">
|
|
|
+ <span class="data-more-text">导出后可查看更多数据</span>
|
|
|
+ <div class="data-more-btn data-now-export">立即导出</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="noDataDialog"
|
|
|
+ class="noDataDialog"
|
|
|
+ width="30%"
|
|
|
+ center>
|
|
|
+ <div class="no-data-text">
|
|
|
+ <p>未匹配到数据</p>
|
|
|
+ <p>对不起,没有匹配到数据,请修改数据导出条件</p>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="goModify">立即修改</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!--底部banner-->
|
|
|
+ <div class="banner" style="height: 120px;margin-top:32px;border-radius: 8px;overflow: hidden;">
|
|
|
+ <div class="swiper-container lunbo" id="swiper1">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <!--轮播广告-->
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination custorm_dot"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{$s_top:=(Ad "dataExport_Sieve_Banner" -1)}}
|
|
|
+ <script>
|
|
|
+ var ADTopList ={{$s_top}}
|
|
|
+ if (ADTopList != null) {
|
|
|
+ var adhtml = '';
|
|
|
+ for (var i = 0; i < ADTopList.length; i++) {
|
|
|
+ var num = i + 1;
|
|
|
+ adhtml += '<div class="swiper-slide" onclick="adv_statistics(this)" adv_name="微信搜索页轮播图' + num + '">'
|
|
|
+ if (ADTopList[i]["s_link"]) {
|
|
|
+ adhtml += '<a dataHref="' + ADTopList[i]["s_link"] + '">'
|
|
|
+ } else {
|
|
|
+ adhtml += '<a>'
|
|
|
+ }
|
|
|
+ adhtml += '<img src="' + ADTopList[i]["s_pic"] + '" alt="" style="height:125px;width:1200px"></a></div>'
|
|
|
+ }
|
|
|
+ if (ADTopList.length == 1) {
|
|
|
+ $(".swiper-pagination").hide();
|
|
|
+ }
|
|
|
+ if (adhtml != "") {
|
|
|
+ $(".banner .swiper-wrapper").html(adhtml);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //dev2.9.7.2
|
|
|
+ var swiper1 = new Swiper('#swiper1', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 20,
|
|
|
+ centeredSlides: true,
|
|
|
+ speed: 800,
|
|
|
+ autoplay: {
|
|
|
+ delay: 4000,
|
|
|
+ disableOnInteraction: false,
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ },
|
|
|
+ paginationClickable: true,
|
|
|
+ loop: true,
|
|
|
+ });
|
|
|
+ swiper1.init();
|
|
|
+ </script>
|
|
|
</section>
|
|
|
+<div class="dataExport-footer footer-one" style="display: none;">
|
|
|
+ <div class="data-footer-main">
|
|
|
+ <div style="margin-right: 16px;">为您筛选到 <span class="dataExNum" style="color:#2CB7CA"></span> 条数据</div>
|
|
|
+ <div class="data-modify dataBtnCom">修改条件</div>
|
|
|
+ <div class="data-now-export dataBtnCom">立即导出</div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div class="dataExport-footer footer-two" style="display: none;">
|
|
|
+ <div class="data-footer-main">
|
|
|
+ <div style="margin-right: 16px;">为您筛选到 <span class="dataExNum" style="color:#2CB7CA"></span> 条数据</div>
|
|
|
+ <div class="data-modify dataBtnCom">修改条件</div>
|
|
|
+ <div class="data-now-export dataBtnCom">立即导出</div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
{{include "/common/pcbottom.html"}}
|
|
|
{{include "/common/baiducc.html"}}
|
|
|
+<script src=//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/index.js></script>
|
|
|
+<script>
|
|
|
+ var dataNode = new Vue({
|
|
|
+ delimiters: ['${', '}'],
|
|
|
+ el: '#conditions-box',
|
|
|
+ data: {
|
|
|
+ title: [
|
|
|
+ {rowspan: 2,colspan: 1,title: '序号',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '省份',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '城市',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告标题',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告类别',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告内容',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '发布时间',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告地址',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '剑鱼标讯地址',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '项目名称',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '项目编号',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '项目范围',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '预算金额',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '中标金额',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '开标日期',},
|
|
|
+ {rowspan: 1,colspan: 3,title: '采购单位信息',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '招标代理机构',},
|
|
|
+ {rowspan: 1,colspan: 3,title: '中标单位信息(来源:招标公告网站)',},
|
|
|
+ {rowspan: 1,colspan: 3,title: '中标单位信息(来源:国家企业公示网站)',},
|
|
|
+ ],
|
|
|
+ loading: false,
|
|
|
+ bottomfixed: false,
|
|
|
+ isfixed: false,
|
|
|
+ tableShow: false,
|
|
|
+ noDataDialog: false,
|
|
|
+ dataType: '2',
|
|
|
+ refresh: '', // 从订单页返回标识
|
|
|
+ dataInfo: {
|
|
|
+ list: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ $('.dataExport_table').css('display', 'block')
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ window.addEventListener('scroll', this.handleScroll, true)
|
|
|
+ // 保存数据
|
|
|
+ let refresh = sessionStorage.getItem('refresh')
|
|
|
+ if(refresh) {
|
|
|
+ this.refresh = refresh
|
|
|
+ setTimeout(() => {
|
|
|
+ $("#sieve").trigger('click')
|
|
|
+ }, 500)
|
|
|
+ sessionStorage.removeItem('refresh')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ destroyed () {
|
|
|
+ window.removeEventListener('scroll', this.handleScroll, true)
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ isfixed (newval, oldval) {
|
|
|
+ if (newval) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if(this.dataType === '1') {
|
|
|
+ this.setHtmlCanvas(this.dataType)
|
|
|
+ let $scrolltable = document.querySelector('.dataExport_main')
|
|
|
+ if($scrolltable) {
|
|
|
+ let timer = setInterval(() => {
|
|
|
+ //需要定时执行的代码
|
|
|
+ const $canvas = $('.previewData_bz canvas')
|
|
|
+ if($canvas.length) {
|
|
|
+ $scrolltable.scrollLeft--
|
|
|
+ clearInterval(timer)
|
|
|
+ }
|
|
|
+ },300)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ renderImg () {
|
|
|
+ var w=$(".d_gj").width();
|
|
|
+ var h=$(".d_gj").height();
|
|
|
+ var whichDom = document.querySelector(".d_gj")
|
|
|
+ var mainDom = $('.dataExport_main')
|
|
|
+ if(this.dataType === '1') {
|
|
|
+ whichDom = document.querySelector(".d_bz")
|
|
|
+ w=$(".d_bz").width();
|
|
|
+ h=$(".d_bz").height();
|
|
|
+ }
|
|
|
+ $(".sy").width(w).height(h);
|
|
|
+ if(whichDom) {
|
|
|
+ html2canvas(whichDom).then(function(canvas){
|
|
|
+ this.loading = true
|
|
|
+ var url=canvas.toDataURL('image/png');
|
|
|
+ $('.fimg').remove()
|
|
|
+ mainDom.append("<img class=\"fimg\" src=\""+url+"\">")
|
|
|
+ mainDom.find('img').width(w);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setHtmlCanvas (type) {
|
|
|
+ var proNode = document.getElementById('previewData_bz')
|
|
|
+ if(!proNode) return
|
|
|
+ proNode.innerHTML = ''
|
|
|
+ var node = document.getElementById('firstTr')
|
|
|
+ var height = node.offsetHeight // dom高
|
|
|
+ if(node) {
|
|
|
+ var width = node.offsetWidth // dom宽
|
|
|
+ html2canvas(node, {
|
|
|
+ width: width,
|
|
|
+ height: height,
|
|
|
+ backgroundColor: '#EBF5FE',
|
|
|
+ scale: 2,
|
|
|
+ // X: 0,
|
|
|
+ // Y: 0,
|
|
|
+ // scrollX: -3, // 如果左边多个白边 设置该偏移-3 或者更多
|
|
|
+ // scrollY: 10,
|
|
|
+ useCORS: true, // 是否使用CORS从服务器加载图像 !!!
|
|
|
+ allowTaint: true // 是否允许跨域图像污染画布 !!!
|
|
|
+ }).then(function(canvas){
|
|
|
+ proNode.append(canvas)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 修改筛选条件
|
|
|
+ goModify () {
|
|
|
+ this.noDataDialog = false
|
|
|
+ var node = document.getElementById('progress_')
|
|
|
+ node.scrollIntoView()
|
|
|
+ },
|
|
|
+ // 监听滚动
|
|
|
+ handleScroll () {
|
|
|
+ var st =
|
|
|
+ window.pageYOffset ||
|
|
|
+ document.documentElement.scrollTop ||
|
|
|
+ document.body.scrollTop
|
|
|
+ console.log(st)
|
|
|
+ var scrollSt = $(window).scrollTop()
|
|
|
+ $bottomHeight = $('.j-bottom').outerHeight()
|
|
|
+ var $bottomDom = $(".j-bottom").offset().top;
|
|
|
+ if ($bottomDom - $bottomHeight > scrollSt + $bottomHeight) {
|
|
|
+ setTimeout(() => {
|
|
|
+ $('.footer-two').addClass('bottomfixed')
|
|
|
+ $('.footer-one').hide()
|
|
|
+ if (this.dataInfo.list) {
|
|
|
+ if(this.dataInfo.list.length > 0) {
|
|
|
+ $('.footer-two').show()
|
|
|
+ } else {
|
|
|
+ $('.footer-two').removeClass('bottomfixed').hide()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $('.footer-two').removeClass('bottomfixed').hide()
|
|
|
+ }
|
|
|
+ }, 500)
|
|
|
+ } else {
|
|
|
+ setTimeout(() => {
|
|
|
+ $('.footer-two').removeClass('bottomfixed').hide()
|
|
|
+ if (this.dataInfo.list) {
|
|
|
+ if(this.dataInfo.list.length > 0) {
|
|
|
+ $('.footer-one').show()
|
|
|
+ } else {
|
|
|
+ $('.footer-one').hide()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $('.footer-one').hide()
|
|
|
+ }
|
|
|
+ }, 500)
|
|
|
+ }
|
|
|
+ st > 1300 ? (this.isfixed = true) : (this.isfixed = false)
|
|
|
+ // 获取表格滚动距离
|
|
|
+ // 标准字段包
|
|
|
+ let $scrollLeft = document.querySelector('.previewData_bz canvas')
|
|
|
+ let $scrolltable = document.querySelector('.dataExport_main')
|
|
|
+ // 高级字段包
|
|
|
+ if (this.dataType === '2') {
|
|
|
+ $scrollLeft = document.querySelector('.thead_gj')
|
|
|
+ }
|
|
|
+ if($scrolltable) {
|
|
|
+ $scrolltable = $scrolltable.scrollLeft
|
|
|
+ }
|
|
|
+ if ($scrollLeft) {
|
|
|
+ $scrollLeft.style.transform = 'translateX(-' + $scrolltable + 'px)'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectField (data) {
|
|
|
+ this.dataType = data
|
|
|
+ if(data === '1') {
|
|
|
+ this.title = [{rowspan: 1,colspan: 1,title: '序号',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '省份',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '城市',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '公告标题',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '公告类别',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '发布时间',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '采购单位',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '中标单位',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '项目名称',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '中标金额',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '公告内容',},
|
|
|
+ {rowspan: 1,colspan: 1,title: '剑鱼标讯地址',}]
|
|
|
+ } else if(data === '2'){
|
|
|
+ // this.title = ['序号', '省份', '城市', '公告标题', '公告类别', '公告内容', '发布时间', '公告地址', '剑鱼标讯地址', '项目名称', '项目编号', '项目范围', '预算金额', '中标金额', '开标日期', '采购单位信息', '招标代理机构', '中标单位信息(来源:招标公告网站)', '中标单位信息(来源:国家企业公示网站)']
|
|
|
+ this.title = [
|
|
|
+ {rowspan: 2,colspan: 1,title: '序号',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '省份',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '城市',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告标题',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告类别',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告内容',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '发布时间',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '公告地址',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '剑鱼标讯地址',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '项目名称',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '项目编号',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '项目范围',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '预算金额',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '中标金额',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '开标日期',},
|
|
|
+ {rowspan: 1,colspan: 3,title: '采购单位信息',},
|
|
|
+ {rowspan: 2,colspan: 1,title: '招标代理机构',},
|
|
|
+ {rowspan: 1,colspan: 3,title: '中标单位信息(来源:招标公告网站)',},
|
|
|
+ {rowspan: 1,colspan: 3,title: '中标单位信息(来源:国家企业公示网站)',},
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ // 恢复左边滑动距离
|
|
|
+ let $scrolltable = document.querySelector('.dataExport_main')
|
|
|
+ $scrolltable.scrollLeft = 0
|
|
|
+ $("#sieve").click()
|
|
|
+ if(this.tableShow) {
|
|
|
+ // 字体加载异常处理
|
|
|
+ try {
|
|
|
+ document.fonts.ready.then(function() {
|
|
|
+ this.renderImg()
|
|
|
+ });
|
|
|
+ } catch (err) {
|
|
|
+ console.log(err)
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ var font = new FontFaceObserver('MyNewFont');
|
|
|
+ font.load().then(function () {
|
|
|
+ var html = document.querySelector('body');
|
|
|
+ html.classList.add('font-loaded');
|
|
|
+ this.renderImg()
|
|
|
+ }, function () {
|
|
|
+ console.log('Font is not available');
|
|
|
+ });
|
|
|
+ } catch (err) {
|
|
|
+ console.log(err)
|
|
|
+ }
|
|
|
+ document.getElementById('sieve').scrollIntoView()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $('.data-modify').click(function() {
|
|
|
+ var $progress = document.getElementById('progress_')
|
|
|
+ $progress.scrollIntoView()
|
|
|
+ })
|
|
|
+ $('.data-now-export').click(function() {
|
|
|
+ var $progress = document.getElementById('progress_')
|
|
|
+ $progress.scrollIntoView()
|
|
|
+ sessionStorage.setItem('refresh', '1')
|
|
|
+ let redirectUrl = '/front/dataExport/toCreateOrderPage/' + dataNode._data.dataInfo._id
|
|
|
+ window.location.href = redirectUrl + "?from=" + GetQueryString("from")+ "&type=" + dataNode.dataType + "&source=" +GetQueryString("source")
|
|
|
+ })
|
|
|
+ function isIE(){
|
|
|
+ if(!!window.ActiveXObject || "ActiveXObject" in window){
|
|
|
+ return true;
|
|
|
+ }else{
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $(function () {
|
|
|
+ if (isIE()) {
|
|
|
+ dataNode.renderImg()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ var ttf={{.T.ttf}}
|
|
|
+ function textFormatForMosaic (text, phone) {
|
|
|
+ if (typeof text === 'string' || typeof text == 'number') {
|
|
|
+ if (phone) {
|
|
|
+ return String(text).replace(/([\w\W]*)([\w\W]{4})$/, '$1****')
|
|
|
+ } else {
|
|
|
+ return String(text).replace(/^(.)(.*)/, '$1**')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return text
|
|
|
+ }
|
|
|
+ function moneyFormatForCover (money) {
|
|
|
+ if (typeof money === 'string' || typeof money == 'number') {
|
|
|
+ return String(money).replace(/(\d)(\.){0,1}(\d)/, '$1$2*')
|
|
|
+ }
|
|
|
+ return money
|
|
|
+ }
|
|
|
+
|
|
|
+ $("td[name='name']").each(function () {
|
|
|
+ $(this).html(textFormatForMosaic($(this).text()))
|
|
|
+ })
|
|
|
+ $("td[name='phone']").each(function () {
|
|
|
+ $(this).html(textFormatForMosaic($(this).text(), true))
|
|
|
+ })
|
|
|
+ $("td[name='money']").each(function () {
|
|
|
+ $(this).html(moneyFormatForCover($(this).text()))
|
|
|
+ })
|
|
|
+
|
|
|
+</script>
|
|
|
<script type="text/javascript">
|
|
|
(function (undefined) {
|
|
|
}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
|
|
@@ -1547,6 +2126,7 @@
|
|
|
});
|
|
|
|
|
|
$("#sieve").click(function () {
|
|
|
+ dataNode._data.loading = true
|
|
|
$("#sieve").addClass("sussecc");
|
|
|
$("#reset").removeClass("sussecc");
|
|
|
var date = getDate();
|
|
@@ -1560,6 +2140,7 @@
|
|
|
var subType = getSubType();
|
|
|
var buyer = getBuyers();
|
|
|
var winner = getWinners();
|
|
|
+ var dataType = dataNode._data.dataType
|
|
|
//关键词匹配方式
|
|
|
var select = $(".selectType .select").text();
|
|
|
var selectType = '';
|
|
@@ -1583,14 +2164,55 @@
|
|
|
"maxprice": price[1],
|
|
|
"subtype": subType.toString() == "全部" ? "" : subType.toString(),
|
|
|
"buyer": buyer.toString(),
|
|
|
- "winner": winner.toString()
|
|
|
+ "winner": winner.toString(),
|
|
|
+ "dataType": dataType
|
|
|
};
|
|
|
setLocalStorage(param);
|
|
|
// console.log(param);
|
|
|
- $.post("/front/dataExport/sieveData", param, function (data) {
|
|
|
- if (data.success) {
|
|
|
- window.location.href = data.redirectUrl + "?from=" + GetQueryString("from")+ "&source=" +GetQueryString("source");
|
|
|
+ $.post("/front/dataExport/sieveData", param, function (res) {
|
|
|
+ if(res.error_code == 0) {
|
|
|
+ dataNode._data.dataInfo = res.data
|
|
|
+ if(res.data.list) {
|
|
|
+ setTimeout(function() {
|
|
|
+ dataNode._data.loading = false
|
|
|
+ }, 500)
|
|
|
+ dataNode._data.tableShow = true
|
|
|
+ if(res.data.total == -1) {
|
|
|
+ res.data.total = 20000
|
|
|
+ }
|
|
|
+ $('.dataExNum').text(res.data.total)
|
|
|
+ $('.dataExport-footer').show()
|
|
|
+ if(res.data.total > 20) {
|
|
|
+ $('.dataMore-out').show()
|
|
|
+ } else{
|
|
|
+ $('.dataMore-out').hide()
|
|
|
+ }
|
|
|
+ $(function(){
|
|
|
+ if(dataType === '1') {
|
|
|
+ dataNode.setHtmlCanvas(dataType)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ setTimeout(function(){
|
|
|
+ var ele = document.getElementById("first_option");
|
|
|
+ var $progress = document.getElementById('progress_')
|
|
|
+ ele.scrollIntoView()
|
|
|
+ var scrollSt = $(window).scrollTop()
|
|
|
+ if(dataNode._data.refresh !== '') {
|
|
|
+ $progress.scrollIntoView()
|
|
|
+ dataNode._data.refresh = ''
|
|
|
+ } else {
|
|
|
+ $(window).scrollTop(scrollSt-54)
|
|
|
+ }
|
|
|
+ dataNode.renderImg()
|
|
|
+ },100)
|
|
|
+ } else {
|
|
|
+ $('.dataExport-footer').hide()
|
|
|
+ $('.dataMore-out').hide()
|
|
|
+ dataNode._data.loading = false
|
|
|
+ dataNode._data.tableShow = false
|
|
|
+ dataNode._data.noDataDialog = true
|
|
|
}
|
|
|
+ }
|
|
|
}, 'json');
|
|
|
});
|
|
|
|