质量月报行列互换

src/views/statistic/report/toPrintTables.vue

@@ -59,12 +59,11 @@ defineExpose({
               <table  style="margin-top:10px">
                 <thead>
                   <tr>
-                    <th rowspan="2" v-if="item.checkList.length===1" style="width: 100px">序号</th>
-                    <th rowspan="2" v-if="item.checkList.length!==1">序号</th>
+                    <th style="width: 60px">序号</th>
 
-                    <th id="lineId" rowspan="2">
-                      <span class="left-text">筛选项目</span>
-                      <span class="right-text">产品型号/检验批号</span>
+                    <th id="lineId" colspan="2">
+                      <span class="left-text">产品型号/检验批号</span>
+                      <span class="right-text">筛选项目</span>
                       <svg xmlns="http://www.w3.org/2000/svg" class="xiexian">
                         <path
                           d="M 0 80 L 250 80 L 0 0 Z"
@@ -87,16 +86,22 @@ defineExpose({
                         />
                       </svg>
                     </th>
-                    <th colspan="2" v-for="(itemCheck, index) in item.checkList">{{itemCheck.materialModel}} {{itemCheck.checkCode}}</th>
+                    <th  v-for="(operationName) in item.operationNames">{{operationName}}</th>
                   </tr>
-                  <tr>
+<!--                  <tr>
                     <th class="vertical-text" v-for="(itemCheck, index) in item.checkNameList">{{itemCheck}}</th>
-                  </tr>
+                  </tr>-->
                 </thead>
-                <tbody>
-                  <tr v-for="(itemOperation, index) in item.filterDetailList" :key="index" >
-                    <td style="text-align: center" v-for="(item, index) in itemOperation">{{ item }}</td>
-
+                <tbody v-for="(itemCheck, index) in item.checkList" :key="index">
+                  <tr  >
+                    <td rowspan="2" style="text-align: center" >{{ index+1}}</td>
+                    <td rowspan="2" style="text-align: center;width:180px" >{{ itemCheck.materialModel}}&nbsp;{{ itemCheck.checkCode}}</td>
+                    <td  style="text-align: center;width:70px" >数量</td>
+                    <td  style="text-align: center;" v-for="(num) in itemCheck.numList" >{{num}}</td>
+                  </tr>
+                  <tr>
+                    <td style="text-align: center">剔除</td>
+                    <td  style="text-align: center;" v-for="(remove) in itemCheck.removeList">{{remove}}</td>
 
                   </tr>
                 </tbody>
@@ -149,9 +154,9 @@ defineExpose({
                 <thead >
 
                   <tr >
-                    <th id="lineId" rowspan="2">
-                      <span class="right-text">产品分类</span>
-                      <span class="left-text">工序</span>
+                    <th id="lineId" colspan="2" >
+                      <span class="right-text">工序</span>
+                      <span class="left-text">产品分类</span>
                       <svg xmlns="http://www.w3.org/2000/svg" class="xiexian">
                         <path
                           d="M 0 80 L 250 80 L 0 0 Z"
@@ -174,25 +179,31 @@ defineExpose({
                         />
                       </svg>
                     </th>
-                    <th  :colspan="index==0?3:4" v-for="(itemModel, index) in item.materialModelList">{{itemModel}}</th>
-                  </tr>
-                  <tr>
-                    <th class="vertical-text" v-for="(itemLine, index) in item.headLine">{{itemLine}}</th>
-
+                    <th   v-for="(itemOperation) in item.operationNameList">{{itemOperation}}</th>
                   </tr>
 
                 </thead>
-                <tbody>
-                  <tr v-for="(itemLine, index) in item.lineList" :key="index">
-                    <td v-for="(itemOp, index) in itemLine">{{itemOp}}</td>
-
+                <tbody v-for="(model) in item.modelList">
+                  <tr>
+                    <td style="width: 160px;text-align: center" rowspan="3">{{model.materialModel}}</td>
+                    <td style="width: 90px;text-align: center">目标%</td>
+                    <td v-for="(modelItem) in model.targetList" style="text-align: center">{{modelItem}}</td>
+                  </tr>
+                  <tr>
+                    <td style="width: 90px;text-align: center">实际%</td>
+                    <td v-for="(modelItem) in model.actualList" style="text-align: center">{{modelItem}}</td>
                   </tr>
                   <tr>
+                    <td style="width: 90px;text-align: center">增量%</td>
+                    <td v-for="(modelItem) in model.incrementList" style="text-align: center">{{modelItem}}</td>
+                  </tr>
+<!--                  <tr>
                     <td>备注</td>
                     <td :colspan="item.num * 4-1" v-html="item.remark" style="text-align: center"></td>
-                  </tr>
+                  </tr>-->
                 </tbody>
-              </table></div>
+              </table>
+              </div>
             </div>
             <div class="tableTitle" style="margin-top: 50px">入库</div>
 <!--            <div class="info">
@@ -309,7 +320,7 @@ th {
 }
 .div-header{
   float: left;
-  width: 315px;
+  width: 33%;
   font-size: 15px;
   height: 40px;
   line-height: 40px;