| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-order-signatureBoard"],{1605:function(t,n,e){var o=e("2249");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);var i=e("967d").default;i("4593cbdc",o,!0,{sourceMap:!1,shadowMode:!1})},2249:function(t,n,e){var o=e("c86c");n=o(!1),n.push([t.i,'@charset "UTF-8";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */.sign-content[data-v-76338bca]{display:flex;height:100vh;background:#f1f1f1;padding:%?20?% 0;box-sizing:border-box}.sign-content .reset[data-v-76338bca]{color:#333;background-color:#f8f8f8;border:1px solid #ddd;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:%?20?%;padding:%?20?% %?40?%;font-size:%?30?%;border-radius:%?28?%;border:none}.sign-content .tips[data-v-76338bca]{width:%?600?%;color:red;-webkit-transform:rotate(90deg);transform:rotate(90deg);height:10px;position:fixed;left:%?-233?%;top:%?326?%;top:calc(%?326?% + %?88?%);font-size:%?34?%}.sign-content .sign[data-v-76338bca]{flex:1;height:100%;margin-right:%?100?%;margin-left:%?120?%;border:1px dashed #ddd;background-color:#fff}.g-btns[data-v-76338bca]{text-align:center;margin-top:1rem;transform:rotate(90deg);-ms-transform:rotate(90deg);\r\n /* IE 9 */-moz-transform:rotate(90deg);\r\n /* Firefox */-webkit-transform:rotate(90deg);\r\n /* Safari 和 Chrome */-o-transform:rotate(90deg);position:absolute;top:12rem;left:-6rem}.g-btns[data-v-76338bca]{width:7.5rem;height:2.25rem;font-size:.9rem;font-weight:700;border:none;border-radius:1rem}.u-reset[data-v-76338bca]{background:#ddd;color:#666;margin-right:.5rem}.u-submit[data-v-76338bca]{background:#fc4949;color:#fff;margin-left:.5rem}',""]),t.exports=n},"4c95":function(t,n,e){"use strict";e.r(n);var o=e("db65"),i=e.n(o);for(var a in o)["default"].indexOf(a)<0&&function(t){e.d(n,t,(function(){return o[t]}))}(a);n["default"]=i.a},"73e3":function(t,n,e){"use strict";e.r(n);var o=e("8ba5"),i=e("4c95");for(var a in i)["default"].indexOf(a)<0&&function(t){e.d(n,t,(function(){return i[t]}))}(a);e("d8c2");var r=e("828b"),s=Object(r["a"])(i["default"],o["b"],o["c"],!1,null,"76338bca",null,!1,o["a"],void 0);n["default"]=s.exports},"8ba5":function(t,n,e){"use strict";e.d(n,"b",(function(){return o})),e.d(n,"c",(function(){return i})),e.d(n,"a",(function(){}));var o=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",[e("v-uni-view",{staticClass:"sign-content"},[e("v-uni-view",[e("v-uni-view",{staticClass:"reset",staticStyle:{position:"fixed",bottom:"466rpx",background:"#fff"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.backClick.apply(void 0,arguments)}}},[t._v("返回")]),e("v-uni-view",{staticClass:"reset",staticStyle:{position:"fixed",bottom:"266rpx",background:"#fff"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.clearClick.apply(void 0,arguments)}}},[t._v("重写")]),e("v-uni-view",{staticClass:"reset",staticStyle:{position:"fixed",bottom:"66rpx",background:"#39b54a",color:"#fff"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.saveClick.apply(void 0,arguments)}}},[t._v("确定")])],1),e("v-uni-canvas",{staticClass:"sign",attrs:{"canvas-id":"sign","disable-scroll":"true"},on:{touchmove:function(n){arguments[0]=n=t.$handleEvent(n),t.move.apply(void 0,arguments)},touchstart:function(n){arguments[0]=n=t.$handleEvent(n),t.start.apply(void 0,arguments)},touchend:function(n){arguments[0]=n=t.$handleEvent(n),t.end.apply(void 0,arguments)},touchcancel:function(n){arguments[0]=n=t.$handleEvent(n),t.cancel.apply(void 0,arguments)},error:function(n){arguments[0]=n=t.$handleEvent(n),t.error.apply(void 0,arguments)},longpress:function(n){arguments[0]=n=t.$handleEvent(n),t.tap.apply(void 0,arguments)}}}),e("v-uni-view",[e("v-uni-view",{staticStyle:{transform:"rotate(90deg)","text-align":"center",position:"fixed",width:"130rpx",right:"-14rpx",top:"46%"}},[t._v("签名板")])],1)],1)],1)},i=[]},d8c2:function(t,n,e){"use strict";var o=e("1605"),i=e.n(o);i.a},db65:function(t,n,e){"use strict";e("6a54"),Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0,e("aa9c"),e("e966");var o=null,i=[],a={data:function(){return{isMove:!1,createCanvas:!1,outW:0,outH:0,windowsH:0,windowsW:0}},onLoad:function(t){o=uni.createCanvasContext("sign"),this.windowsH=uni.getSystemInfoSync().windowHeight,this.windowsW=uni.getSystemInfoSync().windowWidth,o.setStrokeStyle("#000000"),o.setLineWidth(5),o.setLineCap("round"),o.setLineJoin("round")},methods:{backClick:function(){uni.navigateBack({delta:1})},start:function(t){var n={x:t.changedTouches[0].x,y:t.changedTouches[0].y};i.push(n)},move:function(t){var n={x:t.touches[0].x,y:t.touches[0].y};i.push(n),i.length>=2&&(this.isMove=!0,this.draw(i))},end:function(t){console.log("触摸结束"+t);for(var n=0;n<i.length;n++)i.pop()},cancel:function(t){console.log("触摸取消"+t)},tap:function(t){console.log("长按手势"+t)},error:function(t){console.log("画布触摸错误"+t)},draw:function(t){var n=t[0],e=t[1];t.shift(),o.moveTo(n.x,n.y),o.lineTo(e.x,e.y),o.stroke(),o.draw(!0)},clearClick:function(){o.clearRect(0,0,this.windowsW,this.windowsH),o.draw(!0),this.isMove=!1},saveClick:function(){if(0!=this.isMove){var t=this;uni.showLoading({title:"请稍等"}),uni.canvasToTempFilePath({canvasId:"sign",success:function(n){uni.getImageInfo({src:n.tempFilePath,fail:function(){uni.hideLoading(),uni.showToast({title:"获取图片信息失败"})},success:function(n){n.height=parseInt(n.height),n.width=parseInt(n.width),t.outW=n.width,t.outH=n.height;var e=t.windowsW-uni.upx2px(240),i=t.outH/t.outW;t.outH>e&&(t.outH=e,t.outW=Math.floor(t.outH/i)),o.rotate(-Math.PI/2),o.translate(-t.outW,0),o.drawImage(n.path,0,0,t.outW,t.outH),o.translate(t.outW,0),o.rotate(Math.PI/2),o.draw(!1,(function(){uni.canvasToTempFilePath({canvasId:"sign",fileType:"jpg",width:t.outH,height:t.outW,sdestWidth:n.height,sdestHeight:n.width,fail:function(t){uni.hideLoading(),uni.showToast({title:"签名失败",icon:"none"})},success:function(n){uni.hideLoading(),t.clearClick(),uni.$emit("sign",n.tempFilePath),uni.navigateBack()}})}))}})},fail:function(){uni.hideLoading()}})}else uni.showToast({icon:"none",title:"请绘制签名"})}}};n.default=a}}]);
|
