质量报告查看页面。

src/views/statistic/report/toPrintTables.vue

@@ -56,91 +56,49 @@ defineExpose({
               <table>
                 <thead>
                   <tr>
-                    <th>序号</th>
-                    <th id="lineId" colspan="2">
-                      <span style="float: left; margin-top: 10px"
-                        >产品型号<br />检验批号</span
-                      >
+                    <th rowspan="2">序号</th>
+                    <th id="lineId" rowspan="2">
+                      <span style="float: left">筛选项目</span>
                       <span style="float: right; margin-top: 10px"
-                        >筛选项目</span
+                        >产品型号<br />检验批号</span
                       >
                     </th>
-                    <th>封前 目检</th>
-                    <th>随机 振动</th>
-                    <th>稳定性 烘烤</th>
-                    <th>电测 试</th>
-                    <th>温度 循环</th>
-                    <th>老化</th>
-                    <th>最终电测试</th>
-                    <th>绝缘电阻</th>
-                    <th>外部 目检</th>
+                    <th colspan="2">JMT332024</th>
+                  </tr>
+                  <tr>
+                    <th class="vertical-text">数量</th>
+                    <th class="vertical-text">剔除数</th>
                   </tr>
                 </thead>
                 <tbody>
                   <tr v-for="(item, index) in moduleScreeningData" :key="index">
-                    <td>{{ item.id }}</td>
-                    <td>{{ item.model }} {{ item.batch }}</td>
-                    <td>
-                      <div>数量</div>
-                      <div>剔除数</div>
-                    </td>
-                    <td>
-                      <div>{{ item.preInspection.quantity }}</div>
-                      <div>{{ item.preInspection.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.highTempStorage.quantity }}</div>
-                      <div>{{ item.highTempStorage.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.tempCycle.quantity }}</div>
-                      <div>{{ item.tempCycle.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.randomVibration.quantity }}</div>
-                      <div>{{ item.randomVibration.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.electricalTest.quantity }}</div>
-                      <div>{{ item.electricalTest.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.aging.quantity }}</div>
-                      <div>{{ item.aging.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.finalElectricalTest.quantity }}</div>
-                      <div>{{ item.finalElectricalTest.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.externalInspection.quantity }}</div>
-                      <div>{{ item.externalInspection.rejects }}</div>
-                    </td>
-                    <td>
-                      <div>{{ item.externalInspection.quantity }}</div>
-                      <div>{{ item.externalInspection.rejects }}</div>
-                    </td>
+                    <td>{{ index + 1 }}</td>
+                    <td>封前目检验</td>
+                    <td>52</td>
+                    <td>66</td>
                   </tr>
                 </tbody>
               </table>
             </div>
             <div style="page-break-after: always">
               <div class="tableTitle" style="margin-top: 100px">
-                质量一致性检验
-              </div>
-              <div class="info">
-                <div class="text">产品型号：</div>
-                <div class="text">产品批次：</div>
-                <div class="text">报告日期：2025年03月23日</div>
+                销售信息反馈
               </div>
               <table>
                 <thead>
                   <tr>
-                    <th>序号</th>
-                    <th>产品型号</th>
-                    <th>批号</th>
-                    <th>质量一致性检验情况</th>
-                    <th>留样数量</th>
+                    <th rowspan="2">日期</th>
+                    <th colspan="3">返回产品</th>
+                    <th rowspan="2">用户</th>
+                    <th rowspan="2">反馈内容</th>
+                    <th rowspan="2">原因</th>
+                    <th rowspan="2">纠正措施</th>
+                    <th rowspan="2">备注</th>
+                  </tr>
+                  <tr>
+                    <th>型号</th>
+                    <th>批次</th>
+                    <th>数量</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -154,9 +112,38 @@ defineExpose({
                 </tbody>
               </table>
             </div>
-            <div class="tableTitle" style="margin-top: 100px">
-              产品代验收情况
+            <div style="page-break-after: always; margin-top: 50px">
+              <div class="tableTitle">质量管理部成品率统计快报</div>
+              <table>
+                <thead>
+                  <tr>
+                    <th id="lineId" rowspan="2">
+                      <span style="float: right">产品分类</span>
+                      <span style="float: left; margin-top: 10px">工序</span>
+                    </th>
+                    <th colspan="3">HTH328MJ</th>
+                  </tr>
+                  <tr>
+                    <th class="vertical-text">目标%</th>
+                    <th class="vertical-text">实际%</th>
+                    <th class="vertical-text">增量%</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="(item, index) in moduleScreeningData" :key="index">
+                    <td>清洗</td>
+                    <td>100</td>
+                    <td>100</td>
+                    <td>0</td>
+                  </tr>
+                  <tr>
+                    <td>备注</td>
+                    <td :colspan="1 * 3">这是备注内容</td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
+            <div class="tableTitle" style="margin-top: 50px">入库</div>
             <div class="info">
               <div class="text">产品型号：</div>
               <div class="text">产品批次：</div>
@@ -231,6 +218,7 @@ td {
   text-align: left;
 }
 th {
+  text-align: center;
   background-color: #f2f2f2; /* 设置表头的背景颜色 */
 }
 
@@ -327,4 +315,9 @@ th {
     background-color: rgba(0, 0, 0, 0.3);
   }
 }
+
+.vertical-text {
+  writing-mode: vertical-rl; /* 竖排从右到左 */
+  text-orientation: upright; /* 保持字符直立 */
+}
 </style>