修改打印界面

ruoyi-manage/src/main/resources/templates/manage/record_inspection/print.html

@@ -102,33 +102,39 @@
 
         e.data.list.forEach((i, k) => {
             let cardList = e.data.infolist.filter(v => v.inspectionId === i.inspectionId)
-            console.log(cardList)
+            let cardIds = [...new Set(cardList.map(v=>v.objid))]
             let card = ``
-            cardList.forEach(v => {
-                card += `
+            cardIds.forEach(v => {
+                let data = cardList.filter(i=>i.objid ===v)
+                    card += `
         <div class="card">
             <div class="left">
                 <div style="height: 100%;display: flex;  flex-direction: column;justify-content: space-between;">
-                    <div>机坪名称:${v.areaName || ''}</div>
-                    <div>机位码:${v.planePosition || ''}</div>
-                    <div>完成状态:${v.taskState || ''}</div>
+                    <div><span style="display: inline-block;width: 70px;text-align: right">机坪名称:</span>${data[0].areaName || ''}</div>
+                    <div><span style="display: inline-block;width: 70px;text-align: right">机位码:</span>${data[0].planePosition || ''}</div>
+                    <div><span style="display: inline-block;width: 70px;text-align: right">完成状态:</span>${data[0].taskState || ''}</div>
                 </div>
             </div>
             <div class="right">
-                <div class="image1">
-                    <img src="${v.imgPath}" alt="">
-                </div>
+            ${
+                        data.map(vv=>{
+                            return `
+                <div class="image1" style="width:calc(${100/data.length}% - ${data.length}px)">
+                    ${vv.imgPath ? `<img src="/img/11.jpg" alt="">` : ''}
+                </div>`
+                        }).join('')
+                    }
             </div>
         </div>`
             })
             let html = `
     <div class="item">
-        <div style="display: flex;  justify-content: space-between;">
-            <div>巡检时间：${i.inspectionTime}</div>
-            <div>巡检数量：${i.totalNumber || 0}</div>
-            <div>正常数量：${i.normalNumber || 0}</div>
-            <div>异常数量：${i.abnormalNumber || 0}</div>
-            <div>跳过数量：${i.skipNumber || 0}</div>
+        <div style="text-align:center;display: flex;  justify-content: space-between;background-color: #3333">
+            <div style="width: 100%">巡检时间：<br>${i.inspectionTime}</div>
+            <div style="width: 100%">巡检数量：<br>${i.totalNumber || 0}</div>
+            <div style="width: 100%">正常数量：<br>${i.normalNumber || 0}</div>
+            <div style="width: 100%">异常数量：<br>${i.abnormalNumber || 0}</div>
+            <div style="width: 100%">跳过数量：<br>${i.skipNumber || 0}</div>
         </div>
         ${card}
     </div>`