From a2441175073f8b09a7eff29effd7e3e617de2f7d Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期四, 06 六月 2024 18:23:01 +0800
Subject: [PATCH] Merge branch 'master' of http://www.beijingsoft.cn:9090/r/smart-web

---
 src/views/home/widgets/components/welcome.vue |   95 +++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 90 insertions(+), 5 deletions(-)

diff --git a/src/views/home/widgets/components/welcome.vue b/src/views/home/widgets/components/welcome.vue
index 1c7fe96..073f438 100644
--- a/src/views/home/widgets/components/welcome.vue
+++ b/src/views/home/widgets/components/welcome.vue
@@ -1,10 +1,50 @@
+<!--
+ * @Author: lzhe lzhe@example.com
+ * @Date: 2024-04-16 15:22:46
+ * @LastEditors: lzhe lzhe@example.com
+ * @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>
@@ -14,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;
+					}
+				})
 			}
 		}
 	}
@@ -34,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>

--
Gitblit v1.9.3