2 lines
13 KiB
JavaScript
2 lines
13 KiB
JavaScript
import{_ as e,r as t,j as a,k as l,y as n,c as o,o as i,a as r,b as s,i as u,t as c,d as v,n as d,v as f,f as p,l as m,P as y,m as g,p as h,u as b,x}from"./styles-BZJ2tAi6.js";import"./pdfjs-DXqArq6h.js";import"./pdf-lib-AfLQbX6n.js";const w={class:"viewer-container"},S={class:"viewer-main"},k={class:"controls"},T=["disabled"],D={style:{"min-width":"54px","text-align":"center"}},J=["max"],P={style:{"margin-left":"4px"}},_={key:0,style:{display:"flex","align-items":"center",gap:"12px","margin-left":"8px","font-size":"12px",color:"#6b7280"}},F={class:"viewer"};x(e({__name:"ViewerApp",setup(e){const x=t(null),I=t(null),C=t(0),O=t(1),R=t(1),E=t(null),N=t(""),A=t({}),z=t(!1);let L=null;const B=t({startNumber:1,increment:1,prefix:"",suffix:"",fontSize:10,borderStyle:"none",annotationStyle:"arrow"});let H=null;const M=t({show:!1,message:"",type:"success"});let U=null;function W(e,t="success"){M.value={show:!0,message:e,type:t},clearTimeout(U),U=setTimeout(()=>{M.value.show=!1},2500)}const j=t(null),V=t(100),$=t(1),Y=a(()=>{const e=null!==j.value?j.value:$.value;return Math.round(100*e)});function Z(e){I.value=e.pdf,C.value=e.numPages,O.value=1,R.value=1,ie&&E.value&&b(()=>{E.value.setAnnotations(ie),b(()=>{E.value&&E.value.renderPage&&E.value.renderPage(O.value)}),W("标注数据已加载"),ie=null})}function q(e){$.value=e}function G(e){j.value=e,V.value=Math.round(100*e)}function K(){j.value=+V.value/100}async function Q(e){if(e&&e.trim())try{const t=await fetch(e);if(!t.ok)throw new Error(`获取失败: ${t.status}`);const a=await t.blob(),l=new FileReader;l.onload=e=>{const t=e.target.result;E.value?(E.value.setTemporaryImage(t,400),W("点击PDF上要放置图片的位置, 按ESC取消")):W("请先加载PDF","error")},l.onerror=()=>{W("读取图片数据失败","error")},l.readAsDataURL(a)}catch(t){console.error("导入图片错误:",t),W("导入图片失败: "+t.message,"error")}else W("图片URL为空","error")}async function X(){const e=document.getElementById("imgurl1"),t=e?.value?.trim();t?await Q(t):W("未找到图片地址1","error")}async function ee(){const e=document.getElementById("imgurl2"),t=e?.value?.trim();t?await Q(t):W("未找到图片地址2","error")}function te(){if(!E.value||!I.value)return void W("请先加载PDF","error");const e=document.getElementById("annotionData");if(!e||!e.value||!e.value.trim())return void W("未找到焊口数据","error");let t;try{const a=JSON.parse(e.value);t=Array.isArray(a)?a:null}catch(a){return void W("焊口数据格式错误","error")}if(t&&0!==t.length)try{const e=function(e){const t=document.createElement("canvas"),a=t.getContext("2d"),l=[{key:"index",label:"序号",width:50},{key:"JOT_JointNo",label:"焊口编号",width:100},{key:"WED_Code",label:"焊工代号",width:90},{key:"JOT_Location",label:"焊接位置",width:80},{key:"JOT_WeldDate",label:"焊接日期",width:100},{key:"DetectionTypeCode",label:"检测类型",width:80},{key:"IsRepair",label:"是否返修",width:70},{key:"IsHotProcess",label:"是否热处理",width:80},{key:"JOT_JointStatus",label:"焊口状态",width:80}],n=32,o=36,i=l.reduce((e,t)=>e+t.width,0)+16,r=o+n*e.length+16;t.width=2*i,t.height=2*r,t.style.width=i+"px",t.style.height=r+"px",a.scale(2,2),a.fillStyle="#ffffff",a.fillRect(0,0,i,r);const s=i-16;a.fillStyle="#e8edf2",a.fillRect(8,8,s,o),a.fillStyle="#1e3a5f",a.font='bold 14px "Microsoft YaHei", "SimHei", sans-serif',a.textAlign="center",a.textBaseline="middle";let u=8;for(const c of l)a.fillText(c.label,u+c.width/2,26),u+=c.width;a.font='13px "Microsoft YaHei", "SimHei", sans-serif';for(let c=0;c<e.length;c++){const t=e[c],o=44+c*n;c%2==1&&(a.fillStyle="#f5f7fa",a.fillRect(8,o,s,n)),a.fillStyle="#333333",a.textAlign="center",u=8;for(const e of l){let l="";l="index"===e.key?String(c+1):null!=t[e.key]?String(t[e.key]):"/";const n=e.width-8;let i=l;for(;a.measureText(i).width>n&&i.length>1;)i=i.slice(0,-1);i!==l&&(i+="…"),a.fillText(i,u+e.width/2,o+16),u+=e.width}}a.strokeStyle="#c0c8d4",a.lineWidth=1,a.strokeRect(8,8,s,o+n*e.length);for(let c=0;c<=e.length;c++){const e=44+c*n;a.beginPath(),a.moveTo(8,e),a.lineTo(8+s,e),a.stroke()}u=8;for(let c=0;c<l.length-1;c++)u+=l[c].width,a.beginPath(),a.moveTo(u,8),a.lineTo(u,44+n*e.length),a.stroke();return t.toDataURL("image/png")}(t);E.value.setTemporaryImage(e,500),W("点击PDF上要放置表格的位置, 按ESC取消")}catch(l){console.error("生成焊口表格失败:",l),W("生成焊口表格失败: "+l.message,"error")}else W("焊口数据为空","error")}function ae(){if(!E.value||!I.value)return void W("请先加载PDF","error");const e=document.getElementById("orgname"),t=e?.value?.trim()||"公司名称";try{const e=function(e){const t=document.createElement("canvas"),a=t.getContext("2d"),l=[120,120,120],n=l.reduce((e,t)=>e+t,0),o=36;t.width=2*n,t.height=232,t.style.width=n+"px",t.style.height="116px",a.scale(2,2),a.clearRect(0,0,n,116),a.strokeStyle="#000000",a.lineWidth=1.5,a.strokeRect(0,0,n,o),a.fillStyle="#000000",a.font='bold 14px "Microsoft YaHei", "SimHei", sans-serif',a.textAlign="center",a.textBaseline="middle",a.fillText(e,n/2,18);const i=["编制人","审核人","日期"];let r=0;for(let s=0;s<3;s++)a.strokeRect(r,36,l[s],o),a.fillStyle="#000000",a.font='bold 14px "Microsoft YaHei", "SimHei", sans-serif',a.textAlign="center",a.textBaseline="middle",a.fillText(i[s],r+l[s]/2,54),r+=l[s];r=0;for(let s=0;s<3;s++)a.strokeRect(r,72,l[s],44),r+=l[s];return t.toDataURL("image/png")}(t);E.value.setTemporaryImage(e,360),W("点击PDF上要放置签名的位置, 按ESC取消")}catch(a){console.error("生成签名表格失败:",a),W("生成签名表格失败: "+a.message,"error")}}function le(e){const t=O.value;A.value[t]||(A.value[t]=[]),A.value[t].push(e),E.value&&E.value.setImages(A.value),W("图片已放置")}function ne(){W("已取消图片放置")}function oe(e){A.value[e.page]=e.images,W("图片已删除")}let ie=null;function re(e){if(e&&e.trim())try{const t=JSON.parse(e);let a={};if(Array.isArray(t)){const e=t.map((e,t)=>({page:e.page||"1",annotation:{x:parseFloat(e.x)||0,y:parseFloat(e.y)||0,x2:parseFloat(e.x2)||0,y2:parseFloat(e.y2)||0,displayValue:e.JOT_JointNo||t+1,label:e.JOT_JointNo||"",text:e.JOT_JointNo||"",style:"none",annotationStyle:"arrow",JOT_ID:e.JOT_ID||"",JOT_JointNo:e.JOT_JointNo||"",WED_Code:e.WED_Code||null,JOT_Location:e.JOT_Location||"",JOT_WeldDate:e.JOT_WeldDate||null,DetectionTypeCode:e.DetectionTypeCode||"/",IsRepair:e.IsRepair||"/",IsHotProcess:e.IsHotProcess||"/",JOT_JointStatus:e.JOT_JointStatus||"",settings:{prefix:"",suffix:"",fontSize:10}}}));for(const t of e)a[t.page]||(a[t.page]=[]),a[t.page].push(t.annotation);if(t.length>0&&t[0].JOT_JointNo){const e=t[0].JOT_JointNo.match(/^([A-Za-z]*)([0-9]+)([A-Za-z]*)$/);e&&(B.value.prefix=e[1],B.value.suffix=e[3])}}else{if(!t.annotations)return void console.warn("annotionData: 无法识别的数据格式");if(a=t.annotations,t.globalSettings){const e=t.globalSettings;B.value={startNumber:e.startNumber??1,increment:e.increment??1,prefix:e.prefix??"",suffix:e.suffix??"",fontSize:e.fontSize??10,borderStyle:e.borderStyle??"none",annotationStyle:e.annotationStyle??"arrow"}}}E.value&&I.value?(E.value.setAnnotations(a),b(()=>{E.value&&E.value.renderPage&&E.value.renderPage(O.value)}),W("标注数据已加载")):ie=a,console.log("annotionData 解析成功，页面数:",Object.keys(a).length)}catch(t){console.error("annotionData 解析失败:",t)}}return l(()=>{const e=document.getElementById("hdpdfurl");let t=null;e&&e.value&&e.value.trim()&&(t=e.value.trim());const a=new URLSearchParams(window.location.search).get("url");a&&(t=a),t&&async function(e){if(e){W("正在加载PDF...");try{const a=await fetch(e);if(!a.ok)throw new Error(`加载失败: ${a.status} ${a.statusText}`);const l=await a.arrayBuffer(),n=new Blob([l],{type:"application/pdf"});L=l;let o="online.pdf";try{const t=new URL(e).pathname.split("/"),a=t[t.length-1];a&&a.includes(".pdf")&&(o=decodeURIComponent(a))}catch(t){}const i=new File([n],o,{type:"application/pdf"});x.value=i,N.value=o,O.value=1,R.value=1,j.value=1,V.value=100,W("PDF加载成功")}catch(a){console.error("Failed to load PDF from URL:",a),W("加载PDF失败: "+a.message,"error")}}}(t),function(){const e=document.getElementById("annotionData");e&&(e.value&&e.value.trim()&&re(e.value),H=new MutationObserver(t=>{for(const a of t)"attributes"===a.type&&"value"===a.attributeName&&re(e.getAttribute("value"))}),H.observe(e,{attributes:!0,attributeFilter:["value"]}),e.addEventListener("input",()=>re(e.value)),e.addEventListener("change",()=>re(e.value)))}()}),n(()=>{H&&(H.disconnect(),H=null)}),(e,t)=>(i(),o("div",w,[M.value.show?(i(),o("div",{key:0,style:u({position:"fixed",top:"20px",right:"20px",padding:"12px 16px",background:"success"===M.value.type?"#d1fae5":"#fee2e2",color:"success"===M.value.type?"#065f46":"#991b1b",borderRadius:"4px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:9999,animation:"slideIn 0.3s ease-out",fontSize:"14px",fontWeight:"500"})},c(M.value.message),5)):r("",!0),s("div",S,[s("div",k,[s("div",{class:"btn btn-secondary",onClick:X},"图片导入1"),s("div",{class:"btn btn-secondary",onClick:ee},"图片导入2"),s("div",{class:"btn btn-primary",onClick:te},"焊口表格"),s("div",{class:"btn btn-primary",onClick:ae},"添加签名"),s("div",{class:d(["btn",{"btn-primary":z.value,"btn-secondary":!z.value,disabled:!I.value}]),onClick:t[0]||(t[0]=e=>!I.value||(z.value=!z.value,void W(z.value?"已显示所有焊口数据":"已隐藏焊口数据"))),style:{display:"none"}},c(z.value?"隐藏焊口数据":"焊口数据展示"),3),s("div",{class:d(["btn btn-success",{disabled:!I.value}]),onClick:t[1]||(t[1]=e=>!I.value||async function(){if(L&&E.value)try{const e=E.value.getAnnotations(),t=E.value.getPageRotations(),a=await g(L,e,A.value,{startNumber:B.value.startNumber,increment:B.value.increment,prefix:B.value.prefix,suffix:B.value.suffix,fontSize:B.value.fontSize,borderStyle:B.value.borderStyle,annotationStyle:B.value.annotationStyle},t);h(a,`annotated_${Date.now()}.pdf`),W("PDF已生成并下载")}catch(e){console.error("Failed to generate PDF:",e),W("生成PDF失败: "+e.message,"error")}else W("请先打开PDF文件","error")}())},"保存PDF",2),t[10]||(t[10]=s("div",{style:{width:"1px",background:"#e5e7eb",height:"24px",margin:"0 8px"}},null,-1)),s("div",{class:d(["btn",{disabled:!I.value||O.value<=1}]),onClick:t[2]||(t[2]=e=>!(!I.value||O.value<=1)&&void(O.value>1&&(O.value--,R.value=O.value)))},"上一页",2),s("div",{class:d(["btn",{disabled:!I.value||O.value>=C.value}]),onClick:t[3]||(t[3]=e=>!(!I.value||O.value>=C.value)&&void(O.value<C.value&&(O.value++,R.value=O.value)))},"下一页",2),t[11]||(t[11]=s("div",{style:{width:"1px",background:"#e5e7eb",height:"24px",margin:"0 8px"}},null,-1)),s("div",{class:d(["btn",{disabled:!I.value}]),onClick:t[4]||(t[4]=e=>!I.value||(null===j.value&&(j.value=$.value),j.value=Math.max(.5,+(j.value/1.2).toFixed(2)),void(V.value=Math.round(100*j.value))))},"-",2),s("div",{class:d(["btn",{disabled:!I.value}]),onClick:t[5]||(t[5]=e=>!I.value||(null===j.value&&(j.value=$.value),j.value=Math.min(3,+(1.2*j.value).toFixed(2)),void(V.value=Math.round(100*j.value))))},"+",2),v(s("input",{"onUpdate:modelValue":t[6]||(t[6]=e=>V.value=e),onInput:K,type:"range",min:"50",max:"300",style:{width:"140px"},disabled:!I.value},null,40,T),[[f,V.value,void 0,{number:!0}]]),s("div",D,c(Y.value)+"%",1),t[12]||(t[12]=s("div",{style:{width:"1px",background:"#e5e7eb",height:"24px",margin:"0 8px"}},null,-1)),t[13]||(t[13]=s("div",{style:{"margin-left":"8px"}},"第",-1)),v(s("input",{type:"number","onUpdate:modelValue":t[7]||(t[7]=e=>R.value=e),min:1,max:C.value,style:{width:"80px","margin-left":"4px"}},null,8,J),[[f,R.value,void 0,{number:!0}]]),s("div",{class:d(["btn",{disabled:!I.value}]),onClick:t[8]||(t[8]=e=>!I.value||void(R.value>=1&&R.value<=C.value&&(O.value=R.value)))},"跳转",2),s("div",P,"/ "+c(C.value||0)+" 页",1),t[14]||(t[14]=s("div",{style:{width:"1px",background:"#e5e7eb",height:"24px",margin:"0 8px"}},null,-1)),N.value?(i(),o("div",_,[s("div",null,[t[9]||(t[9]=s("strong",null,"文件:",-1)),p(" "+c(N.value),1)])])):r("",!0),t[15]||(t[15]=s("div",{style:{flex:"1"}},null,-1))]),s("div",F,[m(y,{file:x.value,page:O.value,scale:j.value,"annotation-mode":!1,"read-only":!0,"border-style":B.value.borderStyle,"annotation-style":B.value.annotationStyle,"start-number":B.value.startNumber,increment:B.value.increment,prefix:B.value.prefix,suffix:B.value.suffix,"font-size":B.value.fontSize,"show-all-weld-info":z.value,ref_key:"pdfViewerRef",ref:E,onLoaded:Z,onScaleChanged:q,onWheelZoom:G,onPlaceImage:le,onImagePlacingCancelled:ne,onImageDeleted:oe},null,8,["file","page","scale","border-style","annotation-style","start-number","increment","prefix","suffix","font-size","show-all-weld-info"])])])]))}},[["__scopeId","data-v-0899ee83"]])).mount("#app");
|