新增 首页、帮助、联系我们、修改密码

src/App.vue

@@ -117,8 +117,10 @@
 
             <el-submenu index="2">
               <template slot="title">招聘管理</template>
-              <el-menu-item index="recruitmentPlan" >招聘计划管理</el-menu-item>
-              <el-menu-item index="RecruitmentPeople">招聘人员管理</el-menu-item>
+              <el-menu-item index="recruitmentPlan">招聘计划管理</el-menu-item>
+              <el-menu-item index="RecruitmentPeople"
+                >招聘人员管理</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="3">
               <template slot="title">奖惩合同管理</template>
@@ -185,16 +187,28 @@
               <el-menu-item index="10-4">系统接口</el-menu-item>
             </el-submenu>
 
+            <el-menu-item index="index" class="noAddition"
+              ><i class="el-icon-s-home"></i><span>首页</span></el-menu-item
+            >
+            <el-menu-item class="noAddition" @click="showHelp">
+              <i class="el-icon-umbrella"></i><span>帮助</span></el-menu-item
+            >
+            <el-menu-item class="noAddition" @click="showContactUs">
+              <i class="el-icon-phone-outline"></i> <span>联系我们</span>
+            </el-menu-item>
+
             <el-submenu index="11">
               <template slot="title">
                 <el-avatar size="small" :src="userAvatarUrl"></el-avatar>
                 管理员</template
               >
               <el-menu-item index="personalCenter">个人中心</el-menu-item>
-              <el-menu-item index="11-2">修改密码</el-menu-item>
-              <el-menu-item index="11-3">退出</el-menu-item>
+              <el-menu-item
+                ><div @click="showChangePass">修改密码</div></el-menu-item
+              >
+              <el-menu-item><div @click="userQuit">退出</div></el-menu-item>
               <div class="navChangeUser">
-                <el-menu-item index="11-4">...切换用户</el-menu-item>
+                <el-menu-item>...切换用户</el-menu-item>
                 <div class="navChangeUser2">
                   <el-menu-item index="11-5">终审领导一</el-menu-item>
                   <el-menu-item index="11-6">初审领导一</el-menu-item>
@@ -216,6 +230,15 @@
         </el-header>
         <el-main style="background: #ebeffa">
           <router-view></router-view>
+          <change-pass
+            :isShowChangePass="isShowChangePass"
+            @closeChangePass="closeChangePass"
+          ></change-pass>
+          <contact-us
+            :isshowContactUs="isshowContactUs"
+            @closeContactUs="closeContactUs"
+          ></contact-us>
+          <help-us :isshowHelp="isshowHelp" @closeHelp="closeHelp"></help-us>
         </el-main>
       </el-container>
     </el-container>
@@ -224,10 +247,21 @@
 </template>
 
 <script>
+import changePass from "./views/user/changePass/changePass.vue";
+import contactUs from "./views/addition/contact.vue";
+import helpUs from "./views/addition/help.vue";
 export default {
   name: "App",
+  components: {
+    changePass,
+    contactUs,
+    helpUs,
+  },
   data() {
     return {
+      isShowChangePass: false,
+      isshowContactUs: false,
+      isshowHelp: false,
       userAvatarUrl:
         "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
       activeIndex: "1",
@@ -349,6 +383,32 @@ export default {
         this.isShow = false;
       }
     },
+    // 重置密码dialog
+    showChangePass() {
+      this.isShowChangePass = true;
+    },
+    closeChangePass() {
+      this.isShowChangePass = false;
+    },
+    // 联系我们dialog
+    showContactUs() {
+      this.isshowContactUs = true;
+    },
+    closeContactUs() {
+      this.isshowContactUs = false;
+    },
+    // 帮助
+    showHelp() {
+      this.isshowHelp = true;
+    },
+    closeHelp() {
+      this.isshowHelp = false;
+    },
+    //退出登录
+    userQuit() {
+      // 清除用户信息,跳转到登录页
+      this.$router.push({ name: "loginTest" });
+    },
   },
   watch: {
     filterText(val) {
@@ -379,6 +439,10 @@ body,
   height: 50px;
   line-height: 50px;
 }
+.el-menu-item.noAddition {
+  height: 50px;
+  line-height: 50px;
+}
 .showOrHideDiv {
   position: absolute;
   display: block;