From 70b128785737df0d6065b09a75cf79b49efe22fa Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期三, 24 四月 2024 15:41:25 +0800 Subject: [PATCH] 优化滚动分页,封装组件, --- src/components/view/notice-detail.vue | 30 +++++++++++++++++++----------- 1 files changed, 19 insertions(+), 11 deletions(-) diff --git a/src/components/view/notice-detail.vue b/src/components/view/notice-detail.vue index 8b11683..65e5518 100644 --- a/src/components/view/notice-detail.vue +++ b/src/components/view/notice-detail.vue @@ -1,22 +1,22 @@ <template> <div class="notice-detail-page"> <div class="notice-detail-head"> - <h4 style="margin-bottom: 16px;">娑堟伅涓婚</h4> + <h4 style="margin-bottom: 16px;">{{ noticeInfo.theme }}</h4> <p style="font-size: 12px;color: #999;margin-bottom: 20px;"> <!-- <span>娑堟伅绫诲瀷锛氬鎵� </span> --> - <span>鍙戦�佷汉锛�111 </span> + <span>鍙戦�佷汉锛歿{ noticeInfo.createUser }} </span> <span> </span> - <span>鏀朵欢浜猴細111</span> + <span>鏀朵欢浜猴細{{ noticeInfo.consigneeUser }}</span> <span> </span> - <span>鍙戜欢鏃堕棿锛�111</span> + <span>鍙戜欢鏃堕棿锛歿{ noticeInfo.createTime }}</span> </p> <div class="notice-detail-head-content"> <label>鍐呭锛�</label> - <div></div> + <div>{{ noticeInfo.content }}</div> </div> </div> - <div class="info-box"> - <component class="notice-content" :is="noticeInfo.u" style="height: 500px;"> + <div class="info-box" v-if="noticeInfo.jumpPath"> + <component class="notice-content" :is="noticeInfo.jumpPath" style="height: 500px;" > </component> </div> </div> @@ -37,11 +37,19 @@ components: comObj, data() { return{ - noticeInfo:{ - u:'b1-report-preparation' - }, + noticeInfo:{}, } - } + }, + created(){ + this.noticeInfo = JSON.parse(sessionStorage.getItem("noticeInfo")); + }, + mounted(){ + this.noticeInfo = JSON.parse(sessionStorage.getItem("noticeInfo")); + this.$bus.$on("change", (msg) => { + this.noticeInfo = JSON.parse(msg); + sessionStorage.setItem("noticeInfo", msg); + }); + }, } </script> -- Gitblit v1.9.3