add store

src/pages/tabs/ManagementTab.vue

@@ -22,6 +22,20 @@
 				</template>
 			</t-cell>
 		</t-cell-group>
+		<t-cell-group v-if="canSelectStore" class="store-card" theme="card">
+			<t-cell
+				class="cell"
+				title="当前门店"
+				:note="currentStoreStore.currentStoreName"
+				arrow
+				hover
+				@click="openStorePicker"
+			>
+				<template #leftIcon>
+					<t-icon name="shop" size="1.75rem" />
+				</template>
+			</t-cell>
+		</t-cell-group>
 		<t-cell-group v-for="group in visibleMenuGroupList" :key="group.title" :title="group.title" theme="card">
 			<t-cell
 				v-for="item in group.items"
@@ -42,14 +56,26 @@
 			<p>技术支持：夜雨</p>
 			<p>Copyright © 2026 imyeyu.com</p>
 		</footer>
+		<t-popup v-model="storePickerVisible" placement="bottom">
+			<t-picker
+				v-model="storePickerDraft"
+				:columns="storePickerColumns"
+				title="当前门店"
+				@cancel="storePickerVisible = false"
+				@confirm="confirmStorePicker"
+			/>
+		</t-popup>
 	</div>
 </template>
 
 <script setup lang="ts">
 import { UserAPI, useUserStore } from "timi-web";
+import { Toast } from "tdesign-mobile-vue";
+import { useCurrentStoreStore } from "@/store/currentStoreStore";
 import { corePermissionCodes, coreRoleCodes, permissionCodes } from "@/utils/permission";
 
 type UserAvatarSource = Parameters<typeof UserAPI.getAvatarURL>[0];
+type PickerValue = string | number;
 
 type MenuItem = {
 	icon: string;
@@ -69,6 +95,7 @@ defineOptions({
 
 const router = useRouter();
 const userStore = useUserStore();
+const currentStoreStore = useCurrentStoreStore();
 
 const currentUser = computed(() => userStore.loginUser.user);
 
@@ -77,6 +104,7 @@ const currentUserName = computed(() => currentUser.value?.nick || currentUser.va
 const currentUserDesc = computed(() => currentUser.value?.phoneNo || currentUser.value?.email || "暂无联系方式");
 
 const currentUserAvatar = computed(() => buildUserAvatar(currentUser.value));
+const canSelectStore = computed(() => userStore.hasPermissions(permissionCodes.store.read));
 const canManagePermission = computed(() => (
 	userStore.hasRoles(coreRoleCodes.admin) || userStore.hasRoles(coreRoleCodes.userRoleAdmin)
 ) && userStore.hasPermissions([
@@ -90,10 +118,48 @@ const visibleMenuGroupList = computed<MenuGroup[]>(() => menuGroupList.value
 	}))
 	.filter(group => group.items.length));
 
+// ---------- 当前门店 ----------
+
+const storePickerVisible = ref(false);
+const storePickerDraft = ref<PickerValue[]>([]);
+const storePickerColumns = computed(() => [
+	currentStoreStore.storeList.map(item => ({
+		label: item.name || item.code || "未命名门店",
+		value: item.id || ""
+	})).filter(item => item.value)
+]);
+
+function openStorePicker(): void {
+	if (!currentStoreStore.storeList.length) {
+		Toast.warning("暂无可选门店");
+		return;
+	}
+
+	storePickerDraft.value = [currentStoreStore.currentStoreId];
+	storePickerVisible.value = true;
+}
+
+function confirmStorePicker(): void {
+	const storeId = String(storePickerDraft.value[0] || "");
+	if (!storeId) {
+		return;
+	}
+
+	currentStoreStore.selectStore(storeId);
+	storePickerVisible.value = false;
+	Toast.success("当前门店已切换");
+}
+
 const menuGroupList = computed<MenuGroup[]>(() => [
 	{
 		title: "客户",
 		items: [
+			{
+				icon: "shop",
+				path: "/management/stores",
+				title: "门店管理",
+				visible: userStore.hasPermissions(permissionCodes.store.read)
+			},
 			{
 				icon: "usergroup",
 				path: "/management/customers",
@@ -176,6 +242,12 @@ function buildUserAvatar(user?: UserAvatarSource): string {
 async function go(path: string): Promise<void> {
 	await router.push(path);
 }
+
+onMounted(async () => {
+	if (canSelectStore.value) {
+		await currentStoreStore.loadStoreList();
+	}
+});
 </script>
 
 <style scoped lang="less">
@@ -203,6 +275,13 @@ async function go(path: string): Promise<void> {
 		}
 	}
 
+	.store-card {
+
+		.cell {
+			padding: 10px;
+		}
+	}
+
 	.footer {
 		padding: 1.25rem 1rem calc(1rem + env(safe-area-inset-bottom, 0));
 		text-align: center;