From 35cf8d289a09a6a4a34cf3d73fb41d84969ae4ee Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期一, 18 八月 2025 17:30:26 +0800
Subject: [PATCH] '注册修改'
---
src/views/home/index.vue | 137 +++++++++++++++++++++------------------------
1 files changed, 63 insertions(+), 74 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9645a61..402fc9e 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,24 +1,6 @@
el
<template>
- <div class="header">
- <img width="227px" height="74px" src="@/assets/home/logo.png" alt="" />
- <img width="427px" height="74px" src="@/assets/home/Header.png" alt="" />
- <div class="other">
- <div class="item">
- <img width="21px" height="21px" src="@/assets/home/share.png" alt="" />
- <span>鍒嗕韩缃戠珯</span>
- </div>
- <div class="item">
- <img
- width="21px"
- height="21px"
- src="@/assets/home/BellFilled.png"
- alt=""
- />
- <span>鎴戠殑娑堟伅</span>
- </div>
- </div>
- </div>
+ <my-header />
<div class="banner">
<!-- <img width="100%" height="306px" src="@/assets/home/banner.png" alt="" /> -->
</div>
@@ -163,29 +145,40 @@
v-if="state.rolesCode.indexOf(item.code) !== -1"
:underline="false"
class="hover:cursor-pointer"
- @click="toRegister"
+ @click="logOut"
>閫�鍑�</el-link
+ >
+ <el-link
+ v-else-if="!state.accessToken"
+ :underline="false"
+ class="hover:cursor-pointer"
+ @click="toRegister(item)"
+ >娉ㄥ唽</el-link
>
<el-link
v-else
:underline="false"
class="hover:cursor-pointer"
- @click="toRegister"
- >鐢宠</el-link
- ><span class="m-2">|</span>
+ @click="toApply(item)"
+ ><span v-if="item.name !== '璇勫涓撳'">鐢宠</span></el-link
+ ><span
+ v-if="!state.accessToken || item.name !== '璇勫涓撳'"
+ class="m-2"
+ >|</span
+ >
<el-link
v-if="state.rolesCode.indexOf(item.code) !== -1"
:underline="false"
class="hover:cursor-pointer"
- @click="toWelcome"
+ @click="toWelcome(item)"
>杩涘叆</el-link
>
<el-link
v-else
:underline="false"
class="hover:cursor-pointer"
- :disabled="state.accessToken"
- @click="toLogin"
+ :disabled="!!state.accessToken"
+ @click="toLogin(item)"
>鐧诲綍</el-link
>
</div>
@@ -387,21 +380,29 @@
<script lang="ts" setup>
import { onMounted, ref, computed, reactive } from "vue";
-import myFooter from "./component/myFooter.vue";
+import MyFooter from "./component/myFooter.vue";
+import MyHeader from "./component/myHeader.vue";
import { useUserStoreHook } from "@/store/modules/user";
-import { exRole } from "@/api/register/index.ts";
+import { exRole } from "@/api/register/index";
import { storageLocal, isString, isIncludeAllChildren } from "@pureadmin/utils";
import { getToken } from "@/utils/auth";
import { useRoute, useRouter } from "vue-router";
+const router = useRouter();
+import { useUserStore } from "@/store/modules/user";
+
+const userStore = useUserStore();
+
+// 璁块棶 state 灞炴��
+// console.log(userStore.roles,'-'); // 鐩存帴鑾峰彇鍊�
defineOptions({
- name: "Main"
+ name: "MainPage"
});
let activeName = ref("first");
/** 瑙掕壊锛堝鏋滄樀绉颁负绌哄垯鏄剧ず鐢ㄦ埛鍚嶏級 */
const getUseRoles = () => {
state.userInfo = storageLocal().getItem("user-info");
- state.userInfo.exRoles.forEach(element => {
+ state.userInfo?.exRoles.forEach(element => {
state.rolesCode.push(element.code);
});
};
@@ -412,59 +413,43 @@
accessToken: ""
});
onMounted(() => {
- exRole().then(res => {
- state.roleList = res.result;
- });
+ // exRole().then(res => {
+ // state.roleList = res.result;
+ // });
+ state.roleList = useUserStoreHook().rolesList;
getUseRoles();
- state.accessToken = getToken().accessToken;
+ state.accessToken = getToken()?.accessToken;
});
-const router = useRouter();
-const toRegister = () => {
- router.push({ name: "Register" });
+const toRegister = item => {
+ router.push({ name: "newRegister", query: { code: item.code } });
};
-const toWelcome = () => {
- router.push({ name: "Welcome" });
+// 閫�鍑�
+const logOut = () => {
+ useUserStoreHook().logOut();
+ state.rolesCode = [];
+ state.accessToken = "";
};
-const toLogin = () => {
- router.push({ name: "Login" });
+// 鐢宠
+const toApply = item => {
+ router.push({ name: "RegisterNav", query: { code: item.code } });
+};
+// 鍘婚椤�
+const toWelcome = async item => {
+ if (useUserStoreHook().nowRole.code !== item.code) {
+ await useUserStoreHook().changeLogoInExRule({
+ ruleCode: item.code
+ });
+ }
+ router.push({ name: "Mine" });
+};
+// 鍘荤櫥褰�
+const toLogin = item => {
+ router.push({ name: "Login", query: item });
};
</script>
<style lang="scss" scoped>
-.header {
- display: flex;
- align-items: center;
- justify-content: space-evenly;
- height: 80px;
- width: 100%;
- .middle {
- width: 50%;
- display: flex;
- justify-content: space-around;
- color: rgb(51, 51, 51);
- font-family: 鎬濇簮榛戜綋;
- }
- .other {
- display: flex;
- .item {
- display: flex;
- justify-content: center;
- width: 63px;
- height: 48px;
- color: rgb(51, 51, 51);
- font-family: 鎬濇簮榛戜綋;
- font-size: 12px;
- font-weight: 400;
- line-height: 20px;
- letter-spacing: 0%;
- text-align: left;
- text-transform: capitalize;
- flex-wrap: wrap;
- margin-right: 10px;
- }
- }
-}
.banner {
// left: -3.76px;
// top: 80px;
@@ -750,4 +735,8 @@
a:active {
color: #fff;
}
+.el-link.is-disabled {
+ color: #a8abb2;
+ cursor: not-allowed;
+}
</style>
--
Gitblit v1.9.1