From 4c810c1feb3f78c458084d73e89adc6c4f2256f1 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期四, 06 六月 2024 18:22:55 +0800
Subject: [PATCH] 1
---
src/views/home/widgets/components/welcome.vue | 89 +++++++++++++++++++++++++++++++++++++++++---
src/views/home/widgets/echarts.vue | 0
2 files changed, 83 insertions(+), 6 deletions(-)
diff --git a/src/views/home/widgets/components/welcome.vue b/src/views/home/widgets/components/welcome.vue
index c22f2bc..073f438 100644
--- a/src/views/home/widgets/components/welcome.vue
+++ b/src/views/home/widgets/components/welcome.vue
@@ -2,17 +2,49 @@
* @Author: lzhe lzhe@example.com
* @Date: 2024-04-16 15:22:46
* @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-06-05 11:36:56
+ * @LastEditTime: 2024-06-06 16:17:02
* @FilePath: /src/views/home/widgets/components/welcome.vue
* @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<el-card shadow="hover" header="鍏憡">
<div class="announcement">
- <!-- <img src="./quesheng.bd026700.png"> -->
- <div>鏆傛棤鍐呭</div>
+ <div v-if="noticeList.length != 0" v-for="item in noticeList" class="mesg">
+ <div>
+ <span>{{item.categoryName}}</span>
+ <span @click="showDialog(item)">{{item.title}}</span>
+ </div>
+ <span>{{item.updateTime}}</span>
+ </div>
+ <div v-if="noticeList.length == 0">鏆傛棤鍐呭</div>
</div>
</el-card>
+ <el-dialog title="鏌ョ湅" v-model="visible" :width="600" destroy-on-close>
+ <el-form :model="viewNoticeForm" :disabled="mode=='show'" ref="dialogForm" label-width="80px" label-position="center">
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="閫氱煡鏍囬">
+ <span>{{viewNoticeForm.title}}</span>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="閫氱煡绫诲瀷">
+ <span>{{viewNoticeForm.categoryName}}</span>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="閫氱煡鏃堕棿">
+ <span>{{viewNoticeForm.updateTime}}</span>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="閫氱煡鍐呭">
+ <div v-html="viewNoticeForm.content"></div>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </el-dialog>
</template>
<script>
@@ -22,12 +54,35 @@
description: "绯荤粺鍐呴�氱煡銆佸叕鍛婇�氱煡蹇�熸煡鐪�",
data() {
return {
-
+ viewNoticeForm: {
+ title: "",
+ categoryName: "",
+ updateTime: "",
+ content: ""
+ },
+ mode: "show",
+ visible: false,
+ noticeList: []
}
},
+ mounted() {
+ this.showDetail();
+ },
methods: {
- godoc(){
- window.open("https://lolicode.gitee.io/scui-doc/")
+ showDialog(item) {
+ this.$HTTP.get(`/api/blade-notify/notice/detail?id=${item.id}`).then(res=> {
+ if(res.code == 200) {
+ this.visible = true;
+ this.viewNoticeForm = res.data;
+ }
+ })
+ },
+ showDetail(){
+ this.$HTTP.get("/api/blade-notify/notice/page?current=1&size=-1").then(res=> {
+ if(res.code == 200) {
+ this.noticeList = res.data.records;
+ }
+ })
}
}
}
@@ -42,4 +97,26 @@
width:150px;
height:150px;
}
+ .mesg {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 12px;
+ }
+ .mesg > div {
+ padding-left: 12px;
+ }
+ .mesg > div span:nth-child(1) {
+ margin-right: 12px;
+ padding: 0 10px;
+ border: 1px solid #94c4f6;
+ background-color: #e5ecf4;
+ }
+ .mesg > div span:nth-child(2) {
+ font-weight: bold;
+ cursor: pointer;
+ font-size: 14px;
+ }
+ .mesg > span {
+ padding-right: 12px;
+ }
</style>
diff --git a/src/views/home/widgets/components/echarts.vue b/src/views/home/widgets/echarts.vue
similarity index 100%
rename from src/views/home/widgets/components/echarts.vue
rename to src/views/home/widgets/echarts.vue
--
Gitblit v1.9.3