PrintDemo-J88FLQDN.js 6.8 KB

1
  1. import{r as U,f,ag as p,aB as C,ar as y,aD as a,k as t,at as o,G as P,aq as b,ah as B}from"./vue-vendor-Be68asQ6.js";import{P as k}from"./index-X83NmVMq.js";import{c as V,a as j}from"./index-BFfnEkVs.js";import{printJS as I}from"./usePrintJS-DBE_QhSi.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./useContentHeight-DnE6GxS2.js";import"./useWindowSizeFn-BTSGGcie.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";import"./print-CG-PWmSd.js";const L={name:"PrintDemo",components:{PageWrapper:k,Icon:V},props:{reBizCode:{type:String,default:""}},setup(){const s=U({printer:"张三",printTime:"2021-12-31 23:59:59",printContent:"打印内容:这是一个打印测试!",printReason:"做一个打印测试",fileList:[{uid:"-1",name:"xxx.png",status:"done",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"},{uid:"-2",name:"pic1.png",status:"done",url:"https://www.gizbot.com/img/2016/11/whatsapp-error-lead-image-08-1478607387.jpg"}]}),n=f(""),d=f(!1);function l(){I({printable:"#printContent",type:"html"})}function m(r){n.value=r.url||r.thumbUrl,d.value=!0}function v({fileList:r}){s.fileList=r}return{model:s,previewImage:n,previewVisible:d,onPrint:l,handlePreview:m,handleChange:v}}},D={style:{"text-align":"right"}},T={ref:"print",id:"printContent"},z={class:"sign",style:{"text-align":"center",height:"inherit"}},N={key:0},W=["src"];function F(s,n,d,l,m,v){const r=p("a-button"),i=p("a-input"),u=p("a-col"),g=p("Icon"),w=p("a-upload"),E=p("a-modal"),x=p("a-card"),R=p("PageWrapper");return y(),C(R,null,{default:a(()=>[t(x,{bordered:!1,class:"j-print-demo"},{default:a(()=>[o("div",D,[t(r,{type:"primary",ghost:"",onClick:l.onPrint},{default:a(()=>n[18]||(n[18]=[P("打印")])),_:1},8,["onClick"])]),o("section",T,[n[39]||(n[39]=o("div",{style:{"text-align":"center"}},[o("p",{style:{"font-size":"24px","font-weight":"800"}},"打印测试表单")],-1)),t(u,{md:24,sm:24},{default:a(()=>[o("div",z,[t(u,{span:24},{default:a(()=>[n[19]||(n[19]=o("span",null,"打印人员:",-1)),t(i,{style:{width:"30%"},value:l.model.printer,"onUpdate:value":n[0]||(n[0]=e=>l.model.printer=e)},null,8,["value"]),n[20]||(n[20]=o("span",{style:{"margin-left":"12.5%"}},"打印日期:",-1)),t(i,{style:{width:"30%"},value:l.model.printTime,"onUpdate:value":n[1]||(n[1]=e=>l.model.printTime=e)},null,8,["value"])]),_:1}),t(u,{span:24}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[21]||(n[21]=o("span",null,"打印内容:",-1)),t(i,{style:{width:"80%"},value:l.model.printContent,"onUpdate:value":n[2]||(n[2]=e=>l.model.printContent=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[22]||(n[22]=o("span",null,"打印目的1:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[3]||(n[3]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[23]||(n[23]=o("span",null,"打印目的2:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[4]||(n[4]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[24]||(n[24]=o("span",null,"打印目的3:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[5]||(n[5]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[25]||(n[25]=o("span",null,"打印目的4:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[6]||(n[6]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[26]||(n[26]=o("span",null,"打印目的5:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[7]||(n[7]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[27]||(n[27]=o("span",null,"打印目的6:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[8]||(n[8]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[28]||(n[28]=o("span",null,"打印目的7:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[9]||(n[9]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[29]||(n[29]=o("span",null,"打印目的8:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[10]||(n[10]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[30]||(n[30]=o("span",null,"打印目的9:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[11]||(n[11]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[31]||(n[31]=o("span",null,"打印目的10:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[12]||(n[12]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[32]||(n[32]=o("span",null,"打印目的11:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[13]||(n[13]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[33]||(n[33]=o("span",null,"打印目的12:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[14]||(n[14]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[34]||(n[34]=o("span",null,"打印目的13:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[15]||(n[15]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{span:24,style:{"margin-top":"20px"}},{default:a(()=>[n[35]||(n[35]=o("span",null,"打印目的14:",-1)),t(i,{style:{width:"80%"},value:l.model.printReason,"onUpdate:value":n[16]||(n[16]=e=>l.model.printReason=e)},null,8,["value"])]),_:1}),t(u,{style:{"margin-top":"20px"},span:24},{default:a(()=>[n[37]||(n[37]=o("span",null,"打印图片:",-1)),n[38]||(n[38]=o("br",null,null,-1)),t(w,{action:"/jsonplaceholder.typicode.com/posts/",listType:"picture-card",fileList:l.model.fileList,onPreview:l.handlePreview,onChange:l.handleChange},{default:a(()=>[l.model.fileList.length<3?(y(),b("div",N,[t(g,{icon:"ant-design:plus-outlined"}),n[36]||(n[36]=o("div",{class:"ant-upload-text"},"Upload",-1))])):B("",!0)]),_:1},8,["fileList","onPreview","onChange"]),t(E,{open:l.previewVisible,footer:null,onCancel:n[17]||(n[17]=e=>l.previewVisible=!1)},{default:a(()=>[o("img",{alt:"example",style:{width:"100%"},src:l.previewImage},null,8,W)]),_:1},8,["open"])]),_:1})])]),_:1})],512)]),_:1})]),_:1})}const Y=j(L,[["render",F],["__scopeId","data-v-1d9a2db6"]]);export{Y as default};