临时增加引导页显示

src/views/portal/user/Message.vue

@@ -3,7 +3,7 @@
     <!-- <Remark>
       <ul>
         <li>个人觉得以单选框的形式展现应该是勾选条件而不是查询条件</li>
-      </ul>  
+      </ul>
     </Remark>
     <portal-header :goSearch="10"></portal-header> -->
     <div class=" portal-content">
@@ -23,6 +23,26 @@
       </div>
       <div style="background-color: #FFFFFF;min-height: 600px;">
         <p v-if="data.length == 0" style="line-height:30px;text-align: center;">暂无消息</p>
+
+
+        <!-- 临时增加，上线一段时间后删除   开始 -->
+        <div class="msg-list">
+          <a href="javascript:void(0);">
+          <div class="msg-top">
+            <div>
+              <span style="padding-right: 10px;"><el-checkbox disabled></el-checkbox></span>
+              <span @click="showGuideDialog()">系统消息</span>
+            </div>
+          </div>
+          <div class="msg-body" @click="showGuideDialog()">
+            <div class="msg-body-content">新版本上线！点击此处查看功能介绍</div>
+          </div>
+          <div class="msg-time">2022-10-20 10:21:50</div>
+          </a>
+        </div>
+        <!-- 临时增加，上线一段时间后删除   结束 -->
+
+
         <div  class="msg-list" v-for="(item, index) in data" :key="index">
           <a :href="returnRouter(item)">
           <div class="msg-top">
@@ -65,6 +85,7 @@
       <!-- <div class="pagination-div" v-if="queryData.pageIndex < totalPages"><span class="pag-text" @click="loadMore()">加载更多</span></div> -->
     </div>
     <!-- <portal-footer></portal-footer> -->
+    <guide-box ref="guide"></guide-box> <!-- 引导页 -->
   </div>
 </template>
 
@@ -72,10 +93,15 @@
 import { mapGetters } from 'vuex';
 import portalHeader from '@/components/PortalHeader.vue';
 import portalFooter from '@/components/PortalFooter.vue';
+import GuideBox from '@/components/Portal/guideBox.vue'
 import apiMessage from '@/api/system/message.js';
 export default {
   name: 'answer',
-  components: { portalHeader, portalFooter },
+  components: {
+    portalHeader,
+    portalFooter,
+    GuideBox
+  },
   computed: {
     ...mapGetters(['userInfo'])
   },
@@ -234,6 +260,13 @@ export default {
     filterContent(content) {
       return content.split('-');
     },
+
+    // 弹出新功能引导页弹窗事件(临时)
+    showGuideDialog(){
+      this.$refs.guide.guideCollection = true;
+    },
+
+
     // 跳转详情事件11
     returnRouter(item) {
       if (item.refType == 2) {
@@ -299,7 +332,7 @@ export default {
     }
     .msg-body-but{
       margin-left: auto;
-     
+
       button{
          width: 88px;
          height: 32px;