| 1 |
- webpackJsonp([13],{HbDX:function(t,e){},"K/H1":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("Xxa5"),i=a.n(n),s=a("exGp"),r=a.n(s),o=a("Gu7T"),c=a.n(o),l={name:"percentBar",props:{options:{type:Array,default:function(){return[]}}},data:function(){return{barValues:[],currentItem:{}}},computed:{isShowBar:function(){return this.options.reduce(function(t,e){return t+Number(e.value)},0)>0}},watch:{options:{handler:function(t){this.barValues=[].concat(c()(t)),this.handleGetCurrentItem()},deep:!0}},methods:{handleGetCurrentItem:function(){var t=this.barValues.find(function(t){return t.value>0});this.currentItem=t||{}},onClickBarItem:function(t){this.currentItem=t}}},d={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"percentBar-wrap"},[t.isShowBar?[t.currentItem.label?a("div",{staticClass:"desc-wrap"},[a("span",{staticClass:"desc-item"},[t._v(t._s(t.currentItem.label)+"："+t._s(t.currentItem.percent))]),t._v(" "),a("span",{staticClass:"desc-item"},[t._v("人数："+t._s(t.currentItem.value))])]):t._e(),t._v(" "),t.barValues.length?a("div",{staticClass:"bar-wrap"},t._l(t.barValues,function(e,n){return a("div",{key:n,class:["bar-item",t.currentItem.label===e.label?"on":""],style:{width:e.percent,"background-color":e.backgroundColor,"z-index":t.barValues.length-n},on:{click:function(a){return t.onClickBarItem(e)}}})}),0):t._e()]:a("div",{staticClass:"empty-tips"},[t._v("暂无数据")])],2)},staticRenderFns:[]};var u=a("VU/8")(l,d,!1,function(t){a("P+p+")},"data-v-098275ea",null).exports,h={name:"genderPayPie",props:{options:{type:Array,default:function(){return[]}}},data:function(){return{myChart:null,pieValues:[]}},computed:{isShowChart:function(){return this.pieValues.reduce(function(t,e){return t+Number(e.value)},0)>0}},watch:{options:{handler:function(t){var e=this;this.pieValues=[].concat(c()(t)),this.$nextTick(function(){e.pieValues.length&&e.handleDrawChart()})},deep:!0}},beforeDestroy:function(){var t=this;window.removeEventListener("resize",function(){t.myChart&&t.myChart.clear()})},methods:{handleDrawChart:function(){var t=this;this.myChart&&this.myChart.clear(),this.myChart=this.$echarts.init(document.getElementById("genderPayChart"));this.myChart;var e=[].concat(c()(this.pieValues)),a={legend:{type:"scroll",left:-6,top:20},color:["#5798FF","#FF64A0","#E0E0E0"],series:{avoidLabelOverlap:!1,type:"pie",radius:[40,75],top:120,height:"33.33%",width:"100%",itemStyle:{borderRadius:6,borderColor:"#fff",borderWidth:2},label:{show:!0,formatter:function(t){var a=t.name,n=t.percent,i=t.dataIndex;return a+" "+e[i].value+"人\n占比 "+n+"%"},fontSize:10},emphasis:{label:{show:!0}},data:e}};this.myChart.setOption(a),window.addEventListener("resize",function(){t.myChart&&t.myChart.resize()})}}},p={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"genderPayPie-wrap"},[this.isShowChart?e("div",{staticStyle:{width:"100%","min-width":"349px",height:"350px"},attrs:{id:"genderPayChart"}}):e("div",{staticClass:"empty-tips",staticStyle:{height:"350px"}},[this._v("暂无数据")])])},staticRenderFns:[]};var m=a("VU/8")(h,p,!1,function(t){a("QDX2")},"data-v-f83041e4",null).exports,v={name:"genderPayPie",props:{options:{type:Array,default:function(){return[]}}},data:function(){return{myChart:null,pieValues:[]}},computed:{isShowChart:function(){return this.pieValues.reduce(function(t,e){return t+Number(e.value)},0)>0}},watch:{options:{handler:function(t){var e=this;this.pieValues=[].concat(c()(t)),this.$nextTick(function(){e.pieValues.length&&e.handleDrawChart()})},deep:!0}},beforeDestroy:function(){var t=this;window.removeEventListener("resize",function(){t.myChart&&t.myChart.clear()})},methods:{handleDrawChart:function(){var t=this;this.myChart&&this.myChart.clear(),this.myChart=this.$echarts.init(document.getElementById("payNumChart"));this.myChart;var e=[].concat(c()(this.pieValues)),a={legend:{type:"scroll",left:-6,top:20},color:["#5470C6","#91CC75","#FAC858","#EE6666","#73C0DE","#FC8452"],series:{avoidLabelOverlap:!1,type:"pie",radius:[40,75],top:120,height:"33.33%",width:"100%",itemStyle:{borderRadius:6,borderColor:"#fff",borderWidth:2},label:{show:!0,formatter:function(t){var a=t.name,n=t.percent,i=t.dataIndex;return a+" "+e[i].value+"人\n占比 "+n+"%"},fontSize:10},emphasis:{label:{show:!0}},data:e}};this.myChart.setOption(a),window.addEventListener("resize",function(){t.myChart&&t.myChart.resize()})}}},g={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"genderPayPie-wrap"},[this.isShowChart?e("div",{staticStyle:{width:"100%","min-width":"349px",height:"350px"},attrs:{id:"payNumChart"}}):e("div",{staticClass:"empty-tips",staticStyle:{height:"350px"}},[this._v("暂无数据")])])},staticRenderFns:[]};var _=a("VU/8")(v,g,!1,function(t){a("HbDX")},"data-v-24a7ebaf",null).exports,y={name:"addTimeBar",props:{options:{type:Array,default:function(){return[]}}},data:function(){return{myChart:null,barValues:[]}},computed:{isShowChart:function(){return this.barValues.reduce(function(t,e){return t+Number(e.value)},0)>0}},watch:{options:{handler:function(t){var e=this;this.barValues=[].concat(c()(t)),this.$nextTick(function(){e.barValues.length&&e.handleDrawChart()})},deep:!0}},beforeDestroy:function(){var t=this;window.removeEventListener("resize",function(){t.myChart&&t.myChart.clear()})},methods:{handleDrawChart:function(){var t=this;this.myChart&&this.myChart.clear(),this.myChart=this.$echarts.init(document.getElementById("addTimeChart"));var e=this.barValues.map(function(t){return t.label}),a=this.barValues.map(function(t){return t.value}),n={color:["#02B38A"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{top:50,right:50,bottom:10,left:20,containLabel:!0},xAxis:[{name:"(个月)",type:"category",data:[].concat(c()(e)),axisTick:{show:!1},axisLabel:{interval:0,rotate:-45,margin:24,padding:[0,0,0,-20]}}],yAxis:[{name:"(人)",nameTextStyle:{padding:[0,0,0,-20]},type:"value",axisLabel:{show:!1},splitLine:{show:!1}}],series:[{name:"人数",type:"bar",barWidth:12,data:a,label:{show:!0,position:"top"},itemStyle:{borderRadius:[10,10,0,0]}}]};this.myChart.setOption(n),window.addEventListener("resize",function(){t.myChart&&t.myChart.resize()})}}},f={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"addTimeBar-wrap"},[this.isShowChart?e("div",{staticStyle:{width:"97%","min-width":"699px",height:"300px"},attrs:{id:"addTimeChart"}}):e("div",{staticClass:"empty-tips",staticStyle:{height:"300px"}},[this._v("暂无数据")])])},staticRenderFns:[]};var C=a("VU/8")(y,f,!1,function(t){a("P9d3")},"data-v-5fc07754",null).exports,A=a("u2KI"),b=a.n(A),x={"background-color":"#F8F8FA","font-size":"13px",color:"#666"},w={"font-size":"14px",color:"#333",border:"none","font-weight":600},k={name:"tagRankList",data:function(){return{headerCellStyle:b()(x),cellStyle:b()(w),loading:!1,page:1,page_size:20,pages:0,total:0,tableData:[]}},mounted:function(){this.handleGetList()},methods:{handleGetList:function(){var t=this;return r()(i.a.mark(function e(){var a,n,s,r,o;return i.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.loading=!0,a={page:t.page,page_size:t.page_size},n=""+t.URL.BASEURL+t.URL.customerAnalysis_tagRankList,e.next=6,t.$axios.get(n,{params:a});case 6:s=e.sent,r=s.data,(o=void 0===r?{}:r)&&0==o.errno?(t.tableData=o.rst.data,t.total=o.rst.pageInfo.total,t.pages=o.rst.pageInfo.pages,document.querySelector("#customerAnalysis").scrollIntoView(!1),t.$refs.tableEl.bodyWrapper.scrollTop=0):4002!=o.errno&&(t.$message.warning(o.err),t.tableData=[],t.total=0,t.pages=0),e.next=18;break;case 12:e.prev=12,e.t0=e.catch(0),console.log(e.t0),t.tableData=[],t.total=0,t.pages=0;case 18:return e.prev=18,t.loading=!1,e.finish(18);case 21:case"end":return e.stop()}},e,t,[[0,12,18,21]])}))()},handleCurrentChange:function(t){this.page=t,this.handleGetList()}}},L={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"tagRankList-wrap"},[a("div",{staticClass:"title"},[t._v("标签排行榜")]),t._v(" "),a("el-table",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],ref:"tableEl",staticClass:"table-wrap",staticStyle:{width:"100%"},attrs:{data:t.tableData,"header-cell-style":t.headerCellStyle,"cell-style":t.cellStyle,height:750}},[a("el-table-column",{attrs:{label:"排名",align:"center","min-width":"60"},scopedSlots:t._u([{key:"default",fn:function(e){var n=e.$index;return[a("span",[t._v(t._s(t.page_size*(t.page-1)+n+1))])]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"标签",align:"center"},scopedSlots:t._u([{key:"default",fn:function(e){var n=e.row;return[a("span",{staticClass:"tag-name"},[t._v(t._s(n.tag_name))])]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"客户数",prop:"customer_num",align:"center","min-width":"60"}})],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.total>0,expression:"total>0"}],staticClass:"pagination"},[a("el-pagination",{attrs:{small:"","pager-count":5,background:"","current-page":t.page,layout:"prev, pager, next","page-count":Number(t.pages)},on:{"current-change":t.handleCurrentChange}})],1)],1)},staticRenderFns:[]};var T=a("VU/8")(k,L,!1,function(t){a("cfAz")},"data-v-30ec42f5",null).exports,D=a("2Uyi"),S={name:"baseData",components:{percentBar:u,genderPayPie:m,payNumPie:_,addTimeBar:C,tagRankList:T},data:function(){return{loading:!1,gender_stat:[{label:"男",value:0,percent:"0%",backgroundColor:"#5798FF"},{label:"女",value:0,percent:"0%",backgroundColor:"#FF63A1"},{label:"未知性别",value:0,percent:"0%",backgroundColor:"#E9E8EB"}],pay_stat:[{label:"付费",value:0,percent:"0%",backgroundColor:"#5798FF"},{label:"未付费",value:0,percent:"0%",backgroundColor:"#FF63A1"}],gender_pay_stat:[{name:"男",value:0},{name:"女",value:0},{name:"未知性别",value:0}],pay_num_stat:[{name:"1-20次",key:"twenty",value:0},{name:"21-40次",key:"fourty",value:0},{name:"41-60次",key:"sixty",value:0},{name:"61-80次",key:"eighty",value:0},{name:"81-100次",key:"hundred",value:0},{name:"100次以上",key:"more",value:0}],add_time_stat:[{label:"0-2",key:"two",value:0},{label:"2-4",key:"four",value:0},{label:"4-6",key:"six",value:0},{label:"6-8",key:"eight",value:0},{label:"8-10",key:"ten",value:0},{label:"10-12",key:"twelve",value:0},{label:"12以上",key:"more",value:0}]}},created:function(){this.handleGetBaseData()},methods:{handleGetBaseData:function(){var t=this;return r()(i.a.mark(function e(){var a,n,s,r,o,c,l,d,u,h,p;return i.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.loading=!0,a={},n=""+t.URL.BASEURL+t.URL.customerAnalysis_basicDataAnalysis,e.next=6,t.$axios.get(n,{params:a});case 6:s=e.sent,r=s.data,(o=void 0===r?{}:r)&&0==o.errno?(c=o.rst||{},l=c.gender_stat,d=c.pay_stat,u=c.gender_pay_stat,h=c.pay_num_stat,p=c.add_time_stat,t.handleGetGenderStat(l),t.handleGetPayStat(d),t.handleGetGenderPayStat(u),t.handleGetPayNumStat(h),t.handleGetAddTimeStat(p)):4002!=o.errno&&t.$message.warning(o.err),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(0),console.log(e.t0);case 15:return e.prev=15,t.loading=!1,e.finish(15);case 18:case"end":return e.stop()}},e,t,[[0,12,15,18]])}))()},handleGetGenderStat:function(t){if(!t)return!1;var e=t.man_cnt,a=void 0===e?0:e,n=t.women_cnt,i=void 0===n?0:n,s=t.unknown_cnt,r=void 0===s?0:s,o=Number(a)+Number(i)+Number(r);this.gender_stat[0].value=a||0,this.gender_stat[0].percent=Object(D.m)(a,o),this.gender_stat[1].value=i||0,this.gender_stat[1].percent=Object(D.m)(i,o),this.gender_stat[2].value=r||0,this.gender_stat[2].percent=Object(D.m)(r,o)},handleGetPayStat:function(t){if(!t)return!1;var e=t.pay_cnt,a=void 0===e?0:e,n=t.unpay_cnt,i=void 0===n?0:n,s=Number(a)+Number(i);this.pay_stat[0].value=a||0,this.pay_stat[0].percent=Object(D.m)(a,s),this.pay_stat[1].value=i||0,this.pay_stat[1].percent=Object(D.m)(i,s)},handleGetGenderPayStat:function(t){if(!t)return!1;var e=t.man_cnt,a=void 0===e?0:e,n=t.women_cnt,i=void 0===n?0:n,s=t.unknown_cnt,r=void 0===s?0:s;this.gender_pay_stat[0].value=Number(a),this.gender_pay_stat[1].value=Number(i),this.gender_pay_stat[2].value=Number(r)},handleGetPayNumStat:function(t){if(!t)return!1;this.pay_num_stat.forEach(function(e){e.value=t[e.key]||0})},handleGetAddTimeStat:function(t){if(!t)return!1;this.add_time_stat.forEach(function(e){e.value=t[e.key]||0})}}},I={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"baseData-wrap"},[a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"lt-wrap"},[a("div",{staticClass:"chart-row-wrap"},[a("div",{staticClass:"chart-item-wrap"},[a("div",{staticClass:"title"},[t._v("客户性别占比")]),t._v(" "),a("percentBar",{staticClass:"mt-30",attrs:{options:t.gender_stat}})],1),t._v(" "),a("div",{staticClass:"chart-item-wrap"},[a("div",{staticClass:"title"},[t._v("客户付费情况占比")]),t._v(" "),a("percentBar",{staticClass:"mt-30",attrs:{options:t.pay_stat}})],1)]),t._v(" "),a("div",{staticClass:"chart-row-wrap"},[a("div",{staticClass:"chart-item-wrap"},[a("div",{staticClass:"title"},[t._v("不同性别付费情况占比")]),t._v(" "),a("genderPayPie",{attrs:{options:t.gender_pay_stat}})],1),t._v(" "),a("div",{staticClass:"chart-item-wrap"},[a("div",{staticClass:"title"},[t._v("客户付费情况分析")]),t._v(" "),a("payNumPie",{attrs:{options:t.pay_num_stat}})],1)]),t._v(" "),a("div",[a("div",{staticClass:"title"},[t._v("客户添加时长")]),t._v(" "),a("addTimeBar",{attrs:{options:t.add_time_stat}})],1)]),t._v(" "),a("div",{staticClass:"rt-wrap"},[a("tagRankList")],1)])},staticRenderFns:[]};var F=a("VU/8")(S,I,!1,function(t){a("cVoH")},"data-v-c772d344",null).exports,B=a("gzej"),E=a("YLOf"),U={name:"situation",components:{datePicker:B.a,noData:E.a},data:function(){return{situationLoading:!1,default_time_situation:[this.$getDay(-7,!1),this.$getDay(-1,!1)],pickerOptions:{disabledDate:function(t){return t>Date.now()-864e5}},time_situation:[],situationList:[],situationAcIdx:0,situationTotal:0}},created:function(){this.time_situation=this.default_time_situation,this.getSituationData()},methods:{changeTime_situation:function(t){!t||t&&0==t.length?this.time_situation=[]:this.time_situation=t,this.getSituationData()},getSituationData:function(){var t=this;this.situationLoading=!0,this.$axios.get(this.URL.BASEURL+this.URL.phaseAnalysis_situation,{params:{start_date:this.time_situation[0],end_date:this.time_situation[1]}}).then(function(e){var a=e.data;a&&"0"==a.errno?(t.situationLoading=!1,a.rst&&a.rst.data&&a.rst.data.length>0&&(t.situationList=a.rst.data,t.situationTotal=a.rst.total)):4002!=a.errno?(t.situationLoading=!1,t.$message({message:a.err,type:"warning"})):t.situationLoading=!1}).catch(function(e){t.situationLoading=!1})},toFixedFun:function(t){return t%1==0?t:t.toFixed(2)}}},P={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"trendBox"},[n("div",[t._v("客户流转情况")]),t._v(" "),n("div",{staticClass:"screenBox tMar5"},[n("date-picker",{attrs:{title:"自定义",quickType:"select",afferent_quick_list:[{label:"昨天",value:"1",date:[t.$getDay(-1,!1),t.$getDay(-1,!1)]},{label:"近7天",value:"7",date:[t.$getDay(-7,!1),t.$getDay(-1,!1)]},{label:"近30天",value:"30",date:[t.$getDay(-31,!1),t.$getDay(-1,!1)]}],quickFlag:!0,afferent_time:t.default_time_situation,clearFlag:!1,pickerOptions:t.pickerOptions,is_include_today:!1},on:{changeTime:t.changeTime_situation}})],1),t._v(" "),n("div",{directives:[{name:"loading",rawName:"v-loading",value:t.situationLoading,expression:"situationLoading"}],staticClass:"situationBox"},[n("div",{staticClass:"fuBox"},[n("div",{staticStyle:{width:"35%","flex-shrink":"0"}},t._l(t.situationList,function(e,i){return n("div",{staticClass:"leftBox"},[n("div",{staticClass:"pointer itemBox",class:[t.situationAcIdx==i?"fuItemAc":""],on:{click:function(e){t.situationAcIdx=i}}},[n("el-tooltip",{attrs:{disabled:e.stage_title.length<=6,content:e.stage_title,placement:"top"}},[n("div",{staticClass:"c-333 f14 rMar30 clampOne",staticStyle:{width:"90px"}},[t._v(t._s(e.stage_title||"-"))])]),t._v(" "),n("div",{staticClass:"c-999 f14"},[n("div",[t._v("客户数："+t._s(e.cnt||"0"))]),t._v(" "),n("div",{staticClass:"tMar10 f13"},[t._v("占比："+t._s(t.situationTotal?t.toFixedFun(e.cnt/t.situationTotal*100)+"%":"-"))])])],1),t._v(" "),t.situationAcIdx==i?n("div",[n("img",{staticStyle:{"margin-left":"10px",width:"24px",height:"20px"},attrs:{src:a("ebw9"),alt:""}})]):t._e(),t._v(" "),t.situationAcIdx==i?n("div",{staticClass:"leftLineBox"}):t._e()])}),0),t._v(" "),n("div",{staticClass:"splitLine_mid",style:{height:66*(t.situationList[t.situationAcIdx]&&t.situationList[t.situationAcIdx].conversion.length-1)+"px"}}),t._v(" "),n("div",{staticClass:"childBox"},t._l(t.situationList[t.situationAcIdx]&&t.situationList[t.situationAcIdx].conversion,function(e,a){return n("div",{staticClass:"childItem "},[n("div",{staticClass:"lineBox"},[n("div",{staticClass:"numBox f13"},[n("span",{staticClass:"fWeight600 c-333"},[t._v(t._s(e.cnt||"0"))]),t._v(" "),n("span",{staticClass:"lMar8 c-aaa"},[t._v(t._s(t.situationList[t.situationAcIdx].cnt?t.toFixedFun(e.cnt/t.situationList[t.situationAcIdx].cnt*100)+"%":"-"))])])]),t._v(" "),n("div",{staticClass:"itemBox",class:a==t.situationList[t.situationAcIdx]&&t.situationList[t.situationAcIdx].conversion.length-1?"bMar0":"",staticStyle:{border:"1px solid #01B28A"}},[n("el-tooltip",{attrs:{disabled:e.stage_title.length<=6,content:e.stage_title,placement:"top"}},[n("div",{staticClass:"c-333 f14 rMar30 clampOne",staticStyle:{width:"90px"}},[t._v(t._s(e.stage_title||"-"))])]),t._v(" "),n("div",{staticClass:"c-999 f13"},[n("div",[t._v("客户数："+t._s(e.cnt||"0"))]),t._v(" "),n("div",{staticClass:"tMar10"},[t._v("占比："+t._s(t.situationTotal?t.toFixedFun(e.cnt/t.situationTotal*100)+"%":"-"))])])],1)])}),0)]),t._v(" "),t.situationList&&t.situationList.length<=0&&!t.situationLoading?n("noData",{staticClass:"noData"}):t._e()],1)])},staticRenderFns:[]};var R=a("VU/8")(U,P,!1,function(t){a("Vh5R")},"data-v-73f58d58",null).exports,V={name:"stageData",components:{datePicker:B.a,noData:E.a,Situation:R},data:function(){return{dataList:[],acIdx:null,trends_loading:!1,dataLoading:!1,legendList:[{name:"客户总数",key:"total_cnt",color:"#2983DF",selectFlag:!0},{name:"客户新增",key:"new_contact_cnt",color:"#00B38A",selectFlag:!0},{name:"客户流失",key:"loss_contact_cnt",color:"#EB4315",selectFlag:!0},{name:"客户净增",key:"net_growth_contact_cnt",color:"#AED570",selectFlag:!0},{name:"付费客户数",key:"pay_contact_cnt",color:"#7366FF",selectFlag:!0},{name:"付费金额",key:"pay_money",color:"#F28544",selectFlag:!0}],default_time:[this.$getDay(-8,!1),this.$getDay(-1,!1)],myChart:null,pickerOptions:{disabledDate:function(t){return t>Date.now()-864e5}},custTrends:{date:[],total_cnt:[],new_contact_cnt:[],loss_contact_cnt:[],net_growth_contact_cnt:[],pay_contact_cnt:[],pay_money:[]},time:[]}},created:function(){this.time=this.default_time,this.getAnalysisData()},methods:{trendEvent:function(t){var e=this;"custTrends"===t&&this.myChart&&this.myChart.clear();var a=this,n=[],i=[];this.legendList.forEach(function(t,s){t.selectFlag&&(i.push({type:"value",name:"",show:!1,position:"left",axisTick:{show:!1},splitLine:{lineStyle:{color:"#F2F2f2",type:"dashed"}},axisLine:{show:!0,lineStyle:{color:"#F2F2f2"}},nameTextStyle:{color:"#999999",fontSize:13},axisLabel:{color:"#999999",fontSize:12,show:!0,formatter:function(t){var e=t;return a.$NumberHandle(e)}}}),n.push({type:"line",smooth:!0,name:t.name,yAxisIndex:0,data:e.custTrends[t.key],lineStyle:{width:2},symbol:1==e.custTrends.date.length?"emptyCircle":"none",itemStyle:{color:t.color,borderType:"emptyCircle"}}))}),i.forEach(function(t,e){t.show=0==e}),n.forEach(function(t,e){t.yAxisIndex=e});var s={title:"",tooltip:{trigger:"axis",show:!0,formatter:function(t){var e=t[0].name;return e+="<br/>",t.forEach(function(t,n){e+=t.marker+t.seriesName+"："+a.$formatNum(t.value)+"<br/>"}),e}},legend:{itemWidth:8,itemHeight:2,icon:"plain",show:!1,textStyle:{fontSize:12,color:"#666666"}},grid:{top:"6%",left:"4%",right:"4%",bottom:"16%",containLabel:!1},xAxis:[{type:"category",data:this.custTrends.date,boundaryGap:!1,axisLine:{show:!0,lineStyle:{color:"#F2F2f2"}},axisTick:{show:!1},splitLine:{show:!1},axisLabel:{color:"#666",fontSize:10,rotate:30}}],yAxis:i,series:n};this.myChart=this.myChart?this.myChart:this.$echarts.init(document.getElementById("trend")),this.myChart.setOption(s)},changeTime:function(t){!t||t&&0==t.length?this.time=[]:this.time=t,this.getCustTrends()},changeLegend:function(t,e,a){var n=this,i=this[t].filter(function(t){return t.selectFlag});if(1!=i.length||i[0].key!=e.key){var s=e;s.selectFlag=!s.selectFlag,this.$set(this[t],a,s),this.$nextTick(function(){"legendList"===t&&n.trendEvent("custTrends")})}else this.$message({message:"至少存在一条曲线",type:"warning"})},getAnalysisData:function(){var t=this;this.dataLoading=!0,this.$axios.get(this.URL.BASEURL+this.URL.phaseAnalysis_data).then(function(e){var a=e.data;t.dataLoading=!1,a&&0==a.errno?a.rst&&a.rst.length>0&&(t.dataList=a.rst,t.acIdx=t.dataList[0].rule_id,t.getCustTrends()):4002!=a.errno&&t.$message({message:a.err,type:"warning"})}).catch(function(e){t.dataLoading=!1})},getCustTrends:function(){var t=this;this.trends_loading=!0,this.$axios.get(this.URL.BASEURL+this.URL.phaseAnalysis_trend,{params:{rule_id:this.acIdx,start_date:this.time[0],end_date:this.time[1]}}).then(function(e){var a=e.data;t.trends_loading=!1,a&&0==a.errno?(t.custTrends.date=[],t.custTrends.total_cnt=[],t.custTrends.new_contact_cnt=[],t.custTrends.loss_contact_cnt=[],t.custTrends.net_growth_contact_cnt=[],t.custTrends.pay_contact_cnt=[],t.custTrends.pay_money=[],a.rst.forEach(function(e){t.custTrends.date.push(e.ref_date),t.custTrends.total_cnt.push(e.total_cnt?e.total_cnt:"0"),t.custTrends.new_contact_cnt.push(e.new_contact_cnt?e.new_contact_cnt:"0"),t.custTrends.loss_contact_cnt.push(e.loss_contact_cnt?e.loss_contact_cnt:"0"),t.custTrends.net_growth_contact_cnt.push(e.net_growth_contact_cnt?e.net_growth_contact_cnt:"0"),t.custTrends.pay_contact_cnt.push(e.pay_contact_cnt?e.pay_contact_cnt:"0"),t.custTrends.pay_money.push(e.pay_money?e.pay_money:"0")}),t.$nextTick(function(){t.trendEvent("custTrends")})):4002!=a.errno&&t.$message({message:a.err,type:"warning"})}).catch(function(e){t.trends_loading=!1})},switchDataItem:function(t,e){this.acIdx=t.rule_id,this.getCustTrends()}}},G={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.dataLoading,expression:"dataLoading"}],staticClass:"dataList"},t._l(t.dataList,function(e,n){return a("div",{key:e.name,staticClass:"itemBox",class:e.rule_id==t.acIdx?"itemBoxAc":"",on:{click:function(a){return t.switchDataItem(e,n)}}},[a("div",{staticClass:"f24 "},[t._v(t._s(e.cnt||"-"))]),t._v(" "),a("el-tooltip",{attrs:{disabled:e.stage_title.length<=11,content:e.stage_title,placement:"top"}},[a("div",{staticClass:"tMar5 f14 clampOne"},[t._v(t._s(e.stage_title||"-"))])])],1)}),0),t._v(" "),a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.trends_loading,expression:"trends_loading"}],staticClass:"trendBox"},[a("div",{staticClass:"legendBox"},t._l(t.legendList,function(e,n){return a("div",{key:n,staticClass:"legendItem",on:{click:function(a){return t.changeLegend("legendList",e,n)}}},[t._v(t._s(e.name)+"\n "),a("div",{class:["checkbox",e.selectFlag?"checkbox_active":""],style:e.selectFlag?"background: "+e.color+";\n border-color: "+e.color+";":""},[a("i",{staticClass:"el-icon-check"})])])}),0),t._v(" "),a("div",{staticClass:"screenBox"},[a("date-picker",{attrs:{title:"自定义",quickType:"select",afferent_quick_list:[{label:"近一周",value:"7",date:[t.$getDay(-8,!1),t.$getDay(-1,!1)]},{label:"近15天",value:"15",date:[t.$getDay(-16,!1),t.$getDay(-1,!1)]},{label:"近30天",value:"30",date:[t.$getDay(-31,!1),t.$getDay(-1,!1)]},{label:"近90天",value:"90",date:[t.$getDay(-91,!1),t.$getDay(-1,!1)]}],quickFlag:!0,afferent_time:t.default_time,clearFlag:!1,pickerOptions:t.pickerOptions,is_include_today:!1},on:{changeTime:t.changeTime}})],1),t._v(" "),a("div",{staticStyle:{width:"100%",height:"250px"},attrs:{id:"trend"}}),t._v(" "),t.custTrends.date&&t.custTrends.date.length<=0&&!t.trends_loading?a("noData",{staticClass:"noData"}):t._e()],1),t._v(" "),a("Situation")],1)},staticRenderFns:[]};var N={name:"customerAnalysis",components:{baseData:F,stageData:a("VU/8")(V,G,!1,function(t){a("L48/")},"data-v-585d890e",null).exports},data:function(){return{tagType:1}},methods:{changeType:function(t){this.tagType=t}}},$={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("div",{staticClass:"topTagBox flex",attrs:{id:"customerAnalysis"}},[a("div",{staticClass:"left flex-align-center"},[a("div",{class:["tagItem",1==t.tagType?"tagItem_active":""],on:{click:function(e){return t.changeType(1)}}},[t._v("基础数据分析")]),t._v(" "),a("div",{class:["tagItem",2==t.tagType?"tagItem_active":""],on:{click:function(e){return t.changeType(2)}}},[t._v("客户阶段分析")])])]),t._v(" "),1==t.tagType?a("baseData"):t._e(),t._v(" "),2==t.tagType?a("stageData"):t._e()],1)},staticRenderFns:[]},O=a("VU/8")(N,$,!1,null,null,null);e.default=O.exports},"L48/":function(t,e){},"P+p+":function(t,e){},P9d3:function(t,e){},QDX2:function(t,e){},Vh5R:function(t,e){},cVoH:function(t,e){},cfAz:function(t,e){},ebw9:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAKAAAAACLp7BPAAAEVUlEQVRYCdVZW2hURxj+Zs6es9m4m8sSG7K20BCRbFGxghcUK4iiNNRQn6Ogr4WiTz6IiOBLbF+KD2JQ8lII+KLxUhDUvhTUCG0fTJtapaG0UVKSKHuxezln/P/ZrG4ubvacvbiZZffsXP/v++eff/4zI1As/dD/IWzRK5TqgUIXhIwAKlisS/l1Ig7lTEDgqRLiJgw1jM+P
|
