From 070969fd29b11c5b4fc674fb2d4b39226a3970bc Mon Sep 17 00:00:00 2001
From: qiankanghui <kanghui.qian@xujiesoft.com>
Date: Wed, 29 Apr 2026 09:15:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(order):=20=E5=B0=86=E8=BF=90=E8=BE=93?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F=E9=80=89=E6=8B=A9=E6=94=B9=E4=B8=BA=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将运输方式下拉选择组件替换为可点击输入框
- 添加运输方式选择弹窗组件和相关引用
- 新增当前运输方式选择行状态管理变量
- 实现打开运输方式选择弹窗的方法
- 添加接收运输方式选择数据的处理逻辑
- 支持通过弹窗选择运输方式并更新行数据
---
 src/views/modules/order/poOrder.vue | 46 +++++++++++++++++++++--------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/src/views/modules/order/poOrder.vue b/src/views/modules/order/poOrder.vue
index 9b1776f..ec4cfdb 100644
--- a/src/views/modules/order/poOrder.vue
+++ b/src/views/modules/order/poOrder.vue
@@ -97,21 +97,15 @@
             </el-input>
           </template>
              <template v-else-if="editMode && item.editAble && item.columnProp==='shipVia'">
-             <el-select
-              v-model="rowShipVia[scope.row.id]"
+            <el-input
+              v-model="scope.row.shipVia"
               size="mini"
-              style="width: 100%"
-              clearable
-              filterable
+              style="width: 100%; cursor: pointer"
+              readonly
               placeholder="请选择运输方式"
-              @change="(val) => handlePortChange(scope.row, val)">
-              <el-option
-                v-for="opt in transportOptions"
-                :key="String(opt.value)"
-                :label="opt.label"
-                :value="opt.value">
-              </el-option>
-            </el-select>
+              @click.native="openShipViaSelect(scope.row)">
+              <i slot="suffix" class="el-icon-search" style="cursor: pointer"></i>
+            </el-input>
           </template>
           <template v-else-if="editMode && item.editAble">
              <!-- 下拉框 -->
@@ -243,6 +237,9 @@
 
     <!-- 目的港选择弹窗 -->
     <Chooselist ref="destinationList" @getBaseData="getDestinationData"></Chooselist>
+
+    <!-- 运输方式选择弹窗 -->
+    <Chooselist ref="shipViaList" @getBaseData="getShipViaData"></Chooselist>
   </div>
 </template>
 
@@ -275,6 +272,7 @@ export default {
       currentPartNoRow: null,  // 当前正在选择物料的行
       currentDepartureRow: null,  // 当前正在选择始发港的行
       currentDestinationRow: null,  // 当前正在选择目的港的行
+      currentShipViaRow: null,  // 当前正在选择运输方式的行
       rowSupplierNo: {},  //存储每行选中的供应商编号
       poPartNoOptions: [],
       supplierOptions: [],
@@ -1653,6 +1651,12 @@ export default {
       this.$refs.destinationList.init(2018, '', '')
     },
 
+    // 打开运输方式选择弹窗
+    openShipViaSelect(row) {
+      this.currentShipViaRow = row
+      this.$refs.shipViaList.init(2019, '', '')
+    },
+
     // 接收供应商选择数据
     getSupplierData(data) {
       console.log('选择的供应商数据:', data)
@@ -1722,6 +1726,22 @@ export default {
         // 清空当前选择行
         this.currentDestinationRow = null
       }
+    },
+
+    // 接收运输方式选择数据
+    getShipViaData(data) {
+      console.log('选择的运输方式数据:', data)
+      if (data && this.currentShipViaRow) {
+        // 更新当前行的运输方式信息
+        // 根据 SQL: select method_no, method_desc from ship_method
+        this.$set(this.currentShipViaRow, 'shipVia', data.method_no || data.methodNo || data.shipVia || '')
+        this.$set(this.currentShipViaRow, 'changeFlag', 1)
+
+        console.log('更新后的行数据:', this.currentShipViaRow)
+
+        // 清空当前选择行
+        this.currentShipViaRow = null
+      }
     }
 
   }