!1216 前端:首页插件:更新记录前10条

Merge pull request !1216 from IMaster/N/A

Web/src/views/home/widgets/components/commit.vue

@@ -0,0 +1,52 @@
+<template>
+	<el-card shadow="hover" header="更新记录">
+		<div class="commit">
+			<el-timeline style="max-width: 600px" v-if="state.list.length > 0">
+				<el-timeline-item v-for="(item, index) in state.list" :key="index" :timestamp="item.commit.committer.date">
+					<el-link :href="item.html_url" target="_blank"> {{ item.commit.message }}</el-link>
+				</el-timeline-item>
+			</el-timeline>
+			<el-empty v-else description="空"></el-empty>
+		</div>
+	</el-card>
+</template>
+
+<script lang="ts">
+export default {
+	title: '更新记录',
+	icon: 'ele-Message',
+	description: '当前项目更新记录',
+};
+</script>
+
+<script setup lang="ts" name="commit">
+import { reactive, onMounted } from 'vue';
+const state = reactive({
+	list: [],
+});
+onMounted(() => {
+	axios({
+		method: 'get',
+		url: 'https://gitee.com/api/v5/repos/zuohuaijun/Admin.NET/commits',
+		params: {
+			page: 1,
+			per_page: 10,
+		},
+	}).then((res) => {
+		state.list = res.data;
+	});
+});
+</script>
+
+<style scoped>
+.progress {
+	text-align: center;
+}
+.progress .percentage-value {
+	font-size: 28px;
+}
+.progress .percentage-label {
+	font-size: 12px;
+	margin-top: 10px;
+}
+</style>

Web/src/views/home/widgets/index.vue

@@ -178,7 +178,7 @@ const availableCompsList = computed(() => {
 });
 
 const myCompsList = computed(() => {
-	const myGrid = Local.get('DASHBOARDGRID') || ['welcome', 'myapp', 'ver', 'timeing', 'progressing', 'echarts', 'about'];
+	const myGrid = Local.get('DASHBOARDGRID') || ['welcome', 'myapp', 'ver', 'timeing', 'progressing', 'echarts', 'about', 'commit'];
 	return availableCompsList.value.filter((comp) => !comp.disabled && myGrid.includes(comp.key));
 });