奇淼（piexlmax
3 years ago
committed by
GitHub
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 9431 additions and 128 deletions
-
10server/initialize/router.go
-
41web/package-lock.json
-
2web/package.json
-
BINweb/src/assets/dashbord.png
-
143web/src/components/dashbordCharts/echartsLine.vue
-
53web/src/components/dashbordTable/dashbordTable.vue
-
324web/src/view/dashboard/index.vue
-
8986web/yarn.lock
|
After Width: 700 | Height: 700 | Size: 70 KiB |
@ -0,0 +1,143 @@ |
|||||
|
<template> |
||||
|
<div class="dashbord-line-box"> |
||||
|
<div class="dashbord-line-title">Gva 仓库commit 记录</div> |
||||
|
<div |
||||
|
ref="echart" |
||||
|
class="dashbord-line" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import echarts from 'echarts' |
||||
|
require('echarts/theme/macarons') |
||||
|
|
||||
|
var dataAxis = [] |
||||
|
for (var i = 1; i < 21; i++) { |
||||
|
dataAxis.push(`${i}号`) |
||||
|
} |
||||
|
var data = [ |
||||
|
220, |
||||
|
182, |
||||
|
191, |
||||
|
234, |
||||
|
290, |
||||
|
330, |
||||
|
310, |
||||
|
123, |
||||
|
442, |
||||
|
321, |
||||
|
90, |
||||
|
149, |
||||
|
210, |
||||
|
122, |
||||
|
133, |
||||
|
334, |
||||
|
198, |
||||
|
123, |
||||
|
125, |
||||
|
220, |
||||
|
] |
||||
|
var yMax = 500 |
||||
|
var dataShadow = [] |
||||
|
|
||||
|
// eslint-disable-next-line no-redeclare |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
dataShadow.push(yMax) |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
name: 'Line', |
||||
|
data() { |
||||
|
return { |
||||
|
chart: null, |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.initChart() |
||||
|
}) |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
if (!this.chart) { |
||||
|
return |
||||
|
} |
||||
|
this.chart.dispose() |
||||
|
this.chart = null |
||||
|
}, |
||||
|
methods: { |
||||
|
initChart() { |
||||
|
this.chart = echarts.init(this.$refs.echart, 'macarons') |
||||
|
this.setOptions() |
||||
|
}, |
||||
|
setOptions() { |
||||
|
this.chart.setOption({ |
||||
|
xAxis: { |
||||
|
data: dataAxis, |
||||
|
axisTick: { |
||||
|
show: false, |
||||
|
}, |
||||
|
axisLine: { |
||||
|
show: false, |
||||
|
}, |
||||
|
z: 10, |
||||
|
}, |
||||
|
yAxis: { |
||||
|
axisLine: { |
||||
|
show: false, |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false, |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
textStyle: { |
||||
|
color: '#999', |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
dataZoom: [ |
||||
|
{ |
||||
|
type: 'inside', |
||||
|
}, |
||||
|
], |
||||
|
series: [ |
||||
|
{ |
||||
|
type: 'bar', |
||||
|
itemStyle: { |
||||
|
borderRadius: [5, 5, 0, 0], |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
||||
|
{ offset: 0, color: '#83bff6' }, |
||||
|
{ offset: 0.5, color: '#188df0' }, |
||||
|
{ offset: 1, color: '#188df0' }, |
||||
|
]), |
||||
|
}, |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
||||
|
{ offset: 0, color: '#2378f7' }, |
||||
|
{ offset: 0.7, color: '#2378f7' }, |
||||
|
{ offset: 1, color: '#83bff6' }, |
||||
|
]), |
||||
|
}, |
||||
|
}, |
||||
|
data: data, |
||||
|
}, |
||||
|
], |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.dashbord-line-box { |
||||
|
padding: 20px; |
||||
|
.dashbord-line { |
||||
|
background-color: #fff; |
||||
|
height: 360px; |
||||
|
width: calc(100% - 40px); |
||||
|
} |
||||
|
.dashbord-line-title { |
||||
|
color: rgb(56, 137, 206); |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,53 @@ |
|||||
|
<template> |
||||
|
<div class="commit-table"> |
||||
|
<div class="commit-table-title">Gva 仓库commit 记录</div> |
||||
|
<el-table v-loading="loading" :data="dataTimeline" style="width: 100%"> |
||||
|
<el-table-column prop="from" show-overflow-tooltip label="日期" width="180" /> |
||||
|
<el-table-column prop="title" show-overflow-tooltip label="推送者" width="120" /> |
||||
|
<el-table-column prop="message" show-overflow-tooltip label="commit 信息" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Commits } from '@/api/github' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
loading: true, |
||||
|
dataTimeline: [], |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.loadCommits() |
||||
|
}, |
||||
|
methods: { |
||||
|
loadCommits() { |
||||
|
Commits(0).then(({ data }) => { |
||||
|
this.loading = false |
||||
|
data.forEach((element, index) => { |
||||
|
if (element.commit.message && index < 6) { |
||||
|
this.dataTimeline.push({ |
||||
|
from: new Date(element.commit.author.date), |
||||
|
title: element.commit.author.name, |
||||
|
showDayAndMonth: true, |
||||
|
message: element.commit.message, |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.commit-table{ |
||||
|
padding: 20px; |
||||
|
background-color: #fff; |
||||
|
height: 400px; |
||||
|
&-title{ |
||||
|
color: rgb(56,137,206); |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
8986
web/yarn.lock
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Write
Preview
Loading…
Cancel
Save
Reference in new issue