From 87a286ca5dfff1ba19ef615668404c594435a98c Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 30 Mar 2026 22:07:59 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(mes):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=94=80=E5=94=AE=E5=87=BA=E5=BA=93=E8=A1=A8=E5=8D=95=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=92=8C=E4=BA=A4=E4=BA=92=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整销售出库表单的模板结构，改善运输信息的展示逻辑，确保在不同模式下的可用性和可读性。增加了对表单项的计算属性支持，以提升用户体验。
---
 .../productsales/ProductSalesDetailForm.vue   |  2 +
 .../mes/wm/productsales/ProductSalesForm.vue  | 48 ++++++++++---------
 .../wm/productsales/ProductSalesLineList.vue  |  7 ++-
 src/views/mes/wm/productsales/index.vue       |  1 +
 4 files changed, 35 insertions(+), 23 deletions(-)

diff --git a/src/views/mes/wm/productsales/ProductSalesDetailForm.vue b/src/views/mes/wm/productsales/ProductSalesDetailForm.vue
index 73ca33388..be095b852 100644
--- a/src/views/mes/wm/productsales/ProductSalesDetailForm.vue
+++ b/src/views/mes/wm/productsales/ProductSalesDetailForm.vue
@@ -1,5 +1,6 @@
 <!-- MES 销售出库拣货明细表单弹窗 -->
 <template>
+  <!-- TODO @AI：改成 3 行 -->
   <Dialog :title="dialogTitle" v-model="dialogVisible" width="600px">
     <el-form
       ref="formRef"
@@ -18,6 +19,7 @@
           @change="handleStockChange"
         />
       </el-form-item>
+      <!-- TODO @AI：下面应该都是 disabled？我记得有模块是这么干的； -->
       <el-form-item label="出库仓库" prop="warehouseId">
         <WmWarehouseSelect v-model="formData.warehouseId" />
       </el-form-item>
diff --git a/src/views/mes/wm/productsales/ProductSalesForm.vue b/src/views/mes/wm/productsales/ProductSalesForm.vue
index b0d12805a..fce02f3ac 100644
--- a/src/views/mes/wm/productsales/ProductSalesForm.vue
+++ b/src/views/mes/wm/productsales/ProductSalesForm.vue
@@ -111,28 +111,30 @@
         </el-col>
       </el-row>
       <!-- 运输信息：填写运单/详情模式下展示，或已有运输数据时展示 -->
-      <template v-if="isShipping || formType === 'detail' || formData.carrier || formData.shippingNumber">
+      <template
+        v-if="isShipping || formType === 'detail' || formData.carrier || formData.shippingNumber"
+      >
         <el-divider content-position="left">运输信息</el-divider>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="承运商" prop="carrier">
-            <el-input
-              v-model="formData.carrier"
-              placeholder="请输入承运商"
-              :disabled="!isShipping && isHeaderReadonly"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="运输单号" prop="shippingNumber">
-            <el-input
-              v-model="formData.shippingNumber"
-              placeholder="请输入运输单号"
-              :disabled="!isShipping && isHeaderReadonly"
-            />
-          </el-form-item>
-        </el-col>
-      </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="承运商" prop="carrier">
+              <el-input
+                v-model="formData.carrier"
+                placeholder="请输入承运商"
+                :disabled="!isShipping && isHeaderReadonly"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="运输单号" prop="shippingNumber">
+              <el-input
+                v-model="formData.shippingNumber"
+                placeholder="请输入运输单号"
+                :disabled="!isShipping && isHeaderReadonly"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </template>
     </el-form>
     <!-- 非新建模式展示行项目信息（出库物料） -->
@@ -191,7 +193,9 @@ const isUpdate = computed(() => ['create', 'update'].includes(formType.value)) /
 const isPick = computed(() => formType.value === 'stock') // 是否为拣货模式
 const isShipping = computed(() => formType.value === 'shipping') // 是否为填写运单模式
 const isFinish = computed(() => formType.value === 'finish') // 是否为执行出库模式
-const isHeaderReadonly = computed(() => ['stock', 'shipping', 'finish', 'detail'].includes(formType.value)) // 是否只读
+const isHeaderReadonly = computed(() =>
+  ['stock', 'shipping', 'finish', 'detail'].includes(formType.value)
+) // 是否只读
 const dialogTitle = computed(() => {
   const titles = {
     create: '新增销售出库单',
diff --git a/src/views/mes/wm/productsales/ProductSalesLineList.vue b/src/views/mes/wm/productsales/ProductSalesLineList.vue
index d49adf9cd..671dd621a 100644
--- a/src/views/mes/wm/productsales/ProductSalesLineList.vue
+++ b/src/views/mes/wm/productsales/ProductSalesLineList.vue
@@ -94,7 +94,12 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="产品" prop="itemId">
-            <MdItemSelect v-model="formData.itemId" placeholder="请选择产品" class="!w-1/1" :disabled="!!formData.noticeLineId" />
+            <MdItemSelect
+              v-model="formData.itemId"
+              placeholder="请选择产品"
+              class="!w-1/1"
+              :disabled="!!formData.noticeLineId"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
diff --git a/src/views/mes/wm/productsales/index.vue b/src/views/mes/wm/productsales/index.vue
index db8fd39c3..0647cace3 100644
--- a/src/views/mes/wm/productsales/index.vue
+++ b/src/views/mes/wm/productsales/index.vue
@@ -1,3 +1,4 @@
+<!-- TODO @AI：/Users/yunai/Java/yudao-all-in-one/yudao-ui-admin-vue3/src/views/mes/wm/productsales 模块下，减少 formType == ；而是更过 isXXX，通过 compute 计算 -->
 <template>
   <ContentWrap>
     <el-form