|
|
|
@ -79,8 +79,8 @@
|
|
|
|
|
<table class="bordered-table">
|
|
|
|
|
<tr>
|
|
|
|
|
<th rowspan="2" style="width: 50px">车间</th>
|
|
|
|
|
<th rowspan="2" style="width: 80px">黑蚊香</th>
|
|
|
|
|
<th style="width: 220px">产线:{{ headerParameters.lineCode }}</th>
|
|
|
|
|
<th rowspan="2" style="width: 120px">黑蚊香</th>
|
|
|
|
|
<th style="width: 250px">产线:{{ headerParameters.lineCode }}</th>
|
|
|
|
|
<th
|
|
|
|
|
th
|
|
|
|
|
v-for="item in checkBoxData[0]"
|
|
|
|
@ -118,6 +118,30 @@
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle0"
|
|
|
|
|
:key="item.key"
|
|
|
|
|
style="width: 50px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</th>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle1"
|
|
|
|
|
:key="item.key"
|
|
|
|
|
style="width: 120px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</th>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle2"
|
|
|
|
|
:key="item.key"
|
|
|
|
|
style="width: 250px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</th>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle"
|
|
|
|
@ -141,8 +165,8 @@
|
|
|
|
|
<el-row>填写要求:</el-row>
|
|
|
|
|
<el-row>1.产线组长在开线、品种转换时填写该表。</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="18">2.在"口"中选择类别。 </el-col
|
|
|
|
|
><el-col :span="6"
|
|
|
|
|
<el-col :span="20">2.在"口"中选择类别。 </el-col
|
|
|
|
|
><el-col :span="4"
|
|
|
|
|
>班组长签字:{{ headerParameters.createBy }}</el-col
|
|
|
|
|
>
|
|
|
|
|
</el-row>
|
|
|
|
@ -178,8 +202,8 @@
|
|
|
|
|
<table class="bordered-table-print" border="1">
|
|
|
|
|
<tr>
|
|
|
|
|
<th rowspan="2" style="width: 50px">车间</th>
|
|
|
|
|
<th rowspan="2" style="width: 80px">黑蚊香</th>
|
|
|
|
|
<th style="width: 220px">
|
|
|
|
|
<th rowspan="2" style="width: 120px">黑蚊香</th>
|
|
|
|
|
<th style="width: 250px">
|
|
|
|
|
产线:{{ headerParameters.lineCode }}
|
|
|
|
|
</th>
|
|
|
|
|
<th
|
|
|
|
@ -219,6 +243,30 @@
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle0"
|
|
|
|
|
:key="item.key"
|
|
|
|
|
style="width: 50px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</th>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle1"
|
|
|
|
|
:key="item.key"
|
|
|
|
|
style="width: 120px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</th>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle2"
|
|
|
|
|
:key="item.key"
|
|
|
|
|
style="width: 250px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</th>
|
|
|
|
|
<!-- 动态渲染列名 -->
|
|
|
|
|
<th
|
|
|
|
|
v-for="item in tableTittle"
|
|
|
|
@ -239,11 +287,12 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
</row>
|
|
|
|
|
<br />
|
|
|
|
|
<br />
|
|
|
|
|
<el-row>填写要求:</el-row>
|
|
|
|
|
<el-row>1.产线组长在开线、品种转换时填写该表。</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="18">2.在"口"中选择类别。 </el-col
|
|
|
|
|
><el-col :span="6">班组长签字:{{ headerParameters.createBy }}</el-col>
|
|
|
|
|
<el-col :span="20">2.在"口"中选择类别。 </el-col
|
|
|
|
|
><el-col :span="4">班组长签字:{{ headerParameters.createBy }}</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>3."点检结果",是填"√",否填"×",若有异常则填写实际情况。</el-row>
|
|
|
|
|
</div>
|
|
|
|
@ -272,6 +321,9 @@ export default {
|
|
|
|
|
lineCodeOption: [],
|
|
|
|
|
propertyNum: null,
|
|
|
|
|
tableTittle: [],
|
|
|
|
|
tableTittle0: [],
|
|
|
|
|
tableTittle1: [],
|
|
|
|
|
tableTittle2: [],
|
|
|
|
|
tableTittleWidth: null,
|
|
|
|
|
tableData: [],
|
|
|
|
|
checkBoxData: [],
|
|
|
|
@ -432,6 +484,9 @@ export default {
|
|
|
|
|
this.showPrintPage = false; //打印的表格不显示
|
|
|
|
|
this.tableData = [];
|
|
|
|
|
this.tableTittle = [];
|
|
|
|
|
this.tableTittle0 = [];
|
|
|
|
|
this.tableTittle1 = [];
|
|
|
|
|
this.tableTittle2 = [];
|
|
|
|
|
this.propertyNum = null;
|
|
|
|
|
this.loading = true;
|
|
|
|
|
|
|
|
|
@ -453,15 +508,15 @@ export default {
|
|
|
|
|
this.tableData = response;
|
|
|
|
|
console.log("this.tableData", this.tableData);
|
|
|
|
|
this.propertyNum = Object.keys(this.tableData[0]).length - 3; //属性个数
|
|
|
|
|
this.tableTittle.push({
|
|
|
|
|
this.tableTittle0.push({
|
|
|
|
|
label: "序号",
|
|
|
|
|
key: 0,
|
|
|
|
|
});
|
|
|
|
|
this.tableTittle.push({
|
|
|
|
|
this.tableTittle1.push({
|
|
|
|
|
label: "点检项目",
|
|
|
|
|
key: 1,
|
|
|
|
|
});
|
|
|
|
|
this.tableTittle.push({
|
|
|
|
|
this.tableTittle2.push({
|
|
|
|
|
label: "点检内容",
|
|
|
|
|
key: 2,
|
|
|
|
|
});
|
|
|
|
@ -472,7 +527,7 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.tableTittleWidth = 950 / this.propertyNum + "px";
|
|
|
|
|
this.tableTittleWidth = 880 / this.propertyNum + "px";
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
@ -502,6 +557,7 @@ export default {
|
|
|
|
|
.bordered-table td {
|
|
|
|
|
border: 1px solid #ddd; /* 边框样式 */
|
|
|
|
|
text-align: center; /* 文本对齐 */
|
|
|
|
|
height: 35px; /* 表格高度 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bordered-table tr {
|
|
|
|
@ -549,7 +605,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.bordered-table-print td {
|
|
|
|
|
text-align: center; /* 文本对齐 */
|
|
|
|
|
height: 30px; /* 表格高度 */
|
|
|
|
|
height: 35px; /* 表格高度 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bordered-table-bottom-print {
|
|
|
|
|