Skip to content

T
template_vue
Commit 67f66014 authored by 高宇's avatar 高宇
Browse files
Options

1.优化代码

parent 3a7933d7
Show whitespace changes
Inline Side-by-side
Showing with 1330 additions and 2 deletions
src/api/oneTbale.js
View file @ 67f66014
...@@ -87,3 +87,22 @@ export function getJcCode() { ...@@ -87,3 +87,22 @@ export function getJcCode() {
method: 'get' method: 'get'
}) })
} }
// 10.获取sheet的下拉数据
export function sheetNum() {
return request({
url: '/excel/retrieve/sheetNum',
method: 'get'
})
}
// 11 获取选中的sheet内容
export function sheetData(sheetnum) {
return request({
url: '/excel/retrieve/sheetData',
method: 'get',
params: {
sheetnum: sheetnum
}
})
}
src/views/template/components/tagfour.vue 0 → 100644
View file @ 67f66014
<template>
<div class="tagfour">
<div class="tarButonArea">
<el-button type="primary" class="tarButon" @click="upload">上传</el-button>
</div>
<!-- 第一个模板 -->
<div class="tableArea" v-if="index === 0 || index=== 4">
<div class="measureTable">
<!-- 测量 -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">测量</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">规格</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">1</div>
<div class="threeCell" style="border-bottom: 1px solid">2</div>
<div class="threeCell" style="border-bottom: 1px solid">3</div>
<div class="threeCell" style="border-bottom: 1px solid">4</div>
<div class="threeCell" style="border-bottom: 1px solid">5</div>
<div class="threeCell" style="border-bottom: 1px solid">6</div>
<div class="threeCell" style="border-bottom: 1px solid">7</div>
<div class="threeCell" style="border-bottom: 1px solid">8</div>
<div class="threeCell" style="border-bottom: 1px solid">9</div>
<div class="fourCell" style="border-bottom: 1px solid">AVE</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
<div class="fourCell" style="border-bottom: 1px solid">MAX</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
<div class="fourCell" style="border-bottom: 1px solid">MIN</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
</div>
<!-- LD1 -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">LD1</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.LD[0] ? form.LD[0] : '-' }}</div>
<div class="cellContent">{{ form.LD[1] ? form.LD[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[2] ? form.LD[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[3] ? form.LD[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[4] ? form.LD[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[5] ? form.LD[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[6] ? form.LD[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[7] ? form.LD[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[8] ? form.LD[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[9] ? form.LD[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[10] ? form.LD[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LD[11] ? form.LD[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LD[12] ? form.LD[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LD[13] ? form.LD[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LD[14] ? form.LD[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LD[15] ? form.LD[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LD[16] ? form.LD[16] : '-' }}</div>
</div>
<!-- LDA -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">LDA</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.LDA[0] ? form.LDA[0] : '-' }}</div>
<div class="cellContent">{{ form.LDA[1] ? form.LDA[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[2] ? form.LDA[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[3] ? form.LDA[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[4] ? form.LDA[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[5] ? form.LDA[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[6] ? form.LDA[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[7] ? form.LDA[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[8] ? form.LDA[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[9] ? form.LDA[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[10] ? form.LDA[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[11] ? form.LDA[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[12] ? form.LDA[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[13] ? form.LDA[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[14] ? form.LDA[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[15] ? form.LDA[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[16] ? form.LDA[16] : '-' }}</div>
</div>
<!-- LDB -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">LDB</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.LDB[0] ? form.LDB[0] : '-' }}</div>
<div class="cellContent">{{ form.LDB[1] ? form.LDB[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[2] ? form.LDB[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[3] ? form.LDB[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[4] ? form.LDB[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[5] ? form.LDB[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[6] ? form.LDB[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[7] ? form.LDB[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[8] ? form.LDB[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[9] ? form.LDB[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDB[10] ? form.LDB[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDB[11] ? form.LDB[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDB[12] ? form.LDB[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDB[13] ? form.LDB[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDB[14] ? form.LDB[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDB[15] ? form.LDB[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDB[16] ? form.LDB[16] : '-' }}</div>
</div>
<!-- WD1-->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">WD1</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.WDAList[0] ? form.WDAList[0] : '-' }}</div>
<div class="cellContent">{{ form.WDAList[1] ? form.WDAList[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[2] ? form.WDAList[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[3] ? form.WDAList[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[4] ? form.WDAList[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[5] ? form.WDAList[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[6] ? form.WDAList[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[7] ? form.WDAList[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[8] ? form.WDAList[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[9] ? form.WDAList[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[10] ? form.WDAList[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[11] ? form.WDAList[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[12] ? form.WDAList[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[13] ? form.WDAList[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[14] ? form.WDAList[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[15] ? form.WDAList[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[16] ? form.WDAList[16] : '-' }}</div>
</div>
<!-- WD2 -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">WD2</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.WDBList[0] ? form.WDBList[0] : '-' }}</div>
<div class="cellContent">{{ form.WDBList[1] ? form.WDBList[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[2] ? form.WDBList[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[3] ? form.WDBList[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[4] ? form.WDBList[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[5] ? form.WDBList[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[6] ? form.WDAList[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[7] ? form.WDBList[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[8] ? form.WDBList[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[9] ? form.WDBList[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDBList[10] ? form.WDBList[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDBList[11] ? form.WDBList[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDBList[12] ? form.WDBList[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDBList[13] ? form.WDBList[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDBList[14] ? form.WDBList[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDBList[15] ? form.WDBList[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDBList[16] ? form.WDBList[16] : '-' }}</div>
</div>
</div>
<div class="projectTable">
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">项目</div>
<div class="secondCell" style="border-bottom: 1px solid;" >
<div class="cellContent">规格</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="cellContent">结果</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="fourCell" style="border-bottom: 1px solid;">
判定
</div>
</div>
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">LDA+LDB</div>
<div class="secondCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projectAList[0] ? form.projectAList[0] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projectAList[1] ? form.projectAList[1] : '-' }}</div>
</div>
<div class="fourCell" style="border-bottom: 1px solid;">
{{ form.projectAList[2] ? form.projectAList[2] : '-' }}
</div>
</div>
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">WD1+WD2</div>
<div class="secondCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projetcBList[0] ? form.projetcBList[0] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projetcBList[1] ? form.projetcBList[1] : '-' }}</div>
</div>
<div class="fourCell">
{{ form.projetcBList[2] ? form.projetcBList[2] : '-' }}
</div>
</div>
<div class="twotableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell">(WD1+WD2)-(LDA+LDB)</div>
<div class="secondCell">
<div class="twoCellContent">{{ form.projectCList[0] ? form.projectCList[0] : '-' }}</div>
</div>
<div class="threeCell">
<div class="twoCellContent">{{ form.projectCList[1] ? form.projectCList[1] : '-' }}</div>
</div>
<div class="fourCell">
{{ form.projectCList[2] ? form.projectCList[2] : '-' }}
</div>
</div>
</div>
</div>
<!-- 第二个模板-->
<div class="TwotableArea" v-if="index === 1 || index === 2 || index === 5 || index=== 6" >
<div class="measureTable">
<!-- 测量 -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">测量</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">规格</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">1</div>
<div class="threeCell" style="border-bottom: 1px solid">2</div>
<div class="threeCell" style="border-bottom: 1px solid">3</div>
<div class="threeCell" style="border-bottom: 1px solid">4</div>
<div class="threeCell" style="border-bottom: 1px solid">5</div>
<div class="threeCell" style="border-bottom: 1px solid">6</div>
<div class="threeCell" style="border-bottom: 1px solid">7</div>
<div class="threeCell" style="border-bottom: 1px solid">8</div>
<div class="threeCell" style="border-bottom: 1px solid">9</div>
<div class="fourCell" style="border-bottom: 1px solid">AVE</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
<div class="fourCell" style="border-bottom: 1px solid">MAX</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
<div class="fourCell" style="border-bottom: 1px solid">MIN</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
</div>
<!-- LD1 -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">LD1</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.LD[0] ? form.LD[0] : '-' }}</div>
<div class="cellContent">{{ form.LD[1] ? form.LD[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[2] ? form.LD[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[3] ? form.LD[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[4] ? form.LD[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[5] ? form.LD[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[6] ? form.LD[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[7] ? form.LD[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[8] ? form.LD[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[9] ? form.LD[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LD[10] ? form.LD[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LD[11] ? form.LD[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LD[12] ? form.LD[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LD[13] ? form.LD[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LD[14] ? form.LD[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LD[15] ? form.LD[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LD[16] ? form.LD[16] : '-' }}</div>
</div>
<!-- LDA -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">LDA</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.LDA[0] ? form.LDA[0] : '-' }}</div>
<div class="cellContent">{{ form.LDA[1] ? form.LDA[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[2] ? form.LDA[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[3] ? form.LDA[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[4] ? form.LDA[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[5] ? form.LDA[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[6] ? form.LDA[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[7] ? form.LDA[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[8] ? form.LDA[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[9] ? form.LDA[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[10] ? form.LDA[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[11] ? form.LDA[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[12] ? form.LDA[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[13] ? form.LDA[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[14] ? form.LDA[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[15] ? form.LDA[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[16] ? form.LDA[16] : '-' }}</div>
</div>
<!-- WD1-->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">WD1</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.WDAList[0] ? form.WDAList[0] : '-' }}</div>
<div class="cellContent">{{ form.WDAList[1] ? form.WDAList[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[2] ? form.WDAList[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[3] ? form.WDAList[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[4] ? form.WDAList[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[5] ? form.WDAList[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[6] ? form.WDAList[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[7] ? form.WDAList[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[8] ? form.WDAList[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[9] ? form.WDAList[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[10] ? form.WDAList[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[11] ? form.WDAList[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[12] ? form.WDAList[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[13] ? form.WDAList[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[14] ? form.WDAList[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[15] ? form.WDAList[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[16] ? form.WDAList[16] : '-' }}</div>
</div>
</div>
<div class="projectTable">
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">项目</div>
<div class="secondCell" style="border-bottom: 1px solid;" >
<div class="cellContent">规格</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="cellContent">结果</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="fourCell" style="border-bottom: 1px solid;">
判定
</div>
</div>
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">WD1-LDA</div>
<div class="secondCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projectDList[0] ? form.projectDList[0] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projectDList[1] ? form.projectDList[1] : '-' }}</div>
</div>
<div class="fourCell" style="border-bottom: 1px solid;">
{{ form.projectDList[2] ? form.projectDList[2] : '-' }}
</div>
</div>
</div>
</div>
<!-- 第三格模板-->
<div class="threetableArea" v-if="index === 3" >
<div class="measureTable">
<!-- 测量 -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">测量</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">规格</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">1</div>
<div class="threeCell" style="border-bottom: 1px solid">2</div>
<div class="threeCell" style="border-bottom: 1px solid">3</div>
<div class="threeCell" style="border-bottom: 1px solid">4</div>
<div class="threeCell" style="border-bottom: 1px solid">5</div>
<div class="threeCell" style="border-bottom: 1px solid">6</div>
<div class="threeCell" style="border-bottom: 1px solid">7</div>
<div class="threeCell" style="border-bottom: 1px solid">8</div>
<div class="threeCell" style="border-bottom: 1px solid">9</div>
<div class="fourCell" style="border-bottom: 1px solid">AVE</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
<div class="fourCell" style="border-bottom: 1px solid">MAX</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
<div class="fourCell" style="border-bottom: 1px solid">MIN</div>
<div class="fiveCell" style="border-bottom: 1px solid">判定</div>
</div>
<!-- LDA -->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">LDA</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.LDA[0] ? form.LDA[0] : '-' }}</div>
<div class="cellContent">{{ form.LDA[1] ? form.LDA[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[2] ? form.LDA[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[3] ? form.LDA[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[4] ? form.LDA[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[5] ? form.LDA[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[6] ? form.LDA[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[7] ? form.LDA[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[8] ? form.LDA[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[9] ? form.LDA[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.LDA[10] ? form.LDA[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[11] ? form.LDA[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[12] ? form.LDA[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[13] ? form.LDA[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[14] ? form.LDA[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.LDA[15] ? form.LDA[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.LDA[16] ? form.LDA[16] : '-' }}</div>
</div>
<!-- WD1-->
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid">
<div class="firstCell" style="border-bottom: 1px solid">WD1</div>
<div class="secondCell" style="border-bottom: 1px solid">
<div class="cellContent">{{ form.WDAList[0] ? form.WDAList[0] : '-' }}</div>
<div class="cellContent">{{ form.WDAList[1] ? form.WDAList[1] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[2] ? form.WDAList[2] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[3] ? form.WDAList[3] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[4] ? form.WDAList[4] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[5] ? form.WDAList[5] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[6] ? form.WDAList[6] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[7] ? form.WDAList[7] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[8] ? form.WDAList[8] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[9] ? form.WDAList[9] : '-' }}</div>
<div class="threeCell" style="border-bottom: 1px solid">{{ form.WDAList[10] ? form.WDAList[10] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[11] ? form.WDAList[11] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[12] ? form.WDAList[12] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[13] ? form.WDAList[13] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[14] ? form.WDAList[14] : '-' }}</div>
<div class="fourCell" style="border-bottom: 1px solid">{{ form.WDAList[15] ? form.WDAList[15] : '-' }}</div>
<div class="fiveCell" style="border-bottom: 1px solid">{{ form.WDAList[16] ? form.WDAList[16] : '-' }}</div>
</div>
</div>
<div class="projectTable">
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">项目</div>
<div class="secondCell" style="border-bottom: 1px solid;" >
<div class="cellContent">规格</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="cellContent">结果</div>
<div class="cellContent">(单位:mm)</div>
</div>
<div class="fourCell" style="border-bottom: 1px solid;">
判定
</div>
</div>
<div class="tableHear" style="border-right: 1px solid;border-top: 1px solid;">
<div class="oneCell" style="border-bottom: 1px solid;">WD1-LDA</div>
<div class="secondCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projectDList[0] ? form.projectDList[0] : '-' }}</div>
</div>
<div class="threeCell" style="border-bottom: 1px solid;">
<div class="twoCellContent">{{ form.projectDList[1] ? form.projectDList[1] : '-' }}</div>
</div>
<div class="fourCell" style="border-bottom: 1px solid;">
{{ form.projectDList[2] ? form.projectDList[2] : '-' }}
</div>
</div>
</div>
</div>
<!-- 对话框 -->
<el-dialog :title="dialogController.title" :visible.sync="dialogController.open" width="600px"
:close-on-click-modal="false" append-to-body>
<el-form ref="sheetRef" :model="sheetForm" :rules="rules" label-width="80" label-position="right">
<el-form-item>
<el-select v-model="sheetForm.sheetIndex" placeholder="请选择sheet页">
<el-option
v-for="(item,index) in sheetList"
:key="index"
:label="item.sheetName"
:value="item.index"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {sheetData, sheetNum} from "@/api/oneTbale";
export default {
name: "tagfour",
data() {
return {
index: 0,
form: {
LD: [],
LDA: [],
LDB: [],
WDAList: [],
WDBList: [],
projectAList: [],
projetcBList: [],
projectCList: [],
projectDList: []
},
// 对话框控制器
dialogController: {
title: '',
open: false
},
// 选中的sheet下坐表
sheetForm: {
sheetIndex: 0,
},
rules: {},
// 选择sheet下拉框
sheetList: [],
}
},
methods: {
// 提交按钮
submitForm() {
console.log('1111')
// 获取要预览的表格内容
sheetData(this.sheetForm.sheetIndex).then(res => {
let tempList = res.data
// 根据选择的sheet页不同 取值不同
// LD1 LDList
// LDA LDAList
// LDB LDBList
// WD1 WDAList
// WD2 WDBList
// projectAList LDA+LDB
// projectBList WD1+WD2
// projectCList (WD1+WD2)-(LDA+LDB)
// projectDList WD1-LDA
if (this.sheetForm.sheetIndex === 0) {
// 模板1 LD1 LDA LDB WD1 WD2 LDA+LDB WD1+WD2 (WD1+WD2)-(LDA+LDB)
let LDList = []
let LDAList = []
let LDBList = []
let WDAList = []
let WDBList = []
let projectAList = []
let projetcBList = []
let projectCList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// LDA
LDAList.push(tempList[i][1])
// LDB
LDBList.push(tempList[i][2])
// WD1
WDAList.push(tempList[i][3])
// WD2
WDBList.push(tempList[i][4])
}
for (let i = 19; i <= 21; i++) {
projectAList.push(tempList[i][0])
projetcBList.push(tempList[i][1])
projectCList.push(tempList[i][2])
}
this.form.LD = LDList
this.form.LDA = LDAList
this.form.LDB = LDBList
this.form.WDAList = WDAList
this.form.WDBList = WDBList
this.form.projectAList = projectAList
this.form.projetcBList = projetcBList
this.form.projectCList = projectCList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
// 提交给父组件
}
if (this.sheetForm.sheetIndex === 1) {
// 模板2 LD1 LDA WD1 WD1-LDA
let LDList = []
let LDAList = []
let WDAList = []
let projectDList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// LDA
LDAList.push(tempList[i][1])
// WD1
WDAList.push(tempList[i][2])
}
for (let i = 19; i <= 21; i++) {
projectDList.push(tempList[i][0])
}
this.form.LD = LDList
this.form.LDA = LDAList
this.form.WDAList = WDAList
this.form.projectDList = projectDList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
}
if (this.sheetForm.sheetIndex === 2) {
// 模板3 LD1 LDA WD1 WD1-LDA
let LDList = []
let LDAList = []
let WDAList = []
let projectDList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// LDA
LDAList.push(tempList[i][1])
// WD1
WDAList.push(tempList[i][2])
}
for (let i = 19; i <= 21; i++) {
projectDList.push(tempList[i][0])
}
this.form.LD = LDList
this.form.LDA = LDAList
this.form.WDAList = WDAList
this.form.projectDList = projectDList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
}
if (this.sheetForm.sheetIndex === 3) {
// 模板4 LD1 WD1 WD1-LDA
let LDList = []
let WDAList = []
let projectDList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// WD1
WDAList.push(tempList[i][1])
}
for (let i = 19; i <= 21; i++) {
projectDList.push(tempList[i][0])
}
console.log('LDList', LDList)
console.log('WDAList', WDAList)
console.log('projectDList', projectDList)
this.form.LDA = LDList
this.form.WDAList = WDAList
this.form.projectDList = projectDList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
}
if (this.sheetForm.sheetIndex === 4) {
// 模板1 LD1 LDA LDB WD1 WD2 LDA+LDB WD1+WD2 (WD1+WD2)-(LDA+LDB)
let LDList = []
let LDAList = []
let LDBList = []
let WDAList = []
let WDBList = []
let projectAList = []
let projetcBList = []
let projectCList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// LDA
LDAList.push(tempList[i][1])
// LDB
LDBList.push(tempList[i][2])
// WD1
WDAList.push(tempList[i][3])
// WD2
WDBList.push(tempList[i][4])
}
for (let i = 19; i <= 21; i++) {
projectAList.push(tempList[i][0])
projetcBList.push(tempList[i][1])
projectCList.push(tempList[i][2])
}
this.form.LD = LDList
this.form.LDA = LDAList
this.form.LDB = LDBList
this.form.WDAList = WDAList
this.form.WDBList = WDBList
this.form.projectAList = projectAList
this.form.projetcBList = projetcBList
this.form.projectCList = projectCList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
}
if (this.sheetForm.sheetIndex === 5) {
// 模板3 LD1 LDA WD1 WD1-LDA
let LDList = []
let LDAList = []
let WDAList = []
let projectDList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// LDA
LDAList.push(tempList[i][1])
// WD1
WDAList.push(tempList[i][2])
}
for (let i = 19; i <= 21; i++) {
projectDList.push(tempList[i][0])
}
this.form.LD = LDList
this.form.LDA = LDAList
this.form.WDAList = WDAList
this.form.projectDList = projectDList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
}
if (this.sheetForm.sheetIndex === 6) {
// 模板3 LD1 LDA WD1 WD1-LDA
let LDList = []
let LDAList = []
let WDAList = []
let projectDList = []
for (let i = 1; i <= 17; i++) {
// LD1
LDList.push(tempList[i][0])
// LDA
LDAList.push(tempList[i][1])
// WD1
WDAList.push(tempList[i][2])
}
for (let i = 19; i <= 21; i++) {
projectDList.push(tempList[i][0])
}
this.form.LD = LDList
this.form.LDA = LDAList
this.form.WDAList = WDAList
this.form.projectDList = projectDList
this.index = this.sheetForm.sheetIndex
this.dialogController.open = false
}
this.$emit('sheetIndex',this.index)
this.$emit('tarFrom',this.form)
})
},
// 取消按钮
cancel() {
// this.submitForm = false
},
// 上传按钮
upload() {
sheetNum().then(res => {
if (res.code === 200) {
this.sheetList = res.data
this.dialogController.title = '上传'
this.dialogController.open = true
}
})
}
}
}
</script>
<style scoped lang="scss">
.tagfour {
.tarButonArea {
margin-top: 40px;
margin-bottom: 40px;
.tarButon {
width: 140px;
border-radius: 4px;
.printTest {
width: 100%;
display: flex;
justify-content: center;
}
}
}
.tableArea {
// 第一个表格
.measureTable {
display: flex;
border-left: 1px solid;
justify-content: space-evenly;
.tableHear {
width: 17%;
.firstCell {
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.fourCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.fiveCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
}
.projectTable {
margin-top: 40px;
display: flex;
border-left: 1px solid;
justify-content: space-evenly;
.tableHear{
width: 20%;
.oneCell{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell{
width: 100%;
height: 80px;
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourCell{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
.twotableHear{
width: 41%;
.oneCell{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell{
width: 100%;
height: 80px;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourCell{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
}
}
.TwotableArea {
// 第一个表格
.measureTable {
display: flex;
border-left: 1px solid;
justify-content: space-evenly;
.tableHear {
width: 26%;
.firstCell {
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.fourCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.fiveCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
}
.projectTable {
margin-top: 40px;
display: flex;
border-left: 1px solid;
justify-content: space-evenly;
.tableHear{
width: 51%;
.oneCell{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell{
width: 100%;
height: 80px;
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourCell{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
.twotableHear{
width: 41%;
.oneCell{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell{
width: 100%;
height: 80px;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourCell{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
}
}
.threetableArea {
// 第一个表格
.measureTable {
display: flex;
border-left: 1px solid;
justify-content: space-evenly;
.tableHear {
width: 34%;
.firstCell {
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.fourCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.fiveCell {
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
}
.projectTable {
margin-top: 40px;
display: flex;
border-left: 1px solid;
justify-content: space-evenly;
.tableHear{
width: 51%;
.oneCell{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell{
width: 100%;
height: 80px;
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourCell{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
.twotableHear{
width: 41%;
.oneCell{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.secondCell {
width: 100%;
height: 80px;
background-color: #D9D9D9;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeCell{
width: 100%;
height: 80px;
.twoCellContent{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cellContent {
width: 100%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourCell{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #A9D08E;
}
}
}
}
}
</style>
src/views/template/templateFirst.vue
View file @ 67f66014
...@@ -2317,6 +2317,11 @@ ...@@ -2317,6 +2317,11 @@
</el-form> </el-form>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="标签四" name="fourthly">
<div class="fourTarContainer">
<tagfour @sheetIndex="handleSheetIndex" @tarFrom="handleTarForm"></tagfour>
</div>
</el-tab-pane>
</el-tabs> </el-tabs>
<hr class="twoHr"> <hr class="twoHr">
<!-- 附件--> <!-- 附件-->
...@@ -2480,12 +2485,25 @@ import { parseTime } from '@/utils' ...@@ -2480,12 +2485,25 @@ import { parseTime } from '@/utils'
import { getInfo } from '@/api/login' import { getInfo } from '@/api/login'
import { downLoadFile } from '@/utils/checkList' import { downLoadFile } from '@/utils/checkList'
import TextToolTip from '@/components/TextToolTip' import TextToolTip from '@/components/TextToolTip'
import tagfour from "@/views/template/components/tagfour";
export default { export default {
name: 'TemplateFirst', name: 'TemplateFirst',
components: { TextToolTip }, components: { TextToolTip ,tagfour },
data() { data() {
return { return {
// 标签四的form表单
tabfourForm: {
LD: [],
LDA: [],
LDB: [],
WDAList: [],
WDBList: [],
projectAList: [],
projetcBList: [],
projectCList: [],
projectDList: []
},
// 十个的下坐标分组 // 十个的下坐标分组
tenGroup:[ tenGroup:[
{ {
...@@ -2921,7 +2939,8 @@ export default { ...@@ -2921,7 +2939,8 @@ export default {
ossIdList: [], ossIdList: [],
recode1: [], recode1: [],
recode2: [], recode2: [],
recode3: [] recode3: [],
sheetIndex: null
}, },
// 检查记录1 // 检查记录1
recode1: [], recode1: [],
...@@ -3059,6 +3078,14 @@ export default { ...@@ -3059,6 +3078,14 @@ export default {
this.handleCyPn() this.handleCyPn()
}, },
methods: { methods: {
// 获取选中excel的下坐标
handleSheetIndex(value) {
console.log('下坐标值',value)
},
// 获取数据
handleTarForm(value) {
console.log('获取数据',value)
},
resetRecordOne() { resetRecordOne() {
this.inspectJbAl2o3List.recode1 = [ this.inspectJbAl2o3List.recode1 = [
{ {
...@@ -5099,6 +5126,11 @@ export default { ...@@ -5099,6 +5126,11 @@ export default {
margin-top: 12px; margin-top: 12px;
} }
.fourTarContainer{
width: 74%;
margin-left: 13%;
//height: 600px;
}
.OneTable { .OneTable {
.checkTicketOne { .checkTicketOne {
width: 74%; width: 74%;
...@@ -5671,6 +5703,8 @@ export default { ...@@ -5671,6 +5703,8 @@ export default {
} }
} }
.checkTicketOne { .checkTicketOne {
width: 76%; width: 76%;
display: flex; display: flex;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment