更新

src/views/modules/order/com_poOrderDetail.vue

@@ -41,6 +41,11 @@
             <el-input v-model="detailData.partNo" disabled />
           </el-form-item>
         </el-col>
+        <el-col :span="4">
+          <el-form-item label="Item">
+            <el-input v-model="detailData.item" disabled />
+          </el-form-item>
+        </el-col>
         <el-col :span="4">
           <el-form-item label="Category">
             <el-input v-model="detailData.category" disabled />

src/views/modules/order/poOrder_search.vue

@@ -98,6 +98,10 @@
       <el-tab-pane label="验货明细" name="inspectionDetail">
         <inspection-detail-list ref="inspectionDetailList" />
       </el-tab-pane>
+      <!-- 物料属性（只读） -->
+      <el-tab-pane label="物料属性" name="partAttribute">
+        <po-part-attribute ref="partAttributeTab" />
+      </el-tab-pane>
     </el-tabs>
 
     <po-order-advanced-query
@@ -118,16 +122,19 @@ import {
 import excel from '@/utils/excel-util.js'
 import LogisticsPoList from './com_logisticsPoList.vue'
 import InspectionDetailList from './com_inspectionDetailList.vue'
+import PoPartAttribute from './com_poPartAttribute.vue'
 import PoOrderDetail from './com_poOrderDetail.vue'
 import PoOrderAdvancedQuery from './com_poOrderAdvancedQuery.vue'
 import ChooselistEam from '@/views/modules/common/Chooselist_eam.vue'
 import { PO_ORDER_STATUS_OPTIONS } from './poOrderStatusOptions.js'
 import { PO_ORDER_TYPE_OPTIONS, formatPoOrderTypeLabel } from './poOrderTypeOptions.js'
+import { searchPartInfo } from '@/api/part/partInfo.js'
 
 export default {
   components: {
     LogisticsPoList,
     InspectionDetailList,
+    PoPartAttribute,
     PoOrderDetail,
     PoOrderAdvancedQuery,
     ChooselistEam
@@ -692,6 +699,9 @@ export default {
       if (this.activeTab === 'inspectionDetail') {
         this.refreshInspectionTable()
       }
+      if (this.activeTab === 'partAttribute') {
+        this.refreshPartAttribute()
+      }
     },
 
     // 刷新物流页签表格（模仿 supplierList.vue 的 refreshShareTable）
@@ -715,6 +725,42 @@ export default {
       }
       this.$refs.inspectionDetailList.init(inData)
     },
+    refreshPartAttribute () {
+      const site = this.currentRow.site || this.$store.state.user.site
+      const partNo = this.currentRow.partNo || ''
+      const inData = {
+        site,
+        partNo,
+        codeNo: this.currentRow.codeNo || '',
+        functionType: 'P',
+        height: Number(this.height) - 20
+      }
+      if (!partNo) {
+        this.initPartAttributeTab(inData)
+        return
+      }
+      if (inData.codeNo) {
+        this.initPartAttributeTab(inData)
+        return
+      }
+      searchPartInfo({ site, partNo }).then(({ data }) => {
+        const codeNo = (data && data.code === 0 && data.data)
+          ? (data.data.codeNo || data.data.code_no || '')
+          : ''
+        this.$set(this.currentRow, 'codeNo', codeNo)
+        this.initPartAttributeTab({
+          ...inData,
+          codeNo
+        })
+      }).catch(() => {
+        this.initPartAttributeTab(inData)
+      })
+    },
+    initPartAttributeTab (inData) {
+      if (this.$refs.partAttributeTab && this.$refs.partAttributeTab.init) {
+        this.$refs.partAttributeTab.init(inData)
+      }
+    },
 
     // 页签点击事件（模仿 supplierList.vue 的 tabClick）
     handleTabClick(tab, event) {