|
@@ -934,17 +934,18 @@
|
|
</div>
|
|
</div>
|
|
<div class="dataExport_main">
|
|
<div class="dataExport_main">
|
|
<div v-if="isfixed && dataType === '1'" class="fixedTr data_fixed">
|
|
<div v-if="isfixed && dataType === '1'" class="fixedTr data_fixed">
|
|
- <table class="d_bz" cellspacing="0" cellpadding="0">
|
|
|
|
|
|
+ <div id="previewData_bz" class="previewData_bz"></div>
|
|
|
|
+ <!-- <table class="d_bz" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<tr>
|
|
<td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
<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-if="index===8&&dataType === '1'">${item.title}<br/>(万元)</span>
|
|
<span v-else>${item.title}</span>
|
|
<span v-else>${item.title}</span>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
- </table>
|
|
|
|
|
|
+ </table> -->
|
|
</div>
|
|
</div>
|
|
<table v-if="dataType === '1'" class="d_bz" cellspacing="0" cellpadding="0">
|
|
<table v-if="dataType === '1'" class="d_bz" cellspacing="0" cellpadding="0">
|
|
- <tr>
|
|
|
|
|
|
+ <tr id="firstTr">
|
|
<td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
<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-if="index===8&&dataType === '1'">${item.title}<br/>(万元)</span>
|
|
<span v-else>${item.title}</span>
|
|
<span v-else>${item.title}</span>
|
|
@@ -966,7 +967,8 @@
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
<div v-if="isfixed && dataType === '2'" class="fixedTr data_fixed">
|
|
<div v-if="isfixed && dataType === '2'" class="fixedTr data_fixed">
|
|
- <table class="d_gj" cellspacing="0" cellpadding="0">
|
|
|
|
|
|
+ <div id="previewData_gj" class="previewData_gj"></div>
|
|
|
|
+ <!-- <table class="d_gj" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<tr>
|
|
<td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
<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-if="index===13&&dataType === '2'||index===12&&dataType === '2'">${item.title}<br/>(万元)</span>
|
|
@@ -986,10 +988,10 @@
|
|
<td>联系电话</td>
|
|
<td>联系电话</td>
|
|
<td>电子邮箱</td>
|
|
<td>电子邮箱</td>
|
|
</tr>
|
|
</tr>
|
|
- </table>
|
|
|
|
|
|
+ </table> -->
|
|
</div>
|
|
</div>
|
|
<table v-if="dataType === '2'" class="d_gj" cellspacing="0" cellpadding="0">
|
|
<table v-if="dataType === '2'" class="d_gj" cellspacing="0" cellpadding="0">
|
|
- <tr>
|
|
|
|
|
|
+ <tr id="firstTrGj">
|
|
<td :rowspan="item.rowspan" :colspan="item.colspan" v-for="(item, index) in title" :key="index">
|
|
<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-if="index===13&&dataType === '2'||index===12&&dataType === '2'">${item.title}<br/>(万元)</span>
|
|
<span v-else>${item.title}</span>
|
|
<span v-else>${item.title}</span>
|
|
@@ -1164,7 +1166,7 @@
|
|
watch: {
|
|
watch: {
|
|
isfixed (newval, oldval) {
|
|
isfixed (newval, oldval) {
|
|
if (newval) {
|
|
if (newval) {
|
|
- $(function() {
|
|
|
|
|
|
+ setTimeout(() => {
|
|
// 获取表格td宽度
|
|
// 获取表格td宽度
|
|
if(this.dataType === '1') {
|
|
if(this.dataType === '1') {
|
|
var topTds = $(".d_bz tr:last");
|
|
var topTds = $(".d_bz tr:last");
|
|
@@ -1172,38 +1174,61 @@
|
|
var topTds = $(".d_gj:nth-child(2) tr:first");
|
|
var topTds = $(".d_gj:nth-child(2) tr:first");
|
|
var topTdsMin = $(".d_gj:nth-child(2) tr:last");
|
|
var topTdsMin = $(".d_gj:nth-child(2) tr:last");
|
|
}
|
|
}
|
|
- // 获取顶部title DOM
|
|
|
|
- if(this.dataType === '1') {
|
|
|
|
- var fixedTds = $('.fixedTr.data_fixed .d_bz tr').children()
|
|
|
|
- topTds = topTds.children();
|
|
|
|
|
|
+ var proNode = document.getElementById('previewData_bz')
|
|
|
|
+ var node = document.getElementById('firstTr')
|
|
|
|
+ if(this.dataType === '2') {
|
|
|
|
+ proNode = document.getElementById('previewData_gj')
|
|
|
|
+ node = document.getElementById('firstTrGj')
|
|
|
|
+ var height = 54
|
|
} else {
|
|
} else {
|
|
- debugger
|
|
|
|
- let $widthMinArr = []
|
|
|
|
- var fixedTds = $('.fixedTr.data_fixed .d_gj tr:nth-child(1)').children()
|
|
|
|
- var fixedMinTds = $('.fixedTr.data_fixed .d_gj tr:nth-child(2)').children()
|
|
|
|
- topTds = topTds.children();
|
|
|
|
- topTdsMin = topTdsMin.children()
|
|
|
|
- for(let m = 0; m < topTdsMin.length; m++){
|
|
|
|
- const $width = $(topTds.eq(m)).outerWidth()
|
|
|
|
- $widthMinArr.push($width)
|
|
|
|
- }
|
|
|
|
- // 把取到的宽度赋值给顶部title
|
|
|
|
- for(var f = 0; f < fixedMinTds.length; f++) {
|
|
|
|
- const $Dom = $(fixedMinTds.eq(f))
|
|
|
|
- $($Dom).css("width", $widthMinArr[f]+'px')
|
|
|
|
- }
|
|
|
|
|
|
+ var height = node.offsetHeight // dom高
|
|
}
|
|
}
|
|
- let $widthArr = []
|
|
|
|
- for(let m = 0; m < topTds.length; m++){
|
|
|
|
- const $width = $(topTds.eq(m)).outerWidth()
|
|
|
|
- $widthArr.push($width)
|
|
|
|
- }
|
|
|
|
- // 把取到的宽度赋值给顶部title
|
|
|
|
- for(var f = 0; f < fixedTds.length; f++) {
|
|
|
|
- const $Dom = $(fixedTds.eq(f))
|
|
|
|
- $($Dom).css("width", $widthArr[f]+'px')
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ 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)
|
|
|
|
+ });
|
|
|
|
+ // 获取顶部title DOM
|
|
|
|
+ // if(this.dataType === '1') {
|
|
|
|
+ // var fixedTds = $('.fixedTr.data_fixed .d_bz tr').children()
|
|
|
|
+ // topTds = topTds.children();
|
|
|
|
+ // } else {
|
|
|
|
+ // let $widthMinArr = []
|
|
|
|
+ // var fixedTds = $('.fixedTr.data_fixed .d_gj tr:nth-child(1)').children()
|
|
|
|
+ // var fixedMinTds = $('.fixedTr.data_fixed .d_gj tr:nth-child(2)').children()
|
|
|
|
+ // topTds = topTds.children();
|
|
|
|
+ // topTdsMin = topTdsMin.children()
|
|
|
|
+ // for(let m = 0; m < topTdsMin.length; m++){
|
|
|
|
+ // const $width = $(topTds.eq(m)).outerWidth()
|
|
|
|
+ // $widthMinArr.push($width)
|
|
|
|
+ // }
|
|
|
|
+ // // 把取到的宽度赋值给顶部title
|
|
|
|
+ // for(var f = 0; f < fixedMinTds.length; f++) {
|
|
|
|
+ // const $Dom = $(fixedMinTds.eq(f))
|
|
|
|
+ // $($Dom).css("width", $widthMinArr[f]+'px')
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // let $widthArr = []
|
|
|
|
+ // for(let m = 0; m < topTds.length; m++){
|
|
|
|
+ // const $width = $(topTds.eq(m)).outerWidth()
|
|
|
|
+ // $widthArr.push($width)
|
|
|
|
+ // }
|
|
|
|
+ // // 把取到的宽度赋值给顶部title
|
|
|
|
+ // for(var f = 0; f < fixedTds.length; f++) {
|
|
|
|
+ // const $Dom = $(fixedTds.eq(f))
|
|
|
|
+ // $($Dom).css("width", $widthArr[f]+'px')
|
|
|
|
+ // }
|
|
|
|
+ }, 200)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -1211,8 +1236,12 @@
|
|
renderImg () {
|
|
renderImg () {
|
|
var w=$(".d_bz").width();
|
|
var w=$(".d_bz").width();
|
|
var h=$(".d_bz").height();
|
|
var h=$(".d_bz").height();
|
|
|
|
+ var whichDom = document.querySelector(".d_bz")
|
|
$(".sy").width($(".d_bz").width()).height($(".d_bz").height());
|
|
$(".sy").width($(".d_bz").width()).height($(".d_bz").height());
|
|
- html2canvas(document.querySelector(".d_bz")).then(function(canvas){
|
|
|
|
|
|
+ if(dataNode._data.dataType === '2') {
|
|
|
|
+ whichDom = document.querySelector(".d_bz")
|
|
|
|
+ }
|
|
|
|
+ html2canvas().then(function(canvas){
|
|
var url=canvas.toDataURL('image/png');
|
|
var url=canvas.toDataURL('image/png');
|
|
$(".d_bz").append("<img class=\"fimg\" src=\""+url+"\">")
|
|
$(".d_bz").append("<img class=\"fimg\" src=\""+url+"\">")
|
|
$(".d_bz img").width(w);
|
|
$(".d_bz img").width(w);
|
|
@@ -1986,6 +2015,9 @@
|
|
if(res.data.list.length > 0) {
|
|
if(res.data.list.length > 0) {
|
|
dataNode._data.tableShow = true
|
|
dataNode._data.tableShow = true
|
|
dataNode._data.dataInfo = res.data
|
|
dataNode._data.dataInfo = res.data
|
|
|
|
+ if(res.data.total == -1) {
|
|
|
|
+ res.data.total = 20000
|
|
|
|
+ }
|
|
$('.dataExNum').text(res.data.total)
|
|
$('.dataExNum').text(res.data.total)
|
|
$('.dataExport-footer').show()
|
|
$('.dataExport-footer').show()
|
|
if(res.data.total > 20) {
|
|
if(res.data.total > 20) {
|