2024-08-30 MES-点检报表调整第二版

src/views/mes/pointInspection/index.vue

@@ -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 {