|
|
@@ -2,58 +2,261 @@
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>预览数据</title>
|
|
|
- <meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
<script src="{{Msg "seo" "cdn"}}/js/rem.js"></script>
|
|
|
- <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/base.css" />
|
|
|
- <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/wx_dataExport/iconfont/iconfont.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/wx_dataExport/iconfont/iconfont.css" /> <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/dataExport/css/previewData.css?v={{Msg "seo" "version"}}">
|
|
|
<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/preview_data.css">
|
|
|
+ <script src="https://cdn.bootcss.com/js-polyfills/0.1.42/polyfill.min.js"></script>
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/dataExport/js/html2canvas.min.js"></script>
|
|
|
<style>
|
|
|
- iframe{
|
|
|
- border: 0px !important;
|
|
|
+ @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("/fonts/ttf/{{.T.ttf}}.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
|
|
|
+ }
|
|
|
+ body .loading_ {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ position: fixed;
|
|
|
+ background: #382f3d;
|
|
|
+ z-index: 999999999990;
|
|
|
+ opacity: .7;
|
|
|
+ margin-top: -55px;
|
|
|
+ }
|
|
|
+ body .loading_ > p {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto;
|
|
|
+ height: 60px;
|
|
|
+ width: 60px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 60px;
|
|
|
+ font-size: 0.36rem;
|
|
|
+ color: rgba(44, 183, 202, 0.8);
|
|
|
+ }
|
|
|
+ body .loading_ p span {
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ height: 40px;
|
|
|
+ width: 40px;
|
|
|
+ margin: 10px;
|
|
|
+ border-radius: 50%;
|
|
|
+ -webkit-box-shadow: 0 2px 3px rgba(44, 183, 202, 0.8);
|
|
|
+ animation: loading_ ease 1s infinite;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ @keyframes loading_ {
|
|
|
+ 0% {
|
|
|
+ transform: rotate(0deg); }
|
|
|
+ 100% {
|
|
|
+ transform: rotate(360deg); }
|
|
|
+ }
|
|
|
+ .buttons-tab{
|
|
|
+ position: fixed;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ right: 0px;
|
|
|
+ z-index: 9999;
|
|
|
+ height: 50px;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .d_bz{
|
|
|
+ margin-top:55px;
|
|
|
+ position:relative;
|
|
|
+ margin-bottom:10px;
|
|
|
+ }
|
|
|
+ .fimg{
|
|
|
+ margin-top:55px;
|
|
|
+ margin-bottom:10px;
|
|
|
+ }
|
|
|
+ ul,ol {
|
|
|
+ list-style: none;
|
|
|
+ margin: 0px;
|
|
|
+ padding: 0px;
|
|
|
+ }
|
|
|
+ .buttons-tab > ul {
|
|
|
+ width: 100%;
|
|
|
+ height: 1rem;
|
|
|
+ line-height: 1rem;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 .6rem;
|
|
|
+ background: #fff;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .buttons-tab > ul .active {
|
|
|
+ color: #2cb7ca !important;
|
|
|
+ border-bottom: 2px solid #2cb7ca !important;
|
|
|
+ -webkit-box-sizing: border-box !important;
|
|
|
+ box-sizing: border-box !important;
|
|
|
+ }
|
|
|
+ .buttons-tab > ul .tab-link {
|
|
|
+ display: block;
|
|
|
+ -webkit-box-flex: 1;
|
|
|
+ -ms-flex: 1;
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+ color: #1d1d1d;
|
|
|
+ font-size: .34rem;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: 99%;
|
|
|
+ }
|
|
|
+ .fimg {
|
|
|
+ opacity: 1 !important;
|
|
|
+ z-index: 9999;
|
|
|
+ }
|
|
|
+ .noData{
|
|
|
+ width: 200px;
|
|
|
+ height: 50px;
|
|
|
+ position: absolute;
|
|
|
+ top: 40%;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -100px;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div id="preview_data">
|
|
|
- <!-- <header class="header">
|
|
|
- <a href="#" class="return pull-left">
|
|
|
- <i class="icon iconfont"></i>
|
|
|
- </a>
|
|
|
- <h1 class="title">预览数据</h1>
|
|
|
- </header> -->
|
|
|
- <main class="main">
|
|
|
- <div class="buttons-tab">
|
|
|
- <ul>
|
|
|
- <li class="tab-link active">标准字段包</li>
|
|
|
- <li class="tab-link ">高级字段包</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="tabs">
|
|
|
- <div class="tab active">
|
|
|
- <iframe id="one" width="100%" height="100%" src="/front/dataExport/previewData/{{.T.id}}?dataType=1"></iframe>
|
|
|
- </div>
|
|
|
- <div class="tab" style="display: none;">
|
|
|
- <iframe id="two" width="100%" height="100%" src="/front/dataExport/previewData/{{.T.id}}?dataType=2"></iframe>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </main>
|
|
|
+ <div class="loading_" style="display:none;">
|
|
|
+ <p><span></span></p>
|
|
|
+ </div>
|
|
|
+ <div class="buttons-tab">
|
|
|
+ <ul>
|
|
|
+ <li class="tab-link active">标准字段包</li>
|
|
|
+ <li class="tab-link ">高级字段包</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="tabs" style="min-width:2020px;">
|
|
|
+ <table class="d_bz" cellspacing="0" cellpadding="0" >
|
|
|
+
|
|
|
+ </table>
|
|
|
+ <div class="sy">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="noData">今日已超出预览次数</div>
|
|
|
<script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/zepto.js"></script>
|
|
|
<script>
|
|
|
+ var bz = '<tr><td>序号</td><td>公告标题</td><td>公告内容</td><td>剑鱼标讯地址</td><td>省份</td><td>城市</td><td>发布时间</td><td>项目名称</td><td>采购单位</td><td>中标单位</td><td>中标价<br>(万元)</td><td>币种</td><td>公告类别</td></tr>';
|
|
|
+ var gj = '<tr><td>序号</td><td>公告标题</td><td>公告内容</td><td>公告地址</td><td>剑鱼标讯地址</td><td>省份</td><td>城市</td><td>发布时间</td><td>项目名称</td><td>项目编号</td><td>采购单位</td><td>采购单位<br>联系人</td><td>采购单位<br>联系电话</td><td>预算<br>(万元)</td><td>开标日期</td><td>中标单位</td><td>中标价<br>(万元)</td><td>招标机构</td><td>项目范围</td><td>币种</td><td>公告类别</td></tr>';
|
|
|
$(function() {
|
|
|
+ loading(true);
|
|
|
+ tab({{.T.dataType}});
|
|
|
$(".buttons-tab .tab-link").each(function() {
|
|
|
var index = $(this).index();
|
|
|
$(".buttons-tab .tab-link").eq(0).addClass("active");
|
|
|
|
|
|
$(this).click(function() {
|
|
|
+ loading(true);
|
|
|
+ tab(index);
|
|
|
$(this).addClass("active").siblings().removeClass("active");
|
|
|
- $(".tabs>.tab").eq(index).show().siblings().hide();
|
|
|
})
|
|
|
-
|
|
|
})
|
|
|
})
|
|
|
+ //
|
|
|
+ function tab(t){
|
|
|
+ t= parseInt(t)+1;
|
|
|
+ $.post("/front/wx_dataExport/getPreview",{dataType:t,_id:{{.T.id}}},function(r){
|
|
|
+ if(r.data){
|
|
|
+ var res = r.res.data;
|
|
|
+ var aHtml = bz;
|
|
|
+ if(t==2){
|
|
|
+ $(".tabs").css("min-width","2820px");
|
|
|
+ aHtml = gj;
|
|
|
+ for(var i in res){
|
|
|
+ aHtml+='<tr><td>'+(Number(i)+Number(1))+'</td>'
|
|
|
+ +'<td>'+res[i]["title"]+'</td>'
|
|
|
+ +'<td>'+res[i]["detail"]+'</td>'
|
|
|
+ +'<td>'+res[i]["href"]+'</td>'
|
|
|
+ +'<td>'+res[i]["url"]+'</td>'
|
|
|
+ +'<td>'+res[i]["area"]+'</td>'
|
|
|
+ +'<td>'+res[i]["city"]+'</td>'
|
|
|
+ +'<td>'+res[i]["publishtime"]+'</td>'
|
|
|
+ +'<td>'+res[i]["projectname"]+'</td>'
|
|
|
+ +'<td>'+res[i]["projectcode"]+'</td>'
|
|
|
+ +'<td>'+res[i]["buyer"]+'</td>'
|
|
|
+ +'<td>'+res[i]["buyerperson"]+'</td>'
|
|
|
+ +'<td>'+res[i]["buyertel"]+'</td>'
|
|
|
+ +'<td>'+res[i]["budget"]+'</td>'
|
|
|
+ +'<td>'+res[i]["bidopentime"]+'</td>'
|
|
|
+ +'<td>'+res[i]["s_winner"]+'</td>'
|
|
|
+ +'<td>'+res[i]["bidamount"]+'</td>'
|
|
|
+ +'<td>'+res[i]["agency"]+'</td>'
|
|
|
+ +'<td>'+res[i]["projectscope"]+'</td>'
|
|
|
+ +'<td>'+res[i]["currency"]+'</td>'
|
|
|
+ +'<td>'+res[i]["subtype"]+'</td>'
|
|
|
+ +'</tr>'
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ $(".tabs").css("min-width","2020px");
|
|
|
+ for(var i in res){
|
|
|
+ aHtml+='<tr><td>'+(Number(i)+Number(1))+'</td>'
|
|
|
+ +'<td>'+res[i]["title"]+'</td>'
|
|
|
+ +'<td>'+res[i]["detail"]+'</td>'
|
|
|
+ +'<td>'+res[i]["url"]+'</td>'
|
|
|
+ +'<td>'+res[i]["area"]+'</td>'
|
|
|
+ +'<td>'+res[i]["city"]+'</td>'
|
|
|
+ +'<td>'+res[i]["publishtime"]+'</td>'
|
|
|
+ +'<td>'+res[i]["projectname"]+'</td>'
|
|
|
+ +'<td>'+res[i]["buyer"]+'</td>'
|
|
|
+ +'<td>'+res[i]["s_winner"]+'</td>'
|
|
|
+ +'<td>'+res[i]["bidamount"]+'</td>'
|
|
|
+ +'<td>'+res[i]["currency"]+'</td>'
|
|
|
+ +'<td>'+res[i]["subtype"]+'</td>'
|
|
|
+ +'</tr>'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $(".d_bz").html(aHtml);
|
|
|
+ $('td').each(function(){
|
|
|
+ var tt = this.innerText;
|
|
|
+ if(tt=="undefined"||tt=="null"){
|
|
|
+ $(this).html("");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ makeP();
|
|
|
+ }else{
|
|
|
+ $(".tabs").css({"min-width":"0px","display": "none"});
|
|
|
+ loading(false);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ //loading...
|
|
|
+ function loading(flag){
|
|
|
+ if(flag){
|
|
|
+ $(".loading_").show();
|
|
|
+ }else{
|
|
|
+ $(".loading_").hide();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //picture
|
|
|
+ function makeP(){
|
|
|
+ var w=$("table").width();
|
|
|
+ var h=$("table").height();
|
|
|
+ $(".sy").width($("table").width()).height($("table").height());
|
|
|
+ //html2canvas(document.querySelector(".tabs")).then(function(canvas){
|
|
|
+ // var url=canvas.toDataURL('image/png');
|
|
|
+ // $("body").append("<img class=\"fimg\" src=\""+url+"\">");
|
|
|
+ // $("body img").width(w);
|
|
|
+ //});
|
|
|
+ loading(false);
|
|
|
+ }
|
|
|
</script>
|
|
|
{{include "/common/baiducc.html"}}
|
|
|
</body>
|
