You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
14 KiB
1 line
14 KiB
4 years ago
|
(window.webpackJsonp=window.webpackJsonp||[]).push([["chunk-60a4"],{"2bXq":function(t,e,i){"use strict";var a=i("EP+0"),s=i("MT78"),r=i.n(s),n=i("UxrY"),o=i.n(n),l={name:"StatisticalOverview",components:{CreateSections:a.a,RadialProgressBar:o.a},props:{data:{type:Object,default:function(){return{allNum:0,archiveNum:0,completionRate:0,delayRate:0,doneNum:0,overtimeNum:0,undoneNum:0}}},list:Array},data:function(){return{barOption:null,barChart:null}},computed:{showList:function(){return this.list&&this.list.length>3?this.list.slice(0,3):this.list||[]}},watch:{data:function(){this.changeBarData()}},mounted:function(){this.initBar(),this.changeBarData()},methods:{changeBarData:function(){this.barOption.series[0].data=[this.data.allNum||0,this.data.undoneNum||0,this.data.doneNum||0,this.data.overtimeNum||0,this.data.archiveNum||0],this.barChart.setOption(this.barOption,!0)},initBar:function(){this.barChart=r.a.init(document.getElementById("barmain")),this.barOption={tooltip:{show:!1},legend:{show:!1},grid:{top:"15px",left:0,right:0,bottom:"10px",containLabel:!0},xAxis:{type:"category",data:["总任务","未完成","已完成","已逾期","已归档"],axisTick:{alignWithLabel:!0,lineStyle:{width:0}},axisLabel:{color:"#666"},axisLine:{lineStyle:{color:"#ECECEC"}},splitLine:{show:!1}},yAxis:{show:!1},series:[{name:"成交客户数",type:"bar",barMaxWidth:10,label:{show:!0,position:"top",color:"#333"},itemStyle:{barBorderRadius:[7.5,7.5,0,0]},color:function(t){return["#0067E5","#0067E5","#0067E5","#FF5D60","#19DBC1"][t.dataIndex]},data:[]}]}}}},c=(i("QHFv"),i("KHd+")),h=Object(c.a)(l,function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("create-sections",{attrs:{title:"任务总览"}},[i("flexbox",{staticClass:"content"},[i("div",{staticClass:"content-progress"},[i("radial-progress-bar",{staticClass:"progress",attrs:{diameter:120,"completed-steps":parseFloat(t.data.completionRate)||0,"total-steps":100,"stroke-width":7,"inner-stroke-color":"#E7F2FA","start-color":"#0067E5","stop-color":"#0067E5"}},[i("p",{staticClass:"progress-title"},[t._v("完成率")]),t._v(" "),i("p",{staticClass:"progress-value"},[t._v(t._s(t.data.completionRate||0)),i("span",[t._v("%")])])]),t._v(" "),i("radial-progress-bar",{staticClass:"progress",attrs:{diameter:120,"completed-steps":parseFloat(t.data.delayRate)||0,"total-steps":100,"stroke-width":7,"inner-stroke-color":"#E8F2FA","start-color":"#FF5D60","stop-color":"#FF5D60"}},[i("p",{staticClass:"progress-title"},[t._v("逾期率")]),t._v(" "),i("p",{staticClass:"progress-value"},[t._v(t._s(t.data.delayRate||0)),i("span",[t._v("%")])])])],1),t._v(" "),i("div",{staticClass:"content-bar"},[i("div",{attrs:{id:"barmain"}})]),t._v(" "),t.list&&t.list.length>0?i("div",{staticClass:"content-user"},[i("div",{staticClass:"content-user-items"},[t._l(t.showList,function(e,a){return i("div",{key:a,staticClass:"main-user"},[i("xr-avatar",{staticClass:"main-user-head",attrs:{name:e.realname,size:36,src:e.img||e.thumb_img}}),t._v(" "),i("div",{staticClass:"main-user-name"},[t._v(t._s(e.realname))])],1)}),t._v(" "),t.list.length>3?i("el-tooltip",{attrs:{placement:"top",effect:"light","popper-class":"tooltip-change-border task-tooltip"}},[i("div",{staticClass:"tooltip-content",staticStyle:{margin:"10px 10px 10px 0"},attrs:{slot:"content"},slot:"content"},t._l(t.list,function(e,a){return i("div",{key:a,staticClass:"item-label",staticStyle:{display:"inline-block","margin-right":"10px"}},[a>2?i("span",{staticClass:"k-name"},[t._v(t._s(e.realname))]):t._e()])})),t._v(" "),i("span",{staticClass:"main-user-more"},[i("i",[t._v("...")])])]):t._e()],2),t._v(" "),i("div",{staticClass:"content-user-title"},[t._v("项目负责人")])]):t._e()]),t._v(" "),t._t("default")],2)},[],!1,null,"05d18402",null);h.options.__file="StatisticalOverview.vue";e.a=h.exports},"2f65":function(t,e,i){},"6XJn":function(t,e,i){},"73Ci":function(t,e,i){},"7mY3":function(t,e,i){"use strict";var a=i("2f65");i.n(a).a},"9GgJ":function(t,e,i){"use strict";var a={name:"XrHeader",components:{},props:{iconClass:[String,Array],iconColor:String,label:
|