SignaturePad.js
4.62 KB
(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/SignaturePad"],{"51c3":function(t,n,i){"use strict";i.r(n);var e=i("df5a"),a=i.n(e);for(var s in e)["default"].indexOf(s)<0&&function(t){i.d(n,t,(function(){return e[t]}))}(s);n["default"]=a.a},"625e":function(t,n,i){"use strict";i.r(n);var e=i("abc0"),a=i("51c3");for(var s in a)["default"].indexOf(s)<0&&function(t){i.d(n,t,(function(){return a[t]}))}(s);i("bfef");var c=i("828b"),r=Object(c["a"])(a["default"],e["b"],e["c"],!1,null,"29fb58e8",null,!1,e["a"],void 0);n["default"]=r.exports},7905:function(t,n,i){},abc0:function(t,n,i){"use strict";i.d(n,"b",(function(){return e})),i.d(n,"c",(function(){return a})),i.d(n,"a",(function(){}));var e=function(){var t=this.$createElement;this._self._c},a=[]},bfef:function(t,n,i){"use strict";var e=i("7905"),a=i.n(e);a.a},df5a:function(t,n,i){"use strict";(function(t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={name:"SignaturePad",props:{width:{type:Number,default:300},height:{type:Number,default:150},lineWidth:{type:Number,default:2},strokeColor:{type:String,default:"#000000"},pxInfo:{type:Object,default:null},signatureType:{type:String,default:"order"}},data:function(){return{canvasWidth:300,canvasHeight:150,isDrawing:!1,lastX:0,lastY:0,ctx:null,hasSignature:!1,paths:[],currentStage:"info"}},computed:{pxInfoList:function(){return this.pxInfo&&this.pxInfo.items&&0!==this.pxInfo.items.length?this.pxInfo.items.map((function(t){return{name:t.name||"无",count:t.count||0,type:t.type||""}})):[]},infoTitle:function(){return"consume"===this.signatureType?"耗卡信息":"refund"===this.signatureType?"退卡信息":"订单信息"},amountLabel:function(){return"consume"===this.signatureType?"耗卡金额":"refund"===this.signatureType?"退卡金额":"实付金额"}},mounted:function(){},methods:{initCanvas:function(){var n=this,i=t.createSelectorQuery().in(this);i.select("#signaturePad").boundingClientRect((function(t){t?(n.canvasWidth=t.width,n.canvasHeight=t.height):console.log("未找到元素")})).exec(),this.$nextTick((function(){n.ctx=t.createCanvasContext("signature-canvas",n),n.drawBackground()}))},drawBackground:function(){this.ctx&&(this.ctx.clearRect(0,0,this.canvasWidth,this.canvasHeight),this.ctx.fillStyle="#ffffff",this.ctx.fillRect(0,0,this.canvasWidth,this.canvasHeight),this.ctx.strokeStyle="#e0e0e0",this.ctx.lineWidth=2,this.ctx.strokeRect(0,0,this.canvasWidth,this.canvasHeight),this.ctx.fillStyle="#999",this.ctx.font="16px Arial",this.redrawPaths(),this.ctx.draw())},redrawPaths:function(){var t=this;this.ctx&&0!==this.paths.length&&(this.ctx.strokeStyle=this.strokeColor,this.ctx.lineWidth=this.lineWidth,this.ctx.lineCap="round",this.ctx.lineJoin="round",this.paths.forEach((function(n){if(!(n.length<2)){t.ctx.beginPath(),t.ctx.moveTo(n[0].x,n[0].y);for(var i=1;i<n.length;i++)t.ctx.lineTo(n[i].x,n[i].y);t.ctx.stroke()}})))},startSign:function(){var t=this;this.currentStage="sign",this.$nextTick((function(){t.initCanvas()}))},startDrawing:function(t){if("sign"===this.currentStage){this.isDrawing=!0,this.hasSignature=!0;var n=t.touches[0],i=n.x,e=n.y;this.paths.push([{x:i,y:e}]),this.lastX=i,this.lastY=e}},draw:function(t){if("sign"===this.currentStage&&this.isDrawing){var n=t.touches[0],i=n.x,e=n.y;this.paths[this.paths.length-1].push({x:i,y:e}),this.drawBackground(),this.lastX=i,this.lastY=e}},stopDrawing:function(){this.isDrawing=!1},clearSignature:function(){this.paths=[],this.hasSignature=!1,this.drawBackground(),this.$emit("clear")},confirmSignature:function(){var n=this;this.hasSignature?this.getSignatureData().then((function(t){n.currentStage="confirm",n.$emit("confirm",{dataUrl:t,hasSignature:n.hasSignature})})).catch((function(n){console.error("获取签字数据失败:",n),t.showToast({title:"获取签字数据失败",icon:"none"})})):t.showToast({title:"请先进行签字",icon:"none"})},getSignatureData:function(){var n=this;return new Promise((function(i,e){t.canvasToTempFilePath({canvasId:"signature-canvas",success:function(n){t.getFileSystemManager().readFile({filePath:n.tempFilePath,encoding:"base64",success:function(t){var n="data:image/png;base64,".concat(t.data);i(n)},fail:e})},fail:e},n)}))},setSignatureData:function(t){t&&this.ctx&&(this.hasSignature=!0)}}};n.default=i}).call(this,i("df3c")["default"])}}]);
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
'components/SignaturePad-create-component',
{
'components/SignaturePad-create-component':(function(module, exports, __webpack_require__){
__webpack_require__('df3c')['createComponent'](__webpack_require__("625e"))
})
},
[['components/SignaturePad-create-component']]
]);