增加 库区

src/api/wms/psmStoreType/index.ts

@@ -73,5 +73,6 @@ export function getWmsPsmStoreTypeList (query) {
         url: '/wms/psmStoreType/getWmsPsmStoreTypeList',
         method: 'get',
         params: query
+
     });
 };

src/views/wms/psmStorePlace/index.vue

@@ -70,7 +70,7 @@
         <el-table-column label="库位编码" align="center" prop="storePlaceCode" v-if="columns[7].visible"/>
         <el-table-column label="库位名称" align="center" prop="storePlaceName" v-if="columns[8].visible"/>
         <el-table-column label="所属仓库" align="center" prop="storeId" v-if="columns[9].visible"/>
-        <el-table-column label="sap库区代码" align="center" prop="sapCode" v-if="columns[10].visible"/>
+        <el-table-column label="所属库区" align="center" prop="sapCode" v-if="columns[10].visible"/>
         <el-table-column label="创建人" align="center" prop="createBy" v-if="columns[2].visible"/>
         <el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[3].visible">
           <template #default="scope">
@@ -110,17 +110,24 @@
           <el-input v-model="form.storePlaceName" placeholder="请输入库位名称"/>
         </el-form-item>
         <el-form-item label="所属仓库" prop="storeId">
-          <el-select v-model="form.storeId" placeholder="请选择仓库">
+          <el-select v-model="form.storeId" placeholder="请选择仓库" @change="handleStoreChange">
             <el-option
               v-for="item in storeList"
               :key="item.storeId"
-              :label="item.storeCode"
+              :label="item.storeName"
               :value="item.storeId"
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="sap库区代码" prop="sapCode">
-          <el-input v-model="form.sapCode" placeholder="请输入sap库区代码"/>
+        <el-form-item label="所属库区" prop="sapCode">
+          <el-select v-model="form.sapCode" placeholder="请选择库区">
+            <el-option
+              v-for="item in storeTypeList"
+              :key="item.storeTypeId"
+              :label="item.storeTypeName"
+              :value="item.storeTypeId"
+              />
+          </el-select>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -143,6 +150,7 @@ import {
 } from '@/api/wms/psmStorePlace';
 import {PsmStorePlaceVO, PsmStorePlaceQuery, PsmStorePlaceForm} from '@/api/wms/psmStorePlace/types';
 import {getWmsPsmStoreList} from '@/api/wms/psmStore';
+import {getWmsPsmStoreTypeList} from "@/api/wms/psmStoreType";
 
 const {proxy} = getCurrentInstance() as ComponentInternalInstance;
 
@@ -155,6 +163,7 @@ const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
 let storeList = ref([]);
+let storeTypeList = ref([]);
 const queryFormRef = ref<ElFormInstance>();
 const psmStorePlaceFormRef = ref<ElFormInstance>();
 
@@ -217,7 +226,11 @@ const data = reactive<PageData<PsmStorePlaceForm, PsmStorePlaceQuery>>({
 });
 
 const {queryParams, form, rules} = toRefs(data);
-
+// 调用获取库区列表的接口
+const handleStoreChange = async (storeId: number) => {
+  const res = await getWmsPsmStoreTypeList(storeId);
+  storeTypeList.value = res.data;
+}
 const getStoreList = async () => {
   let res = await getWmsPsmStoreList(null);
   storeList.value = res.data;