打印 摸具生产计划单 附页

mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/productionPrint.vue

@@ -151,9 +151,9 @@
             <td colspan="2"> 责任人 </td>
             <td colspan="2"> 备注 </td>
           </tr>
-          <tr v-for="item in 8" :key="item.index">
+          <tr  v-for="its in formData.tablename" :key="its.index" >
-            <td class="xh"> {{ item }} </td>
+            <td class="xh"> {{ its.index }} </td>
-            <td colspan="3"> </td>
+            <td colspan="3"> {{its.name}}</td>
             <td> </td>
             <td> </td>
             <td colspan="2"> </td>
@@ -163,10 +163,163 @@
         <tbody>
           <tr>
             <td colspan="10">
-              <div style="text-align: left; width: 100%;display: flex; flex-direction: column;padding-left:15px;">
+              <div
+                style="
+                  text-align: left;
+                  width: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  padding-left: 15px;
+                "
+              >
                 <span>说明:</span>
-                <span>1.每个项目的零部件制作工艺，材料材质，硬度要求必须统一，出现任何问题，各工程师负责!</span>
+                <span
-                <span>2.模具调试，试模需要根据客户要求，自己安排调试，我司根据需要安排人员参与配合。</span>
+                  >1.每个项目的零部件制作工艺，材料材质，硬度要求必须统一，出现任何问题，各工程师负责!</span
+                >
+                <span
+                  >2.模具调试，试模需要根据客户要求，自己安排调试，我司根据需要安排人员参与配合。</span
+                >
+              </div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td colspan="4" style="width: 33%"> 编制/日期 </td>
+            <td colspan="3" style="width: 33%"> 审核/日期 </td>
+            <td colspan="3" style="width: 33%"> 批准/日期 </td>
+          </tr>
+          <tr>
+            <td colspan="4">{{ `formData.creatorName` }}</td>
+            <td colspan="3">{{ `formData.auditUserName` }}</td>
+            <td colspan="3">{{ `formData.approveUserName` }}</td>
+          </tr>
+          <tr>
+            <td colspan="4">{{ `formData.creatorName` }}</td>
+            <td colspan="3">{{ `formData.auditUserName` }}</td>
+            <td colspan="3">{{ `formData.approveUserName` }}</td>
+            <!-- <td colspan="4">{{formatDate(new Date(formData.createTime), 'YYYY-MM-DD')}}</td>
+            <td colspan="3">{{formatDate(new Date(formData.auditTime), 'YYYY-MM-DD')}}</td>
+            <td colspan="3">{{formatDate(new Date(formData.approveTime), 'YYYY-MM-DD')}}</td> -->
+          </tr>
+        </tbody>
+      </table>
+      <table border="2" cellspacing="0" id="table1">
+        <tbody>
+          <tr>
+            <td colspan="2">
+              <div style="width: 100px; text-align: center">
+                <img src="/src/assets/imgs/exlogo.png" style="width: 100%" alt="" />
+              </div>
+            </td>
+            <td colspan="6">
+              <span style="font-size: 20px; font-weight: 700">摸具生产计划单-附页</span>
+            </td>
+            <td colspan="2" style="padding: 5px 0">
+              <div style="border-bottom: 1px solid #666; padding-bottom: 5px">项目编号</div>
+              <div style="padding-top: 5px">{{ `formData.code` }}</div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td colspan="2"> 客户名称 </td>
+            <td colspan="5">
+              <span>{{ '公司名字' }}</span>
+            </td>
+            <td colspan="1">{{ `密称` }}</td>
+            <td> 编码： </td>
+            <td>{{ `1091` }} </td>
+          </tr>
+        </tbody>
+        <tr>
+          <td colspan="2"> 项目名称 </td>
+          <td colspan="6">
+            {{ `系列摸具` }}
+          </td>
+          <td> 业务员： </td>
+          <td>{{ `xxx` }} </td>
+        </tr>
+        <tr>
+          <td colspan="2"> 项目工期 </td>
+          <td style="padding: 0 5px"> 起 </td>
+          <td colspan="1">
+            <span>{{ '2024/1/11' }}</span>
+          </td>
+          <td colspan="1">至</td>
+          <td colspan="1">{{ `2024/4/11` }}</td>
+          <td>天数</td>
+          <td colspan="1">{{ `92` }}</td>
+          <td colspan="1"> 是否紧急： </td>
+          <td colspan="1">{{ `否` }} </td>
+        </tr>
+        <tr>
+          <td colspan="10">
+            <div style="font-size: 18px; height: 50px; line-height: 50px">
+              <span>接上页</span>
+            </div>
+          </td>
+        </tr>
+
+        <tbody>
+          <tr
+            ><td colspan="10"> <div style="text-align: left; width: 100%">子项目信息:</div></td></tr
+          >
+          <tr>
+            <td class="xh"> 序号 </td>
+            <td colspan="3"> 名称/编号 </td>
+            <td> 设备型号 </td>
+            <td> 数量 </td>
+            <td> 主要材料 </td>
+            <td> 毛坯日期 </td>
+            <td> 2D/日期 </td>
+            <td> 3D/日期 </td>
+          </tr>
+          <tr v-for="item in 15" :key="item.index">
+            <td class="xh"> {{ item+8 }} </td>
+            <td colspan="3" style="padding: 0 0">
+              <div style="display: flex; flex-direction: column; justify-content: space-between">
+                <span style="border-bottom: 1px solid #666"> {{ `名称` }} </span>
+                <span>{{ `编号` }}</span>
+              </div>
+            </td>
+            <td>{{ `LP 100L` }} </td>
+            <td>{{ `1` }} </td>
+            <td>{{ `H13` }} </td>
+            <td> {{ `2024/1/15` }} </td>
+            <td style="padding: 0 0">
+              <div style="display: flex; flex-direction: column; justify-content: space-between">
+                <span style="border-bottom: 1px solid #666"> {{ `2024/1/15` }} </span>
+                <span>{{ `name` }}</span>
+              </div>
+            </td>
+            <td style="padding: 0 0">
+              <div style="display: flex; flex-direction: column; justify-content: space-between">
+                <span style="border-bottom: 1px solid #666"> {{ `2024/1/15` }} </span>
+                <span>{{ `name` }}</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td colspan="10">
+              <div
+                style="
+                  text-align: left;
+                  width: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  padding-left: 15px;
+                "
+              >
+                <span>说明:</span>
+                <span
+                  >1.每个项目的零部件制作工艺，材料材质，硬度要求必须统一，出现任何问题，各工程师负责!</span
+                >
+                <span
+                  >2.模具调试，试模需要根据客户要求，自己安排调试，我司根据需要安排人员参与配合。</span
+                >
               </div>
             </td>
           </tr>
@@ -205,6 +358,44 @@
 import { Check } from '@element-plus/icons-vue'
 const dialogVisible = ref(false) // 弹窗的是否展示
 
+const formData = ref({
+  tablename: [
+    {
+      index:1,
+      name: '母模/毛坯'
+    },
+    {
+      index:2,
+
+      name: '粗,精加工'
+    },
+    {
+      index:3,
+      name: '热处理'
+    },
+    {
+      index:4,
+      name: '电火花'
+    },
+    {
+      index:5,
+      name: '打孔/抛光'
+    },
+    {
+      index:6,
+      name: '装配'
+    },
+    {
+      index:7,
+      name: '预验收'
+    },
+     {
+      index:8,
+      name:'检验'
+    }
+  ]
+})
+
 const onPrint = () => {
   // 拿到打印页面dom节点
   const printNode = document.querySelector('.print-wrap')