feat(wms): 前端通过id显示名称

src/views/wms/outStockBill/index.vue

@@ -5,13 +5,18 @@
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
             <el-form-item label="出库单类型" prop="outStockType">
-              <el-select v-model="queryParams.outStockType" placeholder="请选择出库单类型" clearable>
+              <el-select v-model="queryParams.outStockType" placeholder="请选择出库单类型" clearable filterable>
                 <el-option v-for="dict in out_stock_type" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="项目" prop="projectId">
               <el-select v-model="queryParams.projectId" placeholder="请选择项目" clearable filterable>
-                <el-option v-for="item in projectInfoList" :key="item.projectId" :label="item.projectName" :value="item.projectId" />
+                <el-option
+                  v-for="item in projectInfoList"
+                  :key="item.projectId"
+                  :label="`${item.projectCode} - ${item.projectName}`"
+                  :value="item.projectId"
+                />
               </el-select>
             </el-form-item>
             <el-form-item label="客户" prop="customerId">
@@ -70,14 +75,24 @@
       <el-table v-loading="loading" border :data="outStockBillList" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="出库单ID" align="center" prop="outStockBillId" v-if="columns[0].visible" />
+
         <el-table-column label="租户编号" align="center" prop="tenantId" v-if="columns[1].visible" />
         <el-table-column label="出库单号" align="center" prop="outStockCode" v-if="columns[2].visible" />
+        <el-table-column label="仓库" align="center" prop="warehouseId" v-if="columns[12].visible">
+          <template #default="scope">
+            <span>{{ getWarehouseName(scope.row.warehouseId) }}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="出库单类型" align="center" prop="outStockType" v-if="columns[3].visible">
           <template #default="scope">
             <dict-tag :options="out_stock_type" :value="scope.row.outStockType" />
           </template>
         </el-table-column>
-        <el-table-column label="项目ID" align="center" prop="projectId" v-if="columns[4].visible" />
+        <el-table-column label="关联项目" align="center" prop="projectId" v-if="columns[4].visible">
+          <template #default="scope">
+            <span>{{ getProjectName(scope.row.projectId) }}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="关联单号" align="center" prop="inventoryAmount" v-if="columns[5].visible" />
         <el-table-column label="客户" align="center" prop="customerId" v-if="columns[6].visible">
           <template #default="scope">
@@ -97,11 +112,7 @@
             <dict-tag :options="flow_status" :value="scope.row.flowStatus" />
           </template>
         </el-table-column>
-        <el-table-column label="仓库" align="center" prop="warehouseId" v-if="columns[12].visible">
-          <template #default="scope">
-            <span>{{ getWarehouseName(scope.row.warehouseId) }}</span>
-          </template>
-        </el-table-column>
+
         <el-table-column label="删除标志" align="center" prop="delFlag" v-if="columns[14].visible" />
         <el-table-column label="创建部门" align="center" prop="createDept" v-if="columns[15].visible" />
         <el-table-column label="创建人" align="center" prop="createBy" v-if="columns[16].visible" />
@@ -162,8 +173,13 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="项目" prop="projectId">
-              <el-select v-model="form.projectId" placeholder="请选择项目" filterable>
-                <el-option v-for="item in projectInfoList" :key="item.projectId" :label="item.projectName" :value="item.projectId"></el-option>
+              <el-select v-model="form.projectId" placeholder="请选择项目" filterable clearable>
+                <el-option
+                  v-for="item in projectInfoList"
+                  :key="item.projectId"
+                  :label="`${item.projectCode} - ${item.projectName}`"
+                  :value="item.projectId"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -321,7 +337,7 @@ const getWarehouseInfoList = async () => {
 /** 根据项目ID获取项目名称 */
 const getProjectName = (projectId) => {
   const project = projectInfoList.value.find((item) => item.projectId === projectId);
-  return project ? project.projectName : projectId;
+  return project ? project.projectCode : projectId;
 };
 
 /** 根据客户ID获取客户名称 */