Skip to content

H
haoban-3
Commit e5eb3dc4 by 无尘
Options

feat: 增加数据首页

parent b0453986
Showing with 46 additions and 10 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.59d6b5878fa8741daf74abc5e5cfb91a.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.d53869f4e40c99eb29c4.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.c8f18437bca3511cc83b.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.4ce305b3c456bbb1c727e9e41420d885.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.be6857ecca85478b53d9.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.85f066457752d2e203c7.js></script></body></html>
\ No newline at end of file
dist/static/js/manifest.d53869f4e40c99eb29c4.js → dist/static/js/manifest.be6857ecca85478b53d9.js
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,f,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 f)Object.prototype.hasOwnProperty.call(f,r)&&(e[r]=f[r]);for(a&&a(c,f,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=b(b.s=n[i]);return o};var c={},d={87:0};function b(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,b),d.l=!0,d.exports}b.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,b){a=d[e]=[c,b]});a[2]=c;var f=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,b.nc&&n.setAttribute("nonce",b.nc),n.src=b.p+"static/js/"+e+"."+{0:"e30cf8a56a18238be7fb",1:"954a8a70c5f1171933ac",2:"2025d32c544f960c7161",3:"3824d1e4224d10e42995",4:"7fb54b0d6edc84c910b5",5:"d493a299eefcfbd9f885",6:"987ab930d70320e9de11",7:"66113db36be47feb5214",8:"6688862270a7a115521b",9:"3911c71e388f1d362c32",10:"ba45ab3ce5ecc5a4c375",11:"9df38f563e2591582f15",12:"e8ae0fe8d3d3148539ab",13:"b68bb1ad2ae5e55de8a9",14:"353532fc7c9d7e93176c",15:"55cc0d824132bba6ac8e",16:"6f8db89af913d5686aa4",17:"9a8169c9d0ae5a0aea62",18:"b070df09cefa0c00a67f",19:"8a286a4abb6b22998963",20:"ed8ea4b44e9f01a33577",21:"014d8a819156c10c014d",22:"2ed939fb696d6add98b8",23:"0701e07f97c5ea8c69f9",24:"58659b3ecef2e163ec96",25:"7a6f156b59558add0546",26:"57cc5f0a703b8cf47b76",27:"9f235e8789d5ff955176",28:"6b93822a842d19bde113",29:"31b76e28ebb4757dad98",30:"086da9842cf469ad0d5c",31:"ebd10d097aea3d81ed2b",32:"31154f7030b9a1a9f674",33:"ed8ea685dd0104c93851",34:"2fb0e71514d507a9d1b9",35:"bbe72f0809a142bfe710",36:"952919531e28d6d4e7c1",37:"9afd59e1c01891014c41",38:"7630b4dd3d365aefa3f7",39:"82e614b90e24daf180b2",40:"f45539bea2a7a65f77c2",41:"a0a94426f7f48ef15d5a",42:"2bde82b02a025de815ad",43:"372babcd1e64e88e76cf",44:"1f9fe7c26a400d9c6ab4",45:"94833f79e4bb61ea7715",46:"621d44a3da9b0ac9a6b9",47:"e948e5befd673655a94d",48:"4e9d9d5369a0b54095cb",49:"58ee00d4f47a32a7b23e",50:"d3b828f510b0ac9c3496",51:"8d3bc732a698489ca3ae",52:"a19fbe7202293c086e75",53:"3c6a83b6587b5b785cd3",54:"10ecc7ed2ff70a3e11be",55:"4c061a3b094bc2639661",56:"8c84d9b77557a360377b",57:"77b0002286b2ca8a5b3b",58:"e74a0a414acfdccba9cb",59:"44a27740803f723b9a9d",60:"6317369c9d3409692e42",61:"2e48b9d3256cb7f54155",62:"306973a81895e421b5f5",63:"74b1214cf352e180b2fd",64:"ce47df8c66d7e5245d4c",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=d[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,f.appendChild(n),c},b.m=e,b.c=c,b.d=function(e,a,c){b.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},b.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(a,"a",a),a},b.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},b.p="./",b.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!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:"2025d32c544f960c7161",3:"3824d1e4224d10e42995",4:"7fb54b0d6edc84c910b5",5:"d493a299eefcfbd9f885",6:"987ab930d70320e9de11",7:"66113db36be47feb5214",8:"6688862270a7a115521b",9:"3911c71e388f1d362c32",10:"da9deef952e58f6c61fb",11:"03c37101384d7f8451c2",12:"e8ae0fe8d3d3148539ab",13:"b68bb1ad2ae5e55de8a9",14:"353532fc7c9d7e93176c",15:"55cc0d824132bba6ac8e",16:"6f8db89af913d5686aa4",17:"9a8169c9d0ae5a0aea62",18:"b070df09cefa0c00a67f",19:"8a286a4abb6b22998963",20:"ed8ea4b44e9f01a33577",21:"014d8a819156c10c014d",22:"2ed939fb696d6add98b8",23:"0701e07f97c5ea8c69f9",24:"58659b3ecef2e163ec96",25:"7a6f156b59558add0546",26:"57cc5f0a703b8cf47b76",27:"9f235e8789d5ff955176",28:"6b93822a842d19bde113",29:"31b76e28ebb4757dad98",30:"086da9842cf469ad0d5c",31:"ebd10d097aea3d81ed2b",32:"31154f7030b9a1a9f674",33:"ed8ea685dd0104c93851",34:"2fb0e71514d507a9d1b9",35:"bbe72f0809a142bfe710",36:"952919531e28d6d4e7c1",37:"9afd59e1c01891014c41",38:"7630b4dd3d365aefa3f7",39:"82e614b90e24daf180b2",40:"f45539bea2a7a65f77c2",41:"a0a94426f7f48ef15d5a",42:"2bde82b02a025de815ad",43:"372babcd1e64e88e76cf",44:"1f9fe7c26a400d9c6ab4",45:"94833f79e4bb61ea7715",46:"621d44a3da9b0ac9a6b9",47:"e948e5befd673655a94d",48:"4e9d9d5369a0b54095cb",49:"58ee00d4f47a32a7b23e",50:"d3b828f510b0ac9c3496",51:"8d3bc732a698489ca3ae",52:"a19fbe7202293c086e75",53:"3c6a83b6587b5b785cd3",54:"10ecc7ed2ff70a3e11be",55:"4c061a3b094bc2639661",56:"8c84d9b77557a360377b",57:"77b0002286b2ca8a5b3b",58:"e74a0a414acfdccba9cb",59:"44a27740803f723b9a9d",60:"6317369c9d3409692e42",61:"2e48b9d3256cb7f54155",62:"306973a81895e421b5f5",63:"74b1214cf352e180b2fd",64:"ce47df8c66d7e5245d4c",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=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
src/components/login-data/total-preview.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2018-10-10 14:44:45
* @LastEditors: 无尘
* @LastEditTime: 2020-07-02 10:04:35
* @LastEditTime: 2020-07-02 10:12:11
-->
<!--
......@@ -90,6 +90,7 @@
<div class="font-28 color-303133 cell-value font-din"></div>
</div>
</div>
<div class="to-link-icon"><span></span></div>
</li>
</ul>
</template>
......@@ -136,6 +137,7 @@ export default {
margin-left: 20px;
}
.data-total-cell {
position: relative;
min-width: 190px;
height: 96px;
background: rgba(255, 255, 255, 1);
......@@ -162,5 +164,12 @@ export default {
color: #fff;
}
}
.to-link-icon {
position: absolute;
top: 20px;
right: 20px;
width: 24px;
height: 24px;
}
}
</style>
src/views/enterpriseData/enterpriseUseData.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘
* @LastEditTime: 2020-07-02 09:51:44
* @LastEditTime: 2020-07-02 10:28:57
-->
<template>
<div class="my-customer-wrap common-set-wrap">
......@@ -33,9 +33,27 @@
<div class="data-total-view m-t-20">
<total-preview :loginData="loginData"></total-preview>
</div>
<div class="chart-body m-t-20"></div>
<div class="m-t-20"></div>
<div class="chart-body m-t-20">
<div class="chart-wrap flex flex-space-between">
<div class="chart-left flex-1">
<div class="chart-top flex flex-space-between">
<div>
<div :class="['font-14 ', tabActive == 1 ? 'color-303133' : 'color-909399']" @click="changeTab('1')">日访问趋势</div>
<div :class="['font-14 ', tabActive == 2 ? 'color-303133' : 'color-909399']" @click="changeTab('2')">日时段访问趋势</div>
</div>
<div @click="changeRoute('/loginDetail')"><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>
<div class="chart-right flex-1 m-l-10">
<div class="chart-top flex flex-space-between">
<div class="font-14 color-303133">昨日区域登录统计</div>
<div @click="changeRoute('/areaLoginDetail')"><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>
</div>
</div>
</div>
</div>
</div>
......@@ -67,12 +85,21 @@ export default {
],
brandListData: [],
activeBrand: '',
loginData: {}
loginData: {},
tabActive: '1'
};
},
computed: {},
methods: {
/**
* 切换tab
*/
changeTab(val) {
const that = this;
that.tabActive = val;
// 重新获取数据
},
/**
* 选择品牌
*/
changeSelect(val) {
......
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