| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([["chunk-fb94"],{FoOq:function(t,e,o){"use strict";o.r(e);var s=o("QYAu"),i=o("I/Ny"),n=o("XEqH"),l=o("+r4D"),a=o("uXr2"),r=o("HIPR"),c=(o("XJYT"),o("lRFz"));c.GlobalWorkerOptions.workerSrc=o("Kq3m");var u={components:{usign:s.a,udtext:i.a,upagingSeal:n.a,uIDCard:l.a,unumberInp:a.a,utimeData:r.a},data:function(){return{isShow:!1,signVisible:!1,count:0,timer:null,Data:{},dom:null,scrollTop:0,activeName:"2",pdfUrl:"",pdfDoc:null,pageNum:1,value1:1.5,scale:1.5,page_num:0,page_count:0,maxscale:2,minscale:.5,pdfWidth:0,pdfHeight:0,right:!0,left:!0,code:"",activities:[{content:"支持自定义颜色",timestamp:"2018-04-03 20:46",color:"#0bbd87"},{content:"支持自定义尺寸",timestamp:"2018-04-03 20:46",size:"large"},{content:"默认样式的节点",timestamp:"2018-04-03 20:46"}],commonStructsList:[],clearCom:!1,signRoleName:""}},created:function(){this.contract_id=this.$route.params.id},mounted:function(){this.$nextTick(function(){this.$refs.pdfBox.addEventListener("scroll",this.handleScroll,!1),this.getData()})},watch:{scale:function(t,e){document.querySelectorAll(".mark").forEach(function(o){o.style.left=parseInt(o.style.left)/(e/t)+"px",o.style.top=parseInt(o.style.top)/(e/t)+"px",o.style.height=100*t+"px",o.style.width=100*t+"px"}),document.querySelectorAll(".text_mark").forEach(function(o){o.style.left=parseInt(o.style.left)/(e/t)+"px",o.style.top=parseInt(o.style.top)/(e/t)+"px",o.style.height=28*t+"px",o.style.width=o.offsetWidth/(e/t)+"px"}),document.querySelectorAll(".text_mark2").forEach(function(o){o.style.left=parseInt(o.style.left)/(e/t)+"px",o.style.top=parseInt(o.style.top)/(e/t)+"px",o.style.height=100*t+"px",o.style.width=100*t+"px"})}},methods:{showSign:function(){document.querySelectorAll(".mark").length<=0?this.$message.error("请先拖拽盖章"):this.signVisible=!0},sendCode:function(){var t=this;$http.post("plugin.yun-sign.frontend.contract.send-code",{contract_id:this.contract_id},"loading").then(function(e){if(1===e.result){t.timer||(t.count=60,t.timer=setInterval(function(){t.count>0&&t.count<=60?t.count--:(clearInterval(t.timer),t.timer=null)},1e3))}else t.$message.error(e.msg)}).catch(function(t){console.log(t)})},companySign:function(){var t=this;this.code?$http.post("plugin.yun-sign.frontend.contract.sign-contract",{form:{file_name:window.localStorage.getItem("pdfUrl"),code:this.code,order_sn:this.$route.query.order_sn}},"loading").then(function(e){t.code="",1===e.result?(t.signVisible=!1,t.$router.push({path:"/user/orderDetail",query:{productId:t.$route.query.productId,fromOrder_sn:t.$route.query.order_sn}})):t.$message.error(e.msg)}).catch(function(e){t.code="",console.log(e)}):this.$message.error("请输入验证码")},getData:function(){var t=this;$http.post("plugin.yun-sign.frontend.contract.detail-step3",{contract_id:this.contract_id}).then(function(e){1===e.result?(t.Data=e.data.contract_info,t.pdfUrl=t.Data.contract_doc_url,t.commonStructsList=e.data.form_list,t._loadFile(t.pdfUrl)):t.$message.error(e.msg)}).catch(function(t){console.log(t)})},postSignData:function(t){for(var e=this,o=[],s=!0,i=0;i<document.querySelectorAll(".text_mark").length;i++){if("inline-block"==document.querySelectorAll(".text_mark")[i].childNodes[0].childNodes[0].style.display&&!document.querySelectorAll(".text_mark")[i].childNodes[2].value){this.$message.error("存在未填写的文本"),s=!1;break}o.push({id:document.querySelectorAll(".text_mark")[i].getAttribute("textId"),value:document.querySelectorAll(".text_mark")[i].childNodes[2].value})}for(var n=0;n<document.querySelectorAll(".text_mark4").length;n++){if("inline-block"==document.querySelectorAll(".text_mark4")[n].childNodes[0].childNodes[0].style.display&&!document.querySelectorAll(".text_mark4")[n].childNodes[2].value){this.$message.error("存在未填写的身份证"),s=!1;break}o.push({id:document.querySelectorAll(".text_mark4")[n].getAttribute("textId"),value:document.querySelectorAll(".text_mark4")[n].childNodes[2].value})}for(var l=0;l<document.querySelectorAll(".text_mark5").length;l++){if("inline-block"==document.querySelectorAll(".text_mark5")[l].childNodes[0].childNodes[0].style.display&&!document.querySelectorAll(".text_mark5")[l].childNodes[2].value){this.$message.error("存在未填写的数字框"),s=!1;break}o.push({id:document.querySelectorAll(".text_mark5")[l].getAttribute("textId"),value:document.querySelectorAll(".text_mark5")[l].childNodes[2].value})}for(var a=0;a<document.querySelectorAll(".text_mark6").length;a++){if("inline-block"==document.querySelectorAll(".text_mark6")[a].childNodes[0].childNodes[0].style.display&&!document.querySelectorAll(".text_mark6")[a].childNodes[2].value){this.$message.error("存在未填写的日期"),s=!1;break}o.push({id:document.querySelectorAll(".text_mark6")[a].getAttribute("textId"),value:document.querySelectorAll(".text_mark6")[a].childNodes[2].value})}s&&$http.post("plugin.yun-sign.frontend.contract.create-sign-doc",{id:this.contract_id,pdfWidth:this.pdfWidth/this.scale,pdfHeight:this.pdfHeight/this.scale,contract_form_params:o},"loading").then(function(o){1===o.result?1==t?e.$router.push(e.fun.getUrl("sign_contract",{id:e.contract_id})):e.$router.replace(e.fun.getUrl("launch")):e.$message.error(o.msg)}).catch(function(t){console.log(t)})},setTemplate:function(){for(var t=0;t<this.commonStructsList.length;t++)1==this.commonStructsList[t].form_type?this.$refs.dtext.initData(this.commonStructsList[t]):2==this.commonStructsList[t].form_type?this.$refs.sign.initData(this.commonStructsList[t]):3==this.commonStructsList[t].form_type?this.$refs.pagingSeal.initData(this.commonStructsList[t]):4==this.commonStructsList[t].form_type?this.$refs.IDCard.initData(this.commonStructsList[t]):5==this.commonStructsList[t].form_type?this.$refs.numberInp.initData(this.commonStructsList[t]):6==this.commonStructsList[t].form_type&&this.$refs.timeData.initData(this.commonStructsList[t])},clearAll:function(){this.clearCom=!this.clearCom},mouseenter:function(t){t.currentTarget.childNodes[0].style.display="block"},mouseleave:function(t){t.currentTarget.childNodes[0].style.display="none"},deleteIt:function(t){document.querySelector(".pdf-box").removeChild(t.currentTarget.parentNode)},signPic:function(t){var e=this,o=t.currentTarget.cloneNode(!0),s=0;document.querySelector("#app").clientWidth>1026&&(s=document.querySelector(".el-scrollbar__view").clientWidth),o.style.left=this.getPos(t).x-50-s+"px",o.style.top=this.getPos(t).y-130+"px",o.className="sign-img mark",document.querySelector("#pageContent").appendChild(o),document.onmousemove=function(t){o.style.left=e.getPos(t).x-parseInt(o.clientWidth/2)-s+"px",o.style.top=e.getPos(t).y-parseInt(o.clientHeight)-30+"px",o.className="sign-img mark"},document.onmouseup=function(t){return o.style.left=e.getPos(t).x+e.$refs.pdfBox.scrollLeft-parseInt(o.clientWidth/2)-document.querySelector(".pdf-box").offsetLeft-s+"px",o.style.top=e.getPos(t).y+e.scrollTop-parseInt(o.clientHeight/2)-130+"px",o.style.height=100*e.scale+"px",o.style.width=100*e.scale+"px",parseInt(o.style.left)<0?(document.onmousemove=null,document.onmouseup=null,document.querySelector("#pageContent").removeChild(o),void e.$message.error("请将印章拖拽到合同区域")):parseInt(o.style.left)>document.querySelector(".pdf-box").clientWidth-o.clientWidth?(document.onmousemove=null,document.onmouseup=null,document.querySelector("#pageContent").removeChild(o),void e.$message.error("请将印章拖拽到合同区域")):parseInt(o.style.top)<0?(document.onmousemove=null,document.onmouseup=null,document.querySelector("#pageContent").removeChild(o),void e.$message.error("请将印章拖拽到合同区域")):parseInt(o.style.left)>document.querySelector(".pdf-box").clientHeight-o.clientWidth?(document.onmousemove=null,document.onmouseup=null,document.querySelector("#pageContent").removeChild(o),void e.$message.error("请将印章拖拽到合同区域")):(document.querySelector("#pageContent").removeChild(o),document.querySelector(".pdf-box").appendChild(o),document.onmousemove=null,document.onmouseup=null,o.onmousedown=e.moveTo,o.onmouseenter=e.mouseenter,o.onmouseleave=e.mouseleave,void(o.childNodes[0].onclick=e.deleteIt))}},moveTo:function(t){var e=t.currentTarget,o=t.clientX-e.offsetLeft,s=t.clientY-e.offsetTop;document.onmousemove=function(t){var i=t.clientX-o,n=t.clientY-s;i<=0?i=0:i>=document.querySelector(".pdf-box").clientWidth-e.clientWidth?i=document.querySelector(".pdf-box").clientWidth-e.clientWidth:i-=10,n<=0?n=0:n>=document.querySelector(".pdf-box").clientHeight-e.clientWidth?n=document.querySelector(".pdf-box").clientHeight-e.clientWidth:n-=10,e.style.left=i+"px",e.style.top=n+"px"},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null}},getPos:function(t){return{x:t.clientX,y:t.clientY}},toGetReal:function(){this.$router.push(this.fun.getUrl("accredited_institution",{},{productId:this.$route.query.productId,order_sn:this.$route.query.order_sn}))},handleClick:function(t,e){},handleChange:function(t){this.scale=t,this.queueRenderPage(this.pageNum)},handleScroll:function(t){var e=this;this.scrollTop=this.$refs.pdfBox.scrollTop;var o=[];document.querySelectorAll(".pdfPage_1yRne").forEach(function(t,s){e.scrollTop>=t.offsetTop&&o.push(s)}),this.page_num=Math.max.apply(null,o)+1},jump:function(){var t=this,e=this.page_num-1;if(e>this.page_count)this.$message.error("请输入有效范围内的数字");else{var o=document.querySelectorAll(".pdfPage_1yRne"),s=o[e].offsetTop,i=this.scrollTop,n=s/30>>0;if(s>i)!function e(){i<s?(i+=n,t.$refs.pdfBox.scrollTop=i,setTimeout(e,10)):t.$refs.pdfBox.scrollTop=s}();else n=(i-s)/30>>0,function e(){i>s?(i-=n,t.$refs.pdfBox.scrollTop=i,setTimeout(e,10)):t.$refs.pdfBox.scrollTop=s}()}},_renderPage:function(t){var e=this;this.pdfDoc.getPage(t).then(function(o){var s=document.getElementById("the-canvas"+t),i=s.getContext("2d"),n=o.getViewport(e.scale);e.pdfHeight=s.height=n.height,e.pdfWidth=s.width=n.width;var l={canvasContext:i,viewport:n};o.render(l),e.page_count>t&&e._renderPage(t+1)}),this.page_num=this.pageNum},_loadFile:function(t){var e=this;c.getDocument({url:t,cMapUrl:"https://cdn.jsdelivr.net/npm/pdfjs-dist@2.0.943/cmaps/",cMapPacked:!0}).then(function(t){e.pdfDoc=t,e.page_count=e.pdfDoc.numPages,e.$nextTick(function(){e._renderPage(1),e.isShow=!0,e.setTemplate()}),e.pageNum=1})},queueRenderPage:function(t){this._renderPage(t)}}},d=(o("weAM"),o("KHd+")),m=Object(d.a)(u,function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"big-box",attrs:{id:"pageContent"}},[s("div",{staticClass:"pageContent_2lAGg"},[s("div",{staticClass:"leftContent_2NoKi"},[s("div",{staticClass:"doc-list-context"},[t._m(0),t._v(" "),s("div",{staticClass:"doc-list"},[s("div",{staticStyle:{"font-size":"12px"}},[t._v("发起签署 -> 填写文本域")]),t._v(" "),s("div",{staticClass:"doc-item"},[s("div",{staticClass:"doc-img"},[s("img",{attrs:{src:o("3CBT"),alt:""}}),t._v(" "),s("div",{staticClass:"doc-page-num"},[t._v(t._s(t.page_count))])]),t._v(" "),s("div",{staticClass:"doc-name"},[t._v(t._s(t.Data.file_name))])]),t._v(" "),s("div",{staticClass:"componentsList_1OIrB",staticStyle:{display:"none"}},[s("div",{staticClass:"control-library-main"},[s("usign",{ref:"sign",attrs:{model:"edit",clearCom:t.clearCom,defaultName:t.signRoleName,rolesList:t.commonStructsList}}),t._v(" "),s("upaging-seal",{ref:"pagingSeal",attrs:{model:"edit",clearCom:t.clearCom,defaultName:t.signRoleName,rolesList:t.commonStructsList}}),t._v(" "),s("udtext",{ref:"dtext",attrs:{clearCom:t.clearCom,model:"edit"}}),t._v(" "),s("uIDCard",{ref:"IDCard",attrs:{clearCom:t.clearCom,model:"edit"}}),t._v(" "),s("unumberInp",{ref:"numberInp",attrs:{clearCom:t.clearCom,model:"edit"}}),t._v(" "),s("utimeData",{ref:"timeData",attrs:{clearCom:t.clearCom,model:"edit"}})],1)])])])]),t._v(" "),s("div",{staticClass:"pdfContent_1PW2f"},[s("div",{staticClass:"pdf-header"},[s("div",{staticClass:"block"},[s("span",{staticClass:"demonstration"},[t._v(t._s(100*t.value1)+"%")]),t._v(" "),s("div",{staticClass:"slider"},[s("el-slider",{attrs:{min:.5,max:2,step:.25},on:{change:t.handleChange},model:{value:t.value1,callback:function(e){t.value1=e},expression:"value1"}})],1)]),t._v(" "),s("div",{staticClass:"input"},[s("span",[t._v("Page: "),s("input",{directives:[{name:"model",rawName:"v-model",value:t.page_num,expression:"page_num"}],staticClass:"input-text",attrs:{type:"text",placeholder:"1"},domProps:{value:t.page_num},on:{input:function(e){e.target.composing||(t.page_num=e.target.value)}}}),t._v(" / "+t._s(t.page_count))]),t._v(" "),s("el-button",{attrs:{type:"text"},on:{click:t.jump}},[t._v("跳转")])],1)]),t._v(" "),s("div",{directives:[{name:"loading",rawName:"v-loading",value:!t.isShow,expression:"!isShow"}],ref:"pdfBox",staticClass:"pdf-container",attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.1)"}},[s("div",{staticClass:"pdf-box",style:{width:t.pdfWidth+"px"}},t._l(t.page_count,function(e){return s("div",{key:e,staticClass:"pdfPage_1yRne",style:{width:t.pdfWidth+"px",height:t.pdfHeight+"px"}},[s("canvas",{staticClass:"pdf-item",attrs:{id:"the-canvas"+e}}),t._v(" "),s("div",{staticClass:"dragLayer_3ccsq",attrs:{id:"can"+e}})])}))])]),t._v(" "),s("div",{staticClass:"taskInfoArea_3ThxW"},[s("div",{staticClass:"tab-bar"},[s("el-tabs",{on:{"tab-click":t.handleClick},model:{value:t.activeName,callback:function(e){t.activeName=e},expression:"activeName"}})],1),t._v(" "),s("div",{staticClass:"tab-context"},[s("div",{directives:[{name:"show",rawName:"v-show",value:1==t.activeName,expression:"activeName == 1"}],staticClass:"item"},[s("div",[t.Data.is_company?s("p",{staticClass:"title"},[t._v(t._s(t.Data.is_company.name))]):t._e(),t._v(" "),s("div",{staticClass:"seal-wrapper-item"},[s("div",{staticClass:"sign-img",staticStyle:{height:"100px",width:"100px"},on:{mousedown:t.signPic}},[s("div",{staticClass:"delete",on:{click:function(e){return e.stopPropagation(),t.deleteIt(e)}}},[t._v("删除")])])]),t._v(" "),s("div",{staticStyle:{"text-align":"center","margin-top":"20px"}},[s("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.showSign}},[t._v("确定签署")])],1)])]),t._v(" "),s("div",{directives:[{name:"show",rawName:"v-show",value:2==t.activeName,expression:"activeName == 2"}],staticClass:"item"})])])]),t._v(" "),s("div",{staticStyle:{display:"flex","align-self":"center","margin-top":"10px"}},[s("el-button",{staticStyle:{width:"200px"},attrs:{type:"primary"},on:{click:function(e){t.postSignData("2")}}},[t._v("保存")]),s("el-button",{staticStyle:{width:"200px"},attrs:{type:"primary"},on:{click:function(e){t.postSignData("1")}}},[t._v("下一步")])],1),t._v(" "),s("el-dialog",{staticStyle:{margin:"0 auto","text-align":"center"},attrs:{title:"手机短信意愿认证",visible:t.signVisible,width:"600px","custom-class":"tips-dialog"},on:{"update:visible":function(e){t.signVisible=e}}},[s("div",{staticClass:"dialog-box"},[s("p",{staticClass:"phone"},[t._v("手机号码: 15553344878")]),t._v(" "),s("div",{staticClass:"send-code"},[s("p",{staticClass:"code-title"},[t._v("输入验证码:")]),s("el-input",{staticStyle:{"margin-right":"20px"},model:{value:t.code,callback:function(e){t.code="string"==typeof e?e.trim():e},expression:"code"}}),0==t.count?s("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.sendCode}},[t._v("获取手机验证码")]):t._e(),0!=t.count?s("el-button",{attrs:{type:"info",size:"small"}},[t._v(t._s(t.count)+" 秒后重新获取")]):t._e()],1)])])],1)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"doc-list-title"},[this._v("合同 "),e("span",[this._v("(1份)")])])}],!1,null,"29d235e0",null);m.options.__file="create_template_sign.vue";e.default=m.exports},"H/TS":function(t,e,o){},weAM:function(t,e,o){"use strict";var s=o("H/TS");o.n(s).a}}]);
|