diff --git a/src/api/new-employee/newEmployee.js b/src/api/new-employee/newEmployee.js
new file mode 100644
index 00000000..a7bc648d
--- /dev/null
+++ b/src/api/new-employee/newEmployee.js
@@ -0,0 +1,31 @@
+import ajax from '@/api/boe/boeApiAjax.js'
+
+/**
+ * 获取嵌入课程信息
+ * @param {Object} params - 参数对象
+ * @param {string} params.course_id - 课程ID
+ */
+export function enrollWork(params) {
+  return ajax.postJson('/boe/embed-work/complete-embed', params)
+}
+
+/**
+ * 确认报名注册
+ * @param {Object} data - 提交数据
+ * @param {string} data.id - 项目ID
+ * @param {string} data.method - 方法
+ * @param {string} data.userId - 用户ID
+ * @param {string} data.objectType - 对象类型
+ * @param {FormData} data.formData - 表单数据
+ */
+export function enrollRegSure(data) {
+  return ajax.postJson('/boe/enroll-data/reg-sure', data)
+}
+
+/**
+ * 获取欢迎页数据
+ */
+export function getWelcomeData() {
+  return ajax.get('/boe/new-employee/welcome')
+}
+
diff --git a/src/assets/images/new-employee/wel.png b/src/assets/images/new-employee/wel.png
new file mode 100644
index 00000000..930331cd
Binary files /dev/null and b/src/assets/images/new-employee/wel.png differ
diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index 628c84b8..cb8b8fbd 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -1,236 +1,395 @@
 <template>
   <div class="portal-header">
-    <div class="portal-top" :style="{color:textColor}">
-        <div class="portal-top-left">
-          <div class="portal-top-logo">
-            <img src="../assets/logo/logo-white.png" v-if="textColor == '#fff' || textColor == '#ffffff'" style="width:160px;height: 27px;" />
-            <img src="../assets/logo/logo.png" v-else style="width:160px;height: 27px;" />
+    <div class="portal-top" :style="{ color: textColor }">
+      <div class="portal-top-left">
+        <div class="portal-top-logo">
+          <img
+            src="../assets/logo/logo-white.png"
+            v-if="textColor == '#fff' || textColor == '#ffffff'"
+            style="width: 160px; height: 27px"
+          />
+          <img
+            src="../assets/logo/logo.png"
+            v-else
+            style="width: 160px; height: 27px"
+          />
+        </div>
+        <div class="portal-top-nav" v-if="userInfo.role === 1">
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'index' ? activeNav : ''"
+          >
+            <router-link to="/index"
+              >首页
+              <div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'course' ? activeNav : ''"
+          >
+            <a @click="handleChangeCourse"
+              >课程
+              <div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
+            </a>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'case' ? activeNav : ''"
+          >
+            <router-link to="/case"
+              >案例
+              <div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'article' ? activeNav : ''"
+          >
+            <router-link to="/article"
+              >文章
+              <div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'qa' ? activeNav : ''"
+          >
+            <router-link to="/qa"
+              >问答
+              <div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div class="top-nav">
+            <el-dropdown placement="bottom" @command="handleCommand">
+              <span
+                class="el-dropdown-link"
+                style="font-size: 16px; cursor: pointer"
+                :style="{ color: textColor }"
+                >专区</span
+              >
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="zero">热点论坛</el-dropdown-item>
+                <el-dropdown-item command="one" divided
+                  >BOE系列公开课</el-dropdown-item
+                >
+                <el-dropdown-item command="two" divided
+                  >Grow180</el-dropdown-item
+                >
+                <el-dropdown-item command="three" divided
+                  >管理者进阶</el-dropdown-item
+                >
+                <el-dropdown-item command="four" divided
+                  >U选小课堂</el-dropdown-item
+                >
+                <el-dropdown-item command="five" divided
+                  >社招新员工</el-dropdown-item
+                >
+                <!-- <el-dropdown-item command="six" divided>贡献者专区</el-dropdown-item> -->
+                <el-dropdown-item command="seven" divided
+                  >教师专区</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="top-nav">
+            <el-dropdown placement="bottom" @command="handleContributor">
+              <span
+                class="el-dropdown-link"
+                style="font-size: 16px; cursor: pointer"
+                :style="{ color: textColor }"
+                >贡献者大会</span
+              >
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="three">2024</el-dropdown-item>
+                <el-dropdown-item command="one" divided>2023</el-dropdown-item>
+                <el-dropdown-item command="two" divided>2022</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
           </div>
-          <div class="portal-top-nav" v-if="userInfo.role === 1">
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'index' ? activeNav : ''">
-              <router-link to="/index" >首页
-                <div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'course' ? activeNav : ''">
-              <a @click="handleChangeCourse">课程
-                <div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
-              </a>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'case' ? activeNav : ''">
-              <router-link to="/case">案例
-                  <div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'article' ? activeNav : ''">
-              <router-link to="/article">文章
-                <div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'qa' ? activeNav : ''">
-              <router-link to="/qa" >问答
-                <div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav">
-              <el-dropdown placement="bottom" @command="handleCommand">
-                <span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">专区</span>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="zero">热点论坛</el-dropdown-item>
-                  <el-dropdown-item command="one" divided>BOE系列公开课</el-dropdown-item>
-                  <el-dropdown-item command="two" divided>Grow180</el-dropdown-item>
-                  <el-dropdown-item command="three" divided>管理者进阶</el-dropdown-item>
-                  <el-dropdown-item command="four" divided>U选小课堂</el-dropdown-item>
-                  <el-dropdown-item command="five" divided>社招新员工</el-dropdown-item>
-                  <!-- <el-dropdown-item command="six" divided>贡献者专区</el-dropdown-item> -->
-                  <el-dropdown-item command="seven" divided>教师专区</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-            <div class="top-nav">
-              <el-dropdown placement="bottom" @command="handleContributor">
-                <span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="three">2024</el-dropdown-item>
-                  <el-dropdown-item command="one" divided>2023</el-dropdown-item>
-                  <el-dropdown-item command="two" divided>2022</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'follow' ? activeNav : ''">
-              <router-link to="/follow">我的关注
-                <div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
 
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'follow' ? activeNav : ''"
+          >
+            <router-link to="/follow"
+              >我的关注
+              <div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
+            </router-link>
           </div>
         </div>
-        <div class="portal-top-right">
-          <div  v-if="goSearch !=10 && userInfo.role === 1" style="position: relative;">
-            <el-input class="portal-input" v-show="!hideSearch" placeholder="搜索全部" style="border-radius: 20px !important; " @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" >
-              <el-select v-if="current == 'index'"  v-model="findType" style="width: 75px; border-radius:20px !important;" slot="prepend" placeholder="请选择">
-                <el-option label="课程" value="1"></el-option>
-                <el-option label="案例" value="2"></el-option>
-                <el-option label="文章" value="3"></el-option>
-                <el-option label="问答" value="4"></el-option>
-                <!-- <el-option label="专区" value="5"></el-option> -->
-              </el-select>
-            </el-input>
-             <el-button v-show="!hideSearch" class="sear-but"  @click="searchJump()" type="primary" size="mini">搜索</el-button>
-          </div>
+      </div>
+      <div class="portal-top-right">
+        <div
+          v-if="goSearch != 10 && userInfo.role === 1"
+          style="position: relative"
+        >
+          <el-input
+            class="portal-input"
+            v-show="!hideSearch"
+            placeholder="搜索全部"
+            style="border-radius: 20px !important"
+            @keyup.enter.native="searchJump()"
+            clearable
+            maxlength="50"
+            v-model="keyword"
+          >
+            <el-select
+              v-if="current == 'index'"
+              v-model="findType"
+              style="width: 75px; border-radius: 20px !important"
+              slot="prepend"
+              placeholder="请选择"
+            >
+              <el-option label="课程" value="1"></el-option>
+              <el-option label="案例" value="2"></el-option>
+              <el-option label="文章" value="3"></el-option>
+              <el-option label="问答" value="4"></el-option>
+              <!-- <el-option label="专区" value="5"></el-option> -->
+            </el-select>
+          </el-input>
+          <el-button
+            v-show="!hideSearch"
+            class="sear-but"
+            @click="searchJump()"
+            type="primary"
+            size="mini"
+            >搜索</el-button
+          >
+        </div>
 
-          <div class="person-action">
-            <!-- 消息 -->
-            <!-- <el-link v-if="current == 'qa'" class="person-action-index" type="primary" style="margin-right:10px; color:#333;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
+        <div class="person-action">
+          <!-- 消息 -->
+          <!-- <el-link v-if="current == 'qa'" class="person-action-index" type="primary" style="margin-right:10px; color:#333;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
             <el-link v-else class="person-action-index" type="primary" style="margin-right:10px; color:#fff;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link> -->
-            <!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
-            <div class="person-action-item">
-              <el-badge class="person-action-index"  :value="userMsg" :hidden="userMsg == 0">
-                <el-tooltip   content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
-                   <!-- <el-link  type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false"> -->
-                    <router-link to="/message/center/index">
-                        <svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:22px;" icon-class="messfff"></svg-icon>
-                    </router-link>
-                   <!-- </el-link> -->
-                </el-tooltip>
-              </el-badge>
-            </div>
-            <div class="person-action-item">
-                <el-dropdown class="person-action-index">
-                  <span class="el-dropdown-link">
-                    <span :style="{color:textColor}">学员</span>
-                    <i :style="{color:textColor}" class="el-icon-arrow-down el-icon--right"></i>
-                  </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item><router-link to="/index">学员</router-link></el-dropdown-item>
-                    <el-dropdown-item v-if="identity == 2 || identity == 5" @click.native="setCurIdentity(2)"><router-link to="/need/waitaudit">教师</router-link></el-dropdown-item>
-                    <el-dropdown-item v-if="identity == 3 || identity == 5" ><a :href="managerPath+'/learningpath'">管理员</a></el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-             </div>
-             <div class="person-action-item">
-                <el-dropdown>
-                  <div class="el-dropdown-link" style="display:flex" :style="{color:textColor}">
-                    <div class="person-action-index">
-                      <div v-if="userInfo.avatar !== '' " class="user-avatar">
-                          <img :src="userInfo.avatar"  style="width: 35px;height: 35px;"/>
-                      </div>
-                      <div v-else class="uavatar">
-                          <div v-if="sex === 1 "><img src="../../public/images/Avatarman.png" alt="" style="width: 30px;height: 30px;"></div>
-                          <div v-else><img src="../../public/images/Avatarwoman.png" alt="" style="width: 30px;height: 30px;"></div>
-                      </div>
-                    </div>
-                    <div style="font-weight: 400;font-size: 16px; margin-top: 8px;">{{userInfo.name}}</div>
+          <!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
+          <div class="person-action-item">
+            <el-badge
+              class="person-action-index"
+              :value="userMsg"
+              :hidden="userMsg == 0"
+            >
+              <el-tooltip
+                content="消息"
+                placement="bottom"
+                effect="light"
+                :visible-arrow="false"
+                popper-class="text-tooltip"
+              >
+                <!-- <el-link  type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false"> -->
+                <router-link to="/message/center/index">
+                  <svg-icon
+                    :style="{ color: textColor }"
+                    style="margin-right: 0; font-size: 22px"
+                    icon-class="messfff"
+                  ></svg-icon>
+                </router-link>
+                <!-- </el-link> -->
+              </el-tooltip>
+            </el-badge>
+          </div>
+          <div class="person-action-item">
+            <el-dropdown class="person-action-index">
+              <span class="el-dropdown-link">
+                <span :style="{ color: textColor }">学员</span>
+                <i
+                  :style="{ color: textColor }"
+                  class="el-icon-arrow-down el-icon--right"
+                ></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item
+                  ><router-link to="/index">学员</router-link></el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="identity == 2 || identity == 5"
+                  @click.native="setCurIdentity(2)"
+                  ><router-link to="/need/waitaudit"
+                    >教师</router-link
+                  ></el-dropdown-item
+                >
+                <el-dropdown-item v-if="identity == 3 || identity == 5"
+                  ><a :href="managerPath + '/learningpath'"
+                    >管理员</a
+                  ></el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="person-action-item">
+            <el-dropdown>
+              <div
+                class="el-dropdown-link"
+                style="display: flex"
+                :style="{ color: textColor }"
+              >
+                <div class="person-action-index">
+                  <div v-if="userInfo.avatar !== ''" class="user-avatar">
+                    <img
+                      :src="userInfo.avatar"
+                      style="width: 35px; height: 35px"
+                    />
                   </div>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
