完善消息

src/views/portal/user/Message.vue

@@ -25,7 +25,7 @@
         <p style="line-height:30px;text-align: center;">{{showMessage}}</p>
 
 
-        <!-- 临时增加，上线一段时间后删除   开始 -->
+        <!-- 临时增加，上线一段时间后删除   开始 
         <div class="msg-list">
           <a href="javascript:void(0);">
           <div class="msg-top">
@@ -40,7 +40,7 @@
           <div class="msg-time">2022-10-20 10:21:50</div>
           </a>
         </div>
-        <!-- 临时增加，上线一段时间后删除   结束 -->
+         -->
 
 
         <div class="msg-list">
@@ -48,9 +48,24 @@
           <div class="msg-top">
             <div>
               <span style="padding-right: 10px;"><el-checkbox disabled></el-checkbox></span>
-               <!-- <router-link to="../../user/Myresearch.vue" > -->
+              <span @click="showMsgDg()">系统消息</span>
+            </div>
+          </div>
+          <div class="msg-body" @click="dialogMsgVisible=true">
+            <div class="msg-body-content">新功能说明</div>
+          </div>
+          <div class="msg-time">2022-12-30 11:23:33</div>
+          </a>
+        </div>
+
+
+        <!--
+        <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="jumResearch()">系统消息</span>
-              <!-- </router-link> -->
             </div>
           </div>
           <div class="msg-body" @click="jumResearch()">
@@ -59,6 +74,9 @@
           <div class="msg-time">2022-11-23 12:40:50</div>
           </a>
         </div>
+        -->
+
+
 
         <div  class="msg-list" v-for="(item, index) in data" :key="index">
 
@@ -99,7 +117,43 @@
     </div>
     <!-- <portal-footer></portal-footer> -->
     <guide-box ref="guide"></guide-box> <!-- 引导页 -->
+
+
+    <!--  对话框 -->
+    <el-dialog :visible.sync="dialogMsgVisible" title="新功能说明" width="30%" append-to-body>
+      <div>
+        教师端：<br/>
+        1、支持个人授课记录/案例记录查询<br/>
+        2、支持个人修改/完善教师介绍并在个人主页中展示<br/>
+        <br/>
+        <br/>
+        管理员端：<br/>
+        1、新增学习路径图功能<br/>
+        2、新增学习项目功能<br/>
+        3、新增课程库功能<br/>
+        4、升级案例管理（设置优秀案例等）<br/>
+        5、升级考试功能（试题及提干支持图片，修改已发布考试的部分信息等)<br/>
+        6、课件支持 Scorm 格式<br/>
+        及上述功能配套的学员端功能<br/>
+        <br/>
+        <br/>
+        我们会在1月份提供线上操作培训及详细的使用手册，便于大家熟悉和使用新增功能。
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogMsgVisible = false" type="primary">关闭</el-button>
+        </span>
+      </template>
+    </el-dialog>
+
   </div>
+
+
+
+
+
+
+
 </template>
 
 <script>
@@ -120,6 +174,7 @@ export default {
   },
   data() {
     return {
+      dialogMsgVisible:false,
       queryData: {
         pageIndex: 1,
         pageSize: 6,
@@ -154,6 +209,9 @@ export default {
     this.isReadChooseList();
   },
   methods: {
+    showMsgDg(){
+      this.dialogMsgVisible = true;
+    },
     jumResearch(){
       this.$router.push('/user/research');
       // return this.webBaseUrl + '/src/views/user/myResearch.vue';