Skip to content

H
haoban-3
Commit fdfc0661 by 无尘
Options

feat: 增加图表

parent bf56a0d4
Showing with 139 additions and 11 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.28.css><link href=./static/css/app.b6cdaa39e16604613948f0711b05d489.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script src=//web-1251519181.file.myqcloud.com/components/pagination.1.0.8.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.693f518f3e92088c9ffb.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.cafc029e45903e1b23b3.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.28.css><link href=./static/css/app.309cca187cfbf8ed4a7107a71b12a197.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script src=//web-1251519181.file.myqcloud.com/components/pagination.1.0.8.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.758c14f0f51d26860b3f.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.2c5ea76da98046ddb7c4.js></script></body></html>
\ No newline at end of file
dist/static/js/0.6bf4b489ef13cf26d834.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.dc546666f98ca51e7a1d.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/4.25e790719f7fb938eabe.js → dist/static/js/2.2025d32c544f960c7161.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.4c1e294573563c51858e.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/23.8a47f55d3794b05cdde6.js → dist/static/js/21.014d8a819156c10c014d.js
webpackJsonp([23],{"2X9c":function(t,s,i){t.exports=i.p+"static/img/error_500.ed0cba4.svg"},FskK:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a=i("2X9c"),e=i.n(a),c={name:"page500",data:function(){return{img_500:e.a}},computed:{message:function(){return"抱歉，服务器出错了"}}},n={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_500,alt:"500"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var r=i("VU/8")(c,n,!1,function(t){i("wc9b")},"data-v-a27616c0",null);s.default=r.exports},wc9b:function(t,s){}});
\ No newline at end of file
webpackJsonp([21],{"2X9c":function(t,s,i){t.exports=i.p+"static/img/error_500.ed0cba4.svg"},FskK:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a=i("2X9c"),e=i.n(a),c={name:"page500",data:function(){return{img_500:e.a}},computed:{message:function(){return"抱歉，服务器出错了"}}},n={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_500,alt:"500"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var r=i("VU/8")(c,n,!1,function(t){i("wc9b")},"data-v-a27616c0",null);s.default=r.exports},wc9b:function(t,s){}});
\ No newline at end of file
dist/static/js/26.46523111f9cf26cfb321.js 0 → 100644
webpackJsonp([26],{CUV9:function(t,e){},"TLd+":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("3Xzz"),o=a("5i7M"),r={data:function(){return{chart:null}},props:{charData:{type:Array,default:function(){return[]}},id:String,width:{type:Number,default:null}},mounted:function(){var t=this;setTimeout(function(){t.drawChart()},30)},beforeUpdate:function(){this.drawChart()},watch:{charData:function(){this.drawChart()}},methods:{drawChart:function(){this.chart&&this.chart.destroy(),this.chart=new o.a({container:this.id,width:this.width,autoFit:!0,height:420}),this.chart.source(this.charData),this.chart.scale({value:{min:0,nice:!0},year:{range:[0,1]}}),this.chart.tooltip({crosshairs:{type:"line"}}),this.chart.axis("value",{label:{formatter:function(t){return~String(t).indexOf(".")?"":t}}}),this.chart.line().position("year*value"),this.chart.point().position("year*value").size(4).shape("circle").style({stroke:"#fff",lineWidth:1}),this.chart.render()}}},i={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:this.id}})},staticRenderFns:[]};var s=a("VU/8")(r,i,!1,function(t){a("gSCW")},"data-v-225a1a5c",null).exports,l=a("ApSX"),c=a("P9l9"),u=a("Ch4/"),d=a("Q0Ca"),h=a("3E4D"),p={name:"activeDetail",data:function(){return{navpath:[{name:"好办使用详情",path:"/enterpriseUseData"},{name:"区域登录明细",path:""}],selectDay:"",pickerOptions:{disabledDate:function(t){var e=Date.now()-6912e5;return t.getTime()>=Date.now()-864e5||t.getTime()<e}},groupIds:[],currentPage:1,pageSize:20,total:0,tableData:[],multipleSelection:[],addShow:!1,loadingBtn:!1,selectRadio:0,charData:[{year:"1991",value:3},{year:"1992",value:4},{year:"1993",value:3},{year:"1994",value:5},{year:"1995",value:4},{year:"1996",value:6},{year:"1997",value:7},{year:"1998",value:9},{year:"1999",value:13}]}},computed:{},methods:{checkGroupIds:function(t){this.groupIds=t},toRedirect:function(t){this.$router.push("/loginDetail?storeId="+t.storeId)},handleCommand:function(t){this.selectRadio=t},handleSelectionChange:function(t){this.multipleSelection=t},exportExcel:function(){if(!this.multipleSelection.length)return h.a.showmsg("请选择导购","warning"),!1;this.loadingBtn=!0,this.postExcelData()},postExcelData:function(){var t=this,e={selectType:t.selectRadio,taskIds:1==t.selectRadio?"":t.multipleSelection.map(function(t){return t.taskId}).join(",")};Object(c.b)("/haoban-app-tel-task-three-web/task/export-store-view-clerk-list",e).then(function(e){if(t.loadingBtn=!1,!e.data)return u.a.errorMsg("暂无数据"),!1;var a=new Blob([e.data],{type:"application/vnd.ms-excel"}),n=document.createElement("a");n.download="门店任务导购报表.csv",n.style.display="none",n.href=URL.createObjectURL(a),document.body.appendChild(n),n.click(),URL.revokeObjectURL(n.href),document.body.removeChild(n)}).catch(function(e){t.loadingBtn=!1,t.$message.error({duration:1e3,message:e.message})})},changeRoute:function(t){this.$router.push(t)},handleSizeChange:function(t){this.currentPage=1,this.pageSize=t,this.getTableList()},handleCurrentChange:function(t){this.currentPage=t,this.getTableList()},getTableList:function(t){var e=this;Object(c.a)("/haoban-manage3-web/wx-enterprise-list",{}).then(function(t){var a=t.data;if(1==a.errorCode)return e.tableData=a.result||[],!1;u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{activeBrand:function(t,e){this.activeBrand=t},activeGroup:function(t,e){this.activeGroup=t}},mounted:function(){var t=this;t.selectDay=d.a.timeStampToYmd((new Date).getTime()-864e5),t.$nextTick(function(){t.getTableList()}),document.documentElement.style.backgroundColor="#f0f2f5"},destroyed:function(){document.documentElement.style.backgroundColor="#fff"},components:{navCrumb:n.a,areaChart:s,gicSelectGroupMult:l.a}},f={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"my-customer-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:t.navpath}}),t._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box",staticStyle:{"min-height":"calc(100vh - 104px)"}},[a("div",{staticClass:"apps-content flex",staticStyle:{"min-height":"calc(100vh - 104px)"}},[a("div",{staticClass:"apps-content-right"},[t._m(0),t._v(" "),a("div",{staticClass:"chart-body m-t-20"},[a("area-chart",{attrs:{charData:t.charData,id:"area-chart"}})],1),t._v(" "),a("div",{staticClass:"table-search m-t-20"},[a("div",{staticClass:"flex flex-space-between"},[a("div",[a("el-date-picker",{attrs:{"value-format":"yyyy-MM-dd",type:"date",placeholder:"选择日期","picker-options":t.pickerOptions},model:{value:t.selectDay,callback:function(e){t.selectDay=e},expression:"selectDay"}}),a("gic-select-group-mult",{staticClass:"m-l-10",attrs:{selectData:t.groupIds},on:{checkGroupIds:t.checkGroupIds}}),a("span",{staticClass:"font-14 color-606266 p-l-10"},[t._v("筛选条件下，当日所有区域登录人数总计为 "+t._s(t.total)+" 人，名单如下：")])],1),t._v(" "),a("el-button",{attrs:{type:"primary",loading:t.loadingBtn},on:{click:t.exportExcel}},[a("i",{staticClass:"iconfont icon-icon_yunxiazai p-r-6"}),t._v("导出")])],1)]),t._v(" "),a("div",{staticClass:"m-t-20"},[a("el-table",{ref:"multipleTable",staticClass:"select-table",style:{width:"100%"},attrs:{data:t.tableData,"tooltip-effect":"dark"},on:{"selection-change":t.handleSelectionChange}},[a("el-table-column",{attrs:{type:"selection",width:"45"}}),t._v(" "),a("el-table-column",{attrs:{width:"25"},scopedSlots:t._u([{key:"header",fn:function(e){return[a("el-dropdown",{staticStyle:{"line-height":"10px",padding:"0","margin-left":"-15px",transform:"translateY(4px)","-webkit-transform":"translateY(4px)"},attrs:{placement:"bottom-start"},on:{command:t.handleCommand}},[a("span",{staticClass:"el-dropdown-link"},[a("i",{staticClass:"iconfont icongengduo"})]),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{attrs:{command:"0"}},[a("span",{style:{color:0==t.selectRadio?"#2f54eb":"#606266"}},[t._v("选择当页")])]),t._v(" "),a("el-dropdown-item",{attrs:{command:"1"}},[a("span",{style:{color:1==t.selectRadio?"#2f54eb":"#606266"}},[t._v("选择全部")])])],1)],1)]}},{key:"default",fn:function(t){}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"门店名称","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(e.row.enterpriseName||"--")+"\n ")]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"门店code","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s(e.row.staffName||"--"))]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"门店区域","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s(e.row.staffName||"--"))]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"登录率","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s(e.row.staffName||"--"))]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"登录人数","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s(e.row.staffName||"--"))]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"操作","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("el-button",{attrs:{type:"text"},on:{click:function(a){t.toRedirect(e.row)}}},[t._v("查看人员名单")])]}}])})],1),t._v(" "),0!=t.tableData.length?a("div",{staticClass:"block common-wrap__page text-right m-t-24"},[a("dm-pagination",{attrs:{background:"","current-page":t.currentPage,"page-sizes":[20,40,60,80],"page-size":t.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()],1)])])])])],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"flex flex-space-between"},[e("div",{staticClass:"font-16 color-303133"},[this._v("近七天所有区域平均登录率趋势")]),this._v(" "),e("div",{staticClass:"el-alert el-alert-tip el-alert--info flex flex-align-start w-426",attrs:{role:"alert"}},[e("i",{staticClass:"el-alert__icon el-icon-info font-12 color-2f54eb"}),this._v(" "),e("div",{staticClass:"el-alert__content"},[e("span",{staticClass:"el-alert__title color-606266 font-14"},[this._v("数据更新截至于昨日。今日数据需要隔天上午8点后进行查看。")])])])])}]};var m=a("VU/8")(p,f,!1,function(t){a("CUV9")},"data-v-e857341a",null);e.default=m.exports},gSCW:function(t,e){}});
\ No newline at end of file
dist/static/js/27.bbe470a66acf87303d4e.js 0 → 100644
webpackJsonp([27],{dqYH:function(t,e){},h9Ca:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=a("3Xzz"),n=a("ApSX"),i=a("5i7M"),o={data:function(){return{chart:null}},props:{charData:{type:Array,default:function(){return[]}},id:String,width:{type:Number,default:800}},mounted:function(){var t=this;setTimeout(function(){t.drawChart()},30)},beforeUpdate:function(){this.drawChart()},watch:{charData:function(){this.drawChart()}},methods:{drawChart:function(){this.chart&&this.chart.destroy(),this.chart=new i.a({container:this.id,width:this.width,autoFit:!0,height:420,padding:[50,30,60,60]}),this.chart.source(this.charData),this.chart.scale({value:{min:0,nice:!0},year:{range:[0,1]}}),this.chart.tooltip({showCrosshairs:!0,shared:!0}),this.chart.line().position("year*value").color("active"),this.chart.point().position("year*value").color("active").size(4).shape("circle").style({stroke:"#fff",lineWidth:1}),this.chart.legend({position:"top-left",offsetX:20,itemGap:20}),this.chart.render()}}},r={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:this.id}})},staticRenderFns:[]};var l=a("VU/8")(o,r,!1,function(t){a("dqYH")},"data-v-1cff9ffb",null).exports,c=a("P9l9"),d=a("Ch4/"),u=a("3E4D"),h={name:"activeDetail",data:function(){return{navpath:[{name:"好办使用详情",path:"/enterpriseUseData"},{name:"激活人员明细",path:""}],charData:[{year:"Jan",active:"激活",value:7},{year:"Jan",active:"未激活",value:3.9},{year:"Feb",active:"激活",value:6.9},{year:"Feb",active:"未激活",value:4.2},{year:"Mar",active:"激活",value:9.5},{year:"Mar",active:"未激活",value:5.7}],groupIds:[],currentPage:1,pageSize:20,total:0,tableData:[],multipleSelection:[],addShow:!1,loadingBtn:!1,selectRadio:0}},computed:{},methods:{checkGroupIds:function(t){this.groupIds=t},handleCommand:function(t){this.selectRadio=t},handleSelectionChange:function(t){this.multipleSelection=t},exportExcel:function(){if(!this.multipleSelection.length)return u.a.showmsg("请选择导购","warning"),!1;this.loadingBtn=!0,this.postExcelData()},postExcelData:function(){var t=this,e={selectType:t.selectRadio,taskIds:1==t.selectRadio?"":t.multipleSelection.map(function(t){return t.taskId}).join(",")};Object(c.b)("/haoban-app-tel-task-three-web/task/export-store-view-clerk-list",e).then(function(e){if(t.loadingBtn=!1,!e.data)return d.a.errorMsg("暂无数据"),!1;var a=new Blob([e.data],{type:"application/vnd.ms-excel"}),s=document.createElement("a");s.download="门店任务导购报表.csv",s.style.display="none",s.href=URL.createObjectURL(a),document.body.appendChild(s),s.click(),URL.revokeObjectURL(s.href),document.body.removeChild(s)}).catch(function(e){t.loadingBtn=!1,t.$message.error({duration:1e3,message:e.message})})},changeRoute:function(t){this.$router.push(t)},handleSizeChange:function(t){this.currentPage=1,this.pageSize=t,this.getTableList()},handleCurrentChange:function(t){this.currentPage=t,this.getTableList()},getTableList:function(t){var e=this;Object(c.a)("/haoban-manage3-web/wx-enterprise-list",{}).then(function(t){var a=t.data;if(1==a.errorCode)return e.tableData=a.result||[],!1;d.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{activeBrand:function(t,e){this.activeBrand=t},activeGroup:function(t,e){this.activeGroup=t}},mounted:function(){this.getTableList(),document.documentElement.style.backgroundColor="#f0f2f5"},destroyed:function(){document.documentElement.style.backgroundColor="#fff"},components:{navCrumb:s.a,gicSelectGroupMult:n.a,activeChart:l}},p={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"my-customer-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:t.navpath}}),t._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box",staticStyle:{"min-height":"calc(100vh - 104px)"}},[a("div",{staticClass:"apps-content flex",staticStyle:{"min-height":"calc(100vh - 104px)"}},[a("div",{staticClass:"apps-content-right"},[t._m(0),t._v(" "),a("div",{staticClass:"chart-body m-t-20"},[a("active-chart",{attrs:{charData:t.charData,id:"active-chart"}})],1),t._v(" "),a("div",{staticClass:"table-search m-t-20"},[a("div",{staticClass:"flex flex-space-between"},[a("div",[a("gic-select-group-mult",{attrs:{selectData:t.groupIds},on:{checkGroupIds:t.checkGroupIds}}),a("span",{staticClass:"font-14 color-606266 p-l-10"},[t._v("筛选条件下，昨日激活人员有 "+t._s(t.total)+" 人，名单如下：")])],1),t._v(" "),a("el-button",{attrs:{type:"primary",loading:t.loadingBtn},on:{click:t.exportExcel}},[a("i",{staticClass:"iconfont icon-icon_yunxiazai p-r-6"}),t._v("导出")])],1)]),t._v(" "),a("div",{staticClass:"m-t-20"},[a("el-table",{ref:"multipleTable",staticClass:"select-table",style:{width:"100%"},attrs:{data:t.tableData,"tooltip-effect":"dark"},on:{"selection-change":t.handleSelectionChange}},[a("el-table-column",{attrs:{type:"selection",width:"45"}}),t._v(" "),a("el-table-column",{attrs:{width:"25"},scopedSlots:t._u([{key:"header",fn:function(e){return[a("el-dropdown",{staticStyle:{"line-height":"10px",padding:"0","margin-left":"-15px",transform:"translateY(4px)","-webkit-transform":"translateY(4px)"},attrs:{placement:"bottom-start"},on:{command:t.handleCommand}},[a("span",{staticClass:"el-dropdown-link"},[a("i",{staticClass:"iconfont icongengduo"})]),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{attrs:{command:"0"}},[a("span",{style:{color:0==t.selectRadio?"#2f54eb":"#606266"}},[t._v("选择当页")])]),t._v(" "),a("el-dropdown-item",{attrs:{command:"1"}},[a("span",{style:{color:1==t.selectRadio?"#2f54eb":"#606266"}},[t._v("选择全部")])])],1)],1)]}},{key:"default",fn:function(t){}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"员工信息","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"ul-li-cell flex"},[a("div",{staticClass:"cell-img"},[a("img",{staticClass:"m-wh-40",attrs:{src:e.row.enterpriseLogo,alt:"img"}})]),t._v(" "),a("div",{staticClass:"cell-info"},[a("div",{staticClass:"cell-info-name font-14 color-303133"},[a("span",{staticClass:"gic-name"},[t._v(t._s(e.row.enterpriseName))]),a("span",{staticClass:"gic-version"},[t._v(t._s(e.row.version))])])])])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"归属门店","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s(e.row.staffName||"--"))]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"最后登录时间","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"line-18"},[t._v(t._s(t._f("timeStampToYmd")(e.row.createTime)))]),t._v(" "),a("div",{staticClass:"line-18"},[t._v(t._s(t._f("timeStampToHms")(e.row.createTime)))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"激活状态","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[1==e.row.status?a("span",{staticClass:"active-status font-14 color-fff"},[t._v("已激活")]):a("span",{staticClass:"no-active-status font-14 color-fff"},[t._v("未激活")])]}}])})],1),t._v(" "),0!=t.tableData.length?a("div",{staticClass:"block common-wrap__page text-right m-t-24"},[a("dm-pagination",{attrs:{background:"","current-page":t.currentPage,"page-sizes":[20,40,60,80],"page-size":t.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()],1)])])])])],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"flex flex-space-between"},[e("div",{staticClass:"font-16 color-303133"},[this._v("近七天激活趋势")]),this._v(" "),e("div",{staticClass:"el-alert el-alert-tip el-alert--info flex flex-align-start w-426",attrs:{role:"alert"}},[e("i",{staticClass:"el-alert__icon el-icon-info font-12 color-2f54eb"}),this._v(" "),e("div",{staticClass:"el-alert__content"},[e("span",{staticClass:"el-alert__title color-606266 font-14"},[this._v("数据更新截至于昨日。今日数据需要隔天上午8点后进行查看。")])])])])}]};var f=a("VU/8")(h,p,!1,function(t){a("x9+D")},"data-v-6a272ee8",null);e.default=f.exports},"x9+D":function(t,e){}});
\ No newline at end of file
dist/static/js/5.1feb4b650e7ecb4d5362.js → dist/static/js/3.5e5fd50a283f45682919.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/3.ebe81a46762c42967ef2.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/6.4969c0d6d55e314130b8.js → dist/static/js/4.7fb54b0d6edc84c910b5.js
webpackJsonp([6],{"1lr8":function(e,t){},"22C0":function(e,t,n){(function(t){var n,r;
webpackJsonp([4],{"1lr8":function(e,t){},"22C0":function(e,t,n){(function(t){var n,r;
/*!
localForage -- Offline Storage, Improved
Version 1.7.3
......
dist/static/js/10.158f5bf11b4ab7406c3b.js → dist/static/js/8.6f38a596c23a135b17cc.js
webpackJsonp([10],{"7t+N":function(e,t,n){var r;
webpackJsonp([8],{"7t+N":function(e,t,n){var r;
/*!
* jQuery JavaScript Library v3.5.0
* https://jquery.com/
......
dist/static/js/manifest.693f518f3e92088c9ffb.js deleted 100644 → 0
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var a={},f={87:0};function d(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,d){c=f[e]=[a,d]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"dc546666f98ca51e7a1d",1:"954a8a70c5f1171933ac",2:"4c1e294573563c51858e",3:"ebe81a46762c42967ef2",4:"25e790719f7fb938eabe",5:"1feb4b650e7ecb4d5362",6:"4969c0d6d55e314130b8",7:"127cf936db73ac6b8d8d",8:"7ad93a36e01c6dfd731e",9:"91b62dba87aa8f9d3626",10:"158f5bf11b4ab7406c3b",11:"dee95988fb8c3513b5a5",12:"836b84c97dd3f31ad412",13:"736eb6453d8eb6c1e5ba",14:"3bc4fb096b81d70d3703",15:"7271f111560e38112332",16:"5898a32a59a54bb5c50e",17:"712b1267736c8d43f04a",18:"4b3e2d5f4ee565173a82",19:"5c1c5315c3310c299968",20:"9105c5918944a29bf6ac",21:"432c2087a09518f40317",22:"a1fc1510f2466b09fb99",23:"8a47f55d3794b05cdde6",24:"693553e50fe47805c36a",25:"c6b4b7cc7f7e0f07fb6e",26:"b530871b682736752acb",27:"2e94b907c2abbc92de8b",28:"886b319c902f8f5ae151",29:"a89790eb337f7a7893d2",30:"58c967a8d2f6325152fb",31:"1516baa1f7fa60bd4295",32:"579d635900e935a932f6",33:"5e03558f1c154163cdf9",34:"af5117764e2e8461ade5",35:"bf05237e401c79188568",36:"f7fbc1b902a25e45298d",37:"7c4a62ebe3aa2422c830",38:"3a5a77c06c269d7e14f2",39:"52204c50b7bb2a0eb9eb",40:"c7d24d3098ee04e6dad0",41:"3bde66f2e298d3ad896f",42:"b49cb3220f9199fe2f52",43:"ebdfdb42d05c42d3042b",44:"1cef7966d8a4f17e69d1",45:"68cdea50cf7ccf748c65",46:"40a6c2fce9371673d70b",47:"a60347d0e396ab614786",48:"9174f84901233dd8d0f4",49:"b3ff3d705561ec8686a1",50:"187d419c60c464fd5d65",51:"9e16b1ad582186a92f8a",52:"d3bfa4a4db5576440ed8",53:"0f272faa90b7fec00e38",54:"e2833b2e1758c7913c21",55:"65489f0257d5c399de02",56:"bb0b9d43943587545513",57:"74f92630505c4bdd72a3",58:"7ca51a6189813a34c8e8",59:"94cef91aa20f1ed4e307",60:"af4a6c684004f80a7ee0",61:"61567903701f9732f012",62:"ddef6dba0e1841fb538c",63:"a3a44a6f506f871deab4",64:"40f89a451c2e89015091",65:"4e16618829c82ab55c8a",66:"af70555c4e8832c02abf",67:"8fdd20bb6633a594da91",68:"5c88c8205192e47c5440",69:"4df5e7e8568b818a23af",70:"ca6ac1fe2e2c3ac7a6ca",71:"c4b9ffa6fd9ed879342f",72:"ecca0939974e3cb8b4ff",73:"4c5f9e1a5892624f46e6",74:"e4179f75b296bd599098",75:"a29bc05b96ce086304e1",76:"a4e7039d1702d1398ad6",77:"9568405fcd7f68bbbed2",78:"6c0dc47c4cd66828eea7",79:"0018729eec70a9546602",80:"189377999dd7e01b560e",81:"32879f43d7e376621672",82:"80e1bea9e7c52a0010e2",83:"8e92060d7042fa029dc4",84:"917d6e79a15c0ce10d4c"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},d.m=e,d.c=a,d.d=function(e,c,a){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},d.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
dist/static/js/manifest.758c14f0f51d26860b3f.js 0 → 100644
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var c={},f={87:0};function d(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,d){a=f[e]=[c,d]});a[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"6bf4b489ef13cf26d834",1:"954a8a70c5f1171933ac",2:"2025d32c544f960c7161",3:"5e5fd50a283f45682919",4:"7fb54b0d6edc84c910b5",5:"d493a299eefcfbd9f885",6:"987ab930d70320e9de11",7:"336032b11870398f6be9",8:"6f38a596c23a135b17cc",9:"44383cfb15abd9a26d55",10:"ba45ab3ce5ecc5a4c375",11:"ad5f64462ed89ca8845f",12:"fc628ad952a874c7bc5f",13:"b68bb1ad2ae5e55de8a9",14:"353532fc7c9d7e93176c",15:"55cc0d824132bba6ac8e",16:"6f8db89af913d5686aa4",17:"9a8169c9d0ae5a0aea62",18:"b070df09cefa0c00a67f",19:"bd39e7c5f3513e49d835",20:"ed8ea4b44e9f01a33577",21:"014d8a819156c10c014d",22:"2ed939fb696d6add98b8",23:"0701e07f97c5ea8c69f9",24:"58659b3ecef2e163ec96",25:"7a6f156b59558add0546",26:"46523111f9cf26cfb321",27:"bbe470a66acf87303d4e",28:"886b319c902f8f5ae151",29:"a89790eb337f7a7893d2",30:"58c967a8d2f6325152fb",31:"1516baa1f7fa60bd4295",32:"579d635900e935a932f6",33:"5e03558f1c154163cdf9",34:"af5117764e2e8461ade5",35:"bf05237e401c79188568",36:"f7fbc1b902a25e45298d",37:"7c4a62ebe3aa2422c830",38:"3a5a77c06c269d7e14f2",39:"52204c50b7bb2a0eb9eb",40:"c7d24d3098ee04e6dad0",41:"3bde66f2e298d3ad896f",42:"b49cb3220f9199fe2f52",43:"ebdfdb42d05c42d3042b",44:"1cef7966d8a4f17e69d1",45:"68cdea50cf7ccf748c65",46:"40a6c2fce9371673d70b",47:"a60347d0e396ab614786",48:"9174f84901233dd8d0f4",49:"b3ff3d705561ec8686a1",50:"187d419c60c464fd5d65",51:"9e16b1ad582186a92f8a",52:"d3bfa4a4db5576440ed8",53:"0f272faa90b7fec00e38",54:"e2833b2e1758c7913c21",55:"65489f0257d5c399de02",56:"bb0b9d43943587545513",57:"74f92630505c4bdd72a3",58:"7ca51a6189813a34c8e8",59:"94cef91aa20f1ed4e307",60:"af4a6c684004f80a7ee0",61:"61567903701f9732f012",62:"ddef6dba0e1841fb538c",63:"a3a44a6f506f871deab4",64:"40f89a451c2e89015091",65:"4e16618829c82ab55c8a",66:"af70555c4e8832c02abf",67:"8fdd20bb6633a594da91",68:"5c88c8205192e47c5440",69:"4df5e7e8568b818a23af",70:"ca6ac1fe2e2c3ac7a6ca",71:"c4b9ffa6fd9ed879342f",72:"ecca0939974e3cb8b4ff",73:"4c5f9e1a5892624f46e6",74:"e4179f75b296bd599098",75:"a29bc05b96ce086304e1",76:"a4e7039d1702d1398ad6",77:"9568405fcd7f68bbbed2",78:"6c0dc47c4cd66828eea7",79:"0018729eec70a9546602",80:"189377999dd7e01b560e",81:"32879f43d7e376621672",82:"80e1bea9e7c52a0010e2",83:"8e92060d7042fa029dc4",84:"917d6e79a15c0ce10d4c"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},d.m=e,d.c=c,d.d=function(e,a,c){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
src/components/login-data/day-login-chart.vue 0 → 100644
<!--
* @Descripttion: 当前组件信息
* @version: 1.0.0
* @Author: 无尘
* @Date: 2020-07-02 16:48:49
* @LastEditors: 无尘
* @LastEditTime: 2020-07-03 13:56:53
-->
<!--
<day-login-chart :charData="charData" id="day-login-chart"></day-login-chart>
import dayLoginChart from '@/components/login-data/day-login-chart.vue';
-->
<template>
<div :id="id"></div>
</template>
<script>
import * as G2 from '@antv/g2';
export default {
data() {
return {
chart: null
};
},
props: {
charData: {
type: Array,
default() {
return [];
}
},
id: String,
width: {
type: Number,
default: 800
}
},
mounted() {
setTimeout(() => {
this.drawChart(); // 第一步是创建的时候更新图表，但是这个不适用于异步请求接口获取相关数据，采用下面的监听的方式
}, 30);
},
beforeUpdate() {
this.drawChart();
},
watch: {
charData() {
this.drawChart();
}
},
methods: {
drawChart() {
// 更新的时候要移除先
this.chart && this.chart.destroy();
this.chart = new G2.Chart({
container: this.id,
width: this.width,
autoFit: true,
height: 420,
padding: [50, 30, 60, 60]
});
this.chart.source(this.charData);
this.chart.scale({
value: {
min: 0,
nice: true
},
year: {
range: [0, 1]
}
});
this.chart.cols({
value: {
alias: '登录人数'
},
rate: {
alias: '访问时长'
}
});
this.chart.tooltip({
// crosshairs: {
// type: 'line'
// }
showCrosshairs: true,
shared: true
});
this.chart
.interval()
.position('time*waiting')
.color('#597EF7');
this.chart
.line()
.position('time*people')
.color('#5ad8a6');
this.chart
.point()
.position('time*people')
.color('#5ad8a6')
.size(2)
.shape('circle')
.style({
stroke: '#fff',
lineWidth: 1
});
this.chart.legend({
position: 'top', // 设置图例的显示位置
itemGap: 20, // 图例项之间的间距
custom: true,
items: [{ value: 'waiting', name: 'waiting', marker: { symbol: 'square', style: { fill: '#597ef7', r: 5 } } }, { value: 'people', name: 'people', marker: { symbol: 'hyphen', style: { stroke: '#5ad8a6', r: 5, lineWidth: 3 } } }]
});
this.chart.render();
}
}
};
</script>
<style lang="less" scoped></style>
src/views/enterpriseData/enterpriseUseData.vue
......@@ -43,7 +43,9 @@
</div>
<div @click="changeRoute('/loginDetail?brandId=' + activeBrand)" class="cursor-pointer"><span class="font-14 color-909399">查看登录人员明细</span><i class="el-icon-arrow-right el-icon--right font-14 color-909399"></i></div>
</div>
<div class="chart-content"></div>
<div class="chart-content">
<day-login-chart :charData="charData" id="day-login-chart"></day-login-chart>
</div>
</div>
<div class="chart-right flex-1 m-l-10">
<div class="chart-top flex flex-space-between">
......@@ -64,6 +66,7 @@
<script>
import navCrumb from '@/components/nav/nav.vue';
import totalPreview from '@/components/login-data/total-preview.vue';
import dayLoginChart from '@/components/login-data/day-login-chart.vue';
import { getRequest, postRequest } from '@/api/api';
import errMsg from '@/common/js/error';
// import { _debounce } from '@/common/js/public';
......@@ -86,7 +89,8 @@ export default {
brandListData: [],
activeBrand: '',
loginData: {},
tabActive: '1'
tabActive: '1',
charData: [{ time: '10:10', call: 4, waiting: 2, people: 2 }, { time: '10:15', call: 2, waiting: 6, people: 3 }, { time: '10:20', call: 13, waiting: 2, people: 5 }, { time: '10:25', call: 9, waiting: 9, people: 1 }, { time: '10:30', call: 5, waiting: 2, people: 3 }, { time: '10:35', call: 8, waiting: 2, people: 1 }, { time: '10:40', call: 13, waiting: 1, people: 2 }]
};
},
computed: {},
......@@ -203,7 +207,8 @@ export default {
},
components: {
navCrumb,
totalPreview
totalPreview,
dayLoginChart
}
};
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment