Commit e5fccfae by 无尘

feat: 增加图表

parent dec9abf6
<!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.a3f96454f0d62f85baf76d521eadcd5e.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.f2d45869dc32f59f7507.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.d8eb482241f0da336030.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.ec14b4f57002934316379f24ad3cc1e9.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.57b2f93f6941fe20fc07.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.d8eb482241f0da336030.js></script></body></html>
\ No newline at end of file \ No newline at end of file
!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],d[t]&&u.push(d[t][0]),d[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=f(f.s=n[i]);return o};var a={},d={87:0};function f(c){if(a[c])return a[c].exports;var d=a[c]={i:c,l:!1,exports:{}};return e[c].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var c=d[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,f){c=d[e]=[a,f]});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,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"e30cf8a56a18238be7fb",1:"954a8a70c5f1171933ac",2:"ec41ead474f44aab5ca4",3:"01151ef9fc531b81549f",4:"66730828638470d76624",5:"389ada27408814c0575d",6:"203dd29ead4b4fd21238",7:"facffc398c23923c8192",8:"6c1d2dfe95dba3cca8ee",9:"f194e939f50c22abbac8",10:"1d0857d1e94ff89262fb",11:"03c37101384d7f8451c2",12:"d638d97b6e6f61545df9",13:"da84bfdef713838a5680",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:"2e5ee029ca46b7ddd881",27:"3a5a1be574888e1360d8",28:"73d23a3048d8afced278",29:"91560e8f5ec91586471e",30:"76c1a79ad79f14df278b",31:"1c0933eac601f8499001",32:"50e004b612099a57347b",33:"998784dc372c52552d8c",34:"206a7c971f4d6b2751b2",35:"9dc0750e31c8efc37280",36:"29ddecd42866feff9f72",37:"3df6b3a7d66c3d2234ee",38:"82af7a18ce0cdc03dc93",39:"bb391ba1a2b7449d04b6",40:"5046b945fdb05feecd09",41:"9f0127d3704386fdce91",42:"7b1bc1120e878803fb47",43:"2afe9b7d1892565e2b20",44:"e0f5a0e47a4d2eace226",45:"4b4571bc428c28299744",46:"8308ef1202640c780df2",47:"9ea1d70c86faebeef520",48:"4e9d9d5369a0b54095cb",49:"58ee00d4f47a32a7b23e",50:"d3b828f510b0ac9c3496",51:"8d3bc732a698489ca3ae",52:"a19fbe7202293c086e75",53:"3c6a83b6587b5b785cd3",54:"10ecc7ed2ff70a3e11be",55:"6a118b43483e9374a164",56:"bb0b9d43943587545513",57:"e35ce4c75d7e22e24818",58:"9640edd79e307e97e96c",59:"9d332e3455c94f2fa146",60:"6317369c9d3409692e42",61:"2e48b9d3256cb7f54155",62:"306973a81895e421b5f5",63:"74b1214cf352e180b2fd",64:"b99faeb9442209fdffca",65:"8fe40214176b9490ebb2",66:"fc119eb0bdd71478c0c8",67:"32a85dd6075ab53e30f3",68:"ee25f10153706bdc4cd1",69:"0dd9f4a371a5d245ede7",70:"7f76b2e827f2b39a22cf",71:"5c8b034751136de0ad41",72:"6bd08329b97338ac7b58",73:"d27ecc18ea52e56b8068",74:"708cb8cbb0f89ad7ce51",75:"a5db1c248ee474874dbb",76:"2c2ba05a38193f532032",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=d[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},f.m=e,f.c=a,f.d=function(e,c,a){f.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(c,"a",c),c},f.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f.p="./",f.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],d[t]&&u.push(d[t][0]),d[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=f(f.s=n[i]);return o};var c={},d={87:0};function f(a){if(c[a])return c[a].exports;var d=c[a]={i:a,l:!1,exports:{}};return e[a].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var a=d[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,f){a=d[e]=[c,f]});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,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"e30cf8a56a18238be7fb",1:"954a8a70c5f1171933ac",2:"ec41ead474f44aab5ca4",3:"01151ef9fc531b81549f",4:"66730828638470d76624",5:"389ada27408814c0575d",6:"203dd29ead4b4fd21238",7:"facffc398c23923c8192",8:"a1a409a3bd5f41924e58",9:"f194e939f50c22abbac8",10:"1d0857d1e94ff89262fb",11:"03c37101384d7f8451c2",12:"d638d97b6e6f61545df9",13:"da84bfdef713838a5680",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:"2e5ee029ca46b7ddd881",27:"3a5a1be574888e1360d8",28:"73d23a3048d8afced278",29:"91560e8f5ec91586471e",30:"76c1a79ad79f14df278b",31:"1c0933eac601f8499001",32:"50e004b612099a57347b",33:"998784dc372c52552d8c",34:"206a7c971f4d6b2751b2",35:"9dc0750e31c8efc37280",36:"29ddecd42866feff9f72",37:"3df6b3a7d66c3d2234ee",38:"82af7a18ce0cdc03dc93",39:"bb391ba1a2b7449d04b6",40:"5046b945fdb05feecd09",41:"9f0127d3704386fdce91",42:"7b1bc1120e878803fb47",43:"2afe9b7d1892565e2b20",44:"e0f5a0e47a4d2eace226",45:"4b4571bc428c28299744",46:"8308ef1202640c780df2",47:"9ea1d70c86faebeef520",48:"4e9d9d5369a0b54095cb",49:"58ee00d4f47a32a7b23e",50:"d3b828f510b0ac9c3496",51:"8d3bc732a698489ca3ae",52:"a19fbe7202293c086e75",53:"3c6a83b6587b5b785cd3",54:"10ecc7ed2ff70a3e11be",55:"6a118b43483e9374a164",56:"bb0b9d43943587545513",57:"e35ce4c75d7e22e24818",58:"9640edd79e307e97e96c",59:"9d332e3455c94f2fa146",60:"6317369c9d3409692e42",61:"2e48b9d3256cb7f54155",62:"306973a81895e421b5f5",63:"74b1214cf352e180b2fd",64:"b99faeb9442209fdffca",65:"8fe40214176b9490ebb2",66:"fc119eb0bdd71478c0c8",67:"32a85dd6075ab53e30f3",68:"ee25f10153706bdc4cd1",69:"0dd9f4a371a5d245ede7",70:"7f76b2e827f2b39a22cf",71:"5c8b034751136de0ad41",72:"6bd08329b97338ac7b58",73:"d27ecc18ea52e56b8068",74:"708cb8cbb0f89ad7ce51",75:"a5db1c248ee474874dbb",76:"2c2ba05a38193f532032",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=d[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},f.m=e,f.c=c,f.d=function(e,a,c){f.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},f.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(a,"a",a),a},f.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -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-02 13:44:23 * @LastEditTime: 2020-07-02 18:10:01
--> -->
<!-- <!--
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
</div> </div>
<div class="to-link-icon"> <div class="to-link-icon">
<el-tooltip content="人员激活明细" placement="top"> <el-tooltip content="人员激活明细" placement="top">
<div class="detail-icon cursor-pointer flex flex-align-center flex-pack-center" @click="changeRoute('/activeDetail')"><span class="font-13 iconfont iconmingxibeifen color-c0c4cc"></span></div> <div class="detail-icon cursor-pointer flex flex-align-center flex-pack-center" @click="changeRoute('/activeDetail?brandId=' + activeBrand)"><span class="font-13 iconfont iconmingxibeifen color-c0c4cc"></span></div>
</el-tooltip> </el-tooltip>
</div> </div>
</li> </li>
...@@ -102,6 +102,12 @@ ...@@ -102,6 +102,12 @@
export default { export default {
name: 'total-preview', name: 'total-preview',
props: { props: {
activeBrand: {
type: String,
default() {
return '';
}
},
loginData: { loginData: {
type: Object, type: Object,
default() { default() {
......
...@@ -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-02 16:08:58 * @LastEditTime: 2020-07-02 18:10:14
--> -->
<template> <template>
<div class="my-customer-wrap common-set-wrap"> <div class="my-customer-wrap common-set-wrap">
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<div class="data-total-view m-t-20"> <div class="data-total-view m-t-20">
<total-preview :loginData="loginData"></total-preview> <total-preview :activeBrand="activeBrand" :loginData="loginData"></total-preview>
</div> </div>
<div class="chart-body m-t-20"> <div class="chart-body m-t-20">
<div class="chart-wrap flex flex-space-between"> <div class="chart-wrap flex flex-space-between">
...@@ -41,14 +41,14 @@ ...@@ -41,14 +41,14 @@
<div :class="['font-14 cursor-pointer', tabActive == 1 ? 'color-303133' : 'color-909399']" @click="changeTab('1')">日访问趋势</div> <div :class="['font-14 cursor-pointer', tabActive == 1 ? 'color-303133' : 'color-909399']" @click="changeTab('1')">日访问趋势</div>
<div :class="['font-14 day-tend cursor-pointer', tabActive == 2 ? 'color-303133' : 'color-909399']" @click="changeTab('2')">日时段访问趋势</div> <div :class="['font-14 day-tend cursor-pointer', tabActive == 2 ? 'color-303133' : 'color-909399']" @click="changeTab('2')">日时段访问趋势</div>
</div> </div>
<div @click="changeRoute('/loginDetail')" 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 class="chart-content"></div> <div class="chart-content"></div>
</div> </div>
<div class="chart-right flex-1 m-l-10"> <div class="chart-right flex-1 m-l-10">
<div class="chart-top flex flex-space-between"> <div class="chart-top flex flex-space-between">
<div class="font-14 color-303133">昨日区域登录统计</div> <div class="font-14 color-303133">昨日区域登录统计</div>
<div @click="changeRoute('/areaLoginDetail')" 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('/areaLoginDetail?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 class="chart-content"></div> <div class="chart-content"></div>
</div> </div>
......
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