添加页面

src/router/index.js

@@ -159,6 +159,7 @@ export const asyncRoutes = {
   // 乐团管理
   teamDetail: () => import('@/views/teamDetail/teamList'),
   teamBuild: () => import('@/views/teamBuild/index'),
+  forecastName: () => import('@/views/teamBuild/forecastName'), // 预报名页面
   // VIP管理
   vipList: () => import('@/views/vipClass/vipList'),
   // vip修改

src/router/notKeepAliveList.js

@@ -4,6 +4,7 @@ export default [
   '/orderList/orderAudit', // 订单管理 订单审核
   '/business/teamCourseList', // 课表列表
   '/business/auditList', // 费用审核列表
+  '/teamBuild/forecastName', // 预报名
   '/orderList/financeManager', // 财务管理
   '/vipClassSet/vipParameterManager', // VIP参数设置
   '/vipClassSet/branchActive', // VIP分部活动列表

src/views/teamBuild/forecastName.vue

@@ -0,0 +1,50 @@
+<template>
+    <div class="forecastName">
+        <h2>
+          <el-page-header @back="onCancel" :content="teamName"></el-page-header>
+        </h2>
+
+        <p style="margin-bottom: 15px; font-size: 18px; font-weight: 400">
+          缴费截止时间：{{ new Date() | formatTimer }}
+        </p>
+
+        <div class="btnList">
+            <el-button type="primary">预报名链接</el-button>
+            <el-button type="primary">预报名时间延长</el-button>
+            <el-button type="primary">开启报名</el-button>
+            <!-- <div
+                class="newBand"
+                @click="payStart"
+                v-permission="'musicGroup/openPay'"
+                v-show="status == 'APPLY'"
+            >
+                开始缴费
+            </div> -->
+        </div>
+    </div>
+</template>
+
+<script>
+import { permission } from "@/utils/directivePage";
+export default {
+    name: 'forecastName',
+    data() {
+        const query = this.$route.query
+        return {
+            teamName: query.name || null
+        }
+    },
+    methods: {
+        permission(str) {
+            return permission(str);
+        },
+        onCancel() {
+            this.$router.push({ path: "/business/teamDetail" });
+        },
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>