import{base64image as $,yuyueFDF as z}from"./po-dbdb2684.js";import{f as H}from"./fabric-33eb32a5.js";import{d as F,r as s,A as h,o as E,Q,e as r,f as c,g as d,F as b,I as D,y as C,m as k,n as x,j as S,v as B}from"./runtime-core.esm-bundler-6128546f.js";import{_ as R}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-f0216e7e.js";import"./preload-helper-78dc9057.js";import"./message-2472a54a.js";import"./vue-i18n.runtime.esm-bundler-6949bcab.js";import"./index-b7f916e1.js";import"./_commonjsHelpers-87174ba5.js";import"./vue-router-a383d220.js";import"./utils-2ab4f76a.js";const T={class:"main"},q={class:"color_box"},G=["onClick"],J={class:"color_box"},K=["onClick"],P={class:"saveSignature_box"},W=F({name:"/crm/yuyue/components/autograph"}),X=F({...W,props:{signalData:{type:Object,default:""},autographDialog:{type:Boolean,default:""},signalUrl:{type:String,default:""}},emits:["update:autographDialog","update:eventSignal","update:signalUrl"],setup(M,{emit:u}){const a=M,m=s(null),g=s(""),w=s(1);let l=null;h({});const O=h({});h({}),s(!1);const t=h({color:"#505050",line:5}),U=s([{id:1,color:"#cdcdcd"},{id:2,color:"#bfbfbf"},{id:3,color:"#8a8a8a"},{id:4,color:"#606060"},{id:5,color:"#505050"},{id:6,color:"#404040"},{id:7,color:"#303030"},{id:8,color:"#202020"},{id:9,color:"#101010"},{id:10,color:"#000000"}]),j=s([{id:1,width:4,height:4},{id:2,width:6,height:6},{id:3,width:7,height:7},{id:4,width:8,height:8},{id:5,width:9,height:9},{id:6,width:10,height:10},{id:7,width:11,height:11},{id:8,width:12,height:12},{id:9,width:13,height:13},{id:10,width:14,height:14}]);function y(){g.value="",l.clear(),w.value=1}const A=()=>{g.value="",v(),g.value=l.toDataURL({format:"png"}),L()};function v(){l.renderAll()}function f(o={}){const n={...{color:"#0000FF",width:3,backgroundColor:"#ffffff"},...o};l&&l.dispose(),l=new H.fabric.Canvas(m.value,{isDrawingMode:!0,backgroundColor:n.backgroundColor}),Object.assign(l.freeDrawingBrush,{color:n.color,width:n.width})}function I(){w.value=2}async function L(o){let i="",n="",e="",_="";a.signalData.Bid&&(n=a.signalData.Bid),a.signalData.service&&(e=a.signalData.service),a.signalData.service_id&&(_=a.signalData.service_id);const{data:p}=await $(Object.assign(O,{note_id:a.signalData.note_id,signal_url:a.signalData.signal_url,form_type:a.signalData.form_type,base64code:g.value,yuyueFDF:z,Bid:n,service:e,service_id:_}));p.code==1&&(l.clear(),y(),i=p.file_path,a.signalData.form_type=="invoice"&&u("update:signalUrl",i),u("eventSignal"),u("update:autographDialog",!1))}function N(o){t.color=o.color,f({color:t.color,width:t.line})}function V(o){t.line=o.id,f({color:t.color,width:t.line})}return E(()=>{f({color:t.color,width:t.line})}),(o,i)=>{const n=Q("el-button");return r(),c("div",T,[d("div",q,[(r(!0),c(b,null,D(U.value,(e,_)=>(r(),c("div",{onClick:p=>N(e),class:x(["color_item",{color_active:t.color==e.color}]),style:S({background:e.color})},null,14,G))),256))]),d("div",J,[(r(!0),c(b,null,D(j.value,(e,_)=>(r(),c("div",{onClick:p=>V(e),class:x(["line_item",{color_active:t.line==e.id}]),style:S({width:e.width+"px",height:e.height+"px"})},null,14,K))),256))]),d("div",{onClick:i[2]||(i[2]=e=>I()),class:"canvas_box1"},[d("canvas",{onMousedown:i[0]||(i[0]=(...e)=>o.startDrawing&&o.startDrawing(...e)),onMousemove:i[1]||(i[1]=(...e)=>o.draw&&o.draw(...e)),onMouseup:v,onMouseleave:v,width:"920",height:"400",ref_key:"signatureCanvas",ref:m},null,544)]),d("div",P,[C(n,{onClick:A,type:"primary"},{default:k(()=>[B("Save")]),_:1}),C(n,{style:{"margin-left":"20px"},onClick:y,type:"danger"},{default:k(()=>[B("Clear")]),_:1})])])}}});const de=R(X,[["__scopeId","data-v-66791eab"]]);export{de as default};