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
16 KiB
1 line
16 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-524b192f"],{"0d20":function(t,a,e){},"33d2":function(t,a,e){"use strict";var i=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{class:t.className,style:{height:t.height,width:t.width}})},n=[],s=e("313e"),o=e.n(s),r=e("ac31");e("817d");var l={mixins:[r["a"]],props:{className:{type:String,default:"chart"},width:{type:String,default:"100%"},height:{type:String,default:"400px"},chartData:{type:Object}},data:function(){return{chart:null}},mounted:function(){var t=this;this.$nextTick((function(){t.initChart()}))},watch:{chartData:{deep:!0,handler:function(t){this.setOptions(t)}}},beforeDestroy:function(){this.chart&&(this.chart.dispose(),this.chart=null)},methods:{initChart:function(){this.chart=o.a.init(this.$el,"macarons"),this.setOptions(this.chartData)},setOptions:function(t){console.log(t.xArr),this.chart.setOption({dataZoom:[],legendArr:[],legend:{orient:"horizontal",bottom:"3%",data:t.legendArr},tooltip:{trigger:"axis"},backgroundColor:"#fff",grid:{top:"3%",left:"2%",right:"2%",bottom:"12%",containLabel:!0},xAxis:[{type:"category",axisLabel:{rotate:t.rotate},data:t.xArr}],yAxis:[{type:"value",minInterval:1}],series:t.series})}}},c=l,d=e("2877"),v=Object(d["a"])(c,i,n,!1,null,null,null);a["a"]=v.exports},"3e3b":function(t,a,e){"use strict";e.r(a);var i=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",[e("div",{staticClass:"boxlist"},[e("div",{staticClass:"box box1"},[t._m(0),e("div",{staticClass:"bline"}),e("div",{staticClass:"boxcontentsubtitle"},[t._v("总人数/总入厂人数/总离厂人数")]),e("div",{staticClass:"boxcontent"},[e("div",{staticClass:"boxcontentitem"},[e("div",{staticClass:"boxcontentitem-big"},[e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.common_visit.total,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.common_visit.enter_visit,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.common_visit.leave_total,duration:3600}})],1)]),e("div",{staticClass:"per"},[t._v("核销比："+t._s(t.toCaculateper(t.totaldata.common_visit.enter_visit,t.totaldata.common_visit.total)))])])]),e("div",{staticClass:"blinefull"}),e("div",{staticClass:"boxcontentsubtitle"},[t._v("今日人数/今日入厂人数/今日离厂人数")]),e("div",{staticClass:"boxcontent"},[e("div",{staticClass:"boxcontentitem"},[e("div",{staticClass:"boxcontentitem-big"},[e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.common_visit.today_total,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.common_visit.today_enter_visit,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.common_visit.today_leave_total,duration:3600}})],1)]),e("div",{staticClass:"per"},[t._v("核销比："+t._s(t.toCaculateper(t.totaldata.common_visit.today_enter_visit,t.totaldata.common_visit.today_total)))])])])]),e("div",{staticClass:"box box2"},[t._m(1),e("div",{staticClass:"bline"}),e("div",{staticClass:"boxcontentsubtitle"},[t._v("总人数/总入厂人数/总离厂人数")]),e("div",{staticClass:"boxcontent"},[e("div",{staticClass:"boxcontentitem"},[e("div",{staticClass:"boxcontentitem-big"},[e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.work_visit.total,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.work_visit.enter_visit,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.work_visit.leave_total,duration:3600}})],1)]),e("div",{staticClass:"per"},[t._v("核销比："+t._s(t.toCaculateper(t.totaldata.work_visit.enter_visit,t.totaldata.work_visit.total)))])])]),e("div",{staticClass:"blinefull"}),e("div",{staticClass:"boxcontentsubtitle"},[t._v("今日人数/今日入厂人数/今日离厂人数")]),e("div",{staticClass:"boxcontent"},[e("div",{staticClass:"boxcontentitem"},[e("div",{staticClass:"boxcontentitem-big"},[e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.work_visit.today_total,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.work_visit.today_enter_visit,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.work_visit.today_leave_total,duration:3600}})],1)]),e("div",{staticClass:"per"},[t._v("核销比："+t._s(t.toCaculateper(t.totaldata.work_visit.today_enter_visit,t.totaldata.work_visit.today_total)))])])])]),e("div",{staticClass:"box box4"},[t._m(2),e("div",{staticClass:"bline"}),e("div",{staticClass:"boxcontentsubtitle"},[t._v("总预约数/总入厂人数/总离厂人数")]),e("div",{staticClass:"boxcontent"},[e("div",{staticClass:"boxcontentitem"},[e("div",{staticClass:"boxcontentitem-big"},[e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.car_visit.total,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.car_visit.enter_visit,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.car_visit.leave_total,duration:3600}})],1)]),e("div",{staticClass:"per"},[t._v("核销比："+t._s(t.toCaculateper(t.totaldata.car_visit.enter_visit,t.totaldata.car_visit.total)))])])]),e("div",{staticClass:"blinefull"}),e("div",{staticClass:"boxcontentsubtitle"},[t._v("今日预约数/今日入厂数/今日离厂人数")]),e("div",{staticClass:"boxcontent"},[e("div",{staticClass:"boxcontentitem"},[e("div",{staticClass:"boxcontentitem-big"},[e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.car_visit.today_total,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.car_visit.today_enter_visit,duration:3600}})],1),e("span",[e("count-to",{attrs:{separator:"","start-val":0,"end-val":t.totaldata.car_visit.today_leave_total,duration:3600}})],1)]),e("div",{staticClass:"per"},[t._v("核销比："+t._s(t.toCaculateper(t.totaldata.work_visit.today_enter_visit,t.totaldata.car_visit.today_total)))])])])])])])},n=[function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"boxtitle"},[e("span",[t._v("普通访客")]),e("i",{staticClass:"el-icon-user statIcon"})])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"boxtitle"},[e("span",[t._v("施工人员")]),e("i",{staticClass:"iconfont icon-banqianguanli statIcon"})])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"boxtitle"},[e("span",[t._v("物流司机")]),e("i",{staticClass:"iconfont icon-cheliangdangan statIcon"})])}],s=(e("b680"),e("ec1b")),o=e.n(s),r={props:{countsData:{type:Object},totaldata:{type:Object,default:{common_visit:{enter_visit:0,today_enter_visit:0,today_total:0,total:0,leave_total:0,today_leave_total:0},work_visit:{enter_visit:0,today_enter_visit:0,today_total:0,total:0,leave_total:0,today_leave_total:0},car_visit:{enter_visit:0,today_enter_visit:0,today_total:0,total:0,leave_total:0,today_leave_total:0}}}},components:{CountTo:o.a},methods:{handleRoute:function(t){this.$emit("handleRoute",t)},toCaculateper:function(t,a){return(t/(0==a?1:a)*100).toFixed(2)+"%"}}},l=r,c=(e("d6da"),e("2877")),d=Object(c["a"])(l,i,n,!1,null,"410075b2",null);a["default"]=d.exports},"8d94":function(t,a,e){},9406:function(t,a,e){"use strict";e.r(a);var i=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticStyle:{padding:"20px"}},[e("div",{staticClass:"filter-container"},[e("el-date-picker",{staticStyle:{"margin-right":"10px"},attrs:{type:"daterange",align:"right","unlink-panels":"","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","picker-options":t.pickerOptions,"value-format":"yyyy-MM-dd"},on:{change:t.handleDateChange},model:{value:t.dateRange,callback:function(a){t.dateRange=a},expression:"dateRange"}}),e("el-button",{attrs:{type:"primary",icon:"el-icon-search"},on:{click:t.handleSearch}},[t._v("查询")]),e("el-button",{attrs:{icon:"el-icon-refresh"},on:{click:t.handleReset}},[t._v("重置")])],1),e("PanelGroup",{attrs:{totaldata:t.list}}),e("div",{staticClass:"tCharts"},[e("PieChart",{attrs:{chartData:t.pieData,width:"30%"}}),e("LineChart",{attrs:{chartData:t.LineData,width:"65%"}})],1)],1)},n=[],s=e("c14f"),o=e("1da1"),r=(e("99af"),e("d81d"),e("d3b7"),e("4d90"),e("0643"),e("a573"),e("3e3b")),l=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{class:t.className,style:{height:t.height,width:t.width}})},c=[],d=e("313e"),v=e.n(d),u=e("ac31");e("817d");var h=6e3,_={mixins:[u["a"]],props:{className:{type:String,default:"chart"},width:{type:String,default:"100%"},height:{type:String,default:"300px"},chartData:{type:Object}},data:function(){return{chart:null}},mounted:function(){var t=this;this.$nextTick((function(){t.initChart()}))},watch:{chartData:{deep:!0,handler:function(t){this.setOptions(t)}}},beforeDestroy:function(){this.chart&&(this.chart.dispose(),this.chart=null)},methods:{initChart:function(){this.chart=v.a.init(this.$el,"macarons"),this.setOptions(this.chartData)},setOptions:function(t){console.log(t.xArr),this.chart.setOption({dataZoom:[],legend:{orient:"horizontal",bottom:"4%"},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},grid:{top:0,left:"2%",right:"2%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:t.xArr,axisLine:{show:!1},axisTick:{show:!1}}],yAxis:[{type:"value",minInterval:1,axisLine:{show:!1},axisTick:{show:!1}}],radiusArr:[],series:[{name:"数据",type:"pie",stack:"vistors",barWidth:"60%",radius:t.radiusArr,center:["50%","45%"],data:t.yArr,animationDuration:h}]})}}},p=_,m=e("2877"),b=Object(m["a"])(p,l,c,!1,null,null,null),f=b.exports,g=e("33d2"),y=e("b775");function C(t){return Object(y["a"])({url:"/api/admin/chart/home",method:"get",params:t})}var x={components:{PanelGroup:r["default"],PieChart:f,LineChart:g["a"]},data:function(){return{col:"",line:"",business_data:[],collect_data:[],list:{},customerArr:[],orderArr:[],chartData:{},dateRange:this.getDefaultDateRange(),pickerOptions:{shortcuts:[{text:"最近一周",onClick:function(t){var a=new Date,e=new Date;e.setTime(e.getTime()-6048e5),t.$emit("pick",[e,a])}},{text:"最近一个月",onClick:function(t){var a=new Date,e=new Date;e.setTime(e.getTime()-2592e6),t.$emit("pick",[e,a])}},{text:"最近三个月",onClick:function(t){var a=new Date,e=new Date;e.setTime(e.getTime()-7776e6),t.$emit("pick",[e,a])}}]},pieData:{yArr:[{value:0,name:"普通访客",itemStyle:{color:"#D1AC7B"}},{value:0,name:"施工人员",itemStyle:{color:"#9193BC"}},{value:0,name:"物流司机",itemStyle:{color:"#64A48E"}}],radiusArr:"50%"},LineData:{xArr:[],legendArr:["普通访客","施工人员","物流司机"],series:[{name:"普通访客",type:"line",stack:"Total",data:[],itemStyle:{color:"#D1AC7B"}},{name:"施工人员",type:"line",stack:"Total",data:[],itemStyle:{color:"#9193BC"}},{name:"物流司机",type:"line",stack:"Total",data:[],itemStyle:{color:"#64A48E"}}]}}},watch:{chartData:function(t,a){}},methods:{getDefaultDateRange:function(){var t=new Date,a=new Date;return a.setDate(t.getDate()-30),[this.formatDate(a),this.formatDate(t)]},formatDate:function(t){var a=t.getFullYear(),e=String(t.getMonth()+1).padStart(2,"0"),i=String(t.getDate()).padStart(2,"0");return"".concat(a,"-").concat(e,"-").concat(i)},updatePieChartData:function(t){t&&t.common_visit&&t.work_visit&&t.car_visit&&(this.pieData.yArr=[{value:t.common_visit.total||0,name:"普通访客",itemStyle:{color:"#D1AC7B"}},{value:t.work_visit.total||0,name:"施工人员",itemStyle:{color:"#9193BC"}},{value:t.car_visit.total||0,name:"物流司机",itemStyle:{color:"#64A48E"}}])},updateLineChartData:function(t){t&&Array.isArray(t)&&(this.LineData.xArr=t.map((function(t){var a=new Date(t.date),e=String(a.getMonth()+1).padStart(2,"0"),i=String(a.getDate()).padStart(2,"0");return"".concat(e,"-").concat(i)})),this.LineData.series[0].data=t.map((function(t){return t.common_visit||0})),this.LineData.series[1].data=t.map((function(t){return t.work_visit||0})),this.LineData.series[2].data=t.map((function(t){return t.car_visit||0})))},handleDateChange:function(t){console.log("选择的时间段:",t)},handleSearch:function(){this.dateRange&&2===this.dateRange.length?(console.log("查询时间段:",{startDate:this.dateRange[0],endDate:this.dateRange[1]}),this.loadData({start_date:this.dateRange[0],end_date:this.dateRange[1]}),this.$message.success("查询成功")):this.$message.warning("请选择时间段")},handleReset:function(){this.dateRange=this.getDefaultDateRange(),console.log("重置时间筛选"),this.loadData({start_date:this.dateRange[0],end_date:this.dateRange[1]}),this.$message.success("已重置")},loadData:function(){var t=arguments,a=this;return Object(o["a"])(Object(s["a"])().m((function e(){var i;return Object(s["a"])().w((function(e){while(1)switch(e.n){case 0:return i=t.length>0&&void 0!==t[0]?t[0]:{},e.n=1,C(i).then((function(t){console.log("接口返回数据:",t),a.list=t.list,a.updatePieChartData(t.list),a.updateLineChartData(t.all_date_list)})).catch();case 1:return e.a(2)}}),e)})))()},init:function(){this.col=echarts.init(document.getElementById("col-chart")),this.col.setOption({title:{text:""},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},position:"bottom"},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},yAxis:{type:"value",boundaryGap:[0,.01]},xAxis:{type:"category",data:["第一周","第二周","第三周","第四周"]},series:[{name:"服务金额",type:"bar",data:this.business_data,itemStyle:{normal:{color:"rgb(42,182,252)"}}},{name:"收款",type:"bar",data:this.collect_data,itemStyle:{normal:{color:"rgb(34,228,255)"}}}]}),this.line=echarts.init(document.getElementById("line-chart")),this.line.setOption({title:{text:""},tooltip:{trigger:"axis"},legend:{data:["活跃客户","服务订单"]},grid:{left:"3%",right:"6%",bottom:"3%",containLabel:!0},toolbox:{},xAxis:{type:"category",boundaryGap:!1,data:["第一周","第二周","第三周","第四周"]},yAxis:{type:"value"},series:[{name:"活跃客户",type:"line",stack:"Total",data:this.customerArr,itemStyle:{normal:{color:"rgb(42,182,252)"}}},{name:"服务订单",type:"line",stack:"Total",data:this.orderArr,itemStyle:{normal:{color:"rgb(34,228,255)"}}}]})}},created:function(){this.loadData({start_date:this.dateRange[0],end_date:this.dateRange[1]})},mounted:function(){var t=this;window.onresize=function(){t.col.resize(),t.line.resize()}},destroyed:function(){window.onresize=null}},D=x,w=(e("9be2"),Object(m["a"])(D,i,n,!1,null,"8d17f60e",null));a["default"]=w.exports},"9be2":function(t,a,e){"use strict";e("0d20")},ac31:function(t,a,e){"use strict";e("53ca"),e("d3b7"),e("4d63"),e("ac1f"),e("2c3e"),e("00b4"),e("25f0"),e("4d90"),e("5319"),e("0643"),e("4e3e"),e("159b");a["a"]={data:function(){return{$_sidebarElm:null,$_resizeHandler:null}},mounted:function(){var t=this;this.$_resizeHandler=(void 0)((function(){t.chart&&t.chart.resize()}),100),this.$_initResizeEvent(),this.$_initSidebarResizeEvent()},beforeDestroy:function(){this.$_destroyResizeEvent(),this.$_destroySidebarResizeEvent()},activated:function(){this.$_initResizeEvent(),this.$_initSidebarResizeEvent()},deactivated:function(){this.$_destroyResizeEvent(),this.$_destroySidebarResizeEvent()},methods:{$_initResizeEvent:function(){window.addEventListener("resize",this.$_resizeHandler)},$_destroyResizeEvent:function(){window.removeEventListener("resize",this.$_resizeHandler)},$_sidebarResizeHandler:function(t){"width"===t.propertyName&&this.$_resizeHandler()},$_initSidebarResizeEvent:function(){this.$_sidebarElm=document.getElementsByClassName("sidebar-container")[0],this.$_sidebarElm&&this.$_sidebarElm.addEventListener("transitionend",this.$_sidebarResizeHandler)},$_destroySidebarResizeEvent:function(){this.$_sidebarElm&&this.$_sidebarElm.removeEventListener("transitionend",this.$_sidebarResizeHandler)}}}},d6da:function(t,a,e){"use strict";e("8d94")}}]); |