update user page style

src/pages/user/UserRoleAssign.vue

@@ -34,15 +34,6 @@
 			</t-cell>
 		</t-cell-group>
 		<t-empty v-else-if="!isLoading" description="暂无可授权角色" />
-		<t-button
-			v-can="userRoleWriteAccess"
-			class="save"
-			theme="primary"
-			:loading="isSaving"
-			@click="saveRoleList"
-		>
-			保存授权
-		</t-button>
 	</div>
 </template>
 
@@ -52,6 +43,7 @@ import { Toast } from "tdesign-mobile-vue";
 import { RoleAPI, type ModuleCode, type Role as UserRole, useUserStore } from "timi-web";
 import ManagedUserAPI from "@/api/ManagedUserAPI";
 import { useCurrentStoreStore } from "@/store/currentStoreStore";
+import { useNavBarStore } from "@/store/navBarStore";
 import type { Role } from "@/store/permissionSettingsStore";
 import type { ManagedUser } from "@/types/ManagedUser";
 import { getErrorMessage } from "@/utils/error";
@@ -62,6 +54,7 @@ defineOptions({
 });
 
 const route = useRoute();
+const navBarStore = useNavBarStore();
 const moduleCode: ModuleCode = "GAO";
 const allStoreFilterValue = "__ALL_STORES__";
 
@@ -283,12 +276,20 @@ function setRoleChecked(roleId: string, value: boolean): void {
 }
 
 onMounted(async () => {
+	if (
+		userStore.hasPermissions(corePermissionCodes.userRole.create)
+		&& userStore.hasPermissions(corePermissionCodes.userRole.delete)
+	) {
+		navBarStore.setRightText("保存", "var(--td-brand-color)", saveRoleList);
+	}
 	try {
 		await loadData();
 	} catch {
 		Toast.error("用户角色加载失败");
 	}
 });
+
+onUnmounted(() => navBarStore.clearRight());
 </script>
 
 <style scoped lang="less">
@@ -307,12 +308,6 @@ onMounted(async () => {
 		background: #fff;
 	}
 
-	.save {
-		left: 1rem;
-		right: 1rem;
-		bottom: calc(.75rem + env(safe-area-inset-bottom, 0));
-		position: fixed;
-	}
 }
 
 :global(html.theme-dark) {