From 6094b9c928ab43c766c7120ca8e1c490ba5f8eac Mon Sep 17 00:00:00 2001
From: zjf <1799650030@qq.com>
Date: Tue, 16 Jun 2026 21:53:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B6=85=E5=B8=82=E6=A8=A1=E5=9D=97=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E5=8F=8D=E9=A6=88=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Select/SelectSupermarketSupplier.vue      | 68 +++++++++++--------
 .../purchaseManagement/smErpCgBack/form.vue   | 23 ++++---
 .../purchaseManagement/smErpCgBack/index.vue  |  5 +-
 .../smErpCgInventory/form.vue                 | 22 +++---
 .../smErpCgInventory/index.vue                |  5 +-
 .../supermarketCategory/form.vue              |  1 +
 .../supermarketCategory/index.vue             |  2 +-
 7 files changed, 77 insertions(+), 49 deletions(-)

diff --git a/src/components/Select/SelectSupermarketSupplier.vue b/src/components/Select/SelectSupermarketSupplier.vue
index 811408a..7f2ac45 100644
--- a/src/components/Select/SelectSupermarketSupplier.vue
+++ b/src/components/Select/SelectSupermarketSupplier.vue
@@ -3,13 +3,16 @@
 		style="width: 100%"
 		v-model="state.selectId"
 		:placeholder="props.placeholder"
+		:disabled="props.disabled"
 		clearable
-		remote-show-suffix
 		filterable
 		remote
+		reserve-keyword
+		default-first-option
+		remote-show-suffix
 		:remote-method="remoteSearch"
 		:loading="state.loading"
-		@visible-change="(e: boolean) => e && getOptions()"
+		@visible-change="handleVisibleChange"
 		@change="change"
 	>
 		<el-option v-for="item in state.options" :key="item.supplierId" :label="item.supplierName" :value="item.supplierId" />
@@ -18,65 +21,76 @@
 
 <script setup lang="ts">
 import { reactive, watch } from "vue"
-import { fetchList } from "/@/api/supermarketerp/smErpSupplier"
+import { getSupplierSimpleAll } from "/@/api/supermarketerp/smErpSupplier"
 
 const emit = defineEmits(["change"])
 
-const selectId = defineModel()
+const selectId = defineModel<string | number>()
 
 export type Props = {
 	placeholder?: string
+	disabled?: boolean
+	isDisplayName?: boolean
 }
 const props = withDefaults(defineProps<Props>(), {
-	placeholder: "输入货商搜索",
-})
-
-const queryForm = reactive<any>({
-	supplierName: "",
-	current: 1,
-	size: 10,
+	placeholder: "输入供货商名称搜索",
+	disabled: false,
+	isDisplayName: false,
 })
 
 const state = reactive<any>({
-	loading: true,
+	loading: false,
 	selectId: selectId,
 	options: [],
+	keyword: "",
 })
 
+let searchTimer: ReturnType<typeof setTimeout> | null = null
+
 watch(
 	selectId,
 	(newVal, oldValue) => {
 		if (newVal == oldValue) return
 		state.selectId = newVal
-		getOptions()
+		loadOptions(state.keyword)
 	},
 	{ immediate: true },
 )
 
