西交考试通知

src/components/index/SignUp/paying.vue

 <template>
   <div class="paying">
     <div>
+      <div
+        class="notify flex"
+        v-if="
+          $store.state.indexIdentity == 'b670c2faa285477ea6a2fb1efeaf03a4' ||
+          $store.state.indexIdentity == '303c738d07b24a5b881d03d5177409a0' ||
+          $store.state.indexIdentity == 'd1a331f0140e4e49b1f3751c0cbf9660'
+        "
+      >
+        <div class="flex">
+          <img
+            alt=""
+            class="notify_img"
+            src="../../../assets/img/paying/notice.png"
+          />
+        </div>
+        <div>缴费截止时间：{{ $store.state.registrationEnd }}</div>
+      </div>
       <span class="pay_titile">报名信息</span>
       <div class="pay_top">
         <div>营地名称：{{ $store.state.info.name }}</div>
@@ -178,7 +195,16 @@
         <div><span>收款单位:</span>{{ payee }}</div>
         <div><span>账号:</span>{{ bank_idcard }}</div>
         <div><span>开户行:</span>{{ bank_first }}</div>
-        <div v-if="transfer_back_up">
+        <div
+          v-if="transfer_back_up"
+          :class="
+            $store.state.indexIdentity == 'b670c2faa285477ea6a2fb1efeaf03a4' ||
+            $store.state.indexIdentity == '303c738d07b24a5b881d03d5177409a0' ||
+            $store.state.indexIdentity == 'd1a331f0140e4e49b1f3751c0cbf9660'
+              ? 'redFont'
+              : ''
+          "
+        >
           <span>转账请备注:</span>{{ transfer_back_up }}
         </div>
         <span>上传带有订单编号的转账截图</span>
@@ -762,6 +788,31 @@ export default {
 .paying {
   padding: 0 56px 65px 56px;
 
+  .redFont {
+    color: rgb(223, 67, 67);
+  }
+
+  .notify {
+    position: absolute;
+    background-color: #e1a840;
+    height: 23px;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    left: 0;
+    top: 27%;
+    padding: 0;
+
+    .notify_img {
+      width: 16px;
+      margin-right: 5px;
+    }
+    div {
+      color: #fff;
+      font-size: 12px;
+    }
+  }
+
   .pay_titile {
     font-size: 18px;
     font-weight: 500;

src/config/server.js

 // 测试
-export const SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; // 正式环境
-export const DEVELOPMENT_SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; //开发环境
-export const SERVER_WS_URL = "wss://tgwapi.campcenter.cn"; // websocket
+// export const SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; // 正式环境
+// export const DEVELOPMENT_SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; //开发环境
+// export const SERVER_WS_URL = "wss://tgwapi.campcenter.cn"; // websocket
 
 // 正式
-// export const SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; // 正式环境
-// export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; //开发环境
-// export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
+export const SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; // 正式环境
+export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; //开发环境
+export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
 
 // 测试
 // export const SERVER_URL = "http://192.168.1.146:8088/modules-campsite"; // 正式环境

src/router/index.js

@@ -12,6 +12,7 @@ import indexCamp from './index/camp'
 import personalInfo from './index/personalInfo'
 import { getCam, getCamInfo } from "r/index/login";
 import { Message } from 'element-ui';
+import { parseTime } from '../common/utils';
 
 Vue.prototype.$message = Message;
 
@@ -201,6 +202,10 @@ function checkCam(code, cb) {
      if (res.data.is_post != null) {
       store.state.isPost = res.data.is_post;
     }
+    // 缴费截止时间
+    if (res.data.registration_end != null) {
+      store.state.registrationEnd = parseTime(res.data.registration_end);
+    }
     cb && cb(true);
   }).catch(() => {
     cb && cb(false);

src/store/index.js

@@ -30,6 +30,7 @@ let state = {
   open_certificate:0,//是否替换原有结营证书
   finish_certificate_address:null,
   isPost:0,//是否隐藏填写邮寄地址
+  registrationEnd:null,//缴费截止时间
 };
 
 export default new Vuex.Store({

src/views/index/recruit/Index.vue

@@ -4,9 +4,13 @@
       <Header :typeFu="2"></Header>
       <div class="notify flex" v-if="$store.state.isDisplay_num == 1">
         <div class="flex">
-          <img alt="" class="notify_img" src="../../../assets/img/notify.png"/>
+          <img alt="" class="notify_img" src="../../../assets/img/notify.png" />
+        </div>
+        <div>
+          注意：本次活动报名有人数限制，当前共有{{
+            info.order_num
+          }}人申请，剩余名额为{{ info.student_num }}人
         </div>
-        <div>注意：本次活动报名有人数限制，当前共有{{ info.order_num }}人申请，剩余名额为{{info.student_num}}人</div>
       </div>
       <div class="bg-top"></div>
     </el-header>
@@ -18,18 +22,21 @@
         <!--          <el-button @click="toLogin()">立即报名</el-button>-->
         <!--        </div>-->
         <div class="active-area">
-          <div class="left-area card-box" v-if="anchorList.length>0">
+          <div class="left-area card-box" v-if="anchorList.length > 0">
             <div class="left-area-box">
               <ul class="left">
-                <li :key="index" v-for="(item,index) in anchorList">
-                  <a @click="anchorSkip(item.id)">{{item.name}}</a>
+                <li :key="index" v-for="(item, index) in anchorList">
+                  <a @click="anchorSkip(item.id)">{{ item.name }}</a>
                 </li>
               </ul>
             </div>
           </div>
-          <div :style="{
-          'min-height':minHeight+'px'
-        }" class="center-area card-box">
+          <div
+            :style="{
+              'min-height': minHeight + 'px',
+            }"
+            class="center-area card-box"
+          >
             <div class="center-area-cont">
               <div v-html="info.student_recruitment_brochure"></div>
             </div>
@@ -41,26 +48,26 @@
   </el-container>
 </template>
 <script>
-  /* eslint-disable */
-  import Header from "@/components/Header.vue";
-  import Footer from "@/components/index/Footer.vue";
-  import {getCamInfo} from "r/index/login";
+/* eslint-disable */
+import Header from "@/components/Header.vue";
+import Footer from "@/components/index/Footer.vue";
+import { getCamInfo } from "r/index/login";
 
-  export default {
+export default {
   name: "recruit",
   data() {
     return {
       info: {},
       anchorList: [],
-        minHeight: '339',
+      minHeight: "339",
     };
   },
   created() {
     this.info = this.$store.state.info;
-      console.log(this.info)
+    console.log(this.info);
     setTimeout(() => {
       this.anchorList = this.getAnchor(this.info.student_recruitment_brochure);
-      }, 1000)
+    }, 1000);
     let code = this.$store.state.indexIdentity;
     //判断是否关闭了营地(关闭了不需要调用setlog)
     let isCloseCamp = this.$store.state.info.on_off;
@@ -69,9 +76,8 @@
         document.title = res.data.name;
         return false;
       });
-        this.commonApi(29)
+      this.commonApi(29);
     }
-
   },
   methods: {
     toLogin() {
@@ -81,49 +87,53 @@
           path: "/login",
           query: {
             ...this.$store.state.query,
-              code: code
-            }
+            code: code,
+          },
         });
       } else {
         this.$router.push({
           path: "/signUp/undefined",
           query: {
             ...this.$store.state.query,
-              code: code
-            }
+            code: code,
+          },
         });
       }
     },
     // 锚点跳转方法
     anchorSkip(id) {
       document.querySelector(id).scrollIntoView({
-          behavior: 'smooth',
-          block: 'center'
+        behavior: "smooth",
+        block: "center",
       });
     },
     // 分离获取html中的锚点
     getAnchor(content) {
       if (!content) return [];
       let attrAndValueArr = content.match(/<a id=\"(.*?)\"><\/a>/g);
-        let valueArr = [] // 放所有该属性的值
+      let valueArr = []; // 放所有该属性的值
       let anchorList = [];
       if (attrAndValueArr && attrAndValueArr.length > 0) {
         for (let i = 0; i < attrAndValueArr.length; i++) {
-            valueArr.push(attrAndValueArr[i]
-              .replace(/<a id=/g, '')
-              .replace(/\"/g, '')
-              .replace(/><\/a>/g, ''));
+          valueArr.push(
+            attrAndValueArr[i]
+              .replace(/<a id=/g, "")
+              .replace(/\"/g, "")
+              .replace(/><\/a>/g, "")
+          );
         }
         valueArr.forEach((item, index) => {
           let father = document.getElementById(item).parentNode;
-            let value = father.innerHTML.replace(/<(.*?)>/g, '').replace(/<\/(.*?)>/g, '');
+          let value = father.innerHTML
+            .replace(/<(.*?)>/g, "")
+            .replace(/<\/(.*?)>/g, "");
           if (value && value.length < 10) {
             anchorList.push({
-                id: '#' + item,
+              id: "#" + item,
               name: value,
-              })
+            });
           }
-          })
+        });
         return anchorList;
       }
       return [];
@@ -133,16 +143,28 @@
     Header,
     Footer,
   },
-  };
+};
 </script>
 <style lang="scss">
-  @import "a/scss/common";
+@import "a/scss/common";
 
-  .flex {
+.flex {
   display: flex;
+}
+
+
+.notify {
+  background-color: #fbf8fb;
+  height: 38px;
+  align-items: center;
+  padding-left: 5%;
+  .notify_img {
+    width: 20px;
+    margin-right: 5px;
   }
+}
 
-  .el-container {
+.el-container {
   position: relative;
   width: 100%;
   min-height: 100%;
@@ -155,18 +177,6 @@
     padding: 0;
     background-color: #ffffff;
     z-index: 2000;
-
-      .notify {
-        background-color: #fbf8fb;
-        height: 38px;
-        align-items: center;
-        padding-left: 5%;
-      }
-
-      .notify_img {
-        width: 20px;
-        margin-right: 5px;
-      }
   }
 
   .el-container {
@@ -235,12 +245,11 @@
           margin: 30px 0 0 0;
         }
       }
-
-      }
     }
   }
+}
 
-  .active-area {
+.active-area {
   display: flex;
   flex-flow: row;
   align-items: self-start;
@@ -286,9 +295,7 @@
           border-left: 4px solid var(--all_color);
         }
       }
-
     }
-
   }
 
   .center-area {
@@ -340,7 +347,6 @@
     min-width: 320px;
 
     .question-area {
-
       .question-area-title {
         text-align: center;
         font-size: 22px;
@@ -404,11 +410,11 @@
             width: 100%;
             height: 100%;
             border-radius: 4px;
-              transition: all .5s;
-              -webkit-transition: all .5s;
+            transition: all 0.5s;
+            -webkit-transition: all 0.5s;
 
             .el-image__error {
-                background-color: #D8D8D8;
+              background-color: #d8d8d8;
             }
           }
         }
@@ -429,7 +435,7 @@
             }
 
             &.color_3 {
-                color: #EC808D;
+              color: #ec808d;
             }
 
             .sign-box {
@@ -447,7 +453,6 @@
                 }
               }
             }
-
           }
         }
 
@@ -466,5 +471,5 @@
       }
     }
   }
-  }
+}
 </style>