|
@@ -288,7 +288,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.title }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.title
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="64"
|
|
@@ -299,7 +301,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.unitName }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.unitName
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="54"
|
|
@@ -323,7 +327,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.grantnum }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.grantnum
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="47"
|
|
@@ -334,7 +340,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.ownnum }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.ownnum
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="55"
|
|
@@ -345,7 +353,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.stocknum }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.stocknum
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="53"
|
|
@@ -356,8 +366,8 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right " v-if="message">{{
|
|
|
- item.intime | dataFormatyss
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.intime
|
|
|
}}</span>
|
|
|
</td>
|
|
|
<td
|
|
@@ -369,7 +379,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.innum }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.innum
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="72"
|
|
@@ -380,7 +392,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.peopleName }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.peopleName
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="55"
|
|
@@ -391,9 +405,12 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{
|
|
|
- item.outtime | dataFormatyss
|
|
|
- }}</span>
|
|
|
+ <span
|
|
|
+ align="center"
|
|
|
+ class="JR_right"
|
|
|
+ v-if="message && item.outtime"
|
|
|
+ >{{ item.outtime }}</span
|
|
|
+ >
|
|
|
</td>
|
|
|
<td
|
|
|
width="46"
|
|
@@ -404,7 +421,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.outnum }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.outnum
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="75"
|
|
@@ -428,7 +447,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.quality }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.quality
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
<td
|
|
|
width="55"
|
|
@@ -439,7 +460,9 @@
|
|
|
font-size: 16px;
|
|
|
"
|
|
|
>
|
|
|
- <span align="center" class="JR_right" v-if="message">{{ item.info }}</span>
|
|
|
+ <span align="center" class="JR_right" v-if="message">{{
|
|
|
+ item.info
|
|
|
+ }}</span>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
@@ -555,53 +578,65 @@ export default {
|
|
|
// footer: "测试页脚", //页脚标题
|
|
|
direction: "Horizontal", //默认或不填写为纵向,Horizontal 为横向
|
|
|
dom: "#contents", // dom节点
|
|
|
- num:0
|
|
|
+ num: 0,
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
- if(this.message.length>0){
|
|
|
- this.message.forEach((item, i) => {
|
|
|
- item.outtime = this.zhuanhuan(item.outtime);
|
|
|
- item.intime = this.zhuanhuan(item.intime);
|
|
|
- item.granttime = this.zhuanhuan(item.granttime);
|
|
|
- item.ids = i + 1;
|
|
|
- });
|
|
|
- //循环遍历
|
|
|
- for (var i = 0; i < this.message.length; i++) {
|
|
|
- //循环开始行
|
|
|
- var start_row;
|
|
|
- //需合并的行数
|
|
|
- var rowspan = 1;
|
|
|
- //循环到最后一行时
|
|
|
- if (i == this.message.length - 1) {
|
|
|
- //如果最后一行和倒数第二行属性不同,则rowspan=1;否则直接结束循环
|
|
|
- if (this.message[i].type != this.message[i - 1].type) {
|
|
|
- this.message[i].rowspan = rowspan;
|
|
|
+ if (this.message.length > 0) {
|
|
|
+ this.message.forEach((item, i) => {
|
|
|
+ if (item.outtime) {
|
|
|
+ item.outtime = this.zhuanhuan(item.outtime);
|
|
|
+ } else {
|
|
|
+ item.outtime = "";
|
|
|
}
|
|
|
- break;
|
|
|
- }
|
|
|
- //内层循环记录rowspan的数量
|
|
|
- for (var j = i; j < this.message.length - 1; j++) {
|
|
|
- //记录循环结束的行数
|
|
|
- start_row = j;
|
|
|
- //属性相同则rowspan+1;否则直接结束内循环
|
|
|
- if (this.message[j].type == this.message[j + 1].type) {
|
|
|
- rowspan++;
|
|
|
+ if (item.intime) {
|
|
|
+ item.intime = this.zhuanhuan(item.intime);
|
|
|
} else {
|
|
|
+ item.intime = "";
|
|
|
+ }
|
|
|
+ if (item.granttime) {
|
|
|
+ item.granttime = this.zhuanhuan(item.granttime);
|
|
|
+ } else {
|
|
|
+ item.outtime = "";
|
|
|
+ }
|
|
|
+ item.ids = i + 1;
|
|
|
+ });
|
|
|
+ //循环遍历
|
|
|
+ for (var i = 0; i < this.message.length; i++) {
|
|
|
+ //循环开始行
|
|
|
+ var start_row;
|
|
|
+ //需合并的行数
|
|
|
+ var rowspan = 1;
|
|
|
+ //循环到最后一行时
|
|
|
+ if (i == this.message.length - 1) {
|
|
|
+ //如果最后一行和倒数第二行属性不同,则rowspan=1;否则直接结束循环
|
|
|
+ if (this.message[i].type != this.message[i - 1].type) {
|
|
|
+ this.message[i].rowspan = rowspan;
|
|
|
+ }
|
|
|
break;
|
|
|
}
|
|
|
+ //内层循环记录rowspan的数量
|
|
|
+ for (var j = i; j < this.message.length - 1; j++) {
|
|
|
+ //记录循环结束的行数
|
|
|
+ start_row = j;
|
|
|
+ //属性相同则rowspan+1;否则直接结束内循环
|
|
|
+ if (this.message[j].type == this.message[j + 1].type) {
|
|
|
+ rowspan++;
|
|
|
+ } else {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //为数组添加rowspan属性
|
|
|
+ this.message[i].rowspan = rowspan;
|
|
|
+ //控制外循环从内循环结束的行数开始
|
|
|
+ i = start_row;
|
|
|
}
|
|
|
- //为数组添加rowspan属性
|
|
|
- this.message[i].rowspan = rowspan;
|
|
|
- //控制外循环从内循环结束的行数开始
|
|
|
- i = start_row;
|
|
|
- }
|
|
|
- //页面渲染
|
|
|
- var tbody = document.getElementById("tbody");
|
|
|
- var html = ``;
|
|
|
- for (var i = 0; i < this.message.length; i++) {
|
|
|
- html += `<tr><td
|
|
|
+ //页面渲染
|
|
|
+ var tbody = document.getElementById("tbody");
|
|
|
+ var html = ``;
|
|
|
+ for (var i = 0; i < this.message.length; i++) {
|
|
|
+ html += `<tr><td
|
|
|
width="35"
|
|
|
valign="center"
|
|
|
style="
|
|
@@ -612,11 +647,11 @@ export default {
|
|
|
>
|
|
|
<span align="center" class="JR_right" >${this.message[i].ids}</span>
|
|
|
</td>`;
|
|
|
- //动态添加rowspan属性
|
|
|
- if (this.message[i].rowspan != null) {
|
|
|
- html += `<td width="63" rowspan = '${this.message[i].rowspan}'>${this.message[i].type}</td>`;
|
|
|
- }
|
|
|
- html += `
|
|
|
+ //动态添加rowspan属性
|
|
|
+ if (this.message[i].rowspan != null) {
|
|
|
+ html += `<td width="63" rowspan = '${this.message[i].rowspan}'>${this.message[i].type}</td>`;
|
|
|
+ }
|
|
|
+ html += `
|
|
|
<td
|
|
|
width="82"
|
|
|
valign="center"
|
|
@@ -774,9 +809,9 @@ export default {
|
|
|
</td>
|
|
|
</tr>
|
|
|
`;
|
|
|
+ }
|
|
|
+ tbody.innerHTML = html;
|
|
|
}
|
|
|
- tbody.innerHTML = html;
|
|
|
- }
|
|
|
},
|
|
|
methods: {
|
|
|
daochu() {
|