| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-567194e4"],{"0549":function(t,e,a){t.exports=a.p+"static/img/tj2.fa68c989.png"},"1e4b":function(t,e,a){"use strict";a.r(e);var i=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"app-container home"},[a("div",{attrs:{id:"main"}},[a("div",{staticClass:"card_left"},[a("el-card",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"box-card card1 "},[a("div",{staticClass:"title"},[a("span",[t._v("用户概括")])]),a("div",{staticClass:"contain"},[a("div",{ref:"user",staticStyle:{width:"100%",height:"400px"},attrs:{id:"user"}})])]),a("el-card",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"box-card card2"},[a("div",{staticClass:"title"},[a("span",[t._v("消费数据统计")])]),a("div",{staticClass:"contain"},[a("el-card",{staticClass:"box-card"},[a("div",{staticClass:"left"},[a("img",{staticClass:"tjimg",attrs:{src:t.tj1,alt:""}})]),a("div",{staticClass:"right"},[a("div",{staticClass:"num",staticStyle:{color:"#FFCB27"}},[t._v(t._s(t.collectList.total))]),a("div",{staticClass:"num_txt"},[t._v("当天支付金额（元）")])])]),a("el-card",{staticClass:"box-card"},[a("div",{staticClass:"left"},[a("img",{staticClass:"tjimg",attrs:{src:t.tj2,alt:""}})]),a("div",{staticClass:"right"},[a("div",{staticClass:"num",staticStyle:{color:"#9ED475"}},[t._v(t._s(t.collectList.dishCount))]),a("div",{staticClass:"num_txt"},[t._v("当天消费次数")])])])],1)])],1),a("div",{staticClass:"card_right"},[a("el-card",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"box-card card3"},[a("div",{staticClass:"title"},[a("span",[t._v("充值行为分析")])]),a("div",{staticClass:"contain"},[a("div",{staticClass:"top"},[a("el-card",{staticClass:"box-card",staticStyle:{background:"#79A8FF"}},[a("div",{staticClass:"num"},[t._v(t._s(t.orderMoney))]),a("div",{staticClass:"num_txt"},[t._v("今日充值总金额(元)")])]),a("el-card",{staticClass:"box-card",staticStyle:{background:"#FF7859"}},[a("div",{staticClass:"num"},[t._v(t._s(t.orderCount))]),a("div",{staticClass:"num_txt"},[t._v("今日充值次数(次)")])]),a("el-card",{staticClass:"box-card",staticStyle:{background:"#FFC341"}},[a("div",{staticClass:"num"},[t._v(t._s(t.orderMoneyAverage))]),a("div",{staticClass:"num_txt"},[t._v("今日平均充值金额(元)")])])],1),a("div",{staticClass:"middle"},[a("el-card",{staticClass:"box-card",staticStyle:{height:"270px"}},[a("div",{staticClass:"header"},[a("span",[t._v("支付方式")])]),a("div",{staticClass:"zf",staticStyle:{"margin-top":"40px"}},[a("div",{staticClass:"introduce"},[a("div",{staticClass:"round xjbor"}),a("div",{staticClass:"name"},[t._v(t._s(1==t.payTypeCollectList[0].payType?"现金":""))]),a("div",{staticClass:"ratio xjbc"},[t._v(t._s(t.payTypeCollectList[0].money)+" ("+t._s(t.payTypeCollectList[0].radio)+")")])]),a("div",{staticClass:"progress"},[a("div",{staticClass:"progress1 xjbg"}),a("div",{staticClass:"progress2 xjbg",style:{width:t.payTypeCollectList[0].radio}})])]),a("div",{staticClass:"zf"},[a("div",{staticClass:"introduce"},[a("div",{staticClass:"round zfbbor"}),a("div",{staticClass:"name"},[t._v(t._s(2==t.payTypeCollectList[1].payType?"微信":""))]),a("div",{staticClass:"ratio zfbc"},[t._v(t._s(t.payTypeCollectList[1].money)+" ("+t._s(t.payTypeCollectList[1].radio)+")")])]),a("div",{staticClass:"progress"},[a("div",{staticClass:"progress1 zfbbg"}),a("div",{staticClass:"progress2 zfbbg",style:{width:t.payTypeCollectList[1].radio}})])]),a("div",{staticClass:"zf"},[a("div",{staticClass:"introduce"},[a("div",{staticClass:"round wxbor"}),a("div",{staticClass:"name"},[t._v(t._s(3==t.payTypeCollectList[2].payType?"支付宝":""))]),a("div",{staticClass:"ratio wxbc"},[t._v(t._s(t.payTypeCollectList[2].money)+" ("+t._s(t.payTypeCollectList[2].radio)+")")])]),a("div",{staticClass:"progress"},[a("div",{staticClass:"progress1 wxbg"}),a("div",{staticClass:"progress2 wxbg",style:{width:t.payTypeCollectList[2].radio}})])]),a("div",{staticClass:"zf"},[a("div",{staticClass:"introduce"},[a("div",{staticClass:"round qtbor"}),a("div",{staticClass:"name"},[t._v(t._s(4==t.payTypeCollectList[3].payType?"其他":""))]),a("div",{staticClass:"ratio qtbc"},[t._v(t._s(t.payTypeCollectList[3].money)+" ("+t._s(t.payTypeCollectList[3].radio)+")")])]),a("div",{staticClass:"progress"},[a("div",{staticClass:"progress1 qtbg"}),a("div",{staticClass:"progress2 qtbg",style:{width:t.payTypeCollectList[3].radio}})])])]),a("el-card",{staticClass:"box-card",staticStyle:{height:"270px"}},[a("div",{staticClass:"header"},[a("span",[t._v("充值渠道")])]),a("div",{staticStyle:{width:"100%",height:"240px"},attrs:{id:"channel"}})])],1)])]),a("el-card",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"box-card card4"},[a("div",{staticClass:"title"},[a("span",[t._v("充值数据统计")])]),a("div",{staticClass:"contain"},[a("div",{staticClass:"data"},[a("el-dropdown",{staticClass:"data_type",on:{command:t.handleYear}},[a("span",{staticClass:"el-dropdown-link"},[t._v(" "+t._s(t.year)),a("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),a("el-dropdown-menu",{staticClass:"dropdown",attrs:{slot:"dropdown"},slot:"dropdown"},[t._l(t.yearList,(function(e){return[a("el-dropdown-item",{key:e.id,attrs:{command:e.id}},[t._v(t._s(e.value))])]}))],2)],1),a("el-dropdown",{staticClass:"data_type",on:{command:t.handleMonth}},[a("span",{staticClass:"el-dropdown-link"},[t._v(" "+t._s(t.month)),a("i",{staticClass:"el-icon-arrow-down el-icon--right"})]),a("el-dropdown-menu",{staticClass:"dropdown",attrs:{slot:"dropdown"},slot:"dropdown"},[t._l(t.monthList,(function(e){return[a("el-dropdown-item",{key:e.id,attrs:{command:e.id}},[t._v(t._s(e.value))])]}))],2)],1)],1),a("div",{staticClass:"bottom"},[a("div",{staticStyle:{width:"100%",height:"300px","margin-top":"0px"},attrs:{id:"statistics"}})])])])],1)])])},s=[],n=(a("d81d"),a("a9e3"),a("b680"),a("7db0"),a("d3b7"),a("c495")),o=a.n(n),r=a("0549"),l=a.n(r),d=a("b775");function c(){return Object(d["a"])({url:"/dxtop/staff/count",method:"get"})}function u(){return Object(d["a"])({url:"/dxtop/staff/staffRadio",method:"get"})}function p(){return Object(d["a"])({url:"/dxtop/topChannel/channelOrderMoney",method:"get"})}function h(){return Object(d["a"])({url:"/dxtop/order/payTypeCollect",method:"get"})}function y(){return Object(d["a"])({url:"/dxtop/order/orderMoney",method:"get"})}function m(t){return Object(d["a"])({url:"/dxtop/dish/collect",method:"get"})}function v(t){return Object(d["a"])({url:"/dxtop/order/dateCollect",method:"get",params:t})}var C={name:"index",data:function(){return{employeesCountNum:null,personnelRatioList:[],channelOrderMoneList:[],payTypeCollectList:[{payType:null,money:null,radio:null},{payType:null,money:null,radio:null},{payType:null,money:null,radio:null},{payType:null,money:null,radio:null}],payTypeCollectListCount:null,orderMoney:null,orderCount:null,orderMoneyAverage:null,collectList:[{balance:null,total:null}],startTime:null,endTime:null,month:"月",monthList:[{id:"1",value:"1月"},{id:"2",value:"2月"},{id:"3",value:"3月"},{id:"4",value:"4月"},{id:"5",value:"5月"},{id:"6",value:"6月"},{id:"7",value:"7月"},{id:"8",value:"8月"},{id:"9",value:"9月"},{id:"10",value:"10月"},{id:"11",value:"11月"},{id:"12",value:"12月"},{id:"所有",value:"所有"}],monthParameter:"",year:"年",yearList:[],tj1:o.a,tj2:l.a,dataOrderTime:[],dataOrderTotal:[],loading:!0,open:!1}},created:function(){this.yearListCreate()},mounted:function(){this.employeesCount(),this.personnelRatio(),this.channelOrderMoney(),this.payTypeCollect(),this.orderMoneyList(),this.collect(),this.dateCollect()},methods:{yearListCreate:function(){for(var t=2021,e=(new Date).getFullYear(),a=[],i=t;i<=e;i++)a.push(i);this.yearList=a.map((function(t){return{id:t,value:t+"年"}}))},employeesCount:function(){var t=this;c().then((function(e){t.employeesCountNum=e.data}))},personnelRatio:function(){var t=this;u().then((function(e){t.personnelRatioList=e.data,t.personnelRatioList=e.data.map((function(t){return{value:t.count,name:t.raType}}));for(var a="",i=0;i<t.personnelRatioList.length;i++)a=Number(a)+Number(t.personnelRatioList[i].value);for(var s=0;s<t.personnelRatioList.length;s++)t.personnelRatioList[s].ratio=a?"0.00%":(t.personnelRatioList[s].value/a*100).toFixed(2)+"%";setTimeout((function(){t.drawLine1()}),100)}))},channelOrderMoney:function(){var t=this;p().then((function(e){t.channelOrderMoneyList=e.data,t.channelOrderMoneyList=e.data.map((function(t){return{value:t.money,name:t.chName}}));for(var a="",i=0;i<t.channelOrderMoneyList.length;i++)a=Number(a)+Number(t.channelOrderMoneyList[i].value);for(var s=0;s<t.channelOrderMoneyList.length;s++)t.channelOrderMoneyList[s].ratio="0"==a?"0.00%":(t.channelOrderMoneyList[s].value/a*100).toFixed(2)+"%";t.drawLine3()}))},payTypeCollect:function(){var t=this;h().then((function(e){for(var a=e.data,i="",s=0;s<a.length;s++)i=Number(i)+Number(a[s].money);for(var n=0;n<a.length;n++)a[n].radio=0==i?"0%":(a[n].money/i*100).toFixed(2)+"%";for(var o=function(t){a.find((function(e){return e.payType==Number(t+1)}))&&(a[t].money=a.find((function(e){return e.payType==Number(t+1)})).money,a[t].payType=a.find((function(e){return e.payType==Number(t+1)})).payType,a[t].radio=a.find((function(e){return e.payType==Number(t+1)})).radio)},r=0;r<a.length;r++)o(r);t.payTypeCollectList=a}))},orderMoneyList:function(){var t=this;y().then((function(e){t.orderMoney=e.data.total,t.orderCount=e.data.count,0==t.orderCount?t.orderMoneyAverage=0:t.orderMoneyAverage=(t.orderMoney/t.orderCount).toFixed(2),t.loading=!1}))},collect:function(){var t=this;m().then((function(e){t.collectList=e.data}))},handleMonth:function(t){if(this.month=t+"月","月"!=this.month&&"所有月"!=this.month){if(this.month.length<3&&(this.monthParameter="0"+t,"年"!=this.year)){var e=new Date(2019,t,0).getDate();this.resetDataAndStartEnd(0,this.year,this.monthParameter,this.monthParameter,e)}}else"所有月"==this.month&&"年"!=this.year&&this.resetDataAndStartEnd(1,this.year,"01","12",31)},handleYear:function(t){if(this.year=t+"年","月"!=this.month)if("所有月"==this.month)this.resetDataAndStartEnd(1,this.year,"01",12,31);else{var e="";e="0"==this.monthParameter.substring(0,1)?this.monthParameter.substring(1,2):this.monthParameter.substring(0,2);var a=new Date(2019,e,0).getDate();this.resetDataAndStartEnd(0,this.year,this.monthParameter,this.monthParameter,a)}},resetDataAndStartEnd:function(t,e,a,i,s){this.dataOrderTime=[],this.dataOrderTotal=[],this.startTime=e.substring(0,4)+"-"+a+"-01 00:00:00",this.endTime=e.substring(0,4)+"-"+i+"-"+s+" 23:59:59",this.dateCollectType(t,this.startTime,this.endTime)},dateCollect:function(){var t=new Date,e=t.getFullYear(),a=t.getMonth()+1,i=new Date(e,a,0).getDate();this.month=a+"月",this.year=e+"年",a<10?(a="0"+a,this.monthParameter=a):this.monthParameter=a,this.dateCollectType(0,e+"-"+a+"-00 00:00:00",e+"-"+a+"-"+i+" 23:59:59")},dateCollectType:function(t,e,a){var i=this;v(this.addDateRange({type:t,startTime:e,endTime:a})).then((function(t){for(var e=0;e<t.data.length;e++)i.dataOrderTime.push(t.data[e].orderTime),i.dataOrderTotal.push(t.data[e].total);i.drawLine4()}))},drawLine4:function(){var t=this.$echarts.init(document.getElementById("statistics")),e=(this.$echarts.init(document.getElementById("channel")),this.$echarts.init(document.getElementById("user")),{color:["#5BA3ED"],title:{text:"充值总额(元）",textStyle:{fontSize:12,fontWeight:"normal",color:"#999"}},tooltip:{trigger:"axis"},legend:{bottom:"0",padding:[0,0,0,100]},grid:{containLabel:!1},xAxis:{type:"category",boundaryGap:!1,data:this.dataOrderTime,axisLine:{lineStyle:{color:"#999",width:1}}},yAxis:{type:"value",boundaryGap:!1,axisLine:{lineStyle:{color:"#999",width:1}}},series:[{type:"line",stack:"Total",data:this.dataOrderTotal,symbolSize:[8,8],itemStyle:{normal:{color:"#fff",borderColor:"#0C83FB",symbolSize:20,lineStyle:{color:"#0C83FB",width:2}}}}]});t.setOption(e),window.onresize=function(){}},drawLine3:function(){var t=this.$echarts.init(document.getElementById("channel")),e={color:["#FF8A78","#71A9D4","#9ED475","#5BCB5E","#80F3E9","#D971FF","#D3DA67","#42C7FF","#9454FF","#B97E76","#A8A9B3","#67BDC0"],title:{text:""},tooltip:{trigger:"item"},legend:{bottom:"0%"},series:[{name:"",type:"pie",radius:["50%","60%"],label:{normal:{show:!0,formatter:"{b}: {c}({d}%)"}},data:this.channelOrderMoneyList}]};t.setOption(e)},drawLine1:function(){var t=this.$echarts.init(document.getElementById("user")),e={color:["#FF7859","#598CFF","#FFC63C","#5BCB5E","#80F3E9","#D971FF","#D3DA67","#42C7FF","#9454FF","#B97E76","#A8A9B3","#67BDC0"],tooltip:{trigger:"item"},title:{text:"已注册人数",x:"34.8%",y:"center",textStyle:{fontSize:12,color:"#000"}},graphic:{backgroundColor:"pink",type:"text",left:"34.8%",top:"35%",center:"center",style:{text:this.employeesCountNum,textAlign:"center",fill:"#000",fontSize:30,backgroundColor:"pink"}},legend:{orient:"vertical",top:"0%",right:"0%",center:"center",formatter:function(t){return t.length>4?t.substr(0,4)+"...":t}},series:[{name:"",type:"pie",radius:["40%","50%"],center:["40%","40%"],label:{normal:{show:!0,formatter:"{b}: {c}({d}%)"}},data:this.personnelRatioList}]};t.setOption(e)}}},g=C,f=(a("2135"),a("2877")),b=Object(f["a"])(g,i,s,!1,null,"335a9c38",null);e["default"]=b.exports},2135:function(t,e,a){"use strict";a("6e0b")},"6e0b":function(t,e,a){},c495:function(t,e,a){t.exports=a.p+"static/img/tj1.b68f0515.png"}}]);
|
