mqzheng/report-design
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

jQuery highlight added

Browse Source
This commit is contained in:
郑茂强 2018-10-10 17:19:24 +08:00
parent f9fede6b26
commit 960f05c1e7
10 changed files with 142 additions and 346 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
package-lock.json generated
View File

@ -4906,6 +4906,11 @@
"jest-regex-util": "^23.3.0"
}
},
"expose-loader": {
"version": "0.7.5",
"resolved": "http://r.cnpmjs.org/expose-loader/download/expose-loader-0.7.5.tgz",
"integrity": "sha1-4p6i2a7u0yVKP6obNfUC25+cP28="
},
"express": {
"version": "4.16.3",
"resolved": "http://r.cnpmjs.org/express/download/express-4.16.3.tgz",
@ -8361,6 +8366,11 @@
"topo": "3.x.x"
}
},
"jquery": {
"version": "3.3.1",
"resolved": "http://r.cnpmjs.org/jquery/download/jquery-3.3.1.tgz",
"integrity": "sha1-lYzinoHJeQ8xvneS311NlfxX+8o="
},
"js-base64": {
"version": "2.4.9",
"resolved": "http://r.cnpmjs.org/js-base64/download/js-base64-2.4.9.tgz",

3
package.json
View File

@ -12,8 +12,9 @@
"@types/html2canvas": "0.0.33",
"@types/jspdf": "^1.1.31",
"abab": "^2.0.0",
"expose-loader": "^0.7.5",
"html2canvas": "^1.0.0-alpha.12",
"jspdf": "^1.4.1",
"jquery": "^3.3.1",
"vue": "^2.5.17",
"vue-class-component": "^6.0.0",
"vue-property-decorator": "^7.0.0",

36
public/index.html
View File

@ -1,17 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>table-summary</title>
</head>
<body>
<noscript>
<strong>We're sorry but table-summary doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>table-summary</title>
</head>
<body>
<noscript>
<strong>We're sorry but table-summary doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

72
src/assets/hightlight.js Normal file
View File

@ -0,0 +1,72 @@
export function hightlight(table) {
var isMouseDown = false;
var startRowIndex = null;
var startCellIndex = null;
function selectTo(cell) {
var row = cell.parent();
var cellIndex = cell.index();
var rowIndex = row.index();
var rowStart, rowEnd, cellStart, cellEnd;
if (rowIndex < startRowIndex) {
rowStart = rowIndex;
rowEnd = startRowIndex;
} else {
rowStart = startRowIndex;
rowEnd = rowIndex;
}
if (cellIndex < startCellIndex) {
cellStart = cellIndex;
cellEnd = startCellIndex;
} else {
cellStart = startCellIndex;
cellEnd = cellIndex;
}
for (var i = rowStart; i <= rowEnd; i++) {
var rowCells = table
.find('tr')
.eq(i)
.find('td');
for (var j = cellStart; j <= cellEnd; j++) {
rowCells.eq(j - 1).addClass('selected');
}
}
}
table
.find('td')
.mousedown(function(e) {
isMouseDown = true;
var cell = $(this);
table.find('.selected').removeClass('selected'); // deselect everything
if (e.shiftKey) {
selectTo(cell);
} else {
cell.addClass('selected');
startCellIndex = cell.index();
startRowIndex = cell.parent().index();
}
return false; // prevent text selection
})
.mouseover(function() {
if (!isMouseDown) return;
table.find('.selected').removeClass('selected');
selectTo($(this));
})
.bind('selectstart', function() {
return false;
});
$(document).mouseup(function() {
var text = $('.selected').text();
console.log(text);
isMouseDown = false;
});
}

3
src/assets/methodTool.ts
View File

@ -18,7 +18,6 @@ const orderDetailsKeys: string[] = [];
const banCaiHeaderKeys: string[] = [];
const banCaiDetailsKeys: string[] = [];
const temRowHolder: string[] = [];
const banCaiTemplateIndexHolder = [];
for (const key in data) {
if (key !== 'boards') {
orderDetailsKeys.push(key);
@ -97,7 +96,7 @@ const Tool = {
}
that.selectedCell = 9000;
},
addTotalAmount: (query) => {
addTotalAmount: (query: string) => {
let total = 0;
const query1 = query.slice(5);
for (const board of data.boards) {

5
src/assets/typeScriptDeclaration.ts
View File

@ -1,5 +0,0 @@
export class typeScriptDeclaration {
name: string;
rollNo: string;
standard: number;
}

47
src/components/reportTemplate/ReportTemplate.vue
View File

@ -2,10 +2,10 @@
<div class='main'>
<div class='empty'></div>
<div class='content'>
<table id='printpdfhooker' class='table'>
<table id='tablehooker' class='table'>
<tr v-for="(row,index) in rows" :key="row.rowId" :cells="row.cells">
<input class='row-counter' type="button" :value='index' @click="rowClickHandler(row)">
<reportCell v-for="cell in row.cells" :cell="cell" v-on:cellIdFromChild="getCellFromChildren" :key="cell.cellId" v-bind:class="{active:cell.cellId===selectedCell}"></reportCell>
<reportCell v-for="cell in row.cells" :cell="cell" v-on:cellIdFromChild="getCellFromChildren" :key="cell.cellId"></reportCell>
</tr>
</table>
</div>
@ -59,14 +59,14 @@
<label>行ID:</label>
<span>{{selectedRow}}</span><br>
</div>
<button @click="exportAsExcel">输出excel格式</button>
</div>
<div>
<button @click="printAsPdf">打印PDF文件</button>
</div>
<div>{{this.infos}}</div>
<button @click="exportAsExcel">输出excel格式</button>
</div>
<div>
<button @click="printAsPdf">打印PDF文件</button>
</div>
<div>{{this.infos}}</div>
</div>
</div>
</template>
<script lang="ts">
@ -76,13 +76,13 @@ import startUpRowColumn from '@/assets/startUpRowColumn'; // report template for
import data from '@/assets/data'; // userdata for testing use
import reportCell from './reportCell.vue';
import { Tool } from '@/assets/methodTool';
import { typeScriptDeclaration } from '@/assets/typeScriptDeclaration';
import 'expose-loader?$!jquery';
import { hightlight } from '@/assets/hightlight';
let rowId = 30; // this figure is for testing use
let cellId = 9060; // this figure is for testing use
let copiedRowHolder: any;
console.log(new typeScriptDeclaration());
export default Vue.extend({
components: { reportCell },
data(): {
@ -147,7 +147,6 @@ export default Vue.extend({
},
banCaiHeadStartLineIndex: '5',
banCaiHeadEndLineIndex: '8',
afterBanCaiIdHolder: [],
};
},
computed: {
@ -168,6 +167,9 @@ export default Vue.extend({
}
}
}
Vue.nextTick(() => {
hightlight($('#tablehooker'));
});
return this.infos;
},
@ -237,14 +239,14 @@ export default Vue.extend({
this.selectedRow = row.rowId;
},
addTotalAmount(query) {
addTotalAmount(query: string) {
return Tool.addTotalAmount(query);
},
addSubAmount(query, board) {
addSubAmount(query: string, board: any) {
return Tool.addSubAmount(query, board);
},
addBoardInfoAmount(board) {
addBoardInfoAmount(board: any) {
Tool.addBoardInfoAmount(this, board);
},
@ -254,7 +256,7 @@ export default Vue.extend({
copyRemainingForm() {
return Tool.copyRemainingForm(this);
},
pasteRemainingForm(remainingFormHolder) {
pasteRemainingForm(remainingFormHolder: any) {
Tool.pasteRemainingForm(this, remainingFormHolder);
},
pasteBanCaiHeadTemplate(copyBanCaiTemplate: any) {
@ -267,7 +269,6 @@ export default Vue.extend({
Object.keys(data.boards[0].boardInfos[0]).indexOf(cell.title) !== -1
) {
return this.infos.indexOf(row);
break;
}
}
}
@ -275,15 +276,18 @@ export default Vue.extend({
pasteBanCaiBody(boardIndex: number) {
Tool.pasteBanCaiBody(this, boardIndex);
},
importData() {
// 复制完整板材的模板
const copiedBanCaiTemplateRows = [];
for (const board of data.boards) {
copiedBanCaiTemplateRows.push(this.copyBanCaiTemplate());
}
const copiedRemaingForm = this.copyRemainingForm(); // 复制板材之外的剩余表格
Tool.addOrderDetails(this); // 添加表单头部信息
for (let i = 0; i < data.boards.length; i++) {
Tool.addBanCaiHeader(this, i); // 添加板材的头部信息
this.addBoardInfoAmount(data.boards[i]);
@ -293,6 +297,7 @@ export default Vue.extend({
this.pasteBanCaiHeadTemplate(copiedBanCaiTemplateRows[i]); // 添加板材样板
}
}
this.pasteRemainingForm(copiedRemaingForm); // 粘贴剩余的表格
},
@ -336,9 +341,8 @@ export default Vue.extend({
}
allElementText += tabText + '</table>';
}
console.log(allElementText);
const WinPrint = window.open(
const WinPrint: any = window.open(
'',
'',
'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0',
@ -376,8 +380,7 @@ table {
border: 1px black solid;
width: 100%;
table-layout: fixed;
tr {
}
.row-counter {
position: relative;
left: -59px;
@ -394,13 +397,15 @@ table {
border: 1px black solid;
width: 8.3%;
height: 30px;
overflow: hidden;
}
}
.active {
background-color: lightgray;
}
td.selected {
background-color: green;
}
</style>

294
src/components/reportTemplate/orderTitle.vue
View File

@ -1,298 +1,4 @@
<template>
<table border="2px">
<tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="24" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">订单信息</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">订单号</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">101808023922</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">客户名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">SongQingyang3</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">出售日期</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">2018-08-23</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">联系人</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">K01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">联系电话</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">12345678901</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">送货地址</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">D01</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">备注</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">测试PTP-G刀偏置</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">材料</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">颗粒板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">颜色</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">暖白</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="8" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">共15条记录</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">房名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">柜名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材号</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">长度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">宽度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">厚度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">数量</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">面积</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">变异</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">形状</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">方向</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">纹路</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材备注</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478862</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">背板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">59</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">10</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478862</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">层板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">598</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">造型</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">2</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478875</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">右侧板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1198</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">548</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.66</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">造型</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">3</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="10" class="" style="height: 30px; text-align: right; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">小计：</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="14" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">12</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">材料</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">生态板 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">颜色</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">暖黑</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="8" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">共15条记录</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">房名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">柜名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材号</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">长度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">宽度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">厚度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">数量</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">面积</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">变异</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">形状</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">方向</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">纹路</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材备注</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478862</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">背板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">598</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">4</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478861</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">背板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">598</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">5</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="10" class="" style="height: 30px; text-align: right; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">小计：</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="14" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">2</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">材料</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">颗粒板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">颜色</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">暖白</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="8" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">共15条记录</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">房名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">柜名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材号</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">长度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">宽度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">厚度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">数量</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">面积</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">变异</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">形状</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">方向</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">纹路</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材备注</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478862</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">背板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">59</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478862</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">层板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">598</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">造型</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">2</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478875</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">右侧板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1198</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">548</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.66</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">造型</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">3</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="10" class="" style="height: 30px; text-align: right; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">小计：</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="14" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">3</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">材料</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">生态板 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">颜色</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="4" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">暖黑</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="8" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">共15条记录</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">房名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">柜名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材号</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材名</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">长度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">宽度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">厚度</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">数量</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">面积</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">变异</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">形状</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">方向</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">纹路</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">板材备注</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478862</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">背板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">598</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">4</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">F01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">G01</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">B1816478861</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">背板</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">944</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">598</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">18</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">0.568</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="0" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92=""></span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="3" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">1/1/1/1 </span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="2" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">正纹</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="5" class="" style="height: 30px; text-align: center; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">5</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="10" class="" style="height: 30px; text-align: right; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">小计：</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="14" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">2</span></td>
</tr>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="10" class="" style="height: 30px; text-align: right; font-size: 16px; font-weight: bold;"><span data-v-d7ae3f92="">总计：</span></td>
<td data-v-d7ae3f92="" data-v-c49aa622="" colspan="14" class="" style="height: 30px; text-align: left; font-size: 16px; font-weight: normal;"><span data-v-d7ae3f92="">19</span></td>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</tr>
</table>
</template>
<script lang="ts">

10
src/components/reportTemplate/reportCell.vue
View File

@ -1,6 +1,6 @@
<template>
<td :style="'height:'+cell.height+'px;text-align:'+cell.textAlign+';font-size:'+cell.fontSize+'px;font-weight:'+cell.fontStyle" :colspan="cell.colspan" v-on:click="$emit('cellIdFromChild',cell)">
<span>{{cell.title}}</span>
<span class='inner'>{{cell.title}}</span>
</td>
</template>
<script lang="ts">
@ -16,6 +16,12 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
td {
border: 1px black solid;
.inner {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
</style>

8
tslint.json
View File

@ -1,12 +1,8 @@
{
"defaultSeverity": "warning",
"extends": [
"tslint:recommended"
],
"extends": ["tslint:recommended"],
"linterOptions": {
"exclude": [
"node_modules/**"
]
"exclude": ["node_modules/**"]
},
"rules": {
"quotemark": [true, "single"],