From 1282d7a1c8e52174e4d8c7b6e2b87494e7eaf06e Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Fri, 11 Oct 2024 14:48:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=85=89=E8=8A=AF=E6=89=93=E5=8D=B0?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/print/A4.vue | 483 +++++++++++++++++++++++++++++++++
 1 file changed, 483 insertions(+)
 create mode 100644 src/views/setting/print/A4.vue

diff --git a/src/views/setting/print/A4.vue b/src/views/setting/print/A4.vue
new file mode 100644
index 00000000..7f8b4786
--- /dev/null
+++ b/src/views/setting/print/A4.vue
@@ -0,0 +1,483 @@
+<template>
+    <el-container>
+        <el-side>
+            <el-button type="primary" @click="handleExport">导出</el-button>
+            <el-button type="primary" @click="handlePrint">打印</el-button>
+        </el-side>
+        <!--基本信息!-->
+        <el-main v-loading="mainLoading" style="margin-top: -10px;">
+            <div id="exportDiv" class="exportDiv">
+               <!-- 入库信息 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">入库信息单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">入库信息单编号</li>
+                        <li class="export_ulli">入库日期</li>
+                        <li class="export_ulli">执行部门-工段</li>
+                        <li class="export_ulli">交送人</li>
+                        <li class="export_ulli">仓库接收人</li>
+                        <li class="export_ulli">仓库</li>
+                        <li class="export_ulli">采购订单</li>
+                        <li class="export_ulli">供应商名称</li>
+                        <!-- <li class="export_ulli"><span>333333333：</span><span class="export_ulli_info">333333333</span></li> -->
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                        <li class="export_ulli">44444444444</li>
+                        <li class="export_ulli">55555555555</li>
+                        <li class="export_ulli">66666666666</li>
+                        <li class="export_ulli">77777777777</li>
+                        <li class="export_ulli">88888888888</li>
+                        <!-- <li class="export_ulli"><span>333333333：</span><span class="export_ulli_info">333333333</span></li> -->
+                    </ul>
+                
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">物料清单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">物料名称</li>
+                        <li class="export_ulli">型号</li>
+                        <li class="export_ulli">所在工序</li>
+                        <li class="export_ulli">批次号</li>
+                        <li class="export_ulli">数量</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                        <li class="export_ulli">44444444444</li>
+                        <li class="export_ulli">55555555555</li>
+                    </ul>
+                </div>
+                <!-- 生产领料信息单 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">生产领料信息单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">信息单编号</li>
+                        <li class="export_ulli">出库日期</li>
+                        <li class="export_ulli">执行部门-工段</li>
+                        <li class="export_ulli">交送人</li>
+                        <li class="export_ulli">仓库执行人</li>
+                        <li class="export_ulli">接收人</li>
+                        <li class="export_ulli">仓库</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                        <li class="export_ulli">44444444444</li>
+                        <li class="export_ulli">55555555555</li>
+                        <li class="export_ulli">66666666666</li>
+                        <li class="export_ulli">77777777777</li>
+                    </ul>
+                
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">物料清单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">物料名称</li>
+                        <li class="export_ulli">批次号</li>
+                        <li class="export_ulli">数量</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                    </ul>
+                </div>
+                <!-- 销售发货信息单 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">销售发货信息单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">发货单编号</li>
+                        <li class="export_ulli">发货日期</li>
+                        <li class="export_ulli">订单编号</li>
+                        <li class="export_ulli">日期</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                        <li class="export_ulli">44444444444</li>
+                    </ul>
+                
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">物料清单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">物料名称</li>
+                        <li class="export_ulli">批次号</li>
+                        <li class="export_ulli">数量</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                    </ul>
+                </div>
+                <!-- 检验结果 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">XXX检验结果</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">物料名称</li>
+                        <li class="export_ulli">批次号总数</li>
+                        <li class="export_ulli">抽检数</li>
+                        <li class="export_ulli">检验人</li>
+                        <li class="export_ulli">检验设备</li>
+                        <li class="export_ulli">检验日期</li>
+                        <li class="export_ulli">备注</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                        <li class="export_ulli">44444444444</li>
+                        <li class="export_ulli">55555555555</li>
+                        <li class="export_ulli">66666666666</li>
+                        <li class="export_ulli">77777777777</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">合格数</li>
+                        <li class="export_ulli">不合格数合计</li>
+                        <li class="export_ulli">合格率</li>
+                        <li class="export_ulli"></li>
+                        <li class="export_ulli"></li>
+                        <li class="export_ulli"></li>
+                        <li class="export_ulli"></li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                        <li class="export_ulli"></li>
+                        <li class="export_ulli"></li>
+                        <li class="export_ulli"></li>
+                        <li class="export_ulli"></li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">厚度</li>
+                        <li class="export_ulli">气泡</li>
+                        <li class="export_ulli">水纹</li>
+                        <li class="export_ulli">崩边</li>
+                        <li class="export_ulli">划伤</li>
+                        <li class="export_ulli">麻点</li>
+                        <li class="export_ulli">线痕</li>
+                        <li class="export_ulli">产品外径</li>
+                        <li class="export_ulli">产品圆度</li>
+                        <li class="export_ulli">产品同心度</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">1</li>
+                        <li class="export_ulli">2</li>
+                        <li class="export_ulli">3</li>
+                        <li class="export_ulli">4</li>
+                        <li class="export_ulli">5</li>
+                        <li class="export_ulli">6</li>
+                        <li class="export_ulli">7</li>
+                        <li class="export_ulli">8</li>
+                        <li class="export_ulli">9</li>
+                        <li class="export_ulli">10</li>
+                    </ul>
+                </div>
+                 <!-- 任务分解单 -->
+                 <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">任务分解单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">任务编号</li>
+                        <li class="export_ulli">工艺路线</li>
+                        <li class="export_ulli">产品名称</li>
+                        <li class="export_ulli">任务总数量</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">CNC</li>
+                        <li class="export_ulli">CNC玻璃</li>
+                        <li class="export_ulli">100000</li>
+                    </ul>
+                
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">任务分解表</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">子任务编号</li>
+                        <li class="export_ulli">人员</li>
+                        <li class="export_ulli">数量</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111101</li>
+                        <li class="export_ulli">张三</li>
+                        <li class="export_ulli">5000</li>
+                    </ul>
+                </div>
+                <!-- 日志记录 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">日志记录</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">任务编号</li>
+                        <li class="export_ulli">工艺路线</li>
+                        <li class="export_ulli">产品名称</li>
+                        <li class="export_ulli">任务总数</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">CNC</li>
+                        <li class="export_ulli">CNC玻璃</li>
+                        <li class="export_ulli">100000</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">物料清单</li>
+                    </ul>
+                    <!-- 循环子任务 -->
+                    <div style="display: flex;">
+                        <div style="width: 40px; border-top: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;">1</div>
+                        <div style="flex: 1;">
+                            <ul class="export_ul">
+                                <li class="export_ulli">设备编号</li>
+                                <li class="export_ulli">操作人</li>
+                                <li class="export_ulli">班次</li>
+                                <li class="export_ulli">开始时间</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'">温度</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">保温时间</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">冷却时间</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">预估结束时间</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">备注层数</li>
+                            </ul>
+                            <ul class="export_ul">
+                                <li class="export_ulli">TH11101</li>
+                                <li class="export_ulli">张三</li>
+                                <li class="export_ulli">白班</li>
+                                <li class="export_ulli">19：00</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'">温度</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">600</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">120</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">05：00</li>
+                                <li class="export_ulli" v-if="mgroupName=='黑化'||mgroupName=='退火'">1到10层</li>
+                            </ul>
+                            <ul class="export_ul">
+                                <li class="export_ulli">输入物料批次号</li>
+                                <li class="export_ulli">领料数量</li>
+                                <li class="export_ulli">加工数量</li>
+                                <li class="export_ulli">加工前不良数量</li>
+                                <li class="export_ulli">输出物料批次号</li>
+                                <li class="export_ulli">合格数量</li>
+                                <li class="export_ulli">不合格数量</li>
+                                <li class="export_ulli">不合格原因</li>
+                            </ul>
+                            <ul class="export_ul">
+                                <li class="export_ulli">20241011</li>
+                                <li class="export_ulli">5000</li>
+                                <li class="export_ulli">4000</li>
+                                <li class="export_ulli">10</li>
+                                <li class="export_ulli">20241011-TH01</li>
+                                <li class="export_ulli">3950</li>
+                                <li class="export_ulli">40</li>
+                                <li class="export_ulli">崩边</li>
+                            
+                            </ul>
+                        </div>
+                    </div>
+                    
+                </div>
+                 <!-- 交接记录 -->
+                 <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">交接记录</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">交送工序</li>
+                        <li class="export_ulli">交送人</li>
+                        <li class="export_ulli">接受工序</li>
+                        <li class="export_ulli">接收人</li>
+                        <li class="export_ulli">交送日期</li>
+                        <li class="export_ulli">接收日期</li>
+                        <li class="export_ulli">备注</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">1111</li>
+                        <li class="export_ulli">2222</li>
+                        <li class="export_ulli">3333</li>
+                        <li class="export_ulli">4444</li>
+                        <li class="export_ulli">5555</li>
+                        <li class="export_ulli">6666</li>
+                        <li class="export_ulli">7777</li>
+                    </ul>
+                
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">物料清单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">物料名称</li>
+                        <li class="export_ulli">批次号</li>
+                        <li class="export_ulli">数量</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">11111111111</li>
+                        <li class="export_ulli">22222222222</li>
+                        <li class="export_ulli">33333333333</li>
+                    </ul>
+                </div>
+                <!-- 成品尺寸检测记录单 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">成品尺寸检测记录单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">日期</li>
+                        <li class="export_ulli">批次号</li>
+                        <li class="export_ulli">输入</li>
+                        <li class="export_ulli">合格输出</li>
+                        <li class="export_ulli">内径不良</li>
+                        <li class="export_ulli">外径不良</li>
+                        <li class="export_ulli">产品外径不良</li>
+                        <li class="export_ulli">同心度不良</li>
+                        <li class="export_ulli">圆度不良</li>
+                        <li class="export_ulli">准合格</li>
+                        <li class="export_ulli">不合格总数</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">1</li>
+                        <li class="export_ulli">2</li>
+                        <li class="export_ulli">3</li>
+                        <li class="export_ulli">4</li>
+                        <li class="export_ulli">5</li>
+                        <li class="export_ulli">6</li>
+                        <li class="export_ulli">7</li>
+                        <li class="export_ulli">8</li>
+                        <li class="export_ulli">9</li>
+                        <li class="export_ulli">10</li>
+                        <li class="export_ulli">11</li>
+                    </ul>
+                </div>
+                <!-- 成品外观检测记录单 -->
+                <div class="containersDom">
+                    <ul class="export_ul">
+                        <li class="export_ulli export_ulli_title">成品外观检测记录单</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">日期</li>
+                        <li class="export_ulli">批次号</li>
+                        <li class="export_ulli">输入</li>
+                        <li class="export_ulli">合格输出</li>
+                        <li class="export_ulli">内径不良</li>
+                        <li class="export_ulli">外径不良</li>
+                        <li class="export_ulli">产品外径不良</li>
+                        <li class="export_ulli">同心度不良</li>
+                        <li class="export_ulli">圆度不良</li>
+                        <li class="export_ulli">准合格</li>
+                        <li class="export_ulli">不合格总数</li>
+                    </ul>
+                    <ul class="export_ul">
+                        <li class="export_ulli">1</li>
+                        <li class="export_ulli">2</li>
+                        <li class="export_ulli">3</li>
+                        <li class="export_ulli">4</li>
+                        <li class="export_ulli">5</li>
+                        <li class="export_ulli">6</li>
+                        <li class="export_ulli">7</li>
+                        <li class="export_ulli">8</li>
+                        <li class="export_ulli">9</li>
+                        <li class="export_ulli">10</li>
+                        <li class="export_ulli">11</li>
+                    </ul>
+                </div>
+            </div>
+        </el-main>
+    </el-container>
+</template>
+<script>
+	import PdfLoader from '@/utils/html2pdf';
+	export default {
+		name: "scFire",
+		props: {
+			id: { type: String, default: "" },
+			wfId: { type: String, default: "" },
+		},
+		data() {
+			return {
+				mainLoading: false,
+				issave: false, //控制基本信息提交
+				search: {
+					keyword: null,
+				},
+				oplcateCode: 'fire',
+				operationId: "",
+				oplId: "",
+				ticketId:'',
+			};
+		},
+		mounted() {
+			let that = this;
+			this.$nextTick(()=>{})
+		},
+		methods: {
+            handlePrint(){
+                this.$PRINT("#exportDiv");
+            },
+			handleExport() {
+				let exportDiv = document.getElementById('exportDiv')  // 需要导出部分页面的id名
+    			this.pdfDownLoader = new PdfLoader(exportDiv, '作业许可证', 'exportDiv')  // fileName -->导出文件名,  question-table -->防止被截断的class名
+				this.pdfDownLoader.outPutPdfFn('test');
+			},
+			//作业人员列表
+			getworkerList() {
+				this.$API.opm.worker.list.req({opl: this.oplId, page: 0}).then((res) => {
+					this.workerData = res;
+				});
+			},
+		},
+	}
+</script>
+<style scoped>
+.exportDiv{
+    /* width: 210px;
+    height: 297px; */
+    width: 1050px;
+    height: 1485px;
+    padding: 10px;
+    margin-top: 10px;
+    background: #ffffff;
+}
+/* .pdfTitle{
+    font-size: 18px;
+    margin-top: 10px;
+    font-weight: 600px;
+    text-align: center;
+} */
+ .containersDom{
+    border-right: 1px solid #aaaaaa;
+    border-bottom: 1px solid #aaaaaa;
+    margin-bottom: 20px;
+ }
+.export_ul{
+   display: flex;
+   list-style: none;
+}
+.export_ulli{
+    flex:1;
+    height: 35px;
+    font-size: 16px;
+    line-height: 35px;
+    border-top: 1px solid #aaaaaa;
+    border-left: 1px solid #aaaaaa;
+}
+.export_ulli_title{
+    text-align: center;
+}
+/* .export_ulli_info{
+    color: var(--el-text-color-regular);
+} */
+</style>