奇淼（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