update 优化移库页面货位下拉框方法

src/views/stocked/MoveLibrary/index.vue

@@ -144,7 +144,7 @@
 
     <el-row class="page-search" justify="end" align="middle">
       <el-col :span="6">
-        <el-form-item label="目的货位" prop="portFormRefData.SEARCHTYPE">
+<!--        <el-form-item label="目的货位" prop="portFormRefData.SEARCHTYPE">
           <el-cascader
             @visible-change="handleOuterClick"
             v-model="state.StorageSelect"
@@ -156,6 +156,23 @@
               children: 'children'
             }"
           />
+        </el-form-item>-->
+        <el-form-item label="目的货位" prop="portFormRefData.SEARCHTYPE">
+          <el-select
+            size="small"
+            filterable
+            v-model="state.StorageSelect"
+            default-first-option
+            placeholder="下拉选择货位"
+            :filter-method="getlocDec"
+          >
+            <el-option
+              v-for="item in state.StorageSelectList"
+              :key="item.STORAGENAME"
+              :label="item.DESCRIPTION"
+              :value="item.STORAGENAME"
+            />
+          </el-select>
         </el-form-item>
       </el-col>
       <el-col :span="6">
@@ -195,6 +212,7 @@ import { waitForDebugger } from 'inspector'
 import { FirstInFirstOut, IFTRUE } from '@/utils/CommonUtil'
 import { bTableHeight } from '../../../composables/calcTableHeight'
 import { AssignShipRequest, DeAssignShipRequest, AllCommitMoveInInvoice } from '@/api/StockOut'
+import request from '@/utils/request'
 
 const { tableContainer, tableHeight, updateTableHeight, handleResize } = bTableHeight(480)
 
@@ -218,6 +236,7 @@ const state = reactive({
   MaterialPackingList: [] as any,
   MaterialPackingUsername: [] as any,
   StorageSelect: [] as any,
+  locDecListAll: [] as any,
   StorageSelectList: [] as any,
   lineRow: [] as any,
   queryParams: {
@@ -368,6 +387,7 @@ onMounted(() => {
 
   updateTableHeight()
   window.addEventListener('resize', handleResize)
+  getStorageSpecLocationList()
 })
 // 更新列
 function updateList(col: any) {
@@ -700,7 +720,7 @@ async function handle(row: any, event: any, column: any) {
   state.firstLocation = row.ERPLOCATION
 }
 function handleOuterClick() {
-  StorageList(state.firstLocation)
+  //StorageList(state.firstLocation)
 }
 
 async function StorageList(firstLocation: any) {
@@ -733,6 +753,34 @@ async function StorageList(firstLocation: any) {
     // 处理错误，可能重置 state 或进行其他恢复操作
   }
 }
+
+async function getStorageSpecLocationList() {
+  let erpLocation = JSON.parse(localStorage.getItem('orgNo'));
+  request({
+    url: '/api/api/storage/getLocationNameForERPLocation',
+    method: 'post',
+    data: {
+      erpLocation: erpLocation,
+      SITENAME: 'SDK',
+    },
+  }).then((res: any) => {
+    state.locDecListAll = res.resultObj;
+  });
+}
+
+function getlocDec(query: any) {
+  // console.log(query)
+  //let arr = state.locDecListAll;
+  let arr = state.locDecListAll.filter((item: any) => {
+    return item.STORAGENAME.includes(query) || item.STORAGENAME.includes(query)
+  })
+  // console.log(arr)
+  if (arr.length > 50) {
+    state.StorageSelectList = arr.slice(0, 50)
+  } else {
+    state.StorageSelectList = arr
+  }
+}
 </script>
 
 <style scoped lang="scss">