首页,添加消息更新弹窗

src/views/index/shouye.vue

 <template>
   <div id="home">
+    <div id="xxts">
+      <el-dialog :visible.sync="centerDialogVisible" width="50%">
+        <!-- 更新的内容 start -->
+        <div id="spanYs">
+          <span
+            style="font-size: 18px;font-weight: bold;margin-top: -27px;margin-bottom: 15px;margin-left: 39%;"
+          >
+            版本升级通知
+          </span>
+          <span style="font-size: 15px;font-weight: 900;">
+            1.本单位线索和上级下发线索增加操作标识
+          </span>
+          <span style="text-indent: 2em;">
+            1.1
+            补充的新线索增加“线索信息有补充，请注意查收”的标识、待签收的线索增加“待签收”的标识、下级办结反馈增加“办结反馈”的标识、核查反馈不通过增加“反馈审批不通过”的标识
+          </span>
+          <span style="font-size: 15px;font-weight: 900;">
+            2. 用户近期操作、修改过的线索置顶
+          </span>
+          <span style="text-indent: 2em;">
+            2.1
+            本单位线索中，当本单位用户做如下操作时线索置顶：指令拟办意见提请审批、指令拟办意见审批、下达指令、办结反馈审核、阶段反馈审核、反馈拟办意见提请审批、反馈拟办意见审批、反馈回报、线索核查
+          </span>
+          <span style="text-indent: 2em;">
+            2.2
+            本单位线索中，当下级单位用户做如下操作时线索置顶：办结反馈、阶段反馈
+          </span>
+          <span style="text-indent: 2em;">
+            2.3
+            上级下发线索中，当上级用户做如下操作时线索置顶：办结反馈审核、阶段反馈审核、回报
+          </span>
+          <span style="text-indent: 2em;">
+            2.4
+            上级下发线索中，当本级用户做如下操作时线索置顶：指令拟办意见提请审批、指令拟办意见审批、下达指令、办结反馈、办结反馈审核、阶段反馈、阶段反馈审核、反馈拟办意见提请审批、反馈拟办意见审批、反馈回报
+          </span>
+          <span style="text-indent: 2em;">
+            2.5
+            上级下发线索中，当下级用户做如下操作时线索置顶：办结反馈、阶段反馈
+          </span>
+          <span style="font-size: 15px;font-weight: 900;">
+            3. 案件管理模块中的三书一函可提取excel表格内容
+          </span>
+        </div>
+        <!-- end -->
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="centerDialogVisible = false">关 闭</el-button>
+        </span>
+      </el-dialog>
+    </div>
     <!-- <div class="header">
       <div class="title">
         <img src="../../assets/img/Login/jh.png" />
@@ -24,7 +73,6 @@
         </div>
       </div>
     </div> -->
-
     <el-dialog custom-class="msgDialog" :visible.sync="dialogTableVisible">
       <template #title>
         <i class="iconfont iconxiaoxizhongxin msgIcon" />
@@ -1547,7 +1595,7 @@ export default {
           disabled: false
         }
       ],
-
+      centerDialogVisible: true, // 更新消息的显示
       SjTotal: {},
       dspaj: '',
       dspBdw: '',
@@ -4884,6 +4932,36 @@ export default {
 </style>
 <style lang="scss" scoped>
 #home {
+  #xxts {
+    #spanYs {
+      padding: 44px 20px 10px;
+      span {
+        display: block;
+        line-height: 33px;
+      }
+    }
+    /deep/.el-dialog {
+      border-radius: 12px;
+    }
+    /deep/.el-dialog__header {
+      background: #0d8bfd;
+      display: none;
+    }
+    /deep/.el-dialog__body {
+      padding: 20px;
+      padding-top: 0;
+      padding-bottom: 5px;
+      color: #606266;
+      word-break: break-all;
+      height: 100%;
+    }
+    /deep/.el-dialog__title {
+      line-height: 24px;
+      font-size: 18px;
+      color: #303133;
+      font-weight: bold;
+    }
+  }
   .hoverBlue {
     cursor: pointer;
     color: #0070f4;