From e989669082c0a5f0d116961567052d618bd8f678 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期四, 06 六月 2024 23:12:39 +0800
Subject: [PATCH] 完善工厂文件
---
src/views/home/widgets/components/welcome.vue | 139 +++++++++++++++++++++++++++++++++------------
1 files changed, 101 insertions(+), 38 deletions(-)
diff --git a/src/views/home/widgets/components/welcome.vue b/src/views/home/widgets/components/welcome.vue
index b1bf536..073f438 100644
--- a/src/views/home/widgets/components/welcome.vue
+++ b/src/views/home/widgets/components/welcome.vue
@@ -1,59 +1,122 @@
+<!--
+ * @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="welcome">
- <div class="logo">
- <img src="img/logo.png">
- <h2>娆㈣繋浣撻獙 SCUI</h2>
- </div>
- <div class="tips">
- <div class="tips-item">
- <div class="tips-item-icon"><el-icon><el-icon-menu/></el-icon></div>
- <div class="tips-item-message">杩欓噷鏄」鐩帶鍒跺彴锛屼綘鍙互鐐瑰嚮鍙充笂鏂圭殑鈥滆嚜瀹氫箟鈥濇寜閽潵娣诲姞绉婚櫎鎴栬�呯Щ鍔ㄩ儴浠躲��</div>
+ <el-card shadow="hover" header="鍏憡">
+ <div class="announcement">
+ <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>
- <div class="tips-item">
- <div class="tips-item-icon"><el-icon><el-icon-promotion/></el-icon></div>
- <div class="tips-item-message">鍦ㄦ彁楂樺墠绔畻鍔涖�佸噺灏戝甫瀹借姹傚拰浠ｇ爜鎵ц鍔涗笂澶氭浼樺寲锛屽苟涓旀寔缁潃銆�</div>
- </div>
- <div class="tips-item">
- <div class="tips-item-icon"><el-icon><el-icon-milk-tea/></el-icon></div>
- <div class="tips-item-message">椤圭洰鐩殑锛氳鍓嶇宸ヤ綔鏇村揩涔�</div>
- </div>
+ <span>{{item.updateTime}}</span>
</div>
- <div class="actions">
- <el-button type="primary" icon="el-icon-check" size="large" @click="godoc">鏂囨。</el-button>
- </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>
export default {
- title: "娆㈣繋",
- icon: "el-icon-present",
- description: "椤圭洰鐗硅壊浠ュ強鏂囨。閾炬帴",
+ title: "鍏憡",
+ icon: "el-icon-setting",
+ 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;
+ }
+ })
}
}
}
</script>
<style scoped>
- .welcome {}
- .welcome .logo {text-align: center;}
- .welcome .logo img {vertical-align: bottom;width: 100px;height: 100px;margin-bottom: 20px;}
- .welcome .logo h2 {font-size: 30px;font-weight: normal;display: flex;align-items: center;justify-content: center;}
-
- .tips {margin-top: 20px;padding:0 40px;}
- .tips-item {display: flex;align-items: center;justify-content: center;padding:7.5px 0;}
- .tips-item-icon {width: 40px;height:40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;margin-right: 20px;color: var(--el-color-primary);background: rgba(180,180,180,0.1);}
- .tips-item-message {flex: 1;font-size: 14px;}
-
- .actions {text-align: center;margin: 40px 0 20px 0;}
+ .announcement {
+ text-align: center;
+ }
+ .announcement img {
+ text-align: center;
+ 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