Skip to content

H
haoban-3
Commit 92f74750 by 无尘
Options

feat: 增加图表

parent 34f0b13c
Showing with 52 additions and 12 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.65e7adc7d64e284f2bf38caf19fb1a0d.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.353717179c1b5f38b1ad.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.dd830bb3e9f352c48d4c.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.65e7adc7d64e284f2bf38caf19fb1a0d.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.5b20ba408c265a9e51b8.js></script><script type=text/javascript src=./static/js/vendor.a8492ff9b5740480be69.js></script><script type=text/javascript src=./static/js/app.dda7f05c33d6718bbd10.js></script></body></html>
\ No newline at end of file
dist/static/js/3.f4ac57b0781ad3366df4.js → dist/static/js/2.4c1e294573563c51858e.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.a7de61b9f1d993a7984b.js → dist/static/js/3.ebe81a46762c42967ef2.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.353717179c1b5f38b1ad.js → dist/static/js/manifest.5b20ba408c265a9e51b8.js
!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:"a7de61b9f1d993a7984b",3:"f4ac57b0781ad3366df4",4:"25e790719f7fb938eabe",5:"c494953c1123837d5b0d",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:"e35ce4c75d7e22e24818",58:"9640edd79e307e97e96c",59:"9d332e3455c94f2fa146",60:"6317369c9d3409692e42",61:"2e48b9d3256cb7f54155",62:"306973a81895e421b5f5",63:"2a901ba07de88abf89f4",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
!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:"c494953c1123837d5b0d",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:"e35ce4c75d7e22e24818",58:"9640edd79e307e97e96c",59:"9d332e3455c94f2fa146",60:"6317369c9d3409692e42",61:"2e48b9d3256cb7f54155",62:"306973a81895e421b5f5",63:"2a901ba07de88abf89f4",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
src/components/login-data/active-chart.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-07-02 16:48:49
* @LastEditors: 无尘
* @LastEditTime: 2020-07-03 09:52:43
* @LastEditTime: 2020-07-03 10:09:17
-->
<!--
<active-chart :charData="charData" id="active-chart"></active-chart>
......@@ -58,12 +58,14 @@ export default {
container: this.id,
width: this.width,
autoFit: true,
height: 420
height: 420,
padding: [50, 30, 60, 60]
});
this.chart.source(this.charData);
this.chart.scale({
value: {
min: 0
min: 0,
nice: true
},
year: {
range: [0, 1]
......@@ -90,6 +92,11 @@ export default {
stroke: '#fff',
lineWidth: 1
});
this.chart.legend({
position: 'top-left', // 设置图例的显示位置
offsetX: 20,
itemGap: 20 // 图例项之间的间距
});
this.chart.render();
}
}
......
src/components/login-data/area-progress.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-07-02 16:48:49
* @LastEditors: 无尘
* @LastEditTime: 2020-07-03 09:52:54
* @LastEditTime: 2020-07-03 09:55:24
-->
<!--
<area-chart :charData="charData" id="a-chart"></area-chart>
......@@ -65,7 +65,8 @@ export default {
this.chart.source(this.charData);
this.chart.scale({
value: {
min: 0
min: 0,
nice: true
},
year: {
range: [0, 1],
......
src/views/enterpriseData/loginDetail.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘
* @LastEditTime: 2020-07-02 18:17:34
* @LastEditTime: 2020-07-03 10:14:35
-->
<template>
<div class="my-customer-wrap common-set-wrap">
......@@ -14,7 +14,12 @@
<div class="apps-content flex" style="min-height: calc(100vh - 104px);">
<div class="apps-content-right">
<div class="flex flex-space-between">
<div class="font-16 color-303133">近七天激活趋势</div>
<div class="font-16 color-303133">
<div class="flex">
<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>
</div>
<div role="alert" class="el-alert el-alert-tip el-alert--info flex flex-align-start w-426">
<i class="el-alert__icon el-icon-info font-12 color-2f54eb"></i>
<div class="el-alert__content">
......@@ -186,11 +191,24 @@ export default {
multipleSelection: [],
addShow: false,
loadingBtn: false,
selectRadio: 0
selectRadio: 0,
// tab
tabActive: '1'
};
},
computed: {},
methods: {
/**
* 切换tab
*/
changeTab(val) {
const that = this;
that.tabActive = val;
// 重新获取数据
},
/**
* 选择分组
*/
checkGroupIds: function(nodes) {
const that = this;
that.groupIds = nodes;
......@@ -439,4 +457,18 @@ export default {
}
}
}
.day-tend {
margin-left: 12px;
padding-left: 12px;
position: relative;
&::before {
content: '';
position: absolute;
left: 0;
top: 2px;
height: 13px;
width: 1px;
background: #dcdfe6;
}
}
</style>
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