| 12 |
- webpackJsonp([5],{"5OK5":function(t,a,n){"use strict";var i=function(){var t=this,a=t.$createElement,n=t._self._c||a;return n("div",{staticStyle:{"margin-top":"10px","text-align":"center",width:"220px",transform:"translateZ(0px)"}},[n("canvas",{ref:"canvas",attrs:{width:"160",height:"160"}}),t._v(" "),n("div",{},[n("p",{staticClass:"houseMoney"},[n("span"),t._v(" "),n("span",[t._v(t._s(t.houseTotalPrice.name))]),t._v(" "),n("span",[t._v(":")]),t._v(" "),n("span",[t._v(t._s(t.houseTotalPrice.value))]),t._v(" "),n("span",[t._v("万元")])]),t._v(" "),n("ul",t._l(t.ringList,function(a){return n("li",{key:a.name,staticClass:"houseMoney"},[n("span",{style:{color:a.color}},[t._v("▇")]),t._v(" "),n("span",[t._v(t._s(a.name))]),t._v(" "),n("span",[t._v(":")]),t._v(" "),n("span",[t._v(t._s(a.value))]),t._v(" "),n("span",[t._v(t._s(a.unit))])])}),0)])])},r=[],e={render:i,staticRenderFns:r};a.a=e},MBcr:function(t,a,n){"use strict"},Mf5F:function(t,a,n){"use strict";a.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 a=this,n=0;t.map(function(t){n+=~~t.value});var i=0;this.drawList=[],t.map(function(t){var r=Math.ceil(~~t.value/n*100)-1;a.maxEndArc=r>a.maxEndArc?r:a.maxEndArc,r>0&&(a.drawList.push({startarc:i,endarc:r,rcolor:t.color}),i+=r+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(a){var n=t.aniend;n=Math.round(a.endarc/t.maxEndArc*n),t.drawRing(t.ctx,a.startarc,n,a.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,a,n,i){t.save(),t.beginPath(),t.lineWidth=36,t.strokeStyle=i;var r=a+n;r>99&&(r=99),t.arc(80,80,58,(3.6*a-90)*Math.PI/180,(3.6*r-90)*Math.PI/180),t.stroke(),t.closePath(),t.restore()},drawText:function(t,a){t.font="16px Arial",t.fillStyle="#83868f",t.textBaseline="middle",t.textAlign="center",t.fillText("月供",80,65),t.fillText(a,80,95)}}}},"iEz+":function(t,a,n){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i=(n("MBcr"),n("Mf5F")),r=n("5OK5"),e=n("VU/8"),s=e(i.a,r.a,!1,null,null,null);a.default=s.exports}});
- //# sourceMappingURL=5.7781d1be45e61feb7bc7.js.map
|
