11

src/router/index/camp.js

@@ -30,6 +30,15 @@ export default [{
     meta: {
       title: '营地证书'
 
+    }
+  },
+  {
+    path: '/notify',
+    name: 'notify',
+    component: () => import('v/index/camp/notify.vue'),
+    meta: {
+      title: '营地通知'
+
     }
   }
 ]

src/views/index/camp/Homework.vue

 <template>
   <div class="homework">
     <div class="title">
-      <div
-  v-if="$store.state.human == 1"
-        class="homework_titile"
-      >
-        作业
-      </div>
+      <div v-if="$store.state.human == 1" class="homework_titile">作业</div>
       <div v-else class="homework_titile">营地作业</div>
     </div>
     <div class="content_empty" v-if="total <= 0">

src/views/index/camp/Index.vue

@@ -7,11 +7,7 @@
     <div class="com-container">
       <div class="index-container">
         <div>
-          <div
-   v-if="$store.state.human == 1"
-            class="camp_left"
-            ref="leftBoxFu"
-          >
+          <div v-if="$store.state.human == 1" class="camp_left" ref="leftBoxFu">
             <ul
               class="camp_left_box"
               ref="leftBox"
@@ -59,6 +55,7 @@
           </SignUp>
           <Homework v-if="this.campindex_type == 1"> </Homework>
           <Certificate v-if="this.campindex_type == 2"> </Certificate>
+          <Notify v-if="this.campindex_type == 3"> </Notify>
           <!-- <homeRefer v-if="this.homework_val == 3"> </homeRefer> -->
         </div>
       </div>
@@ -69,7 +66,6 @@
 
 <script>
 /* eslint-disable */
-
 import Header from "@/components/index/SignUp/Header.vue";
 import Footer from "@/components/index/Footer.vue";
 import svg1 from "@/assets/img/signUp/icon.svg";
@@ -78,6 +74,7 @@ import svg3 from "@/assets/img/signUp/icon-2.svg";
 import SignUp from "v/index/camp/SignUp";
 import Homework from "v/index/camp/Homework";
 import Certificate from "v/index/camp/Certificate";
+import Notify from "v/index/camp/notify";
 // import homeRefer from "v/index/camp/homework/refer";
 
 export default {
@@ -88,6 +85,7 @@ export default {
     SignUp,
     Homework,
     Certificate,
+    Notify,
     // homeRefer,
   },
   // props:{}
@@ -116,6 +114,12 @@ export default {
           icon: "icon-icon-2",
           url: svg3,
         },
+        {
+          id: "3",
+          desc: "营地通知",
+          icon: "icon-icon-2",
+          url: svg3,
+        },
       ],
       qinghuaTabs: [
         {
@@ -136,6 +140,12 @@ export default {
           icon: "icon-icon-2",
           url: svg3,
         },
+        {
+          id: "3",
+          desc: "营地通知",
+          icon: "icon-icon-2",
+          url: svg3,
+        },
       ],
 
       campindex_type: 0,
@@ -178,6 +188,8 @@ export default {
         this.$router.push("/homework?code=" + code);
       } else if (this.campindex_type == 2) {
         this.$router.push("/certificate?code=" + code);
+      } else if (this.campindex_type == 3) {
+        this.$router.push("/notify?code=" + code);
       }
     },
     onResize() {

src/views/index/camp/notify.vue

+<template>
+  <div class="notify">
+    <div class="no_title">
+      <div v-if="$store.state.human == 1" class="notify_titile">课程通知</div>
+      <div v-else class="notify_titile">营地通知</div>
+    </div>
+
+    <div class="content">
+      <div class="msg" @click="toMsgDetail">
+        <el-badge is-dot class="item title">通知栏标题 邀请您的参与</el-badge>
+        <div class="time">2022-8-1</div>
+        <div class="msg_content">
+          近日，营地工作组收到部分中学师生反映有机构及个人以高出营地费用的价格出售营地活动名额。
+          对此，营地工作组严正声明如下：营地工作组从未授权任何单位、媒体、机构或个人举办营利性商业讲座、培训班、训练营或其他形式的营地招生活动。工作组对有违规操作行为的机构或个人保留追究法律责任的权利。
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+/* eslint-disable */
+export default {
+  name: "notify",
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.notify {
+  .no_title {
+    padding: 50px 50px 0 50px;
+    .notify_titile {
+      font-size: 24px;
+      font-weight: 500;
+      color: #1b1419;
+      line-height: 24px;
+      margin-bottom: 40px;
+      text-align: center;
+    }
+  }
+
+  .content {
+    padding: 0 30px 80px 30px;
+    .msg {
+      background-color: #f2f2f2;
+      padding: 10px 15px;
+
+      .title {
+        width: 100%;
+        font-size: 17px;
+        font-weight: 600;
+      }
+      .time {
+        font-size: 15px;
+        color: #a9a9a9;
+      }
+      .msg_content {
+        width: 500px;
+        font-size: 15px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        -o-text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file