update user page style

src/pages/user/UserEdit.vue

@@ -14,7 +14,6 @@
 				<div class="picker-text" v-text="selectedStoreName" />
 			</t-form-item>
 		</t-form>
-		<t-button class="save" theme="primary" :loading="isSaving" @click="saveUser">保存</t-button>
 	</div>
 	<t-popup v-model="storePickerVisible" placement="bottom">
 		<t-picker
@@ -32,6 +31,7 @@ import { Toast } from "tdesign-mobile-vue";
 import { useUserStore } from "timi-web";
 import ManagedUserAPI from "@/api/ManagedUserAPI";
 import { useCurrentStoreStore } from "@/store/currentStoreStore";
+import { useNavBarStore } from "@/store/navBarStore";
 import type { ManagedUser } from "@/types/ManagedUser";
 import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
 
@@ -43,6 +43,7 @@ defineOptions({
 
 const route = useRoute();
 const router = useRouter();
+const navBarStore = useNavBarStore();
 const userStore = useUserStore();
 const currentStoreStore = useCurrentStoreStore();
 
@@ -205,12 +206,17 @@ function validateForm(): boolean {
 }
 
 onMounted(async () => {
+	if (userStore.hasPermissions(savePermissionCode.value)) {
+		navBarStore.setRightText("保存", "var(--td-brand-color)", saveUser);
+	}
 	try {
 		await fillForm();
 	} catch {
 		Toast.error("用户数据加载失败");
 	}
 });
+
+onUnmounted(() => navBarStore.clearRight());
 </script>
 
 <style scoped lang="less">
@@ -225,12 +231,6 @@ onMounted(async () => {
 		color: var(--td-text-color-primary);
 	}
 
-	.save {
-		left: 1rem;
-		right: 1rem;
-		bottom: calc(.75rem + env(safe-area-inset-bottom, 0));
-		position: fixed;
-	}
 }
 
 :global(html.theme-dark) {