From c4540023700961b785187427c5b697a641365299 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Fri, 20 Feb 2026 09:27:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(mes):=20=E6=9B=B4=E6=96=B0=E7=89=A9?=
 =?UTF-8?q?=E6=96=99=E5=BA=93=E5=AD=98=E6=A8=A1=E5=9D=97=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=89=A9=E6=96=99=E6=9F=A5=E8=AF=A2=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E5=B9=B6=E6=96=B0=E5=A2=9E=E5=B7=A5=E4=BD=9C=E7=AB=99=E5=92=8C?=
 =?UTF-8?q?=E5=BA=93=E5=8C=BA=E6=95=B0=E9=87=8F=E7=BB=9F=E8=AE=A1=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/wm/materialStock/index.vue      |  92 +++++-----------
 .../components/WmWarehouseLocationSelect.vue  | 104 ++++++++++++++++++
 2 files changed, 130 insertions(+), 66 deletions(-)
 create mode 100644 src/views/mes/wm/warehouse/components/WmWarehouseLocationSelect.vue

diff --git a/src/views/mes/wm/materialStock/index.vue b/src/views/mes/wm/materialStock/index.vue
index 8b7cdb582..c31ec2e1e 100644
--- a/src/views/mes/wm/materialStock/index.vue
+++ b/src/views/mes/wm/materialStock/index.vue
@@ -17,62 +17,34 @@
           :inline="true"
           label-width="68px"
         >
-          <el-form-item label="物料编码" prop="itemCode">
-            <el-input
-              v-model="queryParams.itemCode"
-              placeholder="请输入物料编码"
-              clearable
-              @keyup.enter="handleQuery"
-              class="!w-200px"
-            />
+          <el-form-item label="物料" prop="itemId">
+            <MdItemSelect v-model="queryParams.itemId" placeholder="请选择物料" class="!w-240px" />
           </el-form-item>
-          <el-form-item label="物料名称" prop="itemName">
+          <el-form-item label="批次号" prop="batchCode">
             <el-input
-              v-model="queryParams.itemName"
-              placeholder="请输入物料名称"
+              v-model="queryParams.batchCode"
+              placeholder="请输入批次号"
               clearable
               @keyup.enter="handleQuery"
               class="!w-200px"
             />
           </el-form-item>
           <el-form-item label="仓库" prop="warehouseId">
-            <el-select
+            <WmWarehouseSelect
               v-model="queryParams.warehouseId"
-              placeholder="请选择仓库"
-              clearable
               class="!w-200px"
               @change="handleWarehouseChange"
-            >
-              <el-option
-                v-for="item in warehouseList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
-            </el-select>
+            />
           </el-form-item>
           <el-form-item label="库区" prop="locationId">
-            <el-select
+            <WmWarehouseLocationSelect
               v-model="queryParams.locationId"
-              placeholder="请选择库区"
-              clearable
+              :warehouse-id="queryParams.warehouseId"
               class="!w-200px"
-            >
-              <el-option
-                v-for="item in locationList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
-            </el-select>
+            />
           </el-form-item>
           <el-form-item label="是否冻结" prop="frozen">
-            <el-select
-              v-model="queryParams.frozen"
-              placeholder="请选择"
-              clearable
-              class="!w-200px"
-            >
+            <el-select v-model="queryParams.frozen" placeholder="请选择" clearable class="!w-200px">
               <el-option :value="true" label="是" />
               <el-option :value="false" label="否" />
             </el-select>
@@ -105,7 +77,7 @@
           <el-table-column label="规格型号" align="center" prop="specification" min-width="120" />
           <el-table-column label="在库数量" align="center" prop="quantityOnhand" min-width="100" />
           <el-table-column label="单位" align="center" prop="unitMeasureName" min-width="80" />
-          <!-- TODO @芋艿：批次号； -->
+          <!-- TODO @芋艿：批次号，待 mes_wm_batch 模块迁移后补充 -->
           <el-table-column label="仓库" align="center" prop="warehouseName" min-width="100" />
           <el-table-column label="库区" align="center" prop="locationName" min-width="100" />
           <el-table-column label="库位" align="center" prop="areaName" min-width="100">
@@ -126,7 +98,7 @@
             label="入库日期"
             align="center"
             prop="recptDate"
-            :formatter="dateFormatter"
+            :formatter="dateFormatter2"
             width="180px"
           />
           <el-table-column label="冻结" align="center" prop="frozen" min-width="80">
@@ -157,13 +129,14 @@
 </template>
 
 <script setup lang="ts">
-import { dateFormatter } from '@/utils/formatTime'
+import { dateFormatter2 } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { WmMaterialStockApi, WmMaterialStockVO } from '@/api/mes/wm/materialstock'
-import { WmWarehouseApi } from '@/api/mes/wm/warehouse'
-import { WmWarehouseLocationApi } from '@/api/mes/wm/warehouse/location'
 import ItemTypeTree from '@/views/mes/md/item/ItemTypeTree.vue'
 import AreaForm from '@/views/mes/wm/warehouse/area/AreaForm.vue'
+import MdItemSelect from '@/views/mes/md/item/components/MdItemSelect.vue'
+import WmWarehouseSelect from '@/views/mes/wm/warehouse/components/WmWarehouseSelect.vue'
+import WmWarehouseLocationSelect from '@/views/mes/wm/warehouse/components/WmWarehouseLocationSelect.vue'
 
 defineOptions({ name: 'MesWmMaterialStock' })
 
@@ -176,8 +149,8 @@ const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
   itemTypeId: undefined,
-  itemCode: undefined,
-  itemName: undefined,
+  itemId: undefined,
+  batchCode: undefined,
   warehouseId: undefined,
   locationId: undefined,
   frozen: undefined
@@ -185,23 +158,9 @@ const queryParams = reactive({
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
 
-// 仓库、库区下拉数据
-const warehouseList = ref<any[]>([])
-const locationList = ref<any[]>([])
-
-/** 加载仓库列表 */
-const loadWarehouseList = async () => {
-  warehouseList.value = await WmWarehouseApi.getWarehouseSimpleList()
-}
-
-/** 仓库切换时联动加载库区 */
-const handleWarehouseChange = async (warehouseId: number | undefined) => {
+/** 仓库切换时清空库区 */
+const handleWarehouseChange = () => {
   queryParams.locationId = undefined
-  if (warehouseId) {
-    locationList.value = await WmWarehouseLocationApi.getWarehouseLocationSimpleList(warehouseId)
-  } else {
-    locationList.value = []
-  }
 }
 
 /** 查询列表 */
@@ -226,7 +185,6 @@ const handleQuery = () => {
 const resetQuery = () => {
   queryFormRef.value.resetFields()
   queryParams.itemTypeId = undefined
-  locationList.value = []
   handleQuery()
 }
 
@@ -239,10 +197,12 @@ const handleTypeNodeClick = (row: any) => {
 /** 处理冻结状态切换 */
 const handleFrozenChange = async (row: WmMaterialStockVO) => {
   try {
+    const text = row.frozen ? '冻结' : '解冻'
+    await message.confirm('确认要"' + text + '"该库存记录吗?')
     await WmMaterialStockApi.updateMaterialStockFrozen({ id: row.id, frozen: row.frozen })
-    message.success(row.frozen ? '冻结成功' : '解冻成功')
+    message.success(text + '成功')
   } catch {
-    // 失败时回滚
+    // 取消或失败时回滚
     row.frozen = !row.frozen
   }
 }
@@ -268,6 +228,6 @@ const handleExport = async () => {
 
 /** 初始化 */
 onMounted(async () => {
-  await Promise.all([loadWarehouseList(), getList()])
+  await getList()
 })
 </script>
diff --git a/src/views/mes/wm/warehouse/components/WmWarehouseLocationSelect.vue b/src/views/mes/wm/warehouse/components/WmWarehouseLocationSelect.vue
new file mode 100644
index 000000000..eec6cddc2
--- /dev/null
+++ b/src/views/mes/wm/warehouse/components/WmWarehouseLocationSelect.vue
@@ -0,0 +1,104 @@
+<!-- MES 库区选择器：纯下拉，前端过滤（支持 name、code），支持按仓库筛选 -->
+<template>
+  <el-select
+    v-model="selectValue"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :clearable="clearable"
+    filterable
+    :filter-method="handleFilter"
+    class="!w-1/1"
+    @change="handleChange"
+  >
+    <el-option v-for="item in filteredList" :key="item.id" :label="item.name" :value="item.id">
+      <div class="flex items-center gap-8px">
+        <span>{{ item.name }}</span>
+        <el-tag v-if="item.code" size="small" type="info" class="ml-4px">
+          编号: {{ item.code }}
+        </el-tag>
+      </div>
+    </el-option>
+  </el-select>
+</template>
+
+<script setup lang="ts">
+import { WmWarehouseLocationApi, WmWarehouseLocationVO } from '@/api/mes/wm/warehouse/location'
+
+defineOptions({ name: 'WmWarehouseLocationSelect' })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: number
+    warehouseId?: number
+    disabled?: boolean
+    clearable?: boolean
+    placeholder?: string
+  }>(),
+  {
+    disabled: false,
+    clearable: true,
+    placeholder: '请选择库区'
+  }
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [value: number | undefined]
+  change: [item: WmWarehouseLocationVO | undefined]
+}>()
+
+const allList = ref<WmWarehouseLocationVO[]>([])
+const filteredList = ref<WmWarehouseLocationVO[]>([])
+const filterQuery = ref('') // 当前过滤关键字
+
+const selectValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+
+/** 前端过滤（name + code） */
+const handleFilter = (query: string) => {
+  filterQuery.value = query
+  applyFilter()
+}
+
+/** 应用过滤 */
+const applyFilter = () => {
+  if (!filterQuery.value) {
+    filteredList.value = allList.value
+    return
+  }
+  const keyword = filterQuery.value.toLowerCase()
+  filteredList.value = allList.value.filter(
+    (item) =>
+      item.name?.toLowerCase().includes(keyword) ||
+      item.code?.toLowerCase().includes(keyword)
+  )
+}
+
+/** 选中变化 */
+const handleChange = (val: number | undefined) => {
+  const item = allList.value.find((o) => o.id === val)
+  emit('change', item)
+}
+
+/** 加载库区列表 */
+const loadList = async () => {
+  allList.value = await WmWarehouseLocationApi.getWarehouseLocationSimpleList(props.warehouseId)
+  applyFilter()
+}
+
+/** 监听仓库变化，重新加载库区列表 */
+watch(
+  () => props.warehouseId,
+  async () => {
+    // 仓库变化时，清空当前选中并重新加载
+    selectValue.value = undefined
+    await loadList()
+  }
+)
+
+/** 初始化 */
+onMounted(async () => {
+  await loadList()
+})
+</script>