Skip to content

H
haoban-3
Commit 1a878e88 by 无尘
Options

feat: 增加图表

parent 0e60f35d
Showing with 83 additions and 30 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.db134f98934a58816d47ca40ced8b637.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.cc8d0349fa64b44e37b3.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.f57bdd3fc0ab93037f1f.js></script></body></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.cbb08ca12e02b75b1b69eaaf1a51109e.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.5dc3702e729d6d40400c.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.880fcbb8ce09037eaffe.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/js/21.2cc8999a3df9b817953c.js deleted 100644 → 0
webpackJsonp([21],{"5VOj":function(t,e){},VXUe:function(t,e){},h9Ca:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("Gu7T"),i=a.n(n),s=a("mvHQ"),o=a.n(s),r=a("3Xzz"),l=a("ApSX"),c=a("5i7M"),d={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 c.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},date:{range:[0,1]}}),this.chart.tooltip({showCrosshairs:!0,shared:!0}),this.chart.line().position("date*value").color("active"),this.chart.point().position("date*value").color("active"),this.chart.legend({position:"top-left",offsetX:40,itemGap:20}),this.chart.render()}}},u={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:this.id}})},staticRenderFns:[]};var h=a("VU/8")(d,u,!1,function(t){a("VXUe")},"data-v-f2495612",null).exports,p=a("P9l9"),f=a("Ch4/"),v=a("3E4D"),m={name:"activeDetail",data:function(){return{navpath:[{name:"好办使用详情",path:"/enterpriseUseData"},{name:"激活人员明细",path:""}],charData:[{date:"Jan",active:"激活",value:7},{date:"Jan",active:"未激活",value:3.9},{date:"Feb",active:"激活",value:6.9},{date:"Feb",active:"未激活",value:4.2},{date:"Mar",active:"激活",value:9.5},{date:"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,this.getTableList()},handleCommand:function(t){this.selectRadio=t},handleSelectionChange:function(t){this.multipleSelection=t},exportExcel:function(){if(!this.multipleSelection.length)return v.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(p.b)("/haoban-app-tel-task-three-web/task/export-store-view-clerk-list",e).then(function(e){if(t.loadingBtn=!1,!e.data)return f.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()},getLoginData:function(t){var e=this,a={enterpriseId:e.$route.query.brandId};Object(p.a)("/haoban-manage3-web/activite-date",a).then(function(t){var a=t.data;if(1==a.errorCode){if(a.result){a.result.forEach(function(t){t.date=t.bizDates+"（"+t.weeks+"）",t.active="未激活人数",t.value=t.notActiveClerkCnt});var n=JSON.parse(o()(a.result));n.forEach(function(t){t.date=t.bizDates+"（"+t.weeks+"）",t.active="激活人数",t.value=t.activeClerkCnt}),e.charData=[].concat(i()(a.result),i()(n))||[]}return!1}f.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getTableList:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,groupIdList:e.groupIds.map(function(t){return t.storeGroupId}).join(","),pageSize:e.pageSize,currentPage:e.currentPage};Object(p.a)("/haoban-manage3-web/activite-list",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.tableData=a.result.list||[],e.total=a.result.pageInfo.total,!1;f.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.getLoginData(),this.getTableList(),document.documentElement.style.backgroundColor="#f0f2f5"},destroyed:function(){document.documentElement.style.backgroundColor="#fff"},components:{navCrumb:r.a,gicSelectGroupMult:l.a,activeChart:h}},g={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 "},[a("div",{staticClass:"cell-info"},[a("div",{staticClass:"cell-info-name font-14 color-303133"},[a("span",{staticClass:"gic-name"},[a("span",[t._v(t._s(e.row.clerkName))]),1==e.row.clerkType?a("el-tag",{attrs:{size:"small",type:"warning"}},[t._v("店长")]):t._e()],1),a("span",{staticClass:"gic-version"},[t._v(t._s(e.row.clerkCode))])])])])]}}])}),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.storeName||"--"))]}}])}),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.lastLoginTime)))]),t._v(" "),a("div",{staticClass:"line-18"},[t._v(t._s(t._f("timeStampToHms")(e.row.lastLoginTime)))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"激活状态","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[1==e.row.activationStatus?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 b=a("VU/8")(m,g,!1,function(t){a("5VOj")},"data-v-e4ea9d32",null);e.default=b.exports}});
\ No newline at end of file
dist/static/js/23.8a47f55d3794b05cdde6.js → dist/static/js/22.0c064bd60d04e06ed470.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){}}); webpackJsonp([22],{"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 \ No newline at end of file
dist/static/js/26.a74fc1844b8c5e270b62.js 0 → 100644
webpackJsonp([26],{"L+xt":function(t,e){},VXUe:function(t,e){},h9Ca:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("Gu7T"),s=a.n(n),i=a("mvHQ"),o=a.n(i),r=a("3Xzz"),l=a("ApSX"),c=a("5i7M"),d={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 c.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},date:{range:[0,1]}}),this.chart.tooltip({showCrosshairs:!0,shared:!0}),this.chart.line().position("date*value").color("active"),this.chart.point().position("date*value").color("active"),this.chart.legend({position:"top-left",offsetX:40,itemGap:20}),this.chart.render()}}},u={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:this.id}})},staticRenderFns:[]};var h=a("VU/8")(d,u,!1,function(t){a("VXUe")},"data-v-f2495612",null).exports,p=a("P9l9"),f=a("Ch4/"),v=a("Q0Ca"),m=a("3E4D"),g={name:"activeDetail",data:function(){return{navpath:[{name:"好办使用详情",path:"/enterpriseUseData"},{name:"激活人员明细",path:""}],selectDay:"",charData:[{date:"Jan",active:"激活",value:7},{date:"Jan",active:"未激活",value:3.9},{date:"Feb",active:"激活",value:6.9},{date:"Feb",active:"未激活",value:4.2},{date:"Mar",active:"激活",value:9.5},{date:"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,this.getTableList()},handleCommand:function(t){this.selectRadio=t},handleSelectionChange:function(t){this.multipleSelection=t},exportExcel:function(){if(!this.multipleSelection.length)return m.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(p.b)("/haoban-app-tel-task-three-web/task/export-store-view-clerk-list",e).then(function(e){if(t.loadingBtn=!1,!e.data)return f.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()},getLoginData:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,startDate:e.selectDay,endDate:e.selectDay};Object(p.a)("/haoban-manage3-web/activite-date",a).then(function(t){var a=t.data;if(1==a.errorCode){if(a.result){a.result.forEach(function(t){t.date=t.bizDates+"（"+t.weeks+"）",t.active="未激活人数",t.value=t.notActiveClerkCnt});var n=JSON.parse(o()(a.result));n.forEach(function(t){t.date=t.bizDates+"（"+t.weeks+"）",t.active="激活人数",t.value=t.activeClerkCnt}),e.charData=[].concat(s()(a.result),s()(n))||[]}return!1}f.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getTableList:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,groupIdList:e.groupIds.map(function(t){return t.storeGroupId}).join(","),pageSize:e.pageSize,currentPage:e.currentPage,startDate:e.selectDay,endDate:e.selectDay};Object(p.a)("/haoban-manage3-web/activite-list",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.tableData=a.result.list||[],e.total=a.result.pageInfo.total,!1;f.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.selectDay=v.a.timeStampToYmd((new Date).getTime()-864e5),this.getLoginData(),this.getTableList(),document.documentElement.style.backgroundColor="#f0f2f5"},destroyed:function(){document.documentElement.style.backgroundColor="#fff"},components:{navCrumb:r.a,gicSelectGroupMult:l.a,activeChart:h}},b={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 "},[a("div",{staticClass:"cell-info"},[a("div",{staticClass:"cell-info-name font-14 color-303133"},[a("span",{staticClass:"gic-name"},[a("span",[t._v(t._s(e.row.clerkName))]),1==e.row.clerkType?a("el-tag",{attrs:{size:"small",type:"warning"}},[t._v("店长")]):t._e()],1),a("span",{staticClass:"gic-version"},[t._v(t._s(e.row.clerkCode))])])])])]}}])}),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.storeName||"--"))]}}])}),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.lastLoginTime)))]),t._v(" "),a("div",{staticClass:"line-18"},[t._v(t._s(t._f("timeStampToHms")(e.row.lastLoginTime)))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"激活状态","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[1==e.row.activationStatus?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 _=a("VU/8")(g,b,!1,function(t){a("L+xt")},"data-v-46fc4790",null);e.default=_.exports}});
\ No newline at end of file
dist/static/js/28.0c067d81a74352302181.js 0 → 100644
webpackJsonp([28],{"TLd+":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("3Xzz"),o=a("5i7M"),i={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({loginRate:{min:0,nice:!0},date:{range:[0,1]}}),this.chart.tooltip({crosshairs:{type:"line"}}),this.chart.axis("loginRate",{label:{formatter:function(t){return~String(t).indexOf(".")?"":t}}}),this.chart.line().position("date*loginRate"),this.chart.point().position("date*loginRate").size(4).shape("circle").style({stroke:"#fff",lineWidth:1}),this.chart.render()}}},r={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:this.id}})},staticRenderFns:[]};var s=a("VU/8")(i,r,!1,function(t){a("iKED")},"data-v-2891f1b3",null).exports,l=a("ApSX"),c=a("P9l9"),d=a("Ch4/"),u=a("Q0Ca"),h=a("3E4D"),p={name:"activeDetail",data:function(){return{navpath:[{name:"好办使用详情",path:"/enterpriseUseData"},{name:"区域登录明细",path:""}],selectDay:"",selectTableDay:"",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:[{date:"1991",loginRate:3},{date:"1992",loginRate:4},{date:"1993",loginRate:3},{date:"1994",loginRate:5},{date:"1995",loginRate:4},{date:"1996",loginRate:6},{date:"1997",loginRate:7}]}},computed:{},methods:{changeTableDate:function(){this.getTableList()},checkGroupIds:function(t){this.groupIds=t,this.getTableList()},toRedirect:function(t){this.$router.push("/loginDetail?storeId="+t.xValue)},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 d.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()},getTendData:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,startDate:e.selectDay,endDate:e.selectDay};Object(c.a)("/haoban-manage3-web/area-ranking-date",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result&&a.result.forEach(function(t){t.date=t.bizDates+"（"+t.weeks+"）"}),e.charData=a.result||[],!1;d.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getTableList:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,startDate:e.selectTableDay,endDate:e.selectTableDay,pageSize:e.pageSize,currentPage:e.currentPage,groupIdList:e.groupIds.map(function(t){return t.storeGroupId}).join(",")};Object(c.a)("/haoban-manage3-web/area-ranking-list",a).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(){var t=this;t.selectDay=u.a.timeStampToYmd((new Date).getTime()-864e5),t.selectTableDay=u.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:"选择日期",clearable:"false","picker-options":t.pickerOptions},on:{change:t.changeTableDate},model:{value:t.selectTableDay,callback:function(e){t.selectTableDay=e},expression:"selectTableDay"}}),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.xName||"--")+"\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.storeCode||"--"))]}}])}),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.loginRate||"--"))]}}])}),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.loginClerkCnt||"--"))]}}])}),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("m5tp")},"data-v-77a69550",null);e.default=m.exports},iKED:function(t,e){},m5tp:function(t,e){}});
\ No newline at end of file
dist/static/js/28.d1a065a02f5d56ce8dbc.js deleted 100644 → 0
webpackJsonp([28],{"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({loginRate:{min:0,nice:!0},date:{range:[0,1]}}),this.chart.tooltip({crosshairs:{type:"line"}}),this.chart.axis("loginRate",{label:{formatter:function(t){return~String(t).indexOf(".")?"":t}}}),this.chart.line().position("date*loginRate"),this.chart.point().position("date*loginRate").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("iKED")},"data-v-2891f1b3",null).exports,l=a("ApSX"),c=a("P9l9"),d=a("Ch4/"),u=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:[{date:"1991",loginRate:3},{date:"1992",loginRate:4},{date:"1993",loginRate:3},{date:"1994",loginRate:5},{date:"1995",loginRate:4},{date:"1996",loginRate:6},{date:"1997",loginRate:7}]}},computed:{},methods:{checkGroupIds:function(t){this.groupIds=t},toRedirect:function(t){this.$router.push("/loginDetail?storeId="+t.xValue)},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 d.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()},getTendData:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,startDate:e.selectDay,endDate:e.selectDay};Object(c.a)("/haoban-manage3-web/area-ranking-date",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result&&a.result.forEach(function(t){t.date=t.bizDates+"（"+t.weeks+"）"}),e.charData=a.result||[],!1;d.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getTableList:function(t){var e=this,a={enterpriseId:e.$route.query.brandId,startDate:e.selectDay,endDate:e.selectDay,pageSize:e.pageSize,currentPage:e.currentPage,groupIdList:e.groupIds.map(function(t){return t.storeGroupId}).join(",")};Object(c.a)("/haoban-manage3-web/area-ranking-list",a).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(){var t=this;t.selectDay=u.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.xName||"--")+"\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.storeCode||"--"))]}}])}),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.loginRate||"--"))]}}])}),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.loginClerkCnt||"--"))]}}])}),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("xIX0")},"data-v-58b82ede",null);e.default=m.exports},iKED:function(t,e){},xIX0:function(t,e){}});
\ No newline at end of file
dist/static/js/manifest.cc8d0349fa64b44e37b3.js → dist/static/js/manifest.5dc3702e729d6d40400c.js
!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:"8cfe7e0ba01fc4b4d0e8",1:"954a8a70c5f1171933ac",2:"2025d32c544f960c7161",3:"5e5fd50a283f45682919",4:"7fb54b0d6edc84c910b5",5:"d493a299eefcfbd9f885",6:"987ab930d70320e9de11",7:"af7103969924dd951ae9",8:"6f38a596c23a135b17cc",9:"44383cfb15abd9a26d55",10:"ba45ab3ce5ecc5a4c375",11:"8cfa04eede4178233843",12:"fc628ad952a874c7bc5f",13:"9d81c63425ef74ce16af",14:"cc777d4e374d0428a9f9",15:"1a4794eae71e5676b82a",16:"9ff89e3ae22fb695931f",17:"0ee5ffd1827c0ab14257",18:"fdb6aeb863dd5e05ebd6",19:"ceaa40d8aa6227ccaa7b",20:"41027a6d3a2c48820f68",21:"2cc8999a3df9b817953c",22:"a1fc1510f2466b09fb99",23:"8a47f55d3794b05cdde6",24:"693553e50fe47805c36a",25:"c6b4b7cc7f7e0f07fb6e",26:"b530871b682736752acb",27:"2e94b907c2abbc92de8b",28:"d1a065a02f5d56ce8dbc",29:"1b665b6c377fa61779aa",30:"44ad619653abe09fe4a2",31:"f15018c679d31a23a484",32:"3b191a8ca4748306ba30",33:"d60beb8286a5273c8520",34:"21e42e4239a3a4bece96",35:"8c517c66214b3008ba1d",36:"49f42097022ad1c511a9",37:"06fc7189271107a22952",38:"b38db70a1ac98d47033e",39:"4d86ee1e3301f7724be9",40:"58b97f413035bfcac73d",41:"eee22ad0ab971e133a9f",42:"d349ab27ce555f725e4f",43:"0c35c92dcabc93995c47",44:"a22bd4a80c711131d8cf",45:"eba0691dbaf3680ac324",46:"f3c31220fd4f30dba00a",47:"52768d75b34a3ac8e091",48:"35fc1ffcea3edca588fa",49:"07ea1d498a5e7f89f13b",50:"ba943a0915a5c08260e6",51:"377ddd3618ad5bd9c3a8",52:"1e2ae65363a4861dd355",53:"cad2e8ac87e5684a9bc2",54:"aa9df4f3a7eacae9e5db",55:"5515666662cecc9025bc",56:"2d7039de458c3c9cb678",57:"9f9fb6bfcac478732dad",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}}([]); !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:"8cfe7e0ba01fc4b4d0e8",1:"954a8a70c5f1171933ac",2:"2025d32c544f960c7161",3:"5e5fd50a283f45682919",4:"7fb54b0d6edc84c910b5",5:"d493a299eefcfbd9f885",6:"987ab930d70320e9de11",7:"1b6e647b01c5142b8cbe",8:"6f38a596c23a135b17cc",9:"44383cfb15abd9a26d55",10:"ba45ab3ce5ecc5a4c375",11:"a59fc038e643d30eac52",12:"fc628ad952a874c7bc5f",13:"ae54a02070be5853eac3",14:"cc777d4e374d0428a9f9",15:"1a4794eae71e5676b82a",16:"9ff89e3ae22fb695931f",17:"0ee5ffd1827c0ab14257",18:"fdb6aeb863dd5e05ebd6",19:"ceaa40d8aa6227ccaa7b",20:"41027a6d3a2c48820f68",21:"84030213364b58db7503",22:"0c064bd60d04e06ed470",23:"98704b1edcfc1ba44934",24:"1d1a70aa4ead2d8a5d7a",25:"e161c0baa6ab89bfb824",26:"a74fc1844b8c5e270b62",27:"2e94b907c2abbc92de8b",28:"0c067d81a74352302181",29:"1b665b6c377fa61779aa",30:"44ad619653abe09fe4a2",31:"f15018c679d31a23a484",32:"3b191a8ca4748306ba30",33:"d60beb8286a5273c8520",34:"21e42e4239a3a4bece96",35:"8c517c66214b3008ba1d",36:"49f42097022ad1c511a9",37:"06fc7189271107a22952",38:"b38db70a1ac98d47033e",39:"4d86ee1e3301f7724be9",40:"58b97f413035bfcac73d",41:"eee22ad0ab971e133a9f",42:"d349ab27ce555f725e4f",43:"0c35c92dcabc93995c47",44:"a22bd4a80c711131d8cf",45:"eba0691dbaf3680ac324",46:"f3c31220fd4f30dba00a",47:"52768d75b34a3ac8e091",48:"35fc1ffcea3edca588fa",49:"07ea1d498a5e7f89f13b",50:"ba943a0915a5c08260e6",51:"377ddd3618ad5bd9c3a8",52:"1e2ae65363a4861dd355",53:"cad2e8ac87e5684a9bc2",54:"aa9df4f3a7eacae9e5db",55:"5515666662cecc9025bc",56:"2d7039de458c3c9cb678",57:"9f9fb6bfcac478732dad",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 \ No newline at end of file
src/components/common/gic-select-group-mult.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2020-02-08 10:27:21 * @Date: 2020-02-08 10:27:21
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-07-02 17:58:37 * @LastEditTime: 2020-07-06 16:10:48
--> -->
<!-- <!--
选择门店分组组件： 选择门店分组组件：
......
src/components/login-data/total-preview.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2018-10-10 14:44:45 * @Date: 2018-10-10 14:44:45
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-07-06 14:07:46 * @LastEditTime: 2020-07-06 20:35:48
--> -->
<!-- <!--
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</div> </div>
</div> </div>
</li> </li>
<li class="data-total-cell flex-1"> <li class="data-total-cell w-m-213 flex-1">
<div class="flex p-20"> <div class="flex p-20">
<div><img src="../../assets/data/login.png" class="m-w-55" alt="" /></div> <div><img src="../../assets/data/login.png" class="m-w-55" alt="" /></div>
<div class="m-l-20"> <div class="m-l-20">
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</div> </div>
</div> </div>
</li> </li>
<li class="data-total-cell flex-1"> <li class="data-total-cell w-m-213 flex-1">
<div class="flex p-20"> <div class="flex p-20">
<div><img src="../../assets/data/people.png" class="m-w-46" alt="" /></div> <div><img src="../../assets/data/people.png" class="m-w-46" alt="" /></div>
<div class="m-l-20"> <div class="m-l-20">
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
</div> </div>
</div> </div>
</li> </li>
<li class="data-total-cell flex-1"> <li class="data-total-cell w-m-213 flex-1">
<div class="flex p-20"> <div class="flex p-20">
<div><img src="../../assets/data/people.png" class="m-w-46" alt="" /></div> <div><img src="../../assets/data/people.png" class="m-w-46" alt="" /></div>
<div class="m-l-20"> <div class="m-l-20">
...@@ -173,6 +173,9 @@ export default { ...@@ -173,6 +173,9 @@ export default {
&.w-m-237 { &.w-m-237 {
min-width: 237px; min-width: 237px;
} }
&.w-m-213 {
min-width: 213px;
}
.cell-title-span { .cell-title-span {
color: #909399; color: #909399;
border-bottom: 1px dashed #2f54eb; border-bottom: 1px dashed #2f54eb;
...@@ -181,6 +184,7 @@ export default { ...@@ -181,6 +184,7 @@ export default {
margin-left: 20px; margin-left: 20px;
} }
&.today { &.today {
min-width: 213px;
cursor: pointer; cursor: pointer;
background: rgba(89, 126, 247, 1); background: rgba(89, 126, 247, 1);
box-shadow: 0px 2px 8px 1px rgba(200, 205, 226, 0.81); box-shadow: 0px 2px 8px 1px rgba(200, 205, 226, 0.81);
......
src/views/enterpriseData/activeDetail.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-03-20 14:36:37 * @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-07-06 15:14:02 * @LastEditTime: 2020-07-06 16:01:42
--> -->
<template> <template>
<div class="my-customer-wrap common-set-wrap"> <div class="my-customer-wrap common-set-wrap">
...@@ -95,6 +95,7 @@ import gicSelectGroupMult from '@/components/login-data/gic-select-group-mult.vu ...@@ -95,6 +95,7 @@ import gicSelectGroupMult from '@/components/login-data/gic-select-group-mult.vu
import activeChart from '@/components/login-data/active-chart.vue'; import activeChart from '@/components/login-data/active-chart.vue';
import { getRequest, postExcel } from '@/api/api'; import { getRequest, postExcel } from '@/api/api';
import errMsg from '@/common/js/error'; import errMsg from '@/common/js/error';
import dateFormat from '@/filters/index.js';
// import { _debounce } from '@/common/js/public'; // import { _debounce } from '@/common/js/public';
import showMsg from '@/common/js/showmsg'; import showMsg from '@/common/js/showmsg';
export default { export default {
...@@ -112,6 +113,7 @@ export default { ...@@ -112,6 +113,7 @@ export default {
path: '' path: ''
} }
], ],
selectDay: '',
charData: [{ date: 'Jan', active: '激活', value: 7 }, { date: 'Jan', active: '未激活', value: 3.9 }, { date: 'Feb', active: '激活', value: 6.9 }, { date: 'Feb', active: '未激活', value: 4.2 }, { date: 'Mar', active: '激活', value: 9.5 }, { date: 'Mar', active: '未激活', value: 5.7 }], charData: [{ date: 'Jan', active: '激活', value: 7 }, { date: 'Jan', active: '未激活', value: 3.9 }, { date: 'Feb', active: '激活', value: 6.9 }, { date: 'Feb', active: '未激活', value: 4.2 }, { date: 'Mar', active: '激活', value: 9.5 }, { date: 'Mar', active: '未激活', value: 5.7 }],
groupIds: [], groupIds: [],
// 分页参数 // 分页参数
...@@ -127,6 +129,9 @@ export default { ...@@ -127,6 +129,9 @@ export default {
}, },
computed: {}, computed: {},
methods: { methods: {
/**
* 显示选择门店分组
*/
checkGroupIds: function(nodes) { checkGroupIds: function(nodes) {
const that = this; const that = this;
that.groupIds = nodes; that.groupIds = nodes;
...@@ -223,7 +228,9 @@ export default { ...@@ -223,7 +228,9 @@ export default {
getLoginData(val) { getLoginData(val) {
const that = this; const that = this;
let para = { let para = {
enterpriseId: that.$route.query.brandId enterpriseId: that.$route.query.brandId,
startDate: that.selectDay,
endDate: that.selectDay
}; };
getRequest('/haoban-manage3-web/activite-date', para) getRequest('/haoban-manage3-web/activite-date', para)
.then(res => { .then(res => {
...@@ -264,7 +271,9 @@ export default { ...@@ -264,7 +271,9 @@ export default {
enterpriseId: that.$route.query.brandId, enterpriseId: that.$route.query.brandId,
groupIdList: that.groupIds.map(ele => ele.storeGroupId).join(','), groupIdList: that.groupIds.map(ele => ele.storeGroupId).join(','),
pageSize: that.pageSize, pageSize: that.pageSize,
currentPage: that.currentPage currentPage: that.currentPage,
startDate: that.selectDay,
endDate: that.selectDay
}; };
getRequest('/haoban-manage3-web/activite-list', para) getRequest('/haoban-manage3-web/activite-list', para)
.then(res => { .then(res => {
...@@ -296,6 +305,7 @@ export default { ...@@ -296,6 +305,7 @@ export default {
}, },
mounted() { mounted() {
const that = this; const that = this;
that.selectDay = dateFormat.timeStampToYmd(new Date().getTime() - 24 * 3600 * 1000);
that.getLoginData(); that.getLoginData();
that.getTableList(); that.getTableList();
document.documentElement.style.backgroundColor = '#f0f2f5'; document.documentElement.style.backgroundColor = '#f0f2f5';
......
src/views/enterpriseData/areaLoginDetail.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-03-20 14:36:37 * @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-07-06 15:31:19 * @LastEditTime: 2020-07-06 15:57:57
--> -->
<template> <template>
<div class="my-customer-wrap common-set-wrap"> <div class="my-customer-wrap common-set-wrap">
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<div class="table-search m-t-20"> <div class="table-search m-t-20">
<div class="flex flex-space-between"> <div class="flex flex-space-between">
<div> <div>
<el-date-picker v-model="selectDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker><gic-select-group-mult class="m-l-10" :selectData="groupIds" @checkGroupIds="checkGroupIds"> </gic-select-group-mult><span class="font-14 color-606266 p-l-10">筛选条件下，当日所有区域登录人数总计为 {{ total }} 人，名单如下：</span> <el-date-picker v-model="selectTableDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" clearable="false" :picker-options="pickerOptions" @change="changeTableDate"> </el-date-picker><gic-select-group-mult class="m-l-10" :selectData="groupIds" @checkGroupIds="checkGroupIds"> </gic-select-group-mult><span class="font-14 color-606266 p-l-10">筛选条件下，当日所有区域登录人数总计为 {{ total }} 人，名单如下：</span>
</div> </div>
<el-button type="primary" :loading="loadingBtn" @click="exportExcel"><i class="iconfont icon-icon_yunxiazai p-r-6"></i>导出</el-button> <el-button type="primary" :loading="loadingBtn" @click="exportExcel"><i class="iconfont icon-icon_yunxiazai p-r-6"></i>导出</el-button>
</div> </div>
...@@ -108,6 +108,7 @@ export default { ...@@ -108,6 +108,7 @@ export default {
} }
], ],
selectDay: '', selectDay: '',
selectTableDay: '',
pickerOptions: { pickerOptions: {
disabledDate(time) { disabledDate(time) {
const one = 8 * 24 * 3600 * 1000; const one = 8 * 24 * 3600 * 1000;
...@@ -130,9 +131,20 @@ export default { ...@@ -130,9 +131,20 @@ export default {
}, },
computed: {}, computed: {},
methods: { methods: {
/**
* 选择列表日期
*/
changeTableDate() {
const that = this;
that.getTableList();
},
/**
* 选择门店分组
*/
checkGroupIds: function(nodes) { checkGroupIds: function(nodes) {
const that = this; const that = this;
that.groupIds = nodes; that.groupIds = nodes;
that.getTableList();
}, },
/** /**
* 查看人员名单 * 查看人员名单
...@@ -263,8 +275,8 @@ export default { ...@@ -263,8 +275,8 @@ export default {
const that = this; const that = this;
let para = { let para = {
enterpriseId: that.$route.query.brandId, enterpriseId: that.$route.query.brandId,
startDate: that.selectDay, startDate: that.selectTableDay,
endDate: that.selectDay, endDate: that.selectTableDay,
pageSize: that.pageSize, pageSize: that.pageSize,
currentPage: that.currentPage, currentPage: that.currentPage,
groupIdList: that.groupIds.map(ele => ele.storeGroupId).join(',') groupIdList: that.groupIds.map(ele => ele.storeGroupId).join(',')
...@@ -299,6 +311,7 @@ export default { ...@@ -299,6 +311,7 @@ export default {
mounted() { mounted() {
const that = this; const that = this;
that.selectDay = dateFormat.timeStampToYmd(new Date().getTime() - 24 * 3600 * 1000); that.selectDay = dateFormat.timeStampToYmd(new Date().getTime() - 24 * 3600 * 1000);
that.selectTableDay = dateFormat.timeStampToYmd(new Date().getTime() - 24 * 3600 * 1000);
that.$nextTick(() => { that.$nextTick(() => {
that.getTableList(); that.getTableList();
}); });
......
src/views/enterpriseData/enterpriseUseData.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-03-20 14:36:37 * @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-07-06 15:23:34 * @LastEditTime: 2020-07-06 15:49:01
--> -->
<template> <template>
<div class="my-customer-wrap common-set-wrap"> <div class="my-customer-wrap common-set-wrap">
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<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 @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>
<div v-if="tabActive == 2" class="date-div m-t-20"> <div v-if="tabActive == 2" class="date-div m-t-20">
<el-date-picker v-model="selectTendDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker> <el-date-picker v-model="selectTendDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" clearable="false" :picker-options="pickerOptions" @change="changeDate"> </el-date-picker>
</div> </div>
<div class="chart-content m-t-20"> <div class="chart-content m-t-20">
<day-login-chart :charData="charData" id="day-login-chart"></day-login-chart> <day-login-chart :charData="charData" id="day-login-chart"></day-login-chart>
...@@ -131,6 +131,14 @@ export default { ...@@ -131,6 +131,14 @@ export default {
computed: {}, computed: {},
methods: { methods: {
/** /**
* 切换日
*/
changeDate() {
const that = this;
// 重新获取数据
that.getTendData();
},
/**
* 切换tab * 切换tab
*/ */
changeTab(val) { changeTab(val) {
......
src/views/enterpriseData/loginDetail.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-03-20 14:36:37 * @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-07-06 15:39:15 * @LastEditTime: 2020-07-06 15:56:20
--> -->
<template> <template>
<div class="my-customer-wrap common-set-wrap"> <div class="my-customer-wrap common-set-wrap">
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<div v-if="tabActive == 2" class="date-div m-t-20"> <div v-if="tabActive == 2" class="date-div m-t-20">
<el-date-picker v-model="selectTendDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker> <el-date-picker v-model="selectTendDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" clearable="false" :picker-options="pickerOptions" @change="changeDate"> </el-date-picker>
</div> </div>
<div class="chart-body m-t-20"> <div class="chart-body m-t-20">
<div class="flex flex-space-between"> <div class="flex flex-space-between">
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<div class="table-search"> <div class="table-search">
<div class="flex flex-space-between"> <div class="flex flex-space-between">
<div> <div>
<el-date-picker v-model="selectDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker><gic-select-group-mult class="m-l-10" :selectData="groupIds" @checkGroupIds="checkGroupIds"> </gic-select-group-mult><span class="font-14 color-606266 p-l-10">筛选条件下，{{ activeName == 'second' ? '未' : '' }}登录人员有 {{ total }} 人，名单如下：</span> <el-date-picker v-model="selectDay" :value-format="'yyyy-MM-dd'" type="date" placeholder="选择日期" clearable="false" :picker-options="pickerOptions" @change="changeTableDate"> </el-date-picker><gic-select-group-mult class="m-l-10" :selectData="groupIds" @checkGroupIds="checkGroupIds"> </gic-select-group-mult><span class="font-14 color-606266 p-l-10">筛选条件下，{{ activeName == 'second' ? '未' : '' }}登录人员有 {{ total }} 人，名单如下：</span>
</div> </div>
<el-button type="primary" :loading="loadingBtn" @click="exportExcel"><i class="iconfont icon-icon_yunxiazai p-r-6"></i>导出</el-button> <el-button type="primary" :loading="loadingBtn" @click="exportExcel"><i class="iconfont icon-icon_yunxiazai p-r-6"></i>导出</el-button>
</div> </div>
...@@ -205,6 +205,22 @@ export default { ...@@ -205,6 +205,22 @@ export default {
computed: {}, computed: {},
methods: { methods: {
/** /**
* 切换列表日
*/
changeTableDate() {
const that = this;
// 重新获取数据
that.getTableList();
},
/**
* 切换日
*/
changeDate() {
const that = this;
// 重新获取数据
that.getTendData();
},
/**
* 切换tab * 切换tab
*/ */
changeTab(val) { changeTab(val) {
...@@ -219,6 +235,7 @@ export default { ...@@ -219,6 +235,7 @@ export default {
checkGroupIds: function(nodes) { checkGroupIds: function(nodes) {
const that = this; const that = this;
that.groupIds = nodes; that.groupIds = nodes;
that.getTableList();
}, },
/** /**
* tab * tab
...@@ -238,7 +255,8 @@ export default { ...@@ -238,7 +255,8 @@ export default {
console.log(column, prop, order); console.log(column, prop, order);
const that = this; const that = this;
that.sortColumn = column.prop; that.sortColumn = column.prop;
that.sortType = that.getTableList(); that.sortType = column.order == 'ascending' ? 'asc' : 'desc';
that.getTableList();
}, },
sortChange(column, prop, order) { sortChange(column, prop, order) {
console.log(column, prop, order); console.log(column, prop, order);
...@@ -366,8 +384,8 @@ export default { ...@@ -366,8 +384,8 @@ export default {
const that = this; const that = this;
let para = { let para = {
enterpriseId: that.$route.query.brandId, enterpriseId: that.$route.query.brandId,
startDate: that.selectTendDay, startDate: that.selectDay,
endDate: that.selectTendDay, endDate: that.selectDay,
groupIdList: that.groupIds.map(ele => ele.storeGroupId).join(','), groupIdList: that.groupIds.map(ele => ele.storeGroupId).join(','),
loginStatus: that.activeName == 'first' ? 1 : '0', loginStatus: that.activeName == 'first' ? 1 : '0',
sortColumn: that.sortColumn, sortColumn: that.sortColumn,
......
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