营地通知更改

src/views/index/camp/SignUp.vue

@@ -50,6 +50,28 @@
       center
     > -->
 
+    <!-- 营地通知 消息列表 -->
+    <el-dialog
+      v-if="!$store.state.human == 1"
+      style="font-size: 26px"
+      class="infoList"
+      title="营地通知"
+      :visible.sync="dialogVisibleList"
+      width="520px"
+      center
+    >
+      <div class="msg">
+        <div class="title">通知栏标题 邀请您的参与</div>
+        <div class="time">2022-8-1</div>
+        <div class="msg_content">
+          近日，营地工作组收到部分中学师生反映有机构及个人以高出营地费用的价格出售营地活动名额。
+          对此，营地工作组严正声明如下：营地工作组从未授权任何单位、媒体、机构或个人举办营利性商业讲座、培训班、训练营或其他形式的营地招生活动。工作组对有违规操作行为的机构或个人保留追究法律责任的权利。
+        </div>
+      </div>
+      <el-checkbox v-model="checked">不再提示</el-checkbox>
+    </el-dialog>
+
+    <!-- 营地通知 详情内容 -->
     <el-dialog
       v-if="!$store.state.human == 1"
       style="font-size: 26px"
@@ -143,6 +165,8 @@ export default {
       invitation_code: "", //邀请码
       dialogVisible: false, //营地声明弹窗
       yingdiHref: "", //营地声明链接
+      dialogVisibleList: true, //营地通知列表弹窗
+      checked: false, //不再提示（选框）
     };
   },
   created() {
@@ -154,7 +178,7 @@ export default {
       "camp_statement" + this.$store.state.indexIdentity
     );
     if (!camp_statement) {
-      this.dialogVisible = true; //营地声明弹窗
+      this.dialogVisibleList = true; //营地通知列表弹窗
       window.localStorage.setItem(
         "camp_statement" + this.$store.state.indexIdentity,
         "1"
@@ -389,15 +413,52 @@ export default {
     padding: 50px 55px;
   }
 }
-// 声明
 
+// 营地通知列表
+.infoList {
+  .el-dialog__header {
+    margin: 30px 20px 0 20px;
+    .el-dialog__title {
+      font-size: 24px;
+    }
+  }
+  .el-dialog__body {
+    padding: 0;
+  }
+  div {
+    // font-size: 16px;
+    line-height: 27px;
+  }
+  .msg {
+    background-color: #f2f2f2;
+    padding: 10px 15px;
+    .title {
+      font-size: 17px;
+      font-weight: 600;
+    }
+    .time {
+      font-size: 15px;
+      color: #a9a9a9;
+    }
+    .msg_content {
+      font-size: 15px;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      -o-text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+}
+
+// 营地通知声明
 .info {
   .el-dialog__header {
-    padding: 30px 20px 0 20px;
+    margin: 30px 20px 0 20px;
     .el-dialog__title {
       font-size: 24px;
     }
   }
+
   div {
     font-size: 17px;
     line-height: 30px;