-async function getOptions() {
+async function loadOptions(keyword = "") {
 	try {
 		state.loading = true
-		const _pa = {
-			supplierId: selectId.value,
-			...queryForm,
+		const params: Record<string, any> = {}
+		if (keyword) {
+			params.name = keyword
 		}
-		const { data } = await fetchList(_pa)
-		state.options = data.records ?? []
+		const { data } = await getSupplierSimpleAll(params)
+		let options = Array.isArray(data) ? data : []
+		if (selectId.value && !options.some((item: any) => item.supplierId == selectId.value)) {
+			const { data: selectedData } = await getSupplierSimpleAll({ supplierId: selectId.value })
+			const selected = Array.isArray(selectedData) ? selectedData : []
+			if (selected.length) {
+				options = [...selected, ...options.filter((item: any) => item.supplierId != selectId.value)]
+			}
+		}
+		state.options = options
 	} finally {
-		setTimeout(() => (state.loading = false), 500)
+		state.loading = false
 	}
 }
 
-function remoteSearch(params: string) {
-	if (params != queryForm.supplierName) {
-		queryForm.supplierName = params
-		getOptions()
+function handleVisibleChange(visible: boolean) {
+	if (visible) {
+		loadOptions(state.keyword)
 	}
 }
 
-function clear() {
-	state.selectId = null
-	getOptions()
+function remoteSearch(keyword: string) {
+	state.keyword = keyword
+	if (searchTimer) {
+		clearTimeout(searchTimer)
+	}
+	searchTimer = setTimeout(() => loadOptions(keyword), 300)
 }
 
 function change(v: any) {
diff --git a/src/views/supermarketerp/purchaseManagement/smErpCgBack/form.vue b/src/views/supermarketerp/purchaseManagement/smErpCgBack/form.vue
index 10d28a5..3b6c217 100644
--- a/src/views/supermarketerp/purchaseManagement/smErpCgBack/form.vue
+++ b/src/views/supermarketerp/purchaseManagement/smErpCgBack/form.vue
@@ -368,35 +368,40 @@ const onUnitChange = (row: any) => {
 	row.selectedUnitObj.totalAmount = Number((row.quantity * Number(row.selectedUnitObj.realPrice || 0)).toFixed(2))
 }
 
-// 数量变动
+// 数量变动：保持实际进价不变，按 数量×实际进价 重算总金额
 const onQuantityChange = (row: any, $rowIndex: number) => {
-	row.selectedUnitObj.totalAmount = Number(displayPrice(row.quantity * Number(row.selectedUnitObj.purchasePrice || 0), ""))
-	row.selectedUnitObj.realPrice = (row.selectedUnitObj.totalAmount / row.quantity).toFixed(2)
+	const realPrice = Number(row.selectedUnitObj?.realPrice || 0)
+	const quantity = Number(row.quantity || 0)
+	row.selectedUnitObj.totalAmount = Number((quantity * realPrice).toFixed(2))
 }
 
-// 累计总金额变动
+// 累计总金额变动：反算实际进价
 const onTotalAmountChange = (row: any, $rowIndex: number) => {
-	row.selectedUnitObj.realPrice = (row.selectedUnitObj.totalAmount / row.quantity).toFixed(2)
+	const quantity = Number(row.quantity || 0)
+	if (quantity <= 0) return
+	row.selectedUnitObj.realPrice = Number((Number(row.selectedUnitObj.totalAmount || 0) / quantity).toFixed(2))
 }
 
 // 整理数据
 const settledTableItems = computed(() => {
 	return vxeTableData.value.map((item: any) => {
-		// const unit = item.erpUnitVos.find((unitItem: any) => unitItem.id === item.unitId)
 		const selectedUnitObj = item.selectedUnitObj
-		return {
-			id: item.isNew ? "" : item.id,
+		const row: Record<string, any> = {
 			erpSpuId: item.erpSpuId,
 			quantity: item.quantity,
 			productNature: item.productNature,
 			unitPrice: selectedUnitObj.purchasePrice ? Number(selectedUnitObj?.purchasePrice) : 0,
-			realPrice: selectedUnitObj.realPrice ? storePrice(selectedUnitObj?.realPrice) : 0,
+			realPrice: storePrice(Number(selectedUnitObj?.realPrice || 0)),
 			retailPrice: selectedUnitObj.retailPrice ? storePrice(selectedUnitObj?.retailPrice) : 0,
 			totalAmount: storePrice(Number(selectedUnitObj?.totalAmount || 0)),
 			remark: item.remark,
 			unitId: selectedUnitObj.id,
 			orderType: baseDataForm.orderType,
 		}
+		if (!item.isNew && item.id) {
+			row.id = item.id
+		}
+		return row
 	})
 })
 
diff --git a/src/views/supermarketerp/purchaseManagement/smErpCgBack/index.vue b/src/views/supermarketerp/purchaseManagement/smErpCgBack/index.vue
index e5be61e..17ae735 100644
--- a/src/views/supermarketerp/purchaseManagement/smErpCgBack/index.vue
+++ b/src/views/supermarketerp/purchaseManagement/smErpCgBack/index.vue
@@ -15,8 +15,8 @@
 							value-format="YYYY-MM-DD"
 						/>
 					</el-form-item>
-					<el-form-item label="货商" prop="supplierId">
-						<SelectSupermarketSupplier v-model="state.queryForm.supplierId" style="width: 200px" />
+					<el-form-item label="供货商" prop="supplierId">
+						<SelectSupermarketSupplier v-model="state.queryForm.supplierId" placeholder="请选择供货商" style="width: 200px" />
 					</el-form-item>
 					<el-form-item>
 						<el-button icon="search" type="primary" @click="getDataList">查询</el-button>
@@ -111,6 +111,7 @@ const multiple = ref(true)
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {
 		inventoryType: "4",
+		supplierId: undefined,
 	},
 	pageList: fetchList,
 })
diff --git a/src/views/supermarketerp/purchaseManagement/smErpCgInventory/form.vue b/src/views/supermarketerp/purchaseManagement/smErpCgInventory/form.vue
index 0cb7204..1553777 100644
--- a/src/views/supermarketerp/purchaseManagement/smErpCgInventory/form.vue
+++ b/src/views/supermarketerp/purchaseManagement/smErpCgInventory/form.vue
@@ -373,34 +373,40 @@ const onUnitChange = (row: any) => {
 	row.selectedUnitObj.totalAmount = Number((row.quantity * Number(row.selectedUnitObj.realPrice || 0)).toFixed(2))
 }
 
-// 数量变动
+// 数量变动：保持实际进价不变，按 数量×实际进价 重算总金额
 const onQuantityChange = (row: any, $rowIndex: number) => {
-	row.selectedUnitObj.totalAmount = Number(displayPrice(row.quantity * Number(row.selectedUnitObj.purchasePrice || 0), ""))
-	row.selectedUnitObj.realPrice = (row.selectedUnitObj.totalAmount / row.quantity).toFixed(2)
+	const realPrice = Number(row.selectedUnitObj?.realPrice || 0)
+	const quantity = Number(row.quantity || 0)
+	row.selectedUnitObj.totalAmount = Number((quantity * realPrice).toFixed(2))
 }
 
-// 累计总金额变动
+// 累计总金额变动：反算实际进价
 const onTotalAmountChange = (row: any, $rowIndex: number) => {
-	row.selectedUnitObj.realPrice = (row.selectedUnitObj.totalAmount / row.quantity).toFixed(2)
+	const quantity = Number(row.quantity || 0)
+	if (quantity <= 0) return
+	row.selectedUnitObj.realPrice = Number((Number(row.selectedUnitObj.totalAmount || 0) / quantity).toFixed(2))
 }
 
 // 整理table数据
 const settledTableItems = computed(() => {
 	return vxeTableData.value.map((item: any) => {
 		const selectedUnitObj = item.selectedUnitObj
-		return {
-			id: item.isNew ? "" : item.id,
+		const row: Record<string, any> = {
 			erpSpuId: item.erpSpuId,
 			quantity: item.quantity,
 			productNature: item.productNature,
 			unitPrice: selectedUnitObj.purchasePrice ? Number(selectedUnitObj?.purchasePrice) : 0,
-			realPrice: selectedUnitObj.realPrice ? storePrice(selectedUnitObj?.realPrice) : 0,
+			realPrice: storePrice(Number(selectedUnitObj?.realPrice || 0)),
 			retailPrice: selectedUnitObj.retailPrice ? storePrice(selectedUnitObj?.retailPrice) : 0,
 			totalAmount: storePrice(Number(selectedUnitObj?.totalAmount || 0)),
 			remark: item.remark,
 			unitId: selectedUnitObj.id,
 			orderType: baseDataForm.orderType,
 		}
+		if (!item.isNew && item.id) {
+			row.id = item.id
+		}
+		return row
 	})
 })
 
diff --git a/src/views/supermarketerp/purchaseManagement/smErpCgInventory/index.vue b/src/views/supermarketerp/purchaseManagement/smErpCgInventory/index.vue
index 397f07d..61ff1f8 100644
--- a/src/views/supermarketerp/purchaseManagement/smErpCgInventory/index.vue
+++ b/src/views/supermarketerp/purchaseManagement/smErpCgInventory/index.vue
@@ -15,8 +15,8 @@
 							value-format="YYYY-MM-DD"
 						/>
 					</el-form-item>
-					<el-form-item label="货商" prop="supplierId">
-						<SelectSupermarketSupplier v-model="state.queryForm.supplierId" style="width: 200px" />
+					<el-form-item label="供货商" prop="supplierId">
+						<SelectSupermarketSupplier v-model="state.queryForm.supplierId" placeholder="请选择供货商" style="width: 200px" />
 					</el-form-item>
 					<el-form-item>
 						<el-button icon="search" type="primary" @click="getDataList">查询</el-button>
@@ -114,6 +114,7 @@ const multiple = ref(true)
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {
 		inventoryType: "3",
+		supplierId: undefined,
 	},
 	pageList: fetchList,
 })
diff --git a/src/views/supermarketerp/supermarketCategory/form.vue b/src/views/supermarketerp/supermarketCategory/form.vue
index fe3c32d..4629357 100644
--- a/src/views/supermarketerp/supermarketCategory/form.vue
+++ b/src/views/supermarketerp/supermarketCategory/form.vue
@@ -23,6 +23,7 @@
 				<el-col :span="14" class="mb20">
 					<el-form-item label="分类排序" prop="sort">
 						<el-input-number v-model="form.sort" :min="1" :max="1000" :precision="0" />
+						<div class="text-xs text-gray-400 mt-1">数值越小越靠前显示</div>
 					</el-form-item>
 				</el-col>
 
diff --git a/src/views/supermarketerp/supermarketCategory/index.vue b/src/views/supermarketerp/supermarketCategory/index.vue
index 22ab7a1..d3df788 100644
--- a/src/views/supermarketerp/supermarketCategory/index.vue
+++ b/src/views/supermarketerp/supermarketCategory/index.vue
@@ -61,7 +61,7 @@
 						<preview-image :src="scope.row.picUrl" />
 					</template>
 				</el-table-column>
-				<el-table-column prop="sort" label="分类排序" show-overflow-tooltip />
+				<el-table-column prop="sort" label="分类排序（越小越靠前）" show-overflow-tooltip min-width="160" />
 				<el-table-column prop="status" label="开启状态" show-overflow-tooltip>
 					<template #default="scope">
 						<dict-tag :options="status" :value="scope.row.status" />