timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove store filter

Browse Source
This commit is contained in:
Timi
2026-08-21 15:02:28 +08:00
parent c97913da2d
commit 413f12619b
8 changed files with 41 additions and 448 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/point/PointAccount.vue
+7 -72
View File
@@ -2,15 +2,6 @@
<div v-can="permissionCodes.point.accountRead" class="point-account">
<div class="header bg-white">
<div class="buttons">
<t-button
v-if="isGlobalManager"
class="selector"
size="small"
theme="primary"
variant="outline"
:content="selectedStoreName"
@click="openStorePicker"
/>
<t-button
class="selector"
size="small"
@@ -91,15 +82,6 @@
v-model:visible="selectorVisible"
@change="handleCustomerChange"
/>
<t-popup v-model="storePickerVisible" placement="bottom">
<t-picker
v-model="storePickerDraft"
:columns="storePickerColumns"
title="选择门店"
@cancel="storePickerVisible = false"
@confirm="confirmStorePicker"
/>
</t-popup>
</div>
</template>
@@ -117,8 +99,6 @@ import type { Customer } from "@/types/Customer";
import type { PointAccount as PointAccountData } from "@/types/Point";
import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
type PickerValue = string | number;
defineOptions({
name: "PointAccount"
});
@@ -132,52 +112,13 @@ const settingStore = useSettingStore();
// ---------- 门店 ----------
const isGlobalManager = computed(() => userStore.hasRoles(gaoRoleCodes.globalManager));
const selectedStoreId = ref(String(route.query.storeId || ""));
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)
]);
const selectedStoreName = computed(() => currentStoreStore.storeList.find(item => item.id === selectedStoreId.value)?.name || "请选择门店");
async function prepareStoreScope(): Promise<void> {
if (isGlobalManager.value) {
await currentStoreStore.loadStoreList();
selectedStoreId.value = currentStoreStore.storeList.some(item => item.id === selectedStoreId.value)
? selectedStoreId.value
: currentStoreStore.currentStoreId || currentStoreStore.storeList[0]?.id || "";
if (selectedStoreId.value) {
currentStoreStore.selectStore(selectedStoreId.value);
}
}
}
function openStorePicker(): void {
if (!storePickerColumns.value[0]?.length) {
Toast.warning("暂无可选门店");
return;
}
storePickerDraft.value = [selectedStoreId.value];
storePickerVisible.value = true;
}
async function confirmStorePicker(value: Array<string | number>): Promise<void> {
const storeId = String(value[0] || "");
if (storeId) {
selectedStoreId.value = storeId;
currentStoreStore.selectStore(storeId);
await router.replace({
name: "PointAccount",
query: {
...(selectedCustomerId.value ? { customerId: selectedCustomerId.value } : {}),
storeId
}
});
await loadAccount();
}
storePickerVisible.value = false;
await currentStoreStore.loadLoginStore();
}
// ---------- 客户与账户 ----------
@@ -194,7 +135,7 @@ async function handleCustomerChange(value: string | string[]): Promise<void> {
selectedCustomerId.value = Array.isArray(value) ? String(value[0] || "") : value;
await router.replace({
name: "PointAccount",
query: selectedCustomerId.value ? { customerId: selectedCustomerId.value, storeId: selectedStoreId.value } : undefined
query: selectedCustomerId.value ? { customerId: selectedCustomerId.value } : undefined
});
await loadAccount();
}
@@ -215,10 +156,7 @@ async function loadCustomerByCode(code: string): Promise<void> {
customer.value = matched;
await router.replace({
name: "PointAccount",
query: {
customerId: selectedCustomerId.value,
storeId: selectedStoreId.value
}
query: { customerId: selectedCustomerId.value }
});
await loadAccount();
} catch {
@@ -238,7 +176,7 @@ async function loadAccount(): Promise<void> {
try {
customer.value = await CustomerAPI.detail(customerId);
try {
account.value = await PointAPI.accountDetail(customerId, selectedStoreId.value || undefined);
account.value = await PointAPI.accountDetail(customerId, currentStoreStore.currentStoreId || undefined);
} catch {
account.value = undefined;
}
@@ -292,7 +230,6 @@ async function toLedger(): Promise<void> {
query: {
customerId: selectedCustomerId.value,
accountId: account.value?.id || "",
storeId: selectedStoreId.value,
transitionDepth: String(getCurrentRouteDepth() + 1)
}
});
@@ -315,7 +252,7 @@ async function toAdjust(): Promise<void> {
}
await router.push({
name: "PointAdjust",
query: { customerId: selectedCustomerId.value, storeId: selectedStoreId.value }
query: { customerId: selectedCustomerId.value }
});
}
@@ -338,12 +275,10 @@ function formatSignedPoints(value?: number): string {
return pointValue < 0 ? `扣除 ${Math.abs(pointValue).toLocaleString("zh-CN")} 分` : `增加 ${pointValue.toLocaleString("zh-CN")} 分`;
}
watch([() => route.query.customerId, () => route.query.storeId], async ([customerIdValue, storeIdValue]) => {
watch(() => route.query.customerId, async customerIdValue => {
const customerId = String(customerIdValue || "");
const storeId = String(storeIdValue || "");
if (customerId !== selectedCustomerId.value || storeId !== selectedStoreId.value) {
if (customerId !== selectedCustomerId.value) {
selectedCustomerId.value = customerId;
selectedStoreId.value = storeId || selectedStoreId.value;
await loadAccount();
}
});
src/pages/point/PointAdjust.vue
+7 -67
View File
@@ -6,14 +6,6 @@
content="人工调整会追加一条不可修改的 ADJUST 流水，请填写真实、明确的调整原因。"
/>
<t-form class="form" label-align="left" label-width="7rem">
<t-form-item v-if="isGlobalManager" label="门店" required-mark>
<t-button
class="picker-button"
variant="outline"
:content="selectedStoreName"
@click="openStorePicker"
/>
</t-form-item>
<t-form-item label="客户" required-mark>
<div class="customer-actions">
<t-button
@@ -76,15 +68,6 @@
v-model:visible="selectorVisible"
@change="handleCustomerChange"
/>
<t-popup v-model="storePickerVisible" placement="bottom">
<t-picker
v-model="storePickerDraft"
:columns="storePickerColumns"
title="选择门店"
@cancel="storePickerVisible = false"
@confirm="confirmStorePicker"
/>
</t-popup>
<t-popup v-model="pointActionPickerVisible" placement="bottom">
<t-picker
v-model="pointActionPickerDraft"
@@ -113,8 +96,6 @@ import type { PointAccount } from "@/types/Point";
import { getErrorMessage } from "@/utils/error";
import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
type PickerValue = string | number;
defineOptions({
name: "PointAdjust"
});
@@ -128,52 +109,14 @@ const settingStore = useSettingStore();
// ---------- 权限与门店 ----------
const isGlobalManager = computed(() => userStore.hasRoles(gaoRoleCodes.globalManager));
const selectedStoreId = ref(String(route.query.storeId || ""));
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)
]);
const selectedStoreName = computed(() => currentStoreStore.storeList.find(item => item.id === selectedStoreId.value)?.name || "请选择门店");
async function prepareStoreScope(): Promise<void> {
if (isGlobalManager.value) {
await currentStoreStore.loadStoreList();
if (!currentStoreStore.storeList.some(item => item.id === selectedStoreId.value)) {
selectedStoreId.value = currentStoreStore.currentStoreId || currentStoreStore.storeList[0]?.id || "";
}
if (selectedStoreId.value) {
currentStoreStore.selectStore(selectedStoreId.value);
}
return;
}
const store = await currentStoreStore.loadLoginStore();
selectedStoreId.value = store?.id || "";
}
function openStorePicker(): void {
if (!currentStoreStore.storeList.length) {
Toast.warning("暂无可选门店");
return;
}
storePickerDraft.value = [selectedStoreId.value];
storePickerVisible.value = true;
}
function confirmStorePicker(value: Array<string | number>): void {
const storeId = String(value[0] || "");
if (storeId) {
selectedStoreId.value = storeId;
currentStoreStore.selectStore(storeId);
}
storePickerVisible.value = false;
void loadCustomerAccount();
await currentStoreStore.loadLoginStore();
}
// ---------- 客户与账户 ----------
@@ -222,7 +165,7 @@ async function loadCustomerAccount(): Promise<void> {
selectedCustomer.value = await CustomerAPI.detail(selectedCustomerId.value);
if (userStore.hasPermissions(permissionCodes.point.accountRead)) {
try {
account.value = await PointAPI.accountDetail(selectedCustomerId.value, selectedStoreId.value || undefined);
account.value = await PointAPI.accountDetail(selectedCustomerId.value, currentStoreStore.currentStoreId || undefined);
} catch {
account.value = undefined;
}
@@ -277,7 +220,7 @@ const pointActionPickerColumns = [[
const remark = ref("");
const adjustRequestId = ref(generateRequestId());
const isSaving = ref(false);
const canSubmit = computed(() => !!selectedCustomerId.value && !!selectedStoreId.value && !!parsePointDelta() && !!remark.value.trim());
const canSubmit = computed(() => !!selectedCustomerId.value && !!currentStoreStore.currentStoreId && !!parsePointDelta() && !!remark.value.trim());
function parsePointDelta(): number {
const value = Number(pointDeltaText.value);
@@ -303,8 +246,8 @@ async function submitAdjust(): Promise<void> {
Toast.warning("请选择客户");
return;
}
if (!selectedStoreId.value) {
Toast.warning("请选择门店");
if (!currentStoreStore.currentStoreId) {
Toast.warning("当前门店未设置");
return;
}
if (!pointDelta) {
@@ -324,7 +267,7 @@ async function submitAdjust(): Promise<void> {
try {
await PointAPI.adjust({
adjustRequestId: adjustRequestId.value,
storeId: selectedStoreId.value,
storeId: currentStoreStore.currentStoreId,
customerId: selectedCustomerId.value,
pointDelta,
remark: remark.value.trim()
@@ -332,10 +275,7 @@ async function submitAdjust(): Promise<void> {
Toast.success("积分调整已提交");
await router.replace({
name: "PointLedgerList",
query: {
customerId: selectedCustomerId.value,
storeId: selectedStoreId.value
}
query: { customerId: selectedCustomerId.value }
});
} catch (error) {
Toast.error(getErrorMessage(error, "积分调整失败"));
src/pages/point/PointLedgerList.vue
+4 -44
View File
@@ -32,13 +32,6 @@
</div>
<div class="filters">
<t-dropdown-menu>
<t-dropdown-item
v-if="isGlobalManager"
v-model="selectedStoreId"
:label="selectedStoreName"
:options="storeOptions"
@change="selectStore"
/>
<t-dropdown-item
v-model="changeTypeFilter"
label="流水类型"
@@ -175,7 +168,6 @@ import { getCustomerPhotoURL } from "@/utils/customer";
import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
type DateFilter = "all" | "today" | "last7" | "last30" | "custom";
const allStoresValue = "__ALL_STORES__";
defineOptions({
name: "PointLedgerList"
@@ -190,7 +182,6 @@ const settingStore = useSettingStore();
// ---------- 筛选 ----------
const isGlobalManager = computed(() => userStore.hasRoles(gaoRoleCodes.globalManager));
const selectedStoreId = ref(String(route.query.storeId || allStoresValue));
const selectedCustomerId = ref(String(route.query.customerId || ""));
const selectedAccountId = ref(String(route.query.accountId || ""));
const customer = ref<Customer>();
@@ -213,16 +204,6 @@ const dateFilterOptions = [
{ label: "近 30 天", value: "last30" },
{ label: "自定义", value: "custom" }
];
const storeOptions = computed(() => [
{ label: "全部门店", value: allStoresValue },
...currentStoreStore.storeList
.map(item => ({
label: item.name || item.code || "未命名门店",
value: item.id || ""
}))
.filter(item => item.value)
]);
const selectedStoreName = computed(() => storeOptions.value.find(item => item.value === selectedStoreId.value)?.label || "全部门店");
const customerFilterText = computed(() => customer.value?.name || customer.value?.code || "全部客户");
const dateFilterLabel = computed(() => dateFilterOptions.find(item => item.value === dateFilter.value)?.label || "时间范围");
const isCustomDate = computed(() => dateFilter.value === "custom");
@@ -257,17 +238,6 @@ async function loadCustomerByCode(code: string): Promise<void> {
}
}
async function selectStore(value: DropdownValue): Promise<void> {
if (Array.isArray(value)) {
return;
}
selectedStoreId.value = String(value);
if (selectedStoreId.value !== allStoresValue) {
currentStoreStore.selectStore(selectedStoreId.value);
}
await reload();
}
async function selectChangeType(value: DropdownValue): Promise<void> {
if (Array.isArray(value)) {
return;
@@ -403,11 +373,8 @@ function buildRequest(): PointLedgerPage {
};
}
function buildListOptions(): { allStores?: boolean; storeId?: string } | undefined {
if (!isGlobalManager.value) {
return undefined;
}
return selectedStoreId.value === allStoresValue ? { allStores: true } : { storeId: selectedStoreId.value };
function buildListOptions(): { storeId: string } {
return { storeId: currentStoreStore.currentStoreId };
}
// ---------- 展示与导航 ----------
@@ -463,8 +430,7 @@ async function toAdjust(): Promise<void> {
await router.push({
name: "PointAdjust",
query: {
customerId: selectedCustomerId.value,
storeId: selectedStoreId.value === allStoresValue ? "" : selectedStoreId.value
customerId: selectedCustomerId.value
}
});
}
@@ -509,14 +475,8 @@ function toTimestamp(value: string, isEnd: boolean): number {
async function preparePage(): Promise<void> {
if (isGlobalManager.value) {
await currentStoreStore.loadStoreList();
const routeStoreId = String(route.query.storeId || "");
if (routeStoreId && routeStoreId !== allStoresValue && currentStoreStore.storeList.some(item => item.id === routeStoreId)) {
selectedStoreId.value = routeStoreId;
currentStoreStore.selectStore(routeStoreId);
}
} else {
const store = await currentStoreStore.loadLoginStore();
selectedStoreId.value = store?.id || "";
await currentStoreStore.loadLoginStore();
}
if (selectedCustomerId.value) {
customer.value = await CustomerAPI.detail(selectedCustomerId.value);
src/pages/point/PointRuleList.vue
+5 -39
View File
@@ -2,13 +2,6 @@
<div v-can="permissionCodes.pointRule.read" class="point-rule-list">
<div class="filter-menu">
<t-dropdown-menu>
<t-dropdown-item
v-if="isGlobalManager"
v-model="selectedStoreId"
:label="selectedStoreName"
:options="storeOptions"
@change="selectStore"
/>
<t-dropdown-item
v-model="statusFilter"
label="规则状态"
@@ -79,8 +72,6 @@ import type { PointRule, PointRuleStatus } from "@/types/Point";
import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
import { type Page, type PageResult, useUserStore } from "timi-web";
const allStoresValue = "__ALL_STORES__";
defineOptions({
name: "PointRuleList"
});
@@ -90,11 +81,10 @@ const navBarStore = useNavBarStore();
const userStore = useUserStore();
const currentStoreStore = useCurrentStoreStore();
// ---------- 筛选与门店 ----------
// ---------- 筛选 ----------
const isGlobalManager = computed(() => userStore.hasRoles(gaoRoleCodes.globalManager));
const canUpdate = computed(() => userStore.hasPermissions(permissionCodes.pointRule.update));
const selectedStoreId = ref(allStoresValue);
const statusFilter = ref("ALL");
const statusOptions = [
{ label: "全部状态", value: "ALL" },
@@ -103,25 +93,6 @@ const statusOptions = [
{ label: "停用", value: "INACTIVE" },
{ label: "已删除", value: "DELETED" }
];
const storeOptions = computed(() => [
{ label: "全部门店", value: allStoresValue },
...currentStoreStore.storeList
.map(item => ({
label: item.name || item.code || "未命名门店",
value: item.id || ""
}))
.filter(item => item.value)
]);
const selectedStoreName = computed(() => storeOptions.value.find(item => item.value === selectedStoreId.value)?.label || "全部门店");
async function selectStore(value: DropdownValue): Promise<void> {
if (Array.isArray(value)) {
return;
}
selectedStoreId.value = String(value);
await loadEventList();
await reload();
}
async function selectStatus(value: DropdownValue): Promise<void> {
if (Array.isArray(value)) {
@@ -205,11 +176,8 @@ function buildRequest(): Page<PointRule> {
};
}
function buildListOptions(): { allStores?: boolean; storeId?: string } | undefined {
if (!isGlobalManager.value) {
return undefined;
}
return selectedStoreId.value === allStoresValue ? { allStores: true } : { storeId: selectedStoreId.value };
function buildListOptions(): { storeId: string } {
return { storeId: currentStoreStore.currentStoreId };
}
// ---------- 事件名称 ----------
@@ -275,7 +243,7 @@ function getStatusTheme(status?: PointRuleStatus): "default" | "success" | "warn
async function toCreate(): Promise<void> {
await router.push({
name: "PointRuleCreate",
query: selectedStoreId.value === allStoresValue ? undefined : { storeId: selectedStoreId.value }
query: currentStoreStore.currentStoreId ? { storeId: currentStoreStore.currentStoreId } : undefined
});
}
@@ -289,10 +257,8 @@ async function toEdit(rule: PointRule): Promise<void> {
async function preparePage(): Promise<void> {
if (isGlobalManager.value) {
await currentStoreStore.loadStoreList();
selectedStoreId.value = allStoresValue;
} else {
const store = await currentStoreStore.loadLoginStore();
selectedStoreId.value = store?.id || "";
await currentStoreStore.loadLoginStore();
}
await loadEventList();
await reload();