vrpage/gjj/static/js/4.a627b3be89d07db8a7d5.js

webpackJsonp([4,5],{"5OK5":function(t,i,a){"use strict";var n=function(){var t=this,i=t.$createElement,a=t._self._c||i;return a("div",{staticStyle:{"margin-top":"10px","text-align":"center",width:"220px",transform:"translateZ(0px)"}},[a("canvas",{ref:"canvas",attrs:{width:"160",height:"160"}}),t._v(" "),a("div",{},[a("p",{staticClass:"houseMoney"},[a("span"),t._v(" "),a("span",[t._v(t._s(t.houseTotalPrice.name))]),t._v(" "),a("span",[t._v(":")]),t._v(" "),a("span",[t._v(t._s(t.houseTotalPrice.value))]),t._v(" "),a("span",[t._v("万元")])]),t._v(" "),a("ul",t._l(t.ringList,function(i){return a("li",{key:i.name,staticClass:"houseMoney"},[a("span",{style:{color:i.color}},[t._v("▇")]),t._v(" "),a("span",[t._v(t._s(i.name))]),t._v(" "),a("span",[t._v(":")]),t._v(" "),a("span",[t._v(t._s(i.value))]),t._v(" "),a("span",[t._v(t._s(i.unit))])])}),0)])])},e=[],s={render:n,staticRenderFns:e};i.a=s},"6MGJ":function(t,i,a){"use strict";var n=a("iEz+");n.default},Az5b:function(t,i,a){"use strict";var n=a("iEz+");i.a={components:{RingChart:n.default},mounted:function(){this.houseTotalPrice={name:"房款总价",value:(this.$route.query.totalPrice/1e4).toFixed(2)},this.IsCommonHouse=this.$route.query.IsCommonHouse,this.IsOnly=this.$route.query.IsOnly,this.IsOnly?this.ringList=[{name:"契税",value:1e4*this.houseTotalPrice.value*.015,color:"#6EBF00",unit:"元"}]:this.ringList=[{name:"契税",value:1e4*this.houseTotalPrice.value*.03,color:"#6EBF00"}],this.ringList.push({name:"合同工本费",value:5,unit:"元",color:"#6EBFFF"},{name:"维修基金",value:3e4,unit:"元",color:"#FFDA7C"},{name:"权属登记费",value:80,unit:"元",color:"#ff70A0"});for(var t=0,i=0;i<this.ringList.length;i++)t+=Number(this.ringList[i].value);this.totalPrice={name:"税金总额",value:t}},data:function(){return{lineOne:"税金明细",ringList:[],houseTotalPrice:0,IsCommonHouse:0,IsOnly:!0,totalPrice:0}}}},MBcr:function(t,i,a){"use strict"},Mf5F:function(t,i,a){"use strict";i.a={props:{ringList:"",houseTotalPrice:"",monthPay:0},data:function(){return{chartColor:!1,aniend:0,ctx:null,startarc:0,endarc:0,aniid:"",drawList:[],drawCount:0,rcolor:"#ff0000",maxEndArc:0}},watch:{ringList:function(){this.ctx=this.$refs.canvas.getContext("2d"),this.drawlist(this.ringList)}},methods:{drawlist:function(t){var i=this,a=0;t.map(function(t){a+=~~t.value});var n=0;this.drawList=[],t.map(function(t){var e=Math.ceil(~~t.value/a*100)-1;i.maxEndArc=e>i.maxEndArc?e:i.maxEndArc,e>0&&(i.drawList.push({startarc:n,endarc:e,rcolor:t.color}),n+=e+1)}),window.cancelAnimationFrame(this.aniid),this.drawCount=0,this.startarc=0,this.aniend=0,this.endarc=0,this.rcolor="#ff0000",this.drawAniRing()},drawAniRing:function(){var t=this;if(this.aniid=window.requestAnimationFrame(this.drawAniRing),this.aniend+=2,this.ctx.clearRect(0,0,160,160),this.monthPay&&this.drawText(this.ctx,"￥"+this.monthPay),this.drawList.map(function(i){var a=t.aniend;a=Math.round(i.endarc/t.maxEndArc*a),t.drawRing(t.ctx,i.startarc,a,i.rcolor)}),this.aniend>=this.maxEndArc)return void window.cancelAnimationFrame(this.aniid)},drawRingBorder:function(t){t.save(),t.beginPath(),t.lineWidth=2,t.strokeStyle="#000000",t.arc(80,80,38,-90*Math.PI/180,270*Math.PI/180),t.arc(80,80,76,-90*Math.PI/180,270*Math.PI/180),t.stroke(),t.closePath(),t.restore()},drawRing:function(t,i,a,n){t.save(),t.beginPath(),t.lineWidth=36,t.strokeStyle=n;var e=i+a;e>99&&(e=99),t.arc(80,80,58,(3.6*i-90)*Math.PI/180,(3.6*e-90)*Math.PI/180),t.stroke(),t.closePath(),t.restore()},drawText:function(t,i){t.font="16px Arial",t.fillStyle="#83868f",t.textBaseline="middle",t.textAlign="center",t.fillText("月供",80,65),t.fillText(i,80,95)}}}},TdIT:function(t,i,a){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=(a("6MGJ"),a("Az5b")),e=a("k+XD"),s=a("VU/8"),r=s(n.a,e.a,!1,null,null,null);i.default=r.exports},"iEz+":function(t,i,a){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=(a("MBcr"),a("Mf5F")),e=a("5OK5"),s=a("VU/8"),r=s(n.a,e.a,!1,null,null,null);i.default=r.exports},"k+XD":function(t,i,a){"use strict";var n=function(){var t=this,i=t.$createElement,a=t._self._c||i;return a("div",{staticClass:"outerLayerDiv"},[a("div",{staticStyle:{margin:"0 auto",width:"220px"}},[a("p",{staticClass:"disctext"},[t._v(t._s(t.lineOne))]),t._v(" "),a("RingChart",{attrs:{ringList:t.ringList,houseTotalPrice:t.houseTotalPrice}}),t._v(" "),a("p",{staticClass:"houseMoney"},[a("span"),t._v(" "),a("span",[t._v(t._s(t.totalPrice.name))]),t._v(" "),a("span",[t._v(":")]),t._v(" "),a("span",[t._v(t._s(t.totalPrice.value))]),t._v(" "),a("span",[t._v("元")])]),t._v(" "),a("p",{staticClass:"disctext",staticStyle:{"text-align":"center"}},[t._v("以上结果仅供参考")])],1)])},e=[],s={render:n,staticRenderFns:e};i.a=s}});
//# sourceMappingURL=4.a627b3be89d07db8a7d5.js.map