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

add render for multipy Bancais

Browse Source
This commit is contained in:
郑茂强
2018-09-29 11:26:18 +08:00
parent dcaaf43792
commit cc6d2a4336
7 changed files with 1292 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/assets/data.ts
View File

@@ -26,7 +26,7 @@ const data = {
shape: '',
direction: '1/1/1/1 ',
stripe: '正纹',
boardAddOn: '',
boardAddOn: '1',
},
{
houseName: 'F01',
@@ -42,7 +42,7 @@ const data = {
shape: '造型',
direction: '1/1/1/1 ',
stripe: '正纹',
boardAddOn: '',
boardAddOn: '2',
},
{
houseName: 'F01',
@@ -58,7 +58,47 @@ const data = {
shape: '造型',
direction: '1/1/1/1 ',
stripe: '正纹',
boardAddOn: '',
boardAddOn: '3',
},
],
},
{
id: 1235,
material: '生态板 ',
color: '暖黑',
boardInfos: [
{
houseName: 'F01',
closetName: 'G01',
boardNo: 'B1816478862',
boardName: '背板',
length: 944,
width: 598,
thickness: 18,
quantity: 1,
area: 0.568,
mutation: '',
shape: '',
direction: '1/1/1/1 ',
stripe: '正纹',
boardAddOn: '4',
},
{
houseName: 'F01',
closetName: 'G01',
boardNo: 'B1816478861',
boardName: '背板',
length: 944,
width: 598,
thickness: 18,
quantity: 1,
area: 0.568,
mutation: '',
shape: '',
direction: '1/1/1/1 ',
stripe: '正纹',
boardAddOn: '5',
},
],
},

56
src/assets/startUpRowColumn.ts
View File

@@ -1,7 +1,7 @@
const startUpRowColumn = [
{
rowId: 0,
rowTitle: 0,
rowTitle: '0',
cells: [
{
cellId: 1,
@@ -248,142 +248,142 @@ const startUpRowColumn = [
{
rowId: 1,
rowTitle: 1,
rowTitle: '1',
cells: [],
},
{
rowId: 2,
rowTitle: 2,
rowTitle: '2',
cells: [],
},
{
rowId: 3,
rowTitle: 3,
rowTitle: '3',
cells: [],
},
{
rowId: 4,
rowTitle: 4,
rowTitle: '4',
cells: [],
},
{
rowId: 6,
rowTitle: 6,
rowTitle: '6',
cells: [],
},
{
rowId: 8,
rowTitle: 8,
rowTitle: '8',
cells: [],
},
{
rowId: 9,
rowTitle: 9,
rowTitle: '9',
cells: [],
},
{
rowId: 10,
rowTitle: 10,
rowTitle: '10',
cells: [],
},
{
rowId: 11,
rowTitle: 11,
rowTitle: '11',
cells: [],
},
{
rowId: 12,
rowTitle: 12,
rowTitle: '12',
cells: [],
},
{
rowId: 13,
rowTitle: 13,
rowTitle: '13',
cells: [],
},
{
rowId: 14,
rowTitle: 14,
rowTitle: '14',
cells: [],
},
{
rowId: 15,
rowTitle: 15,
rowTitle: '15',
cells: [],
},
{
rowId: 16,
rowTitle: 16,
rowTitle: '16',
cells: [],
},
{
rowId: 17,
rowTitle: 17,
rowTitle: '17',
cells: [],
},
{
rowId: 18,
rowTitle: 18,
rowTitle: '18',
cells: [],
},
{
rowId: 19,
rowTitle: 19,
rowTitle: '19',
cells: [],
},
{
rowId: 20,
rowTitle: 20,
rowTitle: '20',
cells: [],
},
{
rowId: 21,
rowTitle: 21,
rowTitle: '21',
cells: [],
},
{
rowId: 22,
rowTitle: 22,
rowTitle: '22',
cells: [],
},
{
rowId: 23,
rowTitle: 23,
rowTitle: '23',
cells: [],
},
{
rowId: 24,
rowTitle: 24,
rowTitle: '24',
cells: [],
},
{
rowId: 25,
rowTitle: 25,
rowTitle: '25',
cells: [],
},
{
rowId: 26,
rowTitle: 26,
rowTitle: '26',
cells: [],
},
{
rowId: 27,
rowTitle: 27,
rowTitle: '27',
cells: [],
},
{
rowId: 28,
rowTitle: 28,
rowTitle: '28',
cells: [],
},
{
rowId: 29,
rowTitle: 29,
rowTitle: '29',
cells: [],
},
];

668
src/assets/templateInitialData.ts
View File

@@ -1,13 +1,12 @@
const initialTemplateData = [
{
rowId: 0,
rowTitle: 0,
rowTitle: '0',
cells: [
{
cellId: 1,
title: '1',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -17,7 +16,6 @@ const initialTemplateData = [
cellId: 2,
title: '2',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -27,7 +25,6 @@ const initialTemplateData = [
cellId: 3,
title: '3',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -37,7 +34,6 @@ const initialTemplateData = [
cellId: 4,
title: '4',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -47,7 +43,6 @@ const initialTemplateData = [
cellId: 5,
title: '5',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -57,7 +52,6 @@ const initialTemplateData = [
cellId: 6,
title: '6',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -67,7 +61,6 @@ const initialTemplateData = [
cellId: 7,
title: '7',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -77,7 +70,6 @@ const initialTemplateData = [
cellId: 8,
title: '8',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -87,7 +79,6 @@ const initialTemplateData = [
cellId: 9,
title: '9',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -97,7 +88,6 @@ const initialTemplateData = [
cellId: 10,
title: '10',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -107,7 +97,6 @@ const initialTemplateData = [
cellId: 11,
title: '11',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -117,7 +106,6 @@ const initialTemplateData = [
cellId: 12,
title: '12',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -127,7 +115,6 @@ const initialTemplateData = [
cellId: 13,
title: '13',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -137,7 +124,6 @@ const initialTemplateData = [
cellId: 14,
title: '14',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -147,7 +133,6 @@ const initialTemplateData = [
cellId: 15,
title: '15',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -157,7 +142,6 @@ const initialTemplateData = [
cellId: 16,
title: '16',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -167,7 +151,6 @@ const initialTemplateData = [
cellId: 17,
title: '17',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -177,7 +160,6 @@ const initialTemplateData = [
cellId: 18,
title: '18',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -187,7 +169,6 @@ const initialTemplateData = [
cellId: 19,
title: '19',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -197,7 +178,6 @@ const initialTemplateData = [
cellId: 20,
title: '20',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -207,7 +187,6 @@ const initialTemplateData = [
cellId: 21,
title: '21',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -217,7 +196,6 @@ const initialTemplateData = [
cellId: 22,
title: '22',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -227,7 +205,6 @@ const initialTemplateData = [
cellId: 23,
title: '23',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -237,7 +214,6 @@ const initialTemplateData = [
cellId: 24,
title: '24',
colspan: 1,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -247,14 +223,12 @@ const initialTemplateData = [
},
{
rowId: 1,
rowTitle: 1,
rowTitle: '1',
cells: [
{
cellId: 9001,
title: '板材明细单',
title: '订单信息',
colspan: 24,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -264,24 +238,21 @@ const initialTemplateData = [
},
{
rowId: 2,
rowTitle: 2,
rowTitle: '2',
cells: [
{
cellId: 9002,
title: 'orderNo:',
colspan: 8,
title: '订单号',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
fontStyle: 'bold',
},
{
cellId: 9003,
title: 'clientName:',
colspan: 8,
title: 'orderNo',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -289,9 +260,35 @@ const initialTemplateData = [
},
{
cellId: 9004,
title: 'soldDate:',
colspan: 8,
title: '客户名',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9005,
title: 'clientName',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9006,
title: '出售日期',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9007,
title: 'soldDate',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -301,34 +298,57 @@ const initialTemplateData = [
},
{
rowId: 3,
rowTitle: 3,
rowTitle: '3',
cells: [
{
cellId: 9005,
title: 'contactName:',
colspan: 8,
cellId: 9008,
title: '联系人',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9009,
title: 'contactName',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9006,
title: 'contactNo:',
colspan: 8,
cellId: 9010,
title: '联系电话',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9011,
title: 'contactNo',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9007,
title: 'deliveryAddress:',
colspan: 8,
cellId: 9012,
title: '送货地址',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9013,
title: 'deliveryAddress',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -338,14 +358,81 @@ const initialTemplateData = [
},
{
rowId: 4,
rowTitle: 4,
rowTitle: '4',
cells: [
{
cellId: 9008,
title: 'addOn:',
colspan: 8,
cellId: 9014,
title: '备注',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9015,
title: 'addOn',
colspan: '4',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
],
},
{
rowId: 5,
rowTitle: '5',
cells: [
{
cellId: 9016,
title: '材料',
colspan: '4',
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9017,
title: 'material',
colspan: '4',
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9018,
title: '颜色',
colspan: '4',
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 19018,
title: 'color',
colspan: '4',
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 29018,
title: '共15条记录',
colspan: '8',
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 39018,
title: '',
colspan: '0',
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -355,121 +442,12 @@ const initialTemplateData = [
},
{
rowId: 6,
rowTitle: 6,
rowTitle: '6',
cells: [
{
cellId: 9009,
title: 'material:',
colspan: 8,
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9010,
title: 'color:',
colspan: 8,
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9011,
title: '共15条记录',
colspan: 8,
height: 30,
textAlign: 'left',
fontSize: 16,
fontStyle: 'bold',
},
],
},
{
rowId: 8,
rowTitle: 8,
cells: [
{
cellId: 9012,
title: 'houseName',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9013,
title: 'closetName',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9014,
title: 'boardNo',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9015,
title: 'boardName',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9016,
title: 'length',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9017,
title: 'width',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9018,
title: 'thickness',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9019,
title: 'quantity',
colspan: 0,
title: '房名',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -477,9 +455,8 @@ const initialTemplateData = [
},
{
cellId: 9020,
title: 'area',
title: '柜名',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -487,9 +464,8 @@ const initialTemplateData = [
},
{
cellId: 9021,
title: 'mutation',
colspan: 0,
title: '板材号',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -497,9 +473,8 @@ const initialTemplateData = [
},
{
cellId: 9022,
title: 'shape',
colspan: 0,
title: '板材名',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -507,9 +482,8 @@ const initialTemplateData = [
},
{
cellId: 9023,
title: 'direction',
colspan: 3,
title: '长度',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -517,9 +491,8 @@ const initialTemplateData = [
},
{
cellId: 9024,
title: 'stripe',
colspan: 2,
title: '宽度',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -527,9 +500,71 @@ const initialTemplateData = [
},
{
cellId: 9025,
title: 'boardAddOn',
title: '厚度',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9026,
title: '数量',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9027,
title: '面积',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9028,
title: '变异',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9029,
title: '形状',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9030,
title: '方向',
colspan: 3,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9031,
title: '纹路',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'bold',
},
{
cellId: 9032,
title: '板材备注',
colspan: 5,
height: 30,
textAlign: 'center',
fontSize: 16,
@@ -538,110 +573,159 @@ const initialTemplateData = [
],
},
{
rowId: 9,
rowTitle: 9,
cells: [],
},
{
rowId: 10,
rowTitle: 10,
cells: [],
},
{
rowId: 11,
rowTitle: 11,
cells: [],
},
{
rowId: 12,
rowTitle: 12,
cells: [],
},
{
rowId: 13,
rowTitle: 13,
cells: [],
},
{
rowId: 14,
rowTitle: 14,
cells: [],
},
{
rowId: 15,
rowTitle: 15,
cells: [],
},
{
rowId: 16,
rowTitle: 16,
cells: [],
},
{
rowId: 17,
rowTitle: 17,
cells: [],
},
{
rowId: 18,
rowTitle: 18,
cells: [],
},
{
rowId: 19,
rowTitle: 19,
cells: [],
},
{
rowId: 20,
rowTitle: 20,
cells: [],
},
{
rowId: 21,
rowTitle: 21,
cells: [],
},
{
rowId: 22,
rowTitle: 22,
cells: [],
},
{
rowId: 23,
rowTitle: 23,
cells: [],
},
{
rowId: 24,
rowTitle: 24,
cells: [],
},
{
rowId: 25,
rowTitle: 25,
cells: [],
},
{
rowId: 26,
rowTitle: 26,
cells: [],
},
{
rowId: 27,
rowTitle: 27,
cells: [],
},
{
rowId: 28,
rowTitle: 28,
cells: [],
},
{
rowId: 29,
rowTitle: 29,
cells: [],
rowId: 7,
rowTitle: '7',
cells: [
{
cellId: 9033,
title: 'houseName',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9034,
title: 'closetName',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9035,
title: 'boardNo',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9036,
title: 'boardName',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9037,
title: 'length',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9038,
title: 'width',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9039,
title: 'thickness',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9040,
title: 'quantity',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9041,
title: 'area',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9042,
title: 'mutation',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9043,
title: 'shape',
colspan: 0,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9044,
title: 'direction',
colspan: 3,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9045,
title: 'stripe',
colspan: 2,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
{
cellId: 9046,
title: 'boardAddOn',
colspan: 5,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
},
],
},
{ rowId: 8, rowTitle: '8', cells: [] },
{ rowId: 9, rowTitle: '9', cells: [] },
{ rowId: 10, rowTitle: '10', cells: [] },
{ rowId: 11, rowTitle: '11', cells: [] },
{ rowId: 12, rowTitle: '12', cells: [] },
{ rowId: 13, rowTitle: '13', cells: [] },
{ rowId: 14, rowTitle: '14', cells: [] },
{ rowId: 15, rowTitle: '15', cells: [] },
{ rowId: 16, rowTitle: '16', cells: [] },
{ rowId: 17, rowTitle: '17', cells: [] },
{ rowId: 18, rowTitle: '18', cells: [] },
{ rowId: 19, rowTitle: '19', cells: [] },
{ rowId: 20, rowTitle: '20', cells: [] },
{ rowId: 21, rowTitle: '21', cells: [] },
{ rowId: 22, rowTitle: '22', cells: [] },
{ rowId: 23, rowTitle: '23', cells: [] },
{ rowId: 24, rowTitle: '24', cells: [] },
{ rowId: 25, rowTitle: '25', cells: [] },
{ rowId: 26, rowTitle: '26', cells: [] },
{ rowId: 27, rowTitle: '27', cells: [] },
{ rowId: 28, rowTitle: '28', cells: [] },
{ rowId: 29, rowTitle: '29', cells: [] },
];
export default initialTemplateData;

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

@@ -18,6 +18,10 @@
<button @click="addCell()">添加列</button>
<button @click="deleteCell()">删除列</button>
</div>
<div class='td-tool'>
<button @click="copySingleRow(selectedRow)">复制行</button>
<button @click="pasteSingleRow(selectedRow)">粘贴行</button>
</div>
<div>
<label>表头:</label><input type="text" v-model="inputTitle"><br>
<label>宽度:</label><input type="number" v-model="inputColspan"><br>
@@ -49,10 +53,11 @@
<label>行ID:</label>
<span>{{selectedRow}}</span><br>
</div>
{{this.infos}}
{{this.infos}}
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
@@ -61,17 +66,21 @@ import initialTemplateData from '@/assets/templateInitialData'; // report templa
import startUpRowColumn from '@/assets/startUpRowColumn'; // report template for testing
import data from '@/assets/data'; // userdata for testing use
import reportCell from './reportCell.vue';
import test from './orderTitle.vue';
let rowId = 29; // this figure is for testing use
let cellId = 9025; // this figure is for testing use
let cellId = 9046; // this figure is for testing use
let undoRodoPointer = -1;
let isundoOrRedoClick = false;
let isUpdateInfos = true;
let copiedRowHolder: any;
export default Vue.extend({
components: { reportCell },
components: { reportCell, test },
data(): {
infos: Array<{
rowId: number;
rowTitle: string;
cells: Array<{
cellId: number;
title: string;
@@ -82,6 +91,8 @@ export default Vue.extend({
fontStyle: string;
}>;
}>;
data: any;
selectedRow: number;
selectedCell: number;
inputTitle: string;
@@ -104,6 +115,7 @@ export default Vue.extend({
} {
return {
infos: startUpRowColumn,
data,
selectedRow: 0,
selectedCell: 9000,
inputTitle: '',
@@ -131,6 +143,7 @@ export default Vue.extend({
isUpdateInfos = true;
return this.infos;
}
// undo的时候 给this.infos 从新赋值之后 所有user input 都感知不到。
for (const row of this.infos) {
for (const cellKey in row.cells) {
if (row.cells[cellKey].cellId === this.selectedCell) {
@@ -153,8 +166,9 @@ export default Vue.extend({
JSON.stringify(this.infos)
) {
this.recordHistory.push(JSON.stringify(this.infos));
} else {
isundoOrRedoClick = false;
}
return this.infos;
},
},
@@ -184,6 +198,7 @@ export default Vue.extend({
if (this.selectedRow === this.infos[index].rowId) {
this.infos.splice(Number(index), 0, {
rowId: (rowId += 1),
rowTitle: rowId.toString(),
cells: [],
});
this.selectedRow = 0;
@@ -193,6 +208,7 @@ export default Vue.extend({
} else {
this.infos.push({
rowId: (rowId += 1),
rowTitle: rowId.toString(),
cells: [],
});
}
@@ -236,10 +252,38 @@ export default Vue.extend({
}
this.selectedCell = 9000;
},
copySingleRow(Id: number) {
if (Id) {
copiedRowHolder = JSON.parse(
JSON.stringify(
this.infos.filter((eachRow) => eachRow.rowId === Id),
)[0],
);
copiedRowHolder.rowId = ++rowId;
for (const cell of copiedRowHolder.cells) {
cell.cellId = ++cellId;
}
} else {
alert('请选择要复制的行');
}
},
pasteSingleRow(Id: number): void {
if (Id) {
for (const eachRow in this.infos) {
if (this.infos[eachRow].rowId === Id) {
this.infos.splice(Number(eachRow), 1, copiedRowHolder);
}
}
} else {
alert('请选择要粘贴的行');
}
},
rowClickHandler(row: any): void {
this.selectedRow = row.rowId;
},
undoHandler() {
undoHandler(): void {
if (undoRodoPointer === -1) {
undoRodoPointer = this.recordHistory.length - 1;
}
@@ -247,12 +291,10 @@ export default Vue.extend({
if (undoRodoPointer === 0) {
return;
}
this.infos = JSON.parse(this.recordHistory[(undoRodoPointer -= 1)]);
isundoOrRedoClick = true;
isUpdateInfos = false;
},
redoHandler() {
if (undoRodoPointer === -1) {
undoRodoPointer = this.recordHistory.length - 1;
@@ -266,58 +308,148 @@ export default Vue.extend({
isundoOrRedoClick = true;
isUpdateInfos = false;
},
// for testing use -----import data from other file
importData() {
for (const row of this.infos) {
for (const cell of row.cells) {
// userdata for loop
for (const userData in this.importedData) {
if (userData + ':' === cell.title) {
cell.title += this.importedData[userData];
}
}
for (const boards of this.importedData.boards) {
for (const board in boards) {
if (board + ':' === cell.title) {
cell.title += boards[board];
const addOrderTitle = () => {
let foundMatchedString = false;
for (const row of this.infos) {
for (const cell of row.cells) {
for (const dataKey in data) {
if (dataKey === cell.title) {
foundMatchedString = true;
cell.title = this.data[dataKey];
}
}
}
}
}
for (const row of this.infos) {
// get each cell
const borderInfo: any = this.importedData.boards[0].boardInfos;
for (const details of borderInfo) {
const tem: any[] = [];
for (const each of Object.keys(details)) {
for (const cell of row.cells) {
if (each === cell.title) {
tem.push({
cellId: (cellId += 1),
title: details[each],
colspan: cell.colspan,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
});
return foundMatchedString;
};
const addBanCaiHeader = (board: any) => {
for (const row of this.infos) {
for (const cell of row.cells) {
if (board.hasOwnProperty(cell.title)) {
cell.title = board[cell.title];
}
}
}
};
const addBanCaiBody = (board: any) => {
const banCaiRowsHolder = [];
let index = 0;
for (const orderInfoDetails of board.boardInfos) {
const banCaiCellsHolder = [];
for (const eachDetail of Object.keys(orderInfoDetails)) {
// eachDetail === 每一条板材的信息
for (const row of this.infos) {
for (const cell of row.cells) {
if (eachDetail === cell.title) {
index = this.infos.indexOf(row);
banCaiCellsHolder.push({
cellId: (cellId += 1),
title: orderInfoDetails[eachDetail],
colspan: cell.colspan,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
});
}
}
}
}
if (tem.length) {
for (const eachRow of this.infos) {
if (!eachRow.cells.length) {
eachRow.cells = eachRow.cells.concat(tem);
break;
banCaiRowsHolder.push({
rowId: (rowId += 1),
rowTitle: rowId.toString(),
cells: banCaiCellsHolder,
});
}
for (const banCaiRow of banCaiRowsHolder) {
this.infos.splice(
index + 1 + banCaiRowsHolder.indexOf(banCaiRow),
0,
banCaiRow,
);
}
this.infos.splice(index, 1); // 删除matched 的字段
};
const copyBanCaiHeader = () => {
const matchedRowIdHolder = [];
for (const row of this.infos) {
for (const cell of row.cells) {
if (data.boards[0].hasOwnProperty(cell.title)) {
if (matchedRowIdHolder.indexOf(this.infos.indexOf(row)) === -1) {
matchedRowIdHolder.push(this.infos.indexOf(row));
}
} else if (
data.boards[0].boardInfos[0].hasOwnProperty(cell.title)
) {
if (matchedRowIdHolder.indexOf(this.infos.indexOf(row)) === -1) {
matchedRowIdHolder.push(this.infos.indexOf(row));
}
}
}
}
const matchedRowHolder = [];
for (let index = 0; index <= matchedRowIdHolder[1]; index += 1) {
if (
index >= matchedRowIdHolder[0] &&
index <= matchedRowIdHolder[1]
) {
const matchedRow = JSON.parse(JSON.stringify(this.infos[index]));
matchedRow.rowId = ++rowId;
for (const cell of matchedRow.cells) {
cell.cellId = ++cellId;
}
matchedRowHolder.push(matchedRow);
}
}
return matchedRowHolder;
};
const pasteBanCaiHeader = (
items: Array<{
rowId: number;
rowTitle: string;
cells: Array<{
cellId: number;
title: string;
colspan: number;
height: number;
textAlign: string;
fontSize: number;
fontStyle: string;
}>;
}>,
) => {
for (const item of items) {
for (const row of this.infos) {
if (row.cells.length === 0) {
this.infos.splice(this.infos.indexOf(row), 1, item);
break;
}
}
}
};
if (addOrderTitle()) {
addOrderTitle();
for (const board of data.boards) {
const x = copyBanCaiHeader();
addBanCaiHeader(board);
addBanCaiBody(board);
if (data.boards.indexOf(board) !== data.boards.length - 1) {
pasteBanCaiHeader(x);
}
}
} else {
alert('没有找到匹配的orderTitle 字段');
}
},
// for testing use -----import data from other file
importTemplate() {
// 暂时排查不到colspan是string类型
this.infos = initialTemplateData;
},
},
@@ -375,5 +507,60 @@ table {
}
</style>
/*
importData() {
x += 1;
for (const row of this.infos) {
for (const cell of row.cells) {
// userdata for loop
for (const userData in this.importedData) {
if (userData + ':' === cell.title) {
cell.title += this.importedData[userData];
}
}
for (const boards of this.importedData.boards) {
for (const board in boards) {
if (board + ':' === cell.title) {
cell.title += boards[board];
}
}
}
}
}
for (const row of this.infos) {
// get each cell
console.log(x);
const borderInfo: any = this.importedData.boards[x].boardInfos;
for (const details of borderInfo) {
const tem: any[] = [];
for (const each of Object.keys(details)) {
for (const cell of row.cells) {
if (each === cell.title) {
tem.push({
cellId: (cellId += 1),
title: details[each],
colspan: cell.colspan,
height: 30,
textAlign: 'center',
fontSize: 16,
fontStyle: 'normal',
});
}
}
}
if (tem.length) {
for (const eachRow in this.infos) {
if (!this.infos[eachRow].cells.length) {
this.infos[eachRow].cells = this.infos[eachRow].cells.concat(
tem,
);
break;
}
}
}
}
}
},
*/

13
src/components/reportTemplate/orderTitle.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
<table>
<tr>
<td>i am order title</td>
</tr>
</table>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({});
</script>