-                    <el-dropdown-item><router-link :to="'/home/'+userInfo.aid">个人主页</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-            </div>
-            <div class="person-action-item">
-
-              <div class="person-action-index pointer" :style="{color:textColor}" @click="logout()">
-                <svg-icon  style="margin-right: 4px;font-size:16px;" icon-class="white-out"></svg-icon>登出
+                  <div v-else class="uavatar">
+                    <div v-if="sex === 1">
+                      <img
+                        src="../../public/images/Avatarman.png"
+                        alt=""
+                        style="width: 30px; height: 30px"
+                      />
+                    </div>
+                    <div v-else>
+                      <img
+                        src="../../public/images/Avatarwoman.png"
+                        alt=""
+                        style="width: 30px; height: 30px"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div style="font-weight: 400; font-size: 16px; margin-top: 8px">
+                  {{ userInfo.name }}
+                </div>
               </div>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="setCurIdentity(1)"
+                  ><a
+                    :href="`${webBaseUrl}${
+                      isTiao ? '/uc/study/task' : '/uc/study/courses'
+                    }`"
+                    >个人中心</a
+                  ></el-dropdown-item
+                >
+                <el-dropdown-item
+                  ><router-link :to="'/home/' + userInfo.aid"
+                    >个人主页</router-link
+                  ></el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="person-action-item">
+            <div
+              class="person-action-index pointer"
+              :style="{ color: textColor }"
+              @click="logout()"
+            >
+              <svg-icon
+                style="margin-right: 4px; font-size: 16px"
+                icon-class="white-out"
+              ></svg-icon
+              >登出
             </div>
           </div>
         </div>
+      </div>
     </div>
     <popup></popup><yearMedal></yearMedal>
   </div>
 </template>
 <script>
-import { mapGetters, mapActions } from 'vuex';
-import apiMessage from '@/api/system/message.js';
-import popup from '@/components/AlertPopup.vue';
-import yearMedal from '@/components/Popup/China2023.vue';
-import apiBoeCourse from '@/api/boe/course.js';
-import {userAvatarText} from "@/utils/tools.js";
+import { mapGetters, mapActions } from "vuex";
+import apiMessage from "@/api/system/message.js";
+import popup from "@/components/AlertPopup.vue";
+import yearMedal from "@/components/Popup/China2023.vue";
+import apiBoeCourse from "@/api/boe/course.js";
+import { userAvatarText } from "@/utils/tools.js";
 import apiCase from "@/api/modules/cases.js";
 export default {
   props: {
     current: {
       type: String,
-      default: '',
+      default: "",
     },
-    hideSearch:{
+    hideSearch: {
       type: Boolean,
       default: false,
     },
-    textColor:{
+    textColor: {
       type: String,
-      default: '',
+      default: "",
     },
-    goSearch:{
+    goSearch: {
       type: Number,
       default: 0,
     },
-    keywords:{
-      type:String,
-      default:''
+    keywords: {
+      type: String,
+      default: "",
     },
   },
-  components:{popup,yearMedal},
+  components: { popup, yearMedal },
   computed: {
-    ...mapGetters(['userInfo','curIdentity', 'userMsg','identity','studyTaskCount']),
+    ...mapGetters([
+      "userInfo",
+      "curIdentity",
+      "userMsg",
+      "identity",
+      "studyTaskCount",
+    ]),
 
-    avatarText(){
+    avatarText() {
       return userAvatarText(this.userInfo.name);
     },
-    activeNav(){
-        return {
-          'top-nav-active-blue': this.textColor=='#000000',
-          'top-nav-active-white': this.textColor=='#fff' || this.textColor=='#ffffff',
-        }
-    }
+    activeNav() {
+      return {
+        "top-nav-active-blue": this.textColor == "#000000",
+        "top-nav-active-white":
+          this.textColor == "#fff" || this.textColor == "#ffffff",
+      };
+    },
   },
-  watch:{
-    keywords(newval){
-      console.log(newval,9999);
-      if(this.findType == '1'){
-        this.keyword = newval
+  watch: {
+    keywords(newval) {
+      console.log(newval, 9999);
+      if (this.findType == "1") {
+        this.keyword = newval;
       }
-    }
+    },
   },
   data() {
     return {
-      popupConfig:{},
-      ctx:process.env.VUE_APP_PUBLIC_PATH,
-      managerPath:process.env.VUE_APP_MANAGER_PATH,
+      popupConfig: {},
+      ctx: process.env.VUE_APP_PUBLIC_PATH,
+      managerPath: process.env.VUE_APP_MANAGER_PATH,
       fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
-      findType: '1',
-      keyword: '',
+      findType: "1",
+      keyword: "",
       isTiao: false,
-      sex:'',
+      sex: "",
     };
   },
   mounted() {
     this.sex = this.userInfo.sex;
-    this.$store.dispatch('refrashMsg');
+    this.$store.dispatch("refrashMsg");
     this.loadBoeData();
     // console.log('this.userInfo::',this.userInfo)
     //this.loadPopupConfig();
   },
   methods: {
     handleChangeCourse() {
-      const paths = ["/course","/qualityCourse"]
+      const paths = ["/course", "/qualityCourse"];
       // 如果是 课程 和 精品课程， 那么就不再重定向
-      const needReload = paths.findIndex(e=> e === this.$route.path) === -1
-      if (needReload) this.$router.push({path: paths[0]})
+      const needReload = paths.findIndex((e) => e === this.$route.path) === -1;
+      if (needReload) this.$router.push({ path: paths[0] });
     },
 
-    setCurIdentity(iden){
-        this.$store.dispatch('SetCurIdentity',iden);
-      },
-    tomy(){
-      console.log('lll')
+    setCurIdentity(iden) {
+      this.$store.dispatch("SetCurIdentity", iden);
+    },
+    tomy() {
+      console.log("lll");
     },
     loadBoeData() {
-      if(this.studyTaskCount>0){
+      if (this.studyTaskCount > 0) {
         this.isTiao = true;
-      }else{
+      } else {
         this.isTiao = false;
       }
       // let params = {
@@ -248,20 +407,20 @@ export default {
       //   }
       // });
     },
-    handleContributor(val){
+    handleContributor(val) {
       let urlPre = window.location.protocol + "//" + window.location.host;
       let obj = {
-          one: urlPre + "/web/contributornew/index",
-          two: urlPre + "/web/contributor/index",
-          three: urlPre + "/web/contributor_2024/index"
-        };
-        window.open(obj[val]);
+        one: urlPre + "/web/contributornew/index",
+        two: urlPre + "/web/contributor/index",
+        three: urlPre + "/web/contributor_2024/index",
+      };
+      window.open(obj[val]);
     },
     handleCommand(val) {
       if (val === "four") {
-        window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130")
-          // this.$emit('showClass',true)
-      }  else {
+        window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
+        // this.$emit('showClass',true)
+      } else {
         let urlPre = window.location.protocol + "//" + window.location.host;
         // process.env.VUE_APP_BOE_WEB_URL
         let obj = {
@@ -270,85 +429,106 @@ export default {
           two: urlPre + "/grow180/login",
           three: this.webBaseUrl + "/study/index?study=1",
           // four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
-          five: urlPre + "/boe/new-employee/index.html",
+          five: urlPre + "/new-employee/welcome",
           six: urlPre + "/web/contributor/index",
-          seven: this.webBaseUrl + '/grateful/index'
+          seven: this.webBaseUrl + "/grateful/index",
         };
         window.open(obj[val]);
       }
     },
     handleUcCommand(val) {
-      if (val == 'uc') {
-        window.location.href = `${this.webBaseUrl}${this.isTiao ? '/uc/study/task' : '/uc/study/courses'}`;
-      } else if (val == 'logout') {
+      if (val == "uc") {
+        window.location.href = `${this.webBaseUrl}${
+          this.isTiao ? "/uc/study/task" : "/uc/study/courses"
+        }`;
+      } else if (val == "logout") {
         this.logout();
       }
     },
     searchJump() {
-      this.$emit('type1', '')
-  if(this.current == 'index') {
-    if (this.findType == '1') {
-          if(this.keyword==''){return;}
+      this.$emit("type1", "");
+      if (this.current == "index") {
+        if (this.findType == "1") {
+          if (this.keyword == "") {
+            return;
+          }
           // 课程
-          location.href=`${this.webBaseUrl}/course?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/course?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/course?keyword=${this.keyword}`);
-        } else if (this.findType == '2') {
-          if(this.keyword==''){return;}
+        } else if (this.findType == "2") {
+          if (this.keyword == "") {
+            return;
+          }
           // 案例
-          location.href=`${this.webBaseUrl}/case?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/case?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/case?keyword=${this.keyword}`);
-        } else if (this.findType == '3') {
-          if(this.keyword==''){return;}
+        } else if (this.findType == "3") {
+          if (this.keyword == "") {
+            return;
+          }
           //文章
-          location.href=`${this.webBaseUrl}/article?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/article?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/article?keyword=${this.keyword}`);
-        } else if (this.findType == '4') {
-          if(this.keyword==''){return;}
+        } else if (this.findType == "4") {
+          if (this.keyword == "") {
+            return;
+          }
           // 问答
-          location.href=`${this.webBaseUrl}/qa?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/qa?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/qa?keyword=${this.keyword}`);
-        } else if (this.findType == '5') {
+        } else if (this.findType == "5") {
           // 专区,专区要单独的写，因为不是一个系统呀
           window.open(`${this.webBaseUrl}/zone?keyword=${this.keyword}`);
         }
-} else {
-  this.$emit('emitInput',this.keyword)
-  if(this.goSearch == 1) {
-    if(this.keyword==''){return;}
+      } else {
+        this.$emit("emitInput", this.keyword);
+        if (this.goSearch == 1) {
+          if (this.keyword == "") {
+            return;
+          }
           // 课程
-          location.href=`${this.webBaseUrl}/course?keyword=${this.keyword}`;
-  } else if (this.goSearch == 2) {
-          if(this.keyword==''){return;}
+          location.href = `${this.webBaseUrl}/course?keyword=${this.keyword}`;
+        } else if (this.goSearch == 2) {
+          if (this.keyword == "") {
+            return;
+          }
           // 案例
           // location.href=`${this.webBaseUrl}/case?keyword=${this.keyword}`;
-          this.$router.push(`/case?keyword=${this.keyword}`)
+          this.$router.push(`/case?keyword=${this.keyword}`);
           //window.open(`${this.webBaseUrl}/case?keyword=${this.keyword}`);
         } else if (this.goSearch == 3) {
-          if(this.keyword==''){return;}
+          if (this.keyword == "") {
+            return;
+          }
           //文章
-          location.href=`${this.webBaseUrl}/article?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/article?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/article?keyword=${this.keyword}`);
         } else if (this.goSearch == 4) {
-          if(this.keyword==''){return;}
+          if (this.keyword == "") {
+            return;
+          }
           // 问答
-          location.href=`${this.webBaseUrl}/qa?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/qa?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/qa?keyword=${this.keyword}`);
         } else if (this.goSearch == 5) {
           // 专区,专区要单独的写，因为不是一个系统呀
           window.open(`${this.webBaseUrl}/zone?keyword=${this.keyword}`);
         }
-}
-
+      }
     },
     logout() {
-      this.$confirm('您确定要退出系统吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-          this.$store.dispatch('LogOut').then(() => {
+      this.$confirm("您确定要退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$store.dispatch("LogOut").then(() => {
             //location.href = this.webBaseUrl + '/login';
-            sessionStorage.setItem('dialog_session_show'+this.userInfo.aid,null); // 清除兴趣采集的"关闭"缓存
+            sessionStorage.setItem(
+              "dialog_session_show" + this.userInfo.aid,
+              null
+            ); // 清除兴趣采集的"关闭"缓存
             location.href = process.env.VUE_APP_LOGIN_URL;
           });
         })
@@ -356,68 +536,71 @@ export default {
     },
     //获取未读消息数量
     getMsgNum() {
-      apiMessage.isRead().then(res => {
+      apiMessage.isRead().then((res) => {
         if (res.status == 200) {
           this.msgNum = res.result;
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 
 <style scoped rel="stylesheet/scss" lang="scss">
-
-::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
-    background-color: #fff !important;
-    color: #0059FF !important;
+::v-deep .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #fff !important;
+  color: #0059ff !important;
 }
 ::v-deep.el-dropdown-menu {
-text-align: center;
+  text-align: center;
   border: none !important;
 }
-  //定义消息的图标的样式，按ui，未完成
-.msg-icon{
-  font-size:16px;
-  background-color:#fff;
-  border-radius:50%;
+//定义消息的图标的样式，按ui，未完成
+.msg-icon {
+  font-size: 16px;
+  background-color: #fff;
+  border-radius: 50%;
 }
-.top-nav-active-blue{
-    color: #387DF7;
-    a{color:#387DF7;}
-    div{
-      width: 75%;
-      height: 4px;
-      top: 75%;
-      left: 13%;
-      background: #387DF7;
-      border-radius: 5px;
-      position: absolute;
-    }
+.top-nav-active-blue {
+  color: #387df7;
+  a {
+    color: #387df7;
+  }
+  div {
+    width: 75%;
+    height: 4px;
+    top: 75%;
+    left: 13%;
+    background: #387df7;
+    border-radius: 5px;
+    position: absolute;
+  }
 }
-.top-nav-active-white{
+.top-nav-active-white {
+  color: #fff;
+  a {
     color: #fff;
-    a{color:#fff;}
-    div{
-      width: 75%;
-      height: 4px;
-      top: 75%;
-      left: 13%;
-      background: #fff;
-      border-radius: 5px;
-      position: absolute;
-    }
+  }
+  div {
+    width: 75%;
+    height: 4px;
+    top: 75%;
+    left: 13%;
+    background: #fff;
+    border-radius: 5px;
+    position: absolute;
+  }
 }
 
-.sear-but{
+.sear-but {
   position: absolute;
   bottom: 10%;
   right: 5px;
 }
-  ::v-deep .el-input__inner{
-    border-radius: 6px;
-    border-right: none;
-  }
+::v-deep .el-input__inner {
+  border-radius: 6px;
+  border-right: none;
+}
 ::v-deep .el-badge__content.is-fixed {
   right: 10px;
 }
@@ -426,42 +609,41 @@ text-align: center;
   // margin: 0 87px;
   height: 72px;
   display: flex;
-  background: rgba(255,255,255,0.1);
-  border: 1px solid rgba(61,61,61,0.15);
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(61, 61, 61, 0.15);
   backdrop-filter: blur(10px);
 }
-.portal-top{
+.portal-top {
   width: 100%;
   margin: 0px 40px;
   display: flex;
-  justify-content:space-between;
-  .portal-top-left{
+  justify-content: space-between;
+  .portal-top-left {
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    .portal-top-logo{
-
+    .portal-top-logo {
     }
-    .portal-top-nav{
+    .portal-top-nav {
       display: flex;
       justify-content: space-around;
       margin-left: 20px;
     }
   }
-  .portal-top-right{
-    flex:1;
+  .portal-top-right {
+    flex: 1;
     display: flex;
     justify-content: flex-end;
     align-items: center;
   }
   //width: 1050px;
-  .person-action{
+  .person-action {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     margin-left: 10px;
 
-    .person-action-index{
+    .person-action-index {
       //margin-left: 40px;
       font-size: 16px;
       font-weight: 400;
@@ -476,21 +658,21 @@ text-align: center;
     // //     right: 48px;
     // //   }
     // }
-  ::v-deep.el-avatar{
+    ::v-deep.el-avatar {
       margin-right: 8px;
-       img{
-            width: 100% !important;
-         }
+      img {
+        width: 100% !important;
+      }
     }
-    .el-button{
+    .el-button {
       margin-left: 15px;
       margin-top: 1px;
       // font-size: 14px;
     }
   }
 }
-.person-action-item{
-    margin-left: 30px;
+.person-action-item {
+  margin-left: 30px;
 }
 .top-nav {
   font-size: 16px;
@@ -499,50 +681,49 @@ text-align: center;
   color: #000000;
   line-height: 72px;
   padding: 0px 10px;
-  white-space:nowrap;
+  white-space: nowrap;
   position: relative;
 }
 
 //此处理应该移到单独的一个样式中比较好
 
-@media screen and (max-width: 1366px){
+@media screen and (max-width: 1366px) {
   .top-nav {
     padding: 0px 10px;
   }
-  .person-action-item{
-      margin-left: 20px;
+  .person-action-item {
+    margin-left: 20px;
   }
 }
-@media screen and (max-width: 1680px) and (min-width:1367px){
+@media screen and (max-width: 1680px) and (min-width: 1367px) {
   .top-nav {
     padding: 0px 15px;
   }
-  .person-action-item{
-      margin-left: 30px;
+  .person-action-item {
+    margin-left: 30px;
   }
 }
-@media screen and (max-width: 1920px) and (min-width: 1681px){
+@media screen and (max-width: 1920px) and (min-width: 1681px) {
   .top-nav {
     padding: 0px 30px;
   }
-  .person-action-item{
-      margin-left: 40px;
+  .person-action-item {
+    margin-left: 40px;
   }
 }
 
-@media screen and (min-width: 1921px){
+@media screen and (min-width: 1921px) {
   .top-nav {
     padding: 0px 40px;
   }
-  .person-action-item{
-      margin-left: 45px;
+  .person-action-item {
+    margin-left: 45px;
   }
 }
 
 ::v-deep .el-badge {
   .el-badge__content {
     top: 0px;
-
   }
 }
 
@@ -553,7 +734,7 @@ text-align: center;
   // border: 1px solid #333333;
   border-radius: 0 20px 20px 0;
   border-left: none;
-  background: rgba(255,255,255,0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 
 .message-count a {
@@ -563,7 +744,6 @@ text-align: center;
 }
 ::v-deep .el-badge {
   margin-top: 0 !important;
-
 }
 ::v-deep .el-link.el-link--primary:hover {
   color: #588afc;
@@ -572,36 +752,36 @@ text-align: center;
   cursor: pointer;
   color: #000000;
 }
- .uavatar{
-   div{
-     border-radius: 50%;
-     img{
-       border-radius: 50%;
-       width: 30px;
-       height: 30px;
-     }
-   }
+.uavatar {
+  div {
+    border-radius: 50%;
+    img {
+      border-radius: 50%;
+      width: 30px;
+      height: 30px;
+    }
+  }
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  margin-right: 8px;
+  border-radius: 50%;
+}
+.user-avatar {
+  display: inline-block;
+  border-radius: 50%;
+  img {
+    border-radius: 50%;
     width: 30px;
     height: 30px;
-    line-height: 30px;
-    font-size: 14px;
-    margin-right: 8px;
-    border-radius: 50%;
   }
-  .user-avatar{
-    display: inline-block;
-    border-radius: 50%;
-    img{
-        border-radius: 50%;
-        width: 30px;
-        height: 30px;
-    }
 
-     width: 30px;
-     height: 30px;
-     line-height: 30px;
-     font-size: 14px;
-     margin-right: 8px;
-     border-radius: 50%;
-   }
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  margin-right: 8px;
+  border-radius: 50%;
+}
 </style>
diff --git a/src/layout/components/TopNav/Index.vue b/src/layout/components/TopNav/Index.vue
index 968c3a92..84dd6d28 100644
--- a/src/layout/components/TopNav/Index.vue
+++ b/src/layout/components/TopNav/Index.vue
@@ -2,35 +2,67 @@
   <div>
     <div class="xtop">
       <div class="xtop-content">
-      <div class="xtop-left">
-        <div class="xtop-logo">
-          <router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo-white.png" style="width:161px;height:27px;" /></router-link>
-        </div>
-        <div class="xtop-nav" v-if="userInfo.role === 1">
-          <div class="xtop-nav-item"><a :href="`${webBaseUrl}/index`">首页</a></div>
-          <div class="xtop-nav-item"><a :href="`${webBaseUrl}/course`">课程</a></div>
-          <div class="xtop-nav-item"><a :href="`${webBaseUrl}/case`">案例</a></div>
-          <div class="xtop-nav-item"><a :href="`${webBaseUrl}/article`">文章</a></div>
-          <div class="xtop-nav-item"><a :href="`${webBaseUrl}/qa`">问答</a></div>
-          <div class="xtop-nav-item">
-            <el-dropdown placement="bottom" @command="handleCommand">
-              <span class="el-dropdown-link" style="color:#fff;font-size:16px;cursor: pointer;">专区</span>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item command='one'>BOE系列公开课</el-dropdown-item>
-                <el-dropdown-item command='two' divided>Grow180</el-dropdown-item>
-                <el-dropdown-item command='three' divided>管理者进阶</el-dropdown-item>
-                <el-dropdown-item command='for' divided>U选小课堂</el-dropdown-item>
-                <el-dropdown-item command='five' divided>社招新员工</el-dropdown-item>
-                <el-dropdown-item command="seven" divided>教师专区</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
+        <div class="xtop-left">
+          <div class="xtop-logo">
+            <router-link class="routerLink" to="/index"
+              ><img
+                src="../../../assets/logo/logo-white.png"
+                style="width: 161px; height: 27px"
+            /></router-link>
+          </div>
+          <div class="xtop-nav" v-if="userInfo.role === 1">
+            <div class="xtop-nav-item">
+              <a :href="`${webBaseUrl}/index`">首页</a>
+            </div>
+            <div class="xtop-nav-item">
+              <a :href="`${webBaseUrl}/course`">课程</a>
+            </div>
+            <div class="xtop-nav-item">
+              <a :href="`${webBaseUrl}/case`">案例</a>
+            </div>
+            <div class="xtop-nav-item">
+              <a :href="`${webBaseUrl}/article`">文章</a>
+            </div>
+            <div class="xtop-nav-item">
+              <a :href="`${webBaseUrl}/qa`">问答</a>
+            </div>
+            <div class="xtop-nav-item">
+              <el-dropdown placement="bottom" @command="handleCommand">
+                <span
+                  class="el-dropdown-link"
+                  style="color: #fff; font-size: 16px; cursor: pointer"
+                  >专区</span
+                >
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item command="one"
+                    >BOE系列公开课</el-dropdown-item
+                  >
+                  <el-dropdown-item command="two" divided
+                    >Grow180</el-dropdown-item
+                  >
+                  <el-dropdown-item command="three" divided
+                    >管理者进阶</el-dropdown-item
+                  >
+                  <el-dropdown-item command="for" divided
+                    >U选小课堂</el-dropdown-item
+                  >
+                  <el-dropdown-item command="five" divided
+                    >社招新员工</el-dropdown-item
+                  >
+                  <el-dropdown-item command="seven" divided
+                    >教师专区</el-dropdown-item
+                  >
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+            <div class="xtop-nav-item">
+              <a :href="`${webBaseUrl}/follow`">我的关注</a>
+            </div>
           </div>
-          <div class="xtop-nav-item"><a :href="`${webBaseUrl}/follow`">我的关注</a></div>
         </div>
-      </div>
-      <div class="xtop-right">
-         <!-- <div style="margin-left:250px;margin-right:50px;"> -->
-            <!-- <el-input placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
+        <div class="xtop-right">
+          <!-- <div style="margin-left:250px;margin-right:50px;"> -->
+          <!-- <el-input placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
               <el-select  v-model="findType" style="width: 75px;" slot="prepend" placeholder="请选择">
                 <el-option label="课程" value="1"></el-option>
                 <el-option label="案例" value="2"></el-option>
@@ -41,41 +73,115 @@
             </el-input> -->
           <!-- </div> -->
           <div>
-            <el-badge :value="userMsg" :hidden="userMsg==0" class="message-count">
-              <el-link type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false">
-                <svg-icon style="margin-right: 0;font-size:22px;" icon-class="messfff"></svg-icon>
+            <el-badge
+              :value="userMsg"
+              :hidden="userMsg == 0"
+              class="message-count"
+            >
+              <el-link
+                type="primary"
+                :href="`${webBaseUrl}/message/center/index`"
+                :underline="false"
+              >
+                <svg-icon
+                  style="margin-right: 0; font-size: 22px"
+                  icon-class="messfff"
+                ></svg-icon>
               </el-link>
             </el-badge>
           </div>
           <div>
-            <el-dropdown class="person-action-index" style="margin-left: 44px;">
+            <el-dropdown class="person-action-index" style="margin-left: 44px">
               <span class="el-dropdown-link">
-                 <span v-if="current == 'qa'" style="color: #333;">{{curIdentity==3? '管理员':curIdentity==2? '教师':'学员'}}</span>
-                <span v-else style="color: #fff;">{{curIdentity==3? '管理员':curIdentity==2? '教师':'学员'}}</span><i class="el-icon-arrow-down el-icon--right"></i>
-
+                <span v-if="current == 'qa'" style="color: #333">{{
+                  curIdentity == 3
+                    ? "管理员"
+                    : curIdentity == 2
+                    ? "教师"
+                    : "学员"
+                }}</span>
+                <span v-else style="color: #fff">{{
+                  curIdentity == 3
+                    ? "管理员"
+                    : curIdentity == 2
+                    ? "教师"
+                    : "学员"
+                }}</span
+                ><i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item><router-link to="/index">学员</router-link></el-dropdown-item>
-                <el-dropdown-item v-if="identity == 2 || identity == 5" @click.native="setCurIdentity(2)"><router-link to="/need/waitaudit">教师</router-link></el-dropdown-item>
-                <el-dropdown-item v-if="identity == 3 || identity == 5" @click.native="setCurIdentity(3)"><a :href="managerPath+'/learningpath'">管理员</a></el-dropdown-item>
+                <el-dropdown-item
+                  ><router-link to="/index">学员</router-link></el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="identity == 2 || identity == 5"
+                  @click.native="setCurIdentity(2)"
+                  ><router-link to="/need/waitaudit"
+                    >教师</router-link
+                  ></el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="identity == 3 || identity == 5"
+                  @click.native="setCurIdentity(3)"
+                  ><a :href="managerPath + '/learningpath'"
+                    >管理员</a
+                  ></el-dropdown-item
+                >
               </el-dropdown-menu>
             </el-dropdown>
           </div>
           <div>
             <el-dropdown>
-                <div style="margin-left: 50px;color: #fff;font-size: 14px;cursor: pointer;">
-                  <el-avatar v-if="userInfo.avatar !== ''" :src="userInfo.avatar" style="vertical-align: middle;width:40px;height:40px;margin-right:10px;"></el-avatar>
-                  <span v-else style="display: inline-block;">
-                    <img v-if="userInfo.sex === 1 " src="../../../../public/images/Avatarman.png" alt="" style="width: 30px;height: 30px;vertical-align: middle;">
-                    <img v-else src="../../../../public/images/Avatarwoman.png" alt="" style="width: 30px;height: 30px;vertical-align: middle;">
-                  </span>
+              <div
+                style="
+                  margin-left: 50px;
+                  color: #fff;
+                  font-size: 14px;
+                  cursor: pointer;
+                "
+              >
+                <el-avatar
+                  v-if="userInfo.avatar !== ''"
+                  :src="userInfo.avatar"
+                  style="
+                    vertical-align: middle;
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 10px;
+                  "
+                ></el-avatar>
+                <span v-else style="display: inline-block">
+                  <img
+                    v-if="userInfo.sex === 1"
+                    src="../../../../public/images/Avatarman.png"
+                    alt=""
+                    style="width: 30px; height: 30px; vertical-align: middle"
+                  />
+                  <img
+                    v-else
+                    src="../../../../public/images/Avatarwoman.png"
+                    alt=""
+                    style="width: 30px; height: 30px; vertical-align: middle"
+                  />
+                </span>
 
-                  {{userInfo.name}}
-                </div>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
-                  <el-dropdown-item><router-link :to="'/home/'+userInfo.aid">个人主页</router-link></el-dropdown-item>
-                </el-dropdown-menu>
+                {{ userInfo.name }}
+              </div>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="setCurIdentity(1)"
+                  ><a
+                    :href="`${webBaseUrl}${
+                      isTiao ? '/uc/study/task' : '/uc/study/courses'
+                    }`"
+                    >个人中心</a
+                  ></el-dropdown-item
+                >
+                <el-dropdown-item
+                  ><router-link :to="'/home/' + userInfo.aid"
+                    >个人主页</router-link
+                  ></el-dropdown-item
+                >
+              </el-dropdown-menu>
             </el-dropdown>
           </div>
 
@@ -89,20 +195,53 @@
               </el-dropdown-menu>
             </el-dropdown>
           </div> -->
-        <div class="person-action">
-          <el-button @click="logout()" type="text"><svg-icon  style="margin-right: 4px;font-size:16px;" icon-class="white-out"></svg-icon>登出</el-button>
+          <div class="person-action">
+            <el-button @click="logout()" type="text"
+              ><svg-icon
+                style="margin-right: 4px; font-size: 16px"
+                icon-class="white-out"
+              ></svg-icon
+              >登出</el-button
+            >
+          </div>
         </div>
       </div>
-      </div>
     </div>
-    <el-dialog title="修改登录密码" :close-on-click-modal="false" :visible.sync="pwdDlg.show" width="600px" custom-class="g-dialog">
+    <el-dialog
+      title="修改登录密码"
+      :close-on-click-modal="false"
+      :visible.sync="pwdDlg.show"
+      width="600px"
+      custom-class="g-dialog"
+    >
       <el-form :model="pwdDlg" size="medium" label-width="100px">
-        <el-form-item label="当前密码"><el-input v-model="pwdDlg.nowPwd" type="password" placeholder="当前的登录密码" :style="{ width: '100%' }"></el-input></el-form-item>
+        <el-form-item label="当前密码"
+          ><el-input
+            v-model="pwdDlg.nowPwd"
+            type="password"
+            placeholder="当前的登录密码"
+            :style="{ width: '100%' }"
+          ></el-input
+        ></el-form-item>
         <el-form-item label="新密码">
-          <el-input v-model="pwdDlg.newPwd" type="password" placeholder="新的密码" :maxlength="20" clearable :style="{ width: '100%' }"></el-input>
+          <el-input
+            v-model="pwdDlg.newPwd"
+            type="password"
+            placeholder="新的密码"
+            :maxlength="20"
+            clearable
+            :style="{ width: '100%' }"
+          ></el-input>
         </el-form-item>
         <el-form-item label="密码确认">
-          <el-input v-model="pwdDlg.rePwd" type="password" placeholder="和上面新密码一致" :maxlength="20" clearable :style="{ width: '100%' }"></el-input>
+          <el-input
+            v-model="pwdDlg.rePwd"
+            type="password"
+            placeholder="和上面新密码一致"
+            :maxlength="20"
+            clearable
+            :style="{ width: '100%' }"
+          ></el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
@@ -110,14 +249,37 @@
         <el-button type="primary" @click="submitPwd">提交修改</el-button>
       </span>
     </el-dialog>
-    <el-dialog custom-class="dialog-signin" :show-close="false" :visible.sync="signInShow" :close-on-click-modal="false" width="520px" top="8vh">
-       <div>
-         <img usemap="#HotMap" src="/pc/ad/dlg.png" style="width:416px;height: 576px;">
-         <map name="HotMap" id="HotMap">
-             <area shape="circle" name="link1" coords="380,40,30" @click="closeSignDlg" href="javascript:;" />
-             <area shape="rectangle" name="link2" coords="150,400,300,500" target="_blank"  href="https://boehrsurvey.wjx.cn/vm/PmreuFN.aspx"  />
-           </map>
-        </div>
+    <el-dialog
+      custom-class="dialog-signin"
+      :show-close="false"
+      :visible.sync="signInShow"
+      :close-on-click-modal="false"
+      width="520px"
+      top="8vh"
+    >
+      <div>
+        <img
+          usemap="#HotMap"
+          src="/pc/ad/dlg.png"
+          style="width: 416px; height: 576px"
+        />
+        <map name="HotMap" id="HotMap">
+          <area
+            shape="circle"
+            name="link1"
+            coords="380,40,30"
+            @click="closeSignDlg"
+            href="javascript:;"
+          />
+          <area
+            shape="rectangle"
+            name="link2"
+            coords="150,400,300,500"
+            target="_blank"
+            href="https://boehrsurvey.wjx.cn/vm/PmreuFN.aspx"
+          />
+        </map>
+      </div>
     </el-dialog>
     <gonggao></gonggao>
     <div class="u-class">
@@ -148,9 +310,7 @@
                   内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
                 </div>
               </div>
-              <div class="text_msg">
-                创新力专区课程版权已到期！
-              </div>
+              <div class="text_msg">创新力专区课程版权已到期！</div>
               <!-- <div class="cyl" @click="cylClick">
                 <div class="tyl_title">
                   <img
@@ -175,44 +335,44 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
-import desk from '@/api/console.js';
-import Cookies from 'vue-cookies';
-import InterestCollection from '@/components/Portal/interestCollection.vue'
-import GuideBox from '@/components/Portal/guideBox.vue'
-import gonggao from '@/components/Gonggao.vue';
+import { mapGetters } from "vuex";
+import desk from "@/api/console.js";
+import Cookies from "vue-cookies";
+import InterestCollection from "@/components/Portal/interestCollection.vue";
+import GuideBox from "@/components/Portal/guideBox.vue";
+import gonggao from "@/components/Gonggao.vue";
 export default {
-  components:{InterestCollection,GuideBox,gonggao},
+  components: { InterestCollection, GuideBox, gonggao },
   data() {
     return {
       uClassShow: false,
-      isTiao:false,
-      managerPath:process.env.VUE_APP_MANAGER_PATH,
-      interestShow:false,
-      checked:true,
+      isTiao: false,
+      managerPath: process.env.VUE_APP_MANAGER_PATH,
+      interestShow: false,
+      checked: true,
       signInShow: false,
-      signLocalTimesKey:'xboe_sign_dlg_times',
-      keyword: '',
-      findType: '1',
+      signLocalTimesKey: "xboe_sign_dlg_times",
+      keyword: "",
+      findType: "1",
       mouseIndex: 0,
-      activeIndex: '',
+      activeIndex: "",
       msg: { num: 0 },
-      user: { name: '' },
-      pwdDlg: { show: false, newPwd: '', nowPwd: '', rePwd: '' },
-      current:1
+      user: { name: "" },
+      pwdDlg: { show: false, newPwd: "", nowPwd: "", rePwd: "" },
+      current: 1,
     };
   },
   computed: {
-    ...mapGetters(['userInfo', 'userMsg','curIdentity','identity']),
-    showName: function() {
+    ...mapGetters(["userInfo", "userMsg", "curIdentity", "identity"]),
+    showName: function () {
       //console.log('name='+this.name);
       //console.log('loginName='+this.loginName);
-      if (this.userInfo.name != '') {
+      if (this.userInfo.name != "") {
         return this.userInfo.name;
       } else {
         return this.userInfo.userName;
       }
-    }
+    },
   },
   mounted() {
     this.interestShow = true;
@@ -238,7 +398,7 @@ export default {
     //       localStorage.setItem(this.$xpage.constants.newLoginKey,0);
     //     }
     // }
-    this.$store.dispatch('refrashMsg');
+    this.$store.dispatch("refrashMsg");
   },
   methods: {
     tylClick() {
@@ -247,11 +407,11 @@ export default {
     cylClick() {
       window.open("https://u.boe.com/pc/course?keyword=创新力专区");
     },
-    setCurIdentity(iden){
-        this.$store.dispatch('SetCurIdentity',iden);
-      },
-    closeSignDlg(){
-       this.signInShow=false;
+    setCurIdentity(iden) {
+      this.$store.dispatch("SetCurIdentity", iden);
+    },
+    closeSignDlg() {
+      this.signInShow = false;
     },
     handleCommand(val) {
       // let obj = {
@@ -271,14 +431,14 @@ export default {
           two: urlPre + "/grow180/login",
           three: this.webBaseUrl + "/study/index?study=1",
           // four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
-          five: urlPre + "/boe/new-employee/index.html",
-          seven: this.webBaseUrl + '/grateful/index'
+          five: urlPre + "/new-employee/welcome",
+          seven: this.webBaseUrl + "/grateful/index",
         };
         window.open(obj[val]);
       }
     },
-    handleUcCommand(val){
-      if(val == 'logout'){
+    handleUcCommand(val) {
+      if (val == "logout") {
         this.logout();
       }
     },
@@ -289,36 +449,39 @@ export default {
       this.pwdDlg.show = true;
     },
     submitPwd() {
-      if (this.pwdDlg.nowPwd == '' || (this.pwdDlg.newPwd == '') | (this.pwdDlg.rePwd == '')) {
+      if (
+        this.pwdDlg.nowPwd == "" ||
+        (this.pwdDlg.newPwd == "") | (this.pwdDlg.rePwd == "")
+      ) {
         return;
       }
       let params = {
         loginName: this.loginName,
         old: this.pwdDlg.nowPwd,
         newPassword: this.pwdDlg.newPwd,
-        rePassword: this.pwdDlg.rePwd
+        rePassword: this.pwdDlg.rePwd,
       };
-      desk.updatePassword(params).then(res => {
+      desk.updatePassword(params).then((res) => {
         if (res.status == 200) {
-          this.$message({ message: '修改成功，请重新登录', type: 'success' });
+          this.$message({ message: "修改成功，请重新登录", type: "success" });
         } else {
-          this.$message({ message: '修改失败，请检查输入', type: 'error' });
+          this.$message({ message: "修改失败，请检查输入", type: "error" });
         }
       });
     },
     logout() {
-      this.$confirm('确定退出系统吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
+      this.$confirm("确定退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       }).then(() => {
-        this.$store.dispatch('LogOut').then(() => {
+        this.$store.dispatch("LogOut").then(() => {
           //location.href = this.webBaseUrl + '/login';
-          location.href =process.env.VUE_APP_LOGIN_URL;
+          location.href = process.env.VUE_APP_LOGIN_URL;
         });
       });
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -435,7 +598,7 @@ export default {
           border: 0.96px solid rgba(140, 105, 242, 1);
           box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
-        .text_msg{
+        .text_msg {
           margin: 43px 0 0 222px;
           font-size: 14px;
           color: #000;
@@ -497,89 +660,86 @@ export default {
     }
   }
 }
-::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
-    background-color: #fff !important;
-    color: #0059FF !important;
+::v-deep .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #fff !important;
+  color: #0059ff !important;
 }
 ::v-deep.el-dropdown-menu {
-text-align: center;
+  text-align: center;
   border: none !important;
-
 }
-::v-deep .el-avatar{
-      margin-right: 8px;
-       img{
-           width: 100% !important;
-         }
-    }
-::v-deep.xtop .xtop-right .person-action[data-v-5bcef51e] .message-count i{
+::v-deep .el-avatar {
+  margin-right: 8px;
+  img {
+    width: 100% !important;
+  }
+}
+::v-deep.xtop .xtop-right .person-action[data-v-5bcef51e] .message-count i {
   color: #fff !important;
 }
-.el-button--text{
+.el-button--text {
   color: #fff;
 }
-img{
-
+img {
 }
-::v-deep .dialog-signin{
+::v-deep .dialog-signin {
   background: transparent;
-  box-shadow:none;
- .el-dialog__header{
+  box-shadow: none;
+  .el-dialog__header {
     padding: 0;
   }
-  .el-dialog__body{
+  .el-dialog__body {
     padding: 0;
   }
   .el-dialog__footer {
     padding: 0;
-
-}
-.signin-bg{
-  position: relative;
-  .el-icon-close{
-    position: absolute;
-    top: 20px;
-    right: 10px;
-    color: #fff;
-    font-size: 16px;
   }
-}
-.signin-box2{
-	margin-left: 100px;
-	font-size: 12px;
-	.signin-checkbox{
-		display: flex;
-		align-items: center;
-		color: #FFFFFF;
-		margin-top: 10px;
-		.el-checkbox{
-			margin-right: 5px;
-		}
-	}
-	.signin-text{
-		font-family: Alibaba PuHuiTi;
-		font-style:italic;
-		cursor: pointer;
-		margin-left: 20px;
-		color:#003eb7;
-		font-weight: bolder;
-	}
-}
-  .signin-box{
+  .signin-bg {
+    position: relative;
+    .el-icon-close {
+      position: absolute;
+      top: 20px;
+      right: 10px;
+      color: #fff;
+      font-size: 16px;
+    }
+  }
+  .signin-box2 {
+    margin-left: 100px;
+    font-size: 12px;
+    .signin-checkbox {
+      display: flex;
+      align-items: center;
+      color: #ffffff;
+      margin-top: 10px;
+      .el-checkbox {
+        margin-right: 5px;
+      }
+    }
+    .signin-text {
+      font-family: Alibaba PuHuiTi;
+      font-style: italic;
+      cursor: pointer;
+      margin-left: 20px;
+      color: #003eb7;
+      font-weight: bolder;
+    }
+  }
+  .signin-box {
     margin: 0 70px;
-    p{
+    p {
       line-height: 28px;
     }
-    .signin-text{
+    .signin-text {
       font-size: 12px;
       font-weight: bold;
-      color: #FFFFFF;
-      .ti-yan{
-        border-bottom: 1px solid #FFFFFF;
+      color: #ffffff;
+      .ti-yan {
+        border-bottom: 1px solid #ffffff;
         margin-left: 10px;
         cursor: pointer;
       }
-      img{
+      img {
         width: 14px;
         height: 14px;
         margin-left: 6px;
@@ -587,38 +747,38 @@ img{
         margin-bottom: 4px;
       }
     }
-    .signin-a{
+    .signin-a {
       font-size: 12px;
       font-family: Alibaba PuHuiTi;
       font-weight: 600;
-      color: #FFFFFF;
-      span{
-        border-bottom: 1px solid #FFFFFF;
+      color: #ffffff;
+      span {
+        border-bottom: 1px solid #ffffff;
       }
     }
-    .signin-b{
+    .signin-b {
       font-size: 12px;
-      color:#FFFFFF;
+      color: #ffffff;
       text-align: right;
-      .el-checkbox__inner{
+      .el-checkbox__inner {
         //background-color: #588AFC;
-        border-color: #FFFFFF;
+        border-color: #ffffff;
       }
-      .el-checkbox__input.is-checked .el-checkbox__inner{
-        background-color: #588AFC;
+      .el-checkbox__input.is-checked .el-checkbox__inner {
+        background-color: #588afc;
       }
     }
   }
 }
-.dialog-footer-signin{
+.dialog-footer-signin {
   display: flex;
-  justify-content: space-between
+  justify-content: space-between;
 }
 .xtop {
   height: 72px;
   line-height: 72px;
   min-width: 1280px;
-  background-color: #0078FC;
+  background-color: #0078fc;
   position: fixed;
   top: 0px;
   left: 0px;
@@ -628,15 +788,15 @@ img{
   justify-content: space-between;
   border-bottom: 1px solid #e9e9e9;
   z-index: 9999;
-  .xtop-content{
+  .xtop-content {
     width: 100%;
     display: flex;
     justify-content: space-between;
-    margin:0 40px;
+    margin: 0 40px;
     .xtop-left {
       display: flex;
       justify-content: flex-start;
-      .xtop-logo{
+      .xtop-logo {
         padding-top: 20px;
         padding-right: 50px;
         display: flex;
@@ -647,27 +807,26 @@ img{
   }
 }
 
-
 .xtop-nav {
   display: flex;
   // justify-content: flex-start;
-  a{
+  a {
     display: inline-block;
   }
 }
 .xtop-nav-item {
-  line-height:72px;
+  line-height: 72px;
   color: #fff;
 }
 
-@media screen and (max-width: 1366px){
-  .xtop-nav-item{
+@media screen and (max-width: 1366px) {
+  .xtop-nav-item {
     padding: 0px 10px;
   }
 }
 
-@media screen and (min-width: 1366px){
-  .xtop-nav-item{
+@media screen and (min-width: 1366px) {
+  .xtop-nav-item {
     padding: 0px 24px;
   }
 }
@@ -676,21 +835,21 @@ img{
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  .person-action{
+  .person-action {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     margin-left: 44px;
-    ::v-deep .message-count{
+    ::v-deep .message-count {
       margin-right: 30px;
-      i{
+      i {
         font-size: 26px;
-        color:#409EFF;
+        color: #409eff;
       }
     }
 
-    .el-button{
-		margin-top: 1px;
+    .el-button {
+      margin-top: 1px;
       // margin-left: 20px;
     }
   }
@@ -708,7 +867,7 @@ img{
 }
 
 .xtop .arrow-down {
-  content: '';
+  content: "";
   width: 0;
   height: 0;
   border-style: solid dashed dashed;
@@ -789,21 +948,21 @@ img{
     outline: none;
   }
 }
-.message-count a{
-    color: #fff;
-    font-size: 28px;
-    margin-top: 0 !important;
-}
-::v-deep .el-badge{
+.message-count a {
+  color: #fff;
+  font-size: 28px;
   margin-top: 0 !important;
-  .el-badge__content{
+}
+::v-deep .el-badge {
+  margin-top: 0 !important;
+  .el-badge__content {
     top: 20px;
   }
 }
 ::v-deep .el-link.el-link--primary:hover {
-  color:#588AFC;
+  color: #588afc;
 }
-.el-dropdown-link{
+.el-dropdown-link {
   cursor: pointer;
   color: #fff;
 }
diff --git a/src/router/index.js b/src/router/index.js
index f2d9548a..c728f179 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -18,27 +18,27 @@ export const constantRoutes = [{
   path: '',
   redirect: '/study'
 },
-  {
-    path: '/loading',
-    hidden: true,
-    component: (resolve) => require(['@/views/Loading'], resolve),
-    name: 'loading',
-    meta: {title: '正在进入学习中心', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/login',
-    hidden: true,
-    component: (resolve) => require(['@/views/Login'], resolve),
-    name: 'login',
-    meta: {title: '京东方大学堂登录', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/index',
-    hidden: true,
-    component: (resolve) => require(['@/views/Index'], resolve),
-    name: 'index',
-    meta: {title: '首页', icon: 'dashboard', noCache: true, affix: false},
-  },
+{
+  path: '/loading',
+  hidden: true,
+  component: (resolve) => require(['@/views/Loading'], resolve),
+  name: 'loading',
+  meta: { title: '正在进入学习中心', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/login',
+  hidden: true,
+  component: (resolve) => require(['@/views/Login'], resolve),
+  name: 'login',
+  meta: { title: '京东方大学堂登录', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/index',
+  hidden: true,
+  component: (resolve) => require(['@/views/Index'], resolve),
+  name: 'index',
+  meta: { title: '首页', icon: 'dashboard', noCache: true, affix: false },
+},
 // {
 //   path: '/grateful/index',
 //   hidden: true,
@@ -46,329 +46,336 @@ export const constantRoutes = [{
 //   name: 'gratefulIndex',
 //   meta: { title: '感恩教师首页', icon: 'dashboard', noCache: true, affix: false },
 // },
-  {
-    path: '/grateful',
-    component: Grateful,
-    redirect: '/grateful/index',
-    children: [
-      {
-        path: 'index',
-        hidden: true,
-        component: (resolve) => require(['@/views/grateful/GratefulHomePage'], resolve),
-        name: 'GratefulHomePage',
-        meta: {title: '感恩教师首页', icon: 'dashboard', noCache: true, affix: true, hidden: false}
-      },
-      {
-        path: 'teacherEmpowerment',
-        hidden: true,
-        component: (resolve) => require(['@/views/grateful/TeacherEmpowerment'], resolve),
-        name: 'TeacherEmpowerment',
-        meta: {title: '教师赋能', icon: 'dashboard', noCache: true, affix: true, hidden: true}
-      },
-      {
-        path: 'toolDown',
-        hidden: true,
-        component: (resolve) => require(['@/views/grateful/ToolDown'], resolve),
-        name: 'ToolDown',
-        meta: {title: '工具下载', icon: 'dashboard', noCache: true, affix: true, hidden: true}
-      },
-      {
-        path: 'gratefulNotice',
-        hidden: true,
-        component: (resolve) => require(['@/views/grateful/GratefulNotice'], resolve),
-        name: 'GratefulNotice',
-        meta: {title: '通知列表', icon: 'dashboard', noCache: true, affix: true, hidden: true}
-      },
-      {
-        path: 'noticeDetail',
-        hidden: true,
-        component: (resolve) => require(['@/views/grateful/NoticeDetail'], resolve),
-        name: 'NoticeDetail',
-        meta: {title: '通知详情', icon: 'dashboard', noCache: true, affix: true, hidden: true}
-      },
-      {
-        path: 'teacherOpinion',
-        hidden: true,
-        component: (resolve) => require(['@/views/grateful/TeacherOpinion'], resolve),
-        name: 'TeacherOpinion',
-        meta: {title: '师资大全', icon: 'dashboard', noCache: true, affix: true, hidden: true}
-      },
-    ]
-  },
-  {
-    path: '/forward',
-    hidden: true,
-    component: (resolve) => require(['@/views/Forward'], resolve),
-    name: 'forward',
-    meta: {title: '详细信息', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/course',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/Index'], resolve),
-    name: 'course',
-    meta: {title: '课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/courseRecommended',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/CourseRecommended'], resolve),
-    name: 'courseRecommended',
-    meta: {title: '推荐课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/courseSeries',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/CourseSeries'], resolve),
-    name: 'courseSeries',
-    meta: {title: '系列课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/course/micro',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/Micro'], resolve),
-    name: 'courseDetailMicro',
-    meta: {title: '课程详情', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/course/detail',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/Detail'], resolve),
-    name: 'courseDetail',
-    meta: {title: '课程详情', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
-  },
+{
+  path: '/grateful',
+  component: Grateful,
+  redirect: '/grateful/index',
+  children: [
+    {
+      path: 'index',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/GratefulHomePage'], resolve),
+      name: 'GratefulHomePage',
+      meta: { title: '感恩教师首页', icon: 'dashboard', noCache: true, affix: true, hidden: false }
+    },
+    {
+      path: 'teacherEmpowerment',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/TeacherEmpowerment'], resolve),
+      name: 'TeacherEmpowerment',
+      meta: { title: '教师赋能', icon: 'dashboard', noCache: true, affix: true, hidden: true }
+    },
+    {
+      path: 'toolDown',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/ToolDown'], resolve),
+      name: 'ToolDown',
+      meta: { title: '工具下载', icon: 'dashboard', noCache: true, affix: true, hidden: true }
+    },
+    {
+      path: 'gratefulNotice',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/GratefulNotice'], resolve),
+      name: 'GratefulNotice',
+      meta: { title: '通知列表', icon: 'dashboard', noCache: true, affix: true, hidden: true }
+    },
+    {
+      path: 'noticeDetail',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/NoticeDetail'], resolve),
+      name: 'NoticeDetail',
+      meta: { title: '通知详情', icon: 'dashboard', noCache: true, affix: true, hidden: true }
+    },
+    {
+      path: 'teacherOpinion',
+      hidden: true,
+      component: (resolve) => require(['@/views/grateful/TeacherOpinion'], resolve),
+      name: 'TeacherOpinion',
+      meta: { title: '师资大全', icon: 'dashboard', noCache: true, affix: true, hidden: true }
+    },
+  ]
+},
+{
+  path: '/forward',
+  hidden: true,
+  component: (resolve) => require(['@/views/Forward'], resolve),
+  name: 'forward',
+  meta: { title: '详细信息', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/course',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/Index'], resolve),
+  name: 'course',
+  meta: { title: '课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/courseRecommended',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/CourseRecommended'], resolve),
+  name: 'courseRecommended',
+  meta: { title: '推荐课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/courseSeries',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/CourseSeries'], resolve),
+  name: 'courseSeries',
+  meta: { title: '系列课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/course/micro',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/Micro'], resolve),
+  name: 'courseDetailMicro',
+  meta: { title: '课程详情', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/course/detail',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/Detail'], resolve),
+  name: 'courseDetail',
+  meta: { title: '课程详情', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
 // 课程预览
-  {
-    path: '/course/microPreview',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/microPreview'], resolve),
-    name: 'microPreview',
-    meta: {title: '课程预览', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/course/rePreview',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/rePreview'], resolve),
-    name: 'courseRePreview',
-    meta: {title: '课程预览', icon: 'dashboard', noCache: true, affix: false},
-  },
+{
+  path: '/course/microPreview',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/microPreview'], resolve),
+  name: 'microPreview',
+  meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/course/rePreview',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/rePreview'], resolve),
+  name: 'courseRePreview',
+  meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
+},
 //
 // 外来链接
-  {
-    path: '/course/boeframe',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/boeframe'], resolve),
-    name: 'courseBoeframe',
-    meta: {title: '课程预览', icon: 'dashboard', noCache: true, affix: false},
-  },
+{
+  path: '/course/boeframe',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/boeframe'], resolve),
+  name: 'courseBoeframe',
+  meta: { title: '课程预览', icon: 'dashboard', noCache: true, affix: false },
+},
 //外来链接
-  {
-    path: '/course/recorded',
+{
+  path: '/course/recorded',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/Recorded'], resolve),
+  name: 'courseDetailRecorded',
+  meta: { title: '课程详情', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  //此页面需要指定课程的参数
+  path: '/course/studyindex',
+  hidden: true,
+  component: (resolve) => require(['@/views/study/coursenew'], resolve),
+  name: 'courseStudyIndex',
+  meta: { title: '课程学习', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
+//讲师认证
+{
+  path: '/case',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/case/Index'], resolve),
+  name: 'case',
+  meta: { title: '案例', keepAlive: true, icon: 'dashboard', noCache: false, affix: true },
+},
+{
+  path: '/case/detail',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/case/Detail'], resolve),
+  name: 'caseDetail',
+  meta: { title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true },
+},
+{
+  path: '/case/charts',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/case/Charts'], resolve),
+  name: 'caseCharts',
+  meta: { title: '排行榜', keepAlive: true, icon: 'dashboard', noCache: false, affix: true },
+},
+{
+  path: '/case/excellent',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/case/Excellent'], resolve),
+  name: 'caseExcellent',
+  meta: { title: '浏览量榜单', keepAlive: true, icon: 'dashboard', noCache: false, affix: true },
+},
+{
+  path: '/article',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/article/Index'], resolve),
+  name: 'article',
+  meta: { title: '文章', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/article/detail',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/article/Detail'], resolve),
+  name: 'articleDetail',
+  meta: { title: '文章详情', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/article/add',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/article/Add'], resolve),
+  name: 'articleAdd',
+  meta: { title: '发布文章', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/qa',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/qa/Index'], resolve),
+  name: 'qa',
+  meta: { title: '问答', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/message',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/user/Message'], resolve),
+  name: 'userMsg',
+  meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/home',
+  hidden: true,
+  component: (resolve) => require(['@/views/homepage/Index'], resolve),
+  name: 'homePage',
+  redirect: '/home/:id',
+  meta: { title: '个人主页', icon: 'dashboard', noCache: true, affix: false },
+  children: [{
+    path: ':id',
     hidden: true,
-    component: (resolve) => require(['@/views/portal/course/Recorded'], resolve),
-    name: 'courseDetailRecorded',
-    meta: {title: '课程详情', icon: 'dashboard', noCache: true, affix: false},
+    component: (resolve) => require(['@/views/homepage/page'], resolve),
+    name: 'page',
+    meta: { title: '个人主页', icon: 'dashboard', noCache: true, affix: true }
   },
   {
-    //此页面需要指定课程的参数
-    path: '/course/studyindex',
+    path: ':id/leaving',
     hidden: true,
-    component: (resolve) => require(['@/views/study/coursenew'], resolve),
-    name: 'courseStudyIndex',
-    meta: {title: '课程学习', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
-  },
-  //讲师认证
-  {
-    path: '/case',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/case/Index'], resolve),
-    name: 'case',
-    meta: {title: '案例', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
-  },
-  {
-    path: '/case/detail',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/case/Detail'], resolve),
-    name: 'caseDetail',
-    meta: {title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
-  },
-  {
-    path: '/case/charts',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/case/Charts'], resolve),
-    name: 'caseCharts',
-    meta: {title: '排行榜', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
-  },
-  {
-    path: '/case/excellent',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/case/Excellent'], resolve),
-    name: 'caseExcellent',
-    meta: {title: '浏览量榜单', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
-  },
-  {
-    path: '/article',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/article/Index'], resolve),
-    name: 'article',
-    meta: {title: '文章', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/article/detail',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/article/Detail'], resolve),
-    name: 'articleDetail',
-    meta: {title: '文章详情', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/article/add',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/article/Add'], resolve),
-    name: 'articleAdd',
-    meta: {title: '发布文章', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/qa',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/qa/Index'], resolve),
-    name: 'qa',
-    meta: {title: '问答', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/message',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/user/Message'], resolve),
-    name: 'userMsg',
-    meta: {title: '我的消息', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/home',
-    hidden: true,
-    component: (resolve) => require(['@/views/homepage/Index'], resolve),
-    name: 'homePage',
-    redirect: '/home/:id',
-    meta: {title: '个人主页', icon: 'dashboard', noCache: true, affix: false},
-    children: [{
-      path: ':id',
-      hidden: true,
-      component: (resolve) => require(['@/views/homepage/page'], resolve),
-      name: 'page',
-      meta: {title: '个人主页', icon: 'dashboard', noCache: true, affix: true}
-    },
-      {
-        path: ':id/leaving',
-        hidden: true,
-        component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
-        name: 'leavingMessage',
-        meta: {title: '留言', icon: 'dashboard', noCache: true, affix: true}
-      }
-    ]
-  },
-  {
-    path: '/comments',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/Comments'], resolve),
-    name: 'commentReply',
-    meta: {title: '评论回复', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/qa/answer',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/qa/Answer'], resolve),
-    name: 'qaAnswer',
-    meta: {title: '写回答', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/follow',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/follow'], resolve),
-    name: 'follow',
-    meta: {title: '我的关注', icon: 'dashboard', noCache: true, affix: false},
-  },
-  {
-    path: '/study',
-    component: Layout,
-    redirect: '/study/index',
-    children: [{
-      path: 'index',
-      hidden: true,
-      component: (resolve) => require(['@/views/StudyIndex'], resolve),
-      name: 'studyIndex',
-      meta: {title: '首页', icon: 'dashboard', noCache: true, affix: true}
-    }]
-  },
-  {
-    path: '/teacher',
-    component: Layout,
-    children: [{
-      path: 'index',
-      hidden: true,
-      component: (resolve) => require(['@/views/TeacherIndex'], resolve),
-      name: 'teacherIndex',
-      meta: {title: '教师个人中心', icon: 'dashboard', noCache: true, affix: true}
-    }]
-  },
-  {
-    path: '/manager',
-    component: Layout,
-    children: [{
-      path: 'index',
-      hidden: true,
-      component: (resolve) => require(['@/views/ManageIndex'], resolve),
-      name: 'managerIndex',
-      meta: {title: '管理员个人中心', icon: 'dashboard', noCache: true, affix: true}
-    }]
-  },
-  {
-    path: '/exam/test',
-    hidden: true,
-    component: (resolve) => require(['@/views/exam/Test'], resolve),
-    name: 'test',
-    meta: {title: '京东方大学堂考试', icon: 'dashboard', noCache: true, affix: true},
-  },
-  {
-    path: '/video/test',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/video'], resolve),
-    name: 'videotest',
-    meta: {title: '课程视频测试', icon: 'dashboard', noCache: true, affix: true},
-  },
-  {
-    path: '/hotforum',
-    hidden: true,
-    component: (resolve) => require(['@/views/hotforum/Index'], resolve),
-    name: 'hotforum',
-    meta: {title: '热点论坛', icon: 'dashboard', noCache: true, affix: true},
-  },
-  {
-    path: '/lexiang',
-    hidden: true,
-    component: (resolve) => require(['@/views/sso/lexiang'], resolve),
-    name: 'lexiang',
-    meta: {title: '单点登录', icon: 'dashboard', noCache: true, affix: true},
-  },
-  {
-    path: '/404',
-    component: (resolve) => require(['@/views/error/404'], resolve),
-    hidden: true
-  },
-  {
-    path: '/401',
-    component: (resolve) => require(['@/views/error/401'], resolve),
-    hidden: true
-  },
-  {
-    path: '/500',
-    component: (resolve) => require(['@/views/error/500'], resolve),
-    hidden: true
-  },
-  {
-    path: '/qualityCourse',
-    hidden: true,
-    component: (resolve) => require(['@/views/portal/course/qualityCourse'], resolve),
-    name: 'qualityCourse',
-    meta: {title: '精品课课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
+    component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
+    name: 'leavingMessage',
+    meta: { title: '留言', icon: 'dashboard', noCache: true, affix: true }
   }
+  ]
+},
+{
+  path: '/comments',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/Comments'], resolve),
+  name: 'commentReply',
+  meta: { title: '评论回复', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/qa/answer',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/qa/Answer'], resolve),
+  name: 'qaAnswer',
+  meta: { title: '写回答', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/follow',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/follow'], resolve),
+  name: 'follow',
+  meta: { title: '我的关注', icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/study',
+  component: Layout,
+  redirect: '/study/index',
+  children: [{
+    path: 'index',
+    hidden: true,
+    component: (resolve) => require(['@/views/StudyIndex'], resolve),
+    name: 'studyIndex',
+    meta: { title: '首页', icon: 'dashboard', noCache: true, affix: true }
+  }]
+},
+{
+  path: '/teacher',
+  component: Layout,
+  children: [{
+    path: 'index',
+    hidden: true,
+    component: (resolve) => require(['@/views/TeacherIndex'], resolve),
+    name: 'teacherIndex',
+    meta: { title: '教师个人中心', icon: 'dashboard', noCache: true, affix: true }
+  }]
+},
+{
+  path: '/manager',
+  component: Layout,
+  children: [{
+    path: 'index',
+    hidden: true,
+    component: (resolve) => require(['@/views/ManageIndex'], resolve),
+    name: 'managerIndex',
+    meta: { title: '管理员个人中心', icon: 'dashboard', noCache: true, affix: true }
+  }]
+},
+{
+  path: '/exam/test',
+  hidden: true,
+  component: (resolve) => require(['@/views/exam/Test'], resolve),
+  name: 'test',
+  meta: { title: '京东方大学堂考试', icon: 'dashboard', noCache: true, affix: true },
+},
+{
+  path: '/video/test',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/video'], resolve),
+  name: 'videotest',
+  meta: { title: '课程视频测试', icon: 'dashboard', noCache: true, affix: true },
+},
+{
+  path: '/hotforum',
+  hidden: true,
+  component: (resolve) => require(['@/views/hotforum/Index'], resolve),
+  name: 'hotforum',
+  meta: { title: '热点论坛', icon: 'dashboard', noCache: true, affix: true },
+},
+{
+  path: '/lexiang',
+  hidden: true,
+  component: (resolve) => require(['@/views/sso/lexiang'], resolve),
+  name: 'lexiang',
+  meta: { title: '单点登录', icon: 'dashboard', noCache: true, affix: true },
+},
+{
+  path: '/404',
+  component: (resolve) => require(['@/views/error/404'], resolve),
+  hidden: true
+},
+{
+  path: '/401',
+  component: (resolve) => require(['@/views/error/401'], resolve),
+  hidden: true
+},
+{
+  path: '/500',
+  component: (resolve) => require(['@/views/error/500'], resolve),
+  hidden: true
+},
+{
+  path: '/qualityCourse',
+  hidden: true,
+  component: (resolve) => require(['@/views/portal/course/qualityCourse'], resolve),
+  name: 'qualityCourse',
+  meta: { title: '精品课课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
+{
+  path: '/new-employee/welcome',
+  hidden: true,
+  component: (resolve) => require(['@/views/new-employee/WelcomePage'], resolve),
+  name: 'NewEmployeeWelcome',
+  meta: { title: '社招新员工欢迎页', icon: 'dashboard', noCache: true, affix: false },
+}
 
 ]
 
@@ -380,7 +387,7 @@ const router = new VueRouter({
     if (saveTop) {
       return saveTop;
     } else {
-      return {x: 0, y: 0}
+      return { x: 0, y: 0 }
     }
   },
 })
diff --git a/src/views/new-employee/WelcomePage.vue b/src/views/new-employee/WelcomePage.vue
new file mode 100644
index 00000000..153d748e
--- /dev/null
+++ b/src/views/new-employee/WelcomePage.vue
@@ -0,0 +1,411 @@
+<template>
+  <div class="welcome">
+    <p class="top-title">欢迎来到京东方大学</p>
+    <!-- 内容卡片 -->
+    <div class="main">
+      <div class="row">
+        <div class="col-md-6">
+          <img
+            class="img-responsive wel_img"
+            src="@/assets/images/new-employee/wel.png"
+            alt=""
+          />
+        </div>
+        <div class="col-md-6">
+          <!-- 桌面端显示 -->
+          <div class="right-font visible-lg-block visible-md-block">
+            <p class="greeting">{{ userName }}，您好!</p>
+            <p>欢迎加入京东方科技集团股份有限公司</p>
+            <p>从这一刻起，你就是这个大家庭里的一份子。</p>
+            <p>在这里，我们干事业、交朋友、长本领、练胸怀!</p>
+            <p>为了帮你快速融入BOE，我们为你准备了丰富的入职培训课程!</p>
+            <p>快开始学习吧!</p>
+          </div>
+          <!-- 移动端显示 -->
+          <div class="right-font-sm visible-xs-block">
+            <p>{{ userName }}，您好！</p>
+            <p>欢迎加入京东方</p>
+            <p>为了帮你快速融入BOE</p>
+            <P>我们为你准备了丰富的入职培训课程</P>
+            <p>快开始学习吧！</p>
+          </div>
+          <div class="col-md-12 send_btn">
+            <button
+              v-if="enrollBtn === 'enroll' || enrollBtn === 'end'"
+              class="btn btn-default btn-lg send center-block start-btn"
+              @click="handleEnrollClick"
+            >
+              报名社招新员工项目
+            </button>
+            <button
+              v-else
+              class="btn btn-default btn-lg send center-block start-btn"
+              @click="handleStartLearning"
+            >
+              开启学习之旅
+            </button>
+            <p style="color: #ffe551; font-size: 14px; font-family: '黑体'">
+              温馨提示：仅社招新员工可以报名，校招新员工和其他员工请不要点击
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 模态框（Modal）--信息确认 -->
+    <el-dialog
+      title="信息确认"
+      :visible.sync="infoConfirmDialogVisible"
+      :close-on-click-modal="false"
+      width="700px"
+      @close="handleDialogClose"
+    >
+      <div v-html="modalContent"></div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="infoConfirmDialogVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="processing" @click="handleConfirm">
+          {{ confirmBtnText }}
+        </el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 模态框（Modal)--数据提交成功 -->
+    <el-dialog
+      :title="modalTitle"
+      :visible.sync="successDialogVisible"
+      :close-on-click-modal="false"
+      width="500px"
+    >
+      <div style="text-align: center; padding: 20px 0">
+        {{ successMessage }}
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="successDialogVisible = false">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import {
+  enrollWork,
+  enrollRegSure,
+  getWelcomeData,
+} from "@/api/new-employee/newEmployee";
+
+export default {
+  name: "WelcomePage",
+  data() {
+    return {
+      userName: "",
+      enrollBtn: "",
+      enrollCode: "",
+      projectId: "",
+      modalContent: "",
+      modalTitle: "",
+      processing: false,
+      confirmBtnText: "确认",
+      infoConfirmDialogVisible: false,
+      successDialogVisible: false,
+      successMessage: "",
+    };
+  },
+  computed: {
+    // 如果需要使用Vuex中的用户信息
+    ...mapGetters(["userInfo"]),
+  },
+  mounted() {
+    this.initPageData();
+  },
+  methods: {
+    // 初始化页面数据
+    async initPageData() {
+      try {
+        // 从后端获取用户信息和报名状态
+        const response = await getWelcomeData();
+        if (response.status === 200) {
+          this.userName = response.result.user_name || this.userInfo.name;
+          this.enrollBtn = response.result.enroll.btn;
+          this.enrollCode = response.result.enroll.code;
+          this.projectId = response.result.project_id;
+          this.modalTitle = response.result.enroll.title;
+        }
+      } catch (error) {
+        console.error("初始化数据失败:", error);
+        // 临时测试数据，实际使用时从后端获取
+        this.userName = this.userInfo.name || "新员工";
+        this.enrollBtn = "enroll";
+        this.enrollCode = "10";
+        this.projectId = "123";
+        this.modalTitle = "报名成功";
+      }
+    },
+
+    // 开启学习之旅按钮点击
+    handleStartLearning() {
+      this.$router.push("/study/index");
+    },
+
+    // 报名按钮点击
+    async handleEnrollClick() {
+      if (this.enrollBtn === "enroll" || this.enrollBtn === "sureBtn") {
+        await this.embedCourse();
+      } else if (this.enrollBtn === "end") {
+        this.showEndModal();
+      }
+    },
+
+    // 嵌入课程信息
+    async embedCourse() {
+      try {
+        const response = await enrollWork({ course_id: this.projectId });
+
+        if (this.enrollCode === "10" || this.enrollCode === "") {
+          this.modalContent = response.result;
+          this.infoConfirmDialogVisible = true;
+        } else {
+          this.$message.warning("报名信息异常");
+        }
+      } catch (error) {
+        console.error("获取嵌入信息失败:", error);
+        this.$message.error("获取报名信息失败");
+      }
+    },
+
+    // 确认按钮
+    async handleConfirm() {
+      this.processing = true;
+      this.confirmBtnText = "正在确认，请稍后......";
+
+      // 获取费用计算地选择
+      const jsdVal = document.querySelector(
+        "#childselect > option:selected"
+      )?.value;
+      if (!jsdVal) {
+        this.processing = false;
+        this.confirmBtnText = "确认";
+        this.$message.error("费用计算地不可为空!");
+        return false;
+      }
+
+      try {
+        // 构建表单数据
+        const formData = {
+          id: this.projectId,
+          method: "self",
+          userId: this.userInfo.aid,
+          objectType: "project",
+        };
+
+        const response = await enrollRegSure(formData);
+
+        if (response.status === 200) {
+          this.infoConfirmDialogVisible = false;
+          this.$message.success("报名成功！");
+          // 跳转到学习页面
+          setTimeout(() => {
+            this.$router.push("/study/index");
+          }, 1500);
+        } else {
+          this.processing = false;
+          this.confirmBtnText = "确认";
+          this.$message.error(response.message || "报名失败");
+        }
+      } catch (error) {
+        console.error("提交失败:", error);
+        this.processing = false;
+        this.confirmBtnText = "确认";
+        this.$message.error("提交失败，请重试");
+      }
+    },
+
+    // 显示结束模态框
+    showEndModal() {
+      this.successMessage = "报名已结束";
+      this.successDialogVisible = true;
+    },
+
+    // 关闭对话框
+    handleDialogClose() {
+      this.processing = false;
+      this.confirmBtnText = "确认";
+    },
+  },
+};
+</script>
+
+<style scoped>
+/* 欢迎页面样式 */
+.welcome {
+  min-height: 100vh;
+  background: #2e5aa6;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* 顶部标题 */
+.top-title {
+  font-size: 48px;
+  font-weight: bold;
+  color: white;
+  text-align: center;
+  margin: 40px 20px 60px;
+  font-family: "Microsoft YaHei", sans-serif;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+/* 主内容卡片 */
+.welcome .main {
+  background: #2e5aa6;
+  border-radius: 10px;
+  padding: 50px 40px;
+  max-width: 1200px;
+  width: 100%;
+}
+
+/* 自定义栅格系统 */
+.welcome .main .row {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 -15px;
+}
+
+.welcome .main .col-md-6 {
+  position: relative;
+  width: 100%;
+  padding: 0 15px;
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.welcome .main .col-md-12 {
+  position: relative;
+  width: 100%;
+  padding: 0 15px;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.wel_img {
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto;
+  display: block;
+}
+
+/* 右侧文字区域 */
+.right-font {
+  padding: 20px 0;
+}
+
+.right-font .greeting {
+  font-size: 20px;
+  font-weight: bold;
+  color: white;
+  margin-bottom: 15px;
+  font-family: "Microsoft YaHei", sans-serif;
+}
+
+.right-font p {
+  font-size: 18px;
+  line-height: 2;
+  color: white;
+  margin-bottom: 10px;
+  font-family: "Microsoft YaHei", sans-serif;
+}
+
+.right-font-sm p {
+  font-size: 16px;
+  line-height: 1.8;
+  color: white;
+  margin-bottom: 8px;
+  font-family: "Microsoft YaHei", sans-serif;
+}
+
+.send_btn {
+  margin-top: 30px;
+  text-align: center;
+}
+
+.start-btn {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  border: none;
+  padding: 15px 50px;
+  font-size: 20px;
+  border-radius: 50px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
+}
+
+.start-btn:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
+  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
+}
+
+.start-btn:active {
+  transform: translateY(0);
+}
+
+/* 响应式样式 */
+@media (max-width: 768px) {
+  .top-title {
+    font-size: 32px;
+    margin-bottom: 30px;
+  }
+
+  .welcome {
+    padding: 40px 15px 30px;
+  }
+
+  .welcome .main {
+    padding: 30px 20px;
+  }
+
+  .welcome .main .col-md-6 {
+    flex: 0 0 100%;
+    max-width: 100%;
+    margin-bottom: 20px;
+  }
+
+  .right-font p {
+    font-size: 16px;
+  }
+
+  .start-btn {
+    padding: 12px 30px;
+    font-size: 18px;
+  }
+}
+
+/* 显示/隐藏控制 */
+.visible-lg-block,
+.visible-md-block,
+.visible-xs-block {
+  display: block;
+}
+
+@media (max-width: 767px) {
+  .visible-lg-block,
+  .visible-md-block {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-xs-block {
+    display: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .visible-xs-block {
+    display: none !important;
+  }
+}
+</style>
+