update permission and product

This commit is contained in:
Timi
2026-09-04 23:07:59 +08:00
parent 1df5748f54
commit fc9e6a5023
48 changed files with 1670 additions and 2475 deletions
+6 -131
View File
@@ -25,17 +25,9 @@
<t-form-item v-if="isGlobalManager" label="门店" :arrow="isCreateMode" @click="openStorePicker">
<div class="picker-text" v-text="selectedStoreName" />
</t-form-item>
<t-form-item label="业务类型" :arrow="isCreateMode" @click="isCreateMode && openBizTypePicker()">
<t-form-item label="业务类型" :arrow="false">
<div class="picker-text" v-text="getBizTypeText(formModel.bizType)" />
</t-form-item>
<t-form-item v-if="formModel.bizType === 'PACKAGE_PURCHASE'" label="绑定套餐" required-mark arrow @click="openPackageConfigPicker">
<div class="picker-text" v-text="selectedPackageConfig?.name || '请选择套餐配置'" />
</t-form-item>
<t-form-item
label-width="0"
v-if="formModel.bizType === 'PACKAGE_PURCHASE'"
class="form-tips bg-white"
>套餐购买事件必须绑定一个套餐配置。登记该事件即视为购买</t-form-item>
<t-form-item label="说明">
<t-textarea
class="description"
@@ -188,24 +180,6 @@
@confirm="confirmStorePicker"
/>
</t-popup>
<t-popup v-model="bizTypePickerVisible" placement="bottom">
<t-picker
v-model="bizTypePickerDraft"
:columns="bizTypePickerColumns"
title="业务类型"
@cancel="bizTypePickerVisible = false"
@confirm="confirmBizTypePicker"
/>
</t-popup>
<t-popup v-model="packageConfigPickerVisible" placement="bottom">
<t-picker
v-model="packageConfigPickerDraft"
:columns="packageConfigPickerColumns"
title="绑定套餐"
@cancel="packageConfigPickerVisible = false"
@confirm="confirmPackageConfigPicker"
/>
</t-popup>
<t-popup v-model="statusPickerVisible" placement="bottom">
<t-picker
v-model="statusPickerDraft"
@@ -268,16 +242,13 @@ import { Time } from "timi-web";
import { type ModuleCode, type Role, RoleAPI, useUserStore } from "timi-web-api";
import type { ColorObject } from "tdesign-mobile-vue";
import EventAPI from "@/api/EventAPI";
import PackageAPI from "@/api/PackageAPI";
import EventOptionEditor from "@/pages/event/component/EventOptionEditor.vue";
import { useCurrentStoreStore } from "@/store/currentStoreStore";
import { useNavBarStore } from "@/store/navBarStore";
import type { EventBizType, EventItem, EventLimitType, EventOptionGroup, EventStatus, EventValueType, EventValueUnit } from "@/types/EventItem";
import type { GaoPackageConfig } from "@/types/Package";
import { getErrorMessage } from "@/utils/error";
import { normalizeEventOptionGroupList, prepareEventOptionGroupList, validateEventOptionGroupList } from "@/utils/eventOption";
import { getEventBizTypeText } from "@/utils/event";
import { getPackageConfigStatusText } from "@/utils/package";
import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
import { Message } from "@/utils/message";
@@ -317,7 +288,6 @@ const formModel = reactive({
id: "",
storeId: "",
bizType: "GENERAL" as EventBizType,
packageConfigId: "",
name: "",
description: "",
color: "#0f766e",
@@ -337,91 +307,10 @@ const isPackagePurchase = computed(() => formModel.bizType === "PACKAGE_PURCHASE
// ---------- 业务类型 ----------
const bizTypeOptions: Array<{ label: string; value: EventBizType }> = [
{ label: "普通登记", value: "GENERAL" },
{ label: "套餐购买", value: "PACKAGE_PURCHASE" }
];
const bizTypePickerVisible = ref(false);
const bizTypePickerDraft = ref<PickerValue[]>([formModel.bizType]);
const bizTypePickerColumns = [bizTypeOptions];
function getBizTypeText(value: EventBizType): string {
return getEventBizTypeText(value);
}
function openBizTypePicker(): void {
if (!isCreateMode.value) {
return;
}
bizTypePickerDraft.value = [formModel.bizType];
bizTypePickerVisible.value = true;
}
async function confirmBizTypePicker(value: Array<string | number>): Promise<void> {
const bizType = value[0];
if (bizType !== "GENERAL" && bizType !== "PACKAGE_PURCHASE") {
return;
}
formModel.bizType = bizType;
if (bizType === "PACKAGE_PURCHASE") {
formModel.requireVerification = false;
await loadPackageConfigList();
} else {
formModel.packageConfigId = "";
}
bizTypePickerVisible.value = false;
}
// ---------- 套餐绑定 ----------
const packageConfigList = ref<GaoPackageConfig[]>([]);
const packageConfigPickerVisible = ref(false);
const packageConfigPickerDraft = ref<PickerValue[]>([]);
const packageConfigPickerColumns = computed(() => [[...packageConfigList.value].map(item => ({
label: `${item.name || "未命名套餐"}(${getPackageConfigStatusText(item.status)})`,
value: item.id || ""
}))]);
const selectedPackageConfig = computed(() => packageConfigList.value.find(item => item.id === formModel.packageConfigId));
async function loadPackageConfigList(): Promise<void> {
if (formModel.bizType !== "PACKAGE_PURCHASE" || !formModel.storeId) {
packageConfigList.value = [];
return;
}
try {
const result = await PackageAPI.configList({
storeId: formModel.storeId,
index: 0,
size: 1000
});
packageConfigList.value = result.list || [];
} catch (error) {
packageConfigList.value = [];
Message.error(getErrorMessage(error, "套餐配置加载失败"));
}
}
function openPackageConfigPicker(): void {
if (formModel.bizType !== "PACKAGE_PURCHASE") {
return;
}
if (!packageConfigList.value.length) {
Message.warning("当前门店没有可绑定的套餐配置");
return;
}
packageConfigPickerDraft.value = [formModel.packageConfigId];
packageConfigPickerVisible.value = true;
}
function confirmPackageConfigPicker(value: Array<string | number>): void {
const packageConfigId = String(value[0] || "");
if (!packageConfigList.value.some(item => item.id === packageConfigId)) {
return;
}
formModel.packageConfigId = packageConfigId;
packageConfigPickerVisible.value = false;
}
// ---------- 门店选择 ----------
const storePickerVisible = ref(false);
@@ -459,9 +348,6 @@ async function confirmStorePicker(): Promise<void> {
}
formModel.storeId = storeId;
if (formModel.bizType === "PACKAGE_PURCHASE") {
await loadPackageConfigList();
}
storePickerVisible.value = false;
}
@@ -725,10 +611,6 @@ function validateForm(): boolean {
Message.warning("请至少选择一个可登记角色");
return false;
}
if (formModel.bizType === "PACKAGE_PURCHASE" && (!formModel.packageConfigId || !selectedPackageConfig.value)) {
Message.warning("请选择绑定套餐配置");
return false;
}
const optionError = validateEventOptionGroupList(optionGroupList.value);
if (optionError) {
Message.warning(optionError);
@@ -738,10 +620,6 @@ function validateForm(): boolean {
Message.warning("请输入有效的约束数值");
return false;
}
if (formModel.bizType === "PACKAGE_PURCHASE" && formModel.requireVerification) {
Message.warning("套餐购买事件不能要求核销");
return false;
}
const beginAt = resolveTimestamp(formModel.beginAtText);
const endAt = resolveTimestamp(formModel.endAtText);
if (beginAt !== undefined && endAt !== undefined && endAt < beginAt) {
@@ -815,7 +693,6 @@ async function saveEventItem(): Promise<void> {
id: formModel.id || undefined,
storeId: formModel.storeId,
bizType: formModel.bizType,
packageConfigId: formModel.bizType === "PACKAGE_PURCHASE" ? formModel.packageConfigId : undefined,
name: formModel.name.trim(),
description: formModel.description,
color: formModel.color,
@@ -875,11 +752,15 @@ async function fillForm(): Promise<void> {
await router.replace({ name: "EventDetail", params: { id: routeId.value } });
return;
}
if (current.bizType === "PACKAGE_PURCHASE" || current.bizType === "LEGACY_CONSUMPTION") {
Message.warning("退役事件仅支持历史查看,不能编辑");
await router.replace({ name: "EventDetail", params: { id: routeId.value } });
return;
}
Object.assign(formModel, {
id: current.id || "",
storeId: current.storeId || formModel.storeId,
bizType: current.bizType || "GENERAL",
packageConfigId: current.packageConfigId || "",
name: current.name || "",
description: current.description || "",
color: current.color || "#2f88ff",
@@ -894,12 +775,6 @@ async function fillForm(): Promise<void> {
endAtText: current.endAt ? Time.toDateTime(current.endAt) : "",
roleCodeList: [...(current.roleCodeList || [])]
});
if (formModel.bizType === "PACKAGE_PURCHASE") {
await loadPackageConfigList();
if (current.packageConfig && !packageConfigList.value.some(item => item.id === current.packageConfig?.id)) {
packageConfigList.value.unshift(current.packageConfig);
}
}
optionGroupList.value = normalizeEventOptionGroupList(current.optionGroupList);
formModel.limitValueText = resolveLimitValueText(current.limitValue);
colorDraft.value = formModel.color;
+3 -2
View File
@@ -35,6 +35,7 @@
<t-tag v-if="item.requirePhoto" theme="warning" variant="outline">需拍照</t-tag>
<t-tag v-if="item.requireVerification" theme="warning" variant="outline">需核销</t-tag>
<t-tag v-if="item.bizType === 'PACKAGE_PURCHASE'" theme="primary" variant="outline">套餐购买</t-tag>
<t-tag v-if="item.bizType === 'LEGACY_CONSUMPTION'" theme="default" variant="outline">历史消费</t-tag>
</div>
</template>
<template #description>
@@ -91,7 +92,7 @@ import { useCurrentStoreStore } from "@/store/currentStoreStore";
import { useNavBarStore } from "@/store/navBarStore";
import type { EventItem, EventLimitType, EventStatus } from "@/types/EventItem";
import type { NavBarAction } from "@/types/NavBarAction";
import { getEventBizTypeText } from "@/utils/event";
import { getEventBizTypeText, isRetiredEvent } from "@/utils/event";
import { getEventValueUnitText } from "@/utils/eventValue";
import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
@@ -156,7 +157,7 @@ const pageResult = reactive<PageResult<EventItem>>({
total: 0,
list: []
});
const visibleEventList = computed(() => pageResult.list);
const visibleEventList = computed(() => pageResult.list.filter(item => !isRetiredEvent(item)));
const emptyText = computed(() => {
if (isLoading.value) {
return "正在加载登记事件";
+18 -139
View File
@@ -50,19 +50,18 @@
class="event-selector"
:event-list="eventList"
:disabled="isEditMode"
:selection-mode="isPackagePurchaseSelected ? 'single' : 'multiple'"
selection-mode="multiple"
required-mark
@update:model-value="handleEventSelectionChange"
/>
<event-option-selector
v-if="!isPackagePurchaseSelected"
class="option-selector"
v-model="selectedOptionSelectionMap"
:event-list="eventList"
:selected-event-id-list="selectedEventIdList"
:disabled="isSaving"
/>
<div v-if="!isEditMode && !isPackagePurchaseSelected && selectedNumberEventList.length" class="event-value-list">
<div v-if="!isEditMode && selectedNumberEventList.length" class="event-value-list">
<t-form-item
v-for="item in selectedNumberEventList"
:key="item.id"
@@ -79,25 +78,6 @@
/>
</t-form-item>
</div>
<package-purchase-form
v-if="isPackagePurchaseSelected"
v-model:item-list="packagePurchaseItemList"
v-model:sale-amount="saleAmountText"
:can-price-override="canPriceOverride"
:package-config="selectedPackageConfig"
/>
<t-form-item v-if="showSourceValueInput" label="积分动作">
<span class="picker-text" v-text="getPointActionText(sourceValueAction)" />
</t-form-item>
<t-form-item v-if="showSourceValueInput" label="积分数量" required-mark>
<t-input
v-model.trim="pointValueText"
type="number"
align="right"
borderless
:placeholder="sourceValuePlaceholder"
/>
</t-form-item>
<t-form-item v-if="!isEditMode" label="登记时间" content-align="right">
<div class="time-actions">
<t-button
@@ -120,7 +100,7 @@
<t-form-item v-else label="登记时间" content-align="right">
<span class="readonly-time" v-text="registeredAtText || '此刻'" />
</t-form-item>
<t-form-item :label="isPackagePurchaseSelected ? '购买备注' : '登记备注'">
<t-form-item label="登记备注">
<t-textarea
v-model.trim="note"
class="textarea"
@@ -166,7 +146,7 @@
v-if="!isEditMode"
v-model="selectedCustomerIdList"
v-model:visible="selectorVisible"
:selection-mode="isEditMode || isPackagePurchaseSelected ? 'single' : 'multiple'"
:selection-mode="isEditMode ? 'single' : 'multiple'"
@change="handleCustomerChange"
/>
<t-popup v-model="selectedCustomerListVisible" placement="bottom">
@@ -222,21 +202,17 @@ import CustomerSelector from "@/components/CustomerSelector.vue";
import EventOptionSelector from "@/components/EventOptionSelector.vue";
import PhotoScroller from "@/components/PhotoScroller.vue";
import EventSelector from "@/components/EventSelector.vue";
import PackagePurchaseForm from "@/pages/event/component/PackagePurchaseForm.vue";
import { useEventRecordPhoto } from "@/pages/event/component/useEventRecordPhoto";
import { usePackagePurchaseRecord } from "@/pages/event/component/usePackagePurchaseRecord";
import { useNavBarStore } from "@/store/navBarStore";
import { useSettingStore } from "@/store/settingStore";
import type { Customer } from "@/types/Customer";
import type { EventItem, EventOptionSelectionMap } from "@/types/EventItem";
import type { EventRecord } from "@/types/EventRecord";
import type { PointAction } from "@/types/Point";
import { isPackagePurchaseEvent } from "@/utils/event";
import { isRetiredEvent } from "@/utils/event";
import { buildEventOptionSelectionMap, resolveSelectedOptionGroupList, validateEventOptionSelection } from "@/utils/eventOption";
import { getEventRecordPhotoURL, hasPhotoAttachment } from "@/utils/eventRecord";
import { getEventNumberValuePlaceholder, resolveEventNumberValue } from "@/utils/eventValue";
import { permissionCodes } from "@/utils/permission";
import { loadSourceValueConfig, type SourceValueConfig } from "@/utils/point";
defineOptions({
name: "EventRecordEdit"
@@ -274,9 +250,6 @@ const customerDisplayText = computed(() => {
async function handleCustomerChange(value: string | string[]): Promise<void> {
selectedCustomerIdList.value = Array.isArray(value) ? value : [value];
if (isPackagePurchaseSelected.value) {
resetPackageRequestNo();
}
await loadSelectedCustomerList();
await loadRecentRecordList();
}
@@ -334,10 +307,10 @@ async function loadSelectedCustomer(): Promise<void> {
}
if (customer.id) {
selectedCustomerIdList.value = isEditMode.value || isPackagePurchaseSelected.value
selectedCustomerIdList.value = isEditMode.value
? [customer.id]
: [...new Set([...selectedCustomerIdList.value, customer.id])];
selectedCustomerList.value = isEditMode.value || isPackagePurchaseSelected.value
selectedCustomerList.value = isEditMode.value
? [customer]
: [...selectedCustomerList.value.filter(item => item.id !== customer.id), customer];
}
@@ -449,6 +422,10 @@ function appendRecordEvent(record: EventRecord): void {
eventList.value = [record.event, ...eventList.value];
}
function handleEventSelectionChange(eventIdList: string[]): void {
selectedEventIdList.value = eventIdList;
}
function resolveRecordOptionGroupList(eventId: string) {
const event = eventList.value.find(item => item.id === eventId);
return event ? resolveSelectedOptionGroupList(event, selectedOptionSelectionMap) : [];
@@ -494,52 +471,6 @@ function validateNumberValueList(): boolean {
return true;
}
// ---------- 积分规则联动 ----------
const pointValueText = ref("");
const sourceValueConfig = ref<SourceValueConfig>();
const sourceValueAction = ref<PointAction>("EARN");
let sourceValueLoadToken = 0;
const showSourceValueInput = computed(() => (
!isEditMode.value
&& !isPackagePurchaseSelected.value
&& userStore.hasPermissions(permissionCodes.point.sourceValue)
&& !!sourceValueConfig.value
));
const sourceValuePlaceholder = computed(() => {
const range = sourceValueConfig.value?.range;
return range ? `请输入 ${range[0]}-${range[1]} 的数量` : "请输入数量";
});
async function loadSourceValueRule(): Promise<void> {
const token = sourceValueLoadToken + 1;
sourceValueLoadToken = token;
sourceValueConfig.value = undefined;
if (isEditMode.value || isPackagePurchaseSelected.value || !userStore.hasPermissions(permissionCodes.point.sourceValue) || !selectedEventIdList.value.length) {
return;
}
try {
sourceValueConfig.value = await loadSourceValueConfig(selectedEventIdList.value);
sourceValueAction.value = sourceValueConfig.value?.action || "EARN";
if (token !== sourceValueLoadToken) {
return;
}
} catch {
sourceValueConfig.value = undefined;
}
}
function resolveSourceValue(): number | undefined {
const value = Number(pointValueText.value);
return Number.isSafeInteger(value) && 0 < value ? sourceValueAction.value === "CONSUME" ? -value : value : undefined;
}
function getPointActionText(action: PointAction): string {
return action === "CONSUME" ? "消耗积分" : "发放积分";
}
// ---------- 照片 ----------
const {
@@ -594,29 +525,6 @@ function parseDateTime(value: string): Date {
// ---------- 提交 ----------
const note = ref("");
const {
selectedPackageEvent,
isPackagePurchaseSelected,
selectedPackageConfig,
canPriceOverride,
saleAmountText,
packagePurchaseItemList,
handleEventSelectionChange,
applySelectedPackageEvent,
resetPackagePurchaseForm,
resetPackageRequestNo,
submitPackagePurchase,
validatePackagePurchaseForm
} = usePackagePurchaseRecord({
eventList,
selectedEventIdList,
selectedCustomerIdList,
selectedCustomerList,
note,
hasPermission: permissionCode => userStore.hasPermissions(permissionCode),
buildRegisteredAt,
buildTempFileIdList
});
const isSaving = ref(false);
const editingRecord = ref<EventRecord>();
@@ -639,21 +547,14 @@ async function submitRecord(): Promise<void> {
return;
}
const packageResult = isPackagePurchaseSelected.value ? await submitPackagePurchase() : undefined;
const success = isPackagePurchaseSelected.value
? !!packageResult?.id
: await submitEventRecords();
const success = await submitEventRecords();
if (!success) {
return;
}
resetCreateForm();
await loadRecentRecordList();
await settingStore.playRegisterSuccessSound();
Message.success(isPackagePurchaseSelected.value ? "套餐购买已提交" : "登记已提交");
if (packageResult?.id) {
await router.replace(`/management/customer-packages/${packageResult.id}`);
return;
}
Message.success("登记已提交");
await router.replace("/customers");
} finally {
isSaving.value = false;
@@ -668,7 +569,6 @@ async function submitEventRecords(): Promise<boolean> {
selectedOptionGroupList: resolveRecordOptionGroupList(eventId),
remark: note.value || "客户现场登记",
registeredAt: buildRegisteredAt(),
pointValue: showSourceValueInput.value ? resolveSourceValue() : undefined,
numberValue: resolveNumberValue(eventId),
attachmentList: buildTempFileIdList().map(tempFileId => ({
tempFileId,
@@ -682,7 +582,6 @@ function resetCreateForm(): void {
selectedCustomerList.value = [];
selectedCustomerIdList.value = [];
note.value = "";
pointValueText.value = "";
photoItemList.value = [];
for (const eventId of Object.keys(numberValueTextMap)) {
delete numberValueTextMap[eventId];
@@ -690,11 +589,6 @@ function resetCreateForm(): void {
for (const eventId of Object.keys(selectedOptionSelectionMap)) {
delete selectedOptionSelectionMap[eventId];
}
if (selectedPackageEvent.value) {
applySelectedPackageEvent(selectedPackageEvent.value);
} else {
resetPackagePurchaseForm();
}
}
function validateForm(): boolean {
@@ -706,9 +600,6 @@ function validateForm(): boolean {
Message.warning("请至少选择一个登记事件");
return false;
}
if (isPackagePurchaseSelected.value) {
return validatePackagePurchaseForm() && validateRequiredPhotoList();
}
for (const eventId of selectedEventIdList.value) {
const event = eventList.value.find(item => item.id === eventId);
if (!event) {
@@ -726,14 +617,6 @@ function validateForm(): boolean {
if (!isEditMode.value && !validateNumberValueList()) {
return false;
}
if (showSourceValueInput.value) {
const pointValue = resolveSourceValue();
const range = sourceValueConfig.value?.range;
if (!pointValue || !range || Math.abs(pointValue) < range[0] || range[1] < Math.abs(pointValue)) {
Message.warning(`积分数量必须是 ${range?.[0] || 1}-${range?.[1] || 0} 的正整数`);
return false;
}
}
return true;
}
@@ -767,20 +650,21 @@ async function updateRecord(): Promise<void> {
// ---------- 页面数据 ----------
async function loadPageData(): Promise<void> {
eventList.value = await EventAPI.listValid();
// 套餐购买不再走事件登记,退役消费事件也不可登记
eventList.value = (await EventAPI.listValid()).filter(item => !isRetiredEvent(item));
if (isEditMode.value) {
await loadRecordForEdit();
return;
}
const defaultEvent = eventList.value.find(item => !isPackagePurchaseEvent(item));
const defaultEvent = eventList.value[0];
selectedEventIdList.value = defaultEvent?.id ? [defaultEvent.id] : [];
}
async function loadRecordForEdit(): Promise<void> {
const record = await EventRecordAPI.detail(routeId.value);
if (isPackagePurchaseEvent(record.event)) {
Message.warning("套餐购买记录不能通过普通登记页编辑,请在客户套餐详情中查看");
if (isRetiredEvent(record.event)) {
Message.warning("退役事件记录仅支持历史查看,不能编辑");
await router.replace({ name: "EventRecordDetail", params: { id: routeId.value } });
return;
}
@@ -798,7 +682,6 @@ async function loadRecordForEdit(): Promise<void> {
}
registeredAtText.value = record.registeredAt ? Time.formatDateTime(new Date(record.registeredAt)) : "";
note.value = record.remark || "";
pointValueText.value = "";
setExistingPhotoList(record.attachmentList);
await loadRecentRecordList();
}
@@ -816,10 +699,6 @@ onUnmounted(() => {
navBarStore.clearRight();
});
watch(selectedEventIdList, async () => {
await loadSourceValueRule();
}, { deep: true });
watch(customerCode, async (value) => {
if (!value) {
return;
+2 -2
View File
@@ -128,7 +128,7 @@ import { useNavBarStore } from "@/store/navBarStore";
import type { EventItem, EventStatus } from "@/types/EventItem";
import type { EventOptionStat, EventRecordPage, EventRecordPageResult, VerificationStatus } from "@/types/EventRecord";
import type { NavBarAction } from "@/types/NavBarAction";
import { isPackagePurchaseEvent } from "@/utils/event";
import { isRetiredEvent } from "@/utils/event";
import { formatEventNumberValue } from "@/utils/eventValue";
import { permissionCodes } from "@/utils/permission";
import { Message } from "@/utils/message.ts";
@@ -403,7 +403,7 @@ async function loadActions(): Promise<void> {
const result = canCreateEvent.value
? await EventAPI.listHistory()
: await EventAPI.list({ index: 0, size: 1000 });
eventList.value = (result.list || []).filter(item => !isPackagePurchaseEvent(item));
eventList.value = (result.list || []).filter(item => !isRetiredEvent(item));
const eventIdList = eventList.value.map(item => item.id).filter((item): item is string => Boolean(item));
const eventIdSet = new Set(eventIdList);
const selectedEventIdList = parseEventIdList(route.query.eventIds).filter(eventId => eventIdSet.has(eventId));
@@ -1,146 +0,0 @@
<template>
<section class="package-purchase-form">
<div v-if="props.packageConfig" class="config-summary">
<div class="header">
<div class="text-bold" v-text="props.packageConfig.name || '未命名套餐'" />
<div class="price">
<span class="label gray">标准价:</span>
<span class="value red text-bold" v-text="formatPackageAmount(props.packageConfig.standardAmount)" />
</div>
</div>
<div class="description" v-text="props.packageConfig.description" />
</div>
<div v-else class="center-tips" v-text="'当前购买事件未返回绑定套餐,无法完成购买。'" />
<t-form-item label="成交价(元)" label-width="6rem" required-mark>
<t-input
v-model.trim="saleAmount"
type="number"
align="right"
borderless
:readonly="!props.canPriceOverride"
placeholder="请输入成交价"
/>
</t-form-item>
<t-form-item label-width="0">
<div class="items">
<div class="title">
<strong>购买权益明细</strong>
<span v-if="!props.canPriceOverride">当前账号无定制权限,明细不可修改</span>
</div>
<t-form-item
v-for="(item, index) in itemList"
:key="`${index}-${item.productId}-${item.productUnitId}`"
class="item"
:label="getItemLabel(item)"
>
<t-input
:model-value="item.totalQuantity"
type="number"
:readonly="!props.canPriceOverride"
placeholder="总权益数量"
borderless
align="right"
@update:model-value="updateItemQuantity(index, $event)"
>
<template #suffix-icon>
<span class="unit" v-text="getItemUnit(item)" />
</template>
</t-input>
</t-form-item>
<div v-if="!itemList.length" class="center-tips" v-text="'当前套餐暂无权益明细'" />
</div>
</t-form-item>
</section>
</template>
<script setup lang="ts">
import type { GaoPackageConfig, PackagePurchaseItem } from "@/types/Package";
import { formatPackageAmount } from "@/utils/package";
defineOptions({ name: "PackagePurchaseForm" });
interface Props {
packageConfig?: GaoPackageConfig;
canPriceOverride: boolean;
}
const props = defineProps<Props>();
const saleAmount = defineModel<string>("saleAmount", { required: true });
const itemList = defineModel<PackagePurchaseItem[]>("itemList", { required: true });
function getItemLabel(item: PackagePurchaseItem): string {
const configItem = props.packageConfig?.itemList?.find(config => config.productId === item.productId && config.productUnitId === item.productUnitId);
return configItem ? `${configItem.productNameSnapshot || "未命名产品"} · ${configItem.unitSnapshot || "未设置单位"}` : "产品权益";
}
function getItemUnit(item: PackagePurchaseItem): string {
return props.packageConfig?.itemList?.find(config => config.productId === item.productId && config.productUnitId === item.productUnitId)?.unitSnapshot || "";
}
function updateItemQuantity(index: number, value: string | number): void {
itemList.value = itemList.value.map((item, itemIndex) => itemIndex === index ? {
...item,
totalQuantity: String(value)
} : item);
}
</script>
<style scoped lang="less">
.package-purchase-form {
gap: .75rem;
display: grid;
margin-top: 1rem;
.config-summary {
gap: .25rem;
margin: 0 1rem;
padding: .5rem .75rem;
display: flex;
background: var(--td-error-color-1);
border-radius: .75rem;
flex-direction: column;
.header {
display: flex;
justify-content: space-between;
.price {
display: flex;
align-items: baseline;
.label {
font-size: .75rem;
}
.value {
font-size: 1.75rem;
line-height: 1;
}
}
}
}
.items {
gap: .5rem;
display: grid;
.title {
font-size: .8125rem;
margin-bottom: .5rem;
}
.item {
border-radius: 1rem;
box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, .08);
&::after {
display: none;
}
.unit {
font-size: 1rem;
}
}
}
}
</style>
@@ -1,175 +0,0 @@
import { computed, ref, type Ref } from "vue";
import PackageAPI from "@/api/PackageAPI";
import type { Customer } from "@/types/Customer";
import type { EventItem } from "@/types/EventItem";
import type { GaoCustomerPackage, PackagePurchaseItem } from "@/types/Package";
import { isPackagePurchaseEvent } from "@/utils/event";
import { createPackageRequestNo, formatPackageAmountInput, normalizePackageQuantity, parsePackageAmount } from "@/utils/package";
import { permissionCodes } from "@/utils/permission";
import { Message } from "@/utils/message";
interface UsePackagePurchaseRecordOptions {
eventList: Ref<EventItem[]>;
selectedEventIdList: Ref<string[]>;
selectedCustomerIdList: Ref<string[]>;
selectedCustomerList: Ref<Customer[]>;
note: Ref<string>;
hasPermission: (permissionCode: string) => boolean;
buildRegisteredAt: () => number;
buildTempFileIdList: () => string[];
}
export function usePackagePurchaseRecord(options: UsePackagePurchaseRecordOptions) {
const selectedPackageEvent = computed(() => options.selectedEventIdList.value
.map(eventId => options.eventList.value.find(item => item.id === eventId))
.find((item): item is EventItem => !!item && isPackagePurchaseEvent(item)));
const isPackagePurchaseSelected = computed(() => !!selectedPackageEvent.value);
const selectedPackageConfig = computed(() => selectedPackageEvent.value?.packageConfig);
const isSelectedPackageConfigSaleable = computed(() => {
const config = selectedPackageConfig.value;
if (!config || config.status !== "ACTIVE") {
return false;
}
const now = Date.now();
return (config.beginAt === undefined || config.beginAt === null || config.beginAt <= now)
&& (config.endAt === undefined || config.endAt === null || now <= config.endAt);
});
const canPriceOverride = computed(() => options.hasPermission(permissionCodes.customerPackage.priceOverride));
const saleAmountText = ref("");
const packagePurchaseItemList = ref<PackagePurchaseItem[]>([]);
const packageRequestNo = ref("");
function handleEventSelectionChange(eventIdList: string[]): void {
const packageEvent = eventIdList
.map(eventId => options.eventList.value.find(item => item.id === eventId))
.find(item => isPackagePurchaseEvent(item));
if (packageEvent?.id) {
if (!options.hasPermission(permissionCodes.customerPackage.create)) {
Message.warning("当前账号没有套餐购买权限");
return;
}
options.selectedEventIdList.value = [packageEvent.id];
keepSingleCustomer();
applySelectedPackageEvent(packageEvent);
return;
}
options.selectedEventIdList.value = eventIdList;
resetPackagePurchaseForm();
}
function applySelectedPackageEvent(event: EventItem): void {
const config = event.packageConfig;
if (!config) {
resetPackagePurchaseForm();
return;
}
saleAmountText.value = formatPackageAmountInput(config.standardAmount);
packagePurchaseItemList.value = (config.itemList || []).map((item, index) => ({
productId: item.productId,
productUnitId: item.productUnitId,
totalQuantity: normalizePackageQuantity(item.defaultQuantity) || "",
sort: item.sort ?? index,
remark: item.remark ?? null
}));
}
function resetPackagePurchaseForm(): void {
saleAmountText.value = "";
packagePurchaseItemList.value = [];
packageRequestNo.value = "";
}
function resetPackageRequestNo(): void {
packageRequestNo.value = "";
}
async function submitPackagePurchase(): Promise<GaoCustomerPackage | undefined> {
const eventId = selectedPackageEvent.value?.id;
const customerId = options.selectedCustomerList.value[0]?.id;
const saleAmount = parsePackageAmount(saleAmountText.value);
if (!eventId || !customerId || saleAmount === undefined) {
return undefined;
}
if (!packageRequestNo.value) {
packageRequestNo.value = createPackageRequestNo();
}
const result = await PackageAPI.purchase({
requestNo: packageRequestNo.value,
eventId,
customerId,
saleAmount,
purchasedAt: options.buildRegisteredAt(),
itemList: packagePurchaseItemList.value.map((item, index) => ({
productId: item.productId,
productUnitId: item.productUnitId,
totalQuantity: normalizePackageQuantity(item.totalQuantity)!,
sort: item.sort ?? index,
remark: item.remark ?? null
})),
attachmentList: options.buildTempFileIdList().map(tempFileId => ({
tempFileId,
attachType: "PHOTO"
})),
remark: options.note.value.trim() || null
});
return result;
}
function validatePackagePurchaseForm(): boolean {
if (!options.hasPermission(permissionCodes.customerPackage.create)) {
Message.warning("当前账号没有套餐购买权限");
return false;
}
if (options.selectedCustomerList.value.length < 1 || 1 < options.selectedCustomerList.value.length || !options.selectedCustomerList.value[0]?.id) {
Message.warning("套餐购买只能选择一个客户");
return false;
}
if (!selectedPackageConfig.value) {
Message.warning("当前购买事件未绑定有效套餐配置");
return false;
}
if (!isSelectedPackageConfigSaleable.value) {
Message.warning("事件绑定的套餐当前不可购买,请检查套餐状态和有效期");
return false;
}
if (parsePackageAmount(saleAmountText.value) === undefined) {
Message.warning("成交价必须是合法的元金额,最多两位小数");
return false;
}
if (!packagePurchaseItemList.value.length) {
Message.warning("购买权益至少需要一项");
return false;
}
for (const item of packagePurchaseItemList.value) {
const quantity = normalizePackageQuantity(item.totalQuantity);
if (!item.productId || !item.productUnitId || !quantity || quantity === "0") {
Message.warning("产品单位和正数量不能为空");
return false;
}
}
return true;
}
function keepSingleCustomer(): void {
const customer = options.selectedCustomerList.value[0];
options.selectedCustomerList.value = customer ? [customer] : [];
options.selectedCustomerIdList.value = customer?.id ? [customer.id] : [];
}
return {
selectedPackageEvent,
isPackagePurchaseSelected,
selectedPackageConfig,
canPriceOverride,
saleAmountText,
packagePurchaseItemList,
handleEventSelectionChange,
applySelectedPackageEvent,
resetPackagePurchaseForm,
resetPackageRequestNo,
submitPackagePurchase,
validatePackagePurchaseForm
};
}