style(order): 调整订单详情页面表单布局样式

- 将Customer字段的列宽从span=4调整为span=8
- 将Vendor Name字段的列宽从span=4调整为span=8
- 重新整理el-row结构，优化表单项分组布局
- 调整Comments字段的列宽配置
- 统一表单行的栅格布局结构
- 移除多余的行结束标签和注释

src/views/modules/order/com_poOrderDetail.vue

@@ -3,7 +3,7 @@
     <!-- 查看模式 -->
     <el-form label-position="top" class="detail-form">
       <el-row :gutter="20">
-        <el-col :span="4">
+        <el-col :span="8">
           <el-form-item label="Customer">
             <el-input v-model="detailData.customer" disabled />
           </el-form-item>
@@ -13,7 +13,7 @@
             <el-input v-model="detailData.buyer" disabled />
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="8">
           <el-form-item label="Vendor Name">
             <el-input v-model="detailData.supplierName" disabled />
           </el-form-item>
@@ -23,6 +23,9 @@
             <el-input v-model="detailData.shortOffice" disabled />
           </el-form-item>
         </el-col>
+
+      </el-row>
+      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="V_Short_NPC">
             <el-input v-model="detailData.shortNpc" disabled />
@@ -33,9 +36,6 @@
             <el-input v-model="detailData.poNo" disabled />
           </el-form-item>
         </el-col>
-      </el-row>
-
-      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="Item">
             <el-input v-model="detailData.partNo" disabled />
@@ -56,6 +56,9 @@
             <el-input v-model="detailData.price" disabled />
           </el-form-item>
         </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="PO Value">
             <el-input v-model="detailData.value" disabled />
@@ -66,9 +69,6 @@
             <el-input v-model="detailData.sumPrice" disabled />
           </el-form-item>
         </el-col>
-      </el-row>
-
-      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="Departure Port">
             <el-input v-model="detailData.departure" disabled />
@@ -89,6 +89,9 @@
             <el-input v-model="detailData.orderDate" disabled />
           </el-form-item>
         </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="Planner Release Date">
             <el-input v-model="detailData.enquiry" disabled />
@@ -99,8 +102,6 @@
             <el-input v-model="detailData.status" disabled />
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="PI Confirmed Date">
             <el-input v-model="detailData.confirmed" disabled />
@@ -121,6 +122,8 @@
             <el-input v-model="detailData.crd" disabled />
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="Inspection Date">
             <el-input v-model="detailData.inspection" disabled />
@@ -131,9 +134,6 @@
             <el-input v-model="detailData.realCrd" disabled />
           </el-form-item>
         </el-col>
-      </el-row>
-
-      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="ETA">
             <el-input v-model="detailData.eta" disabled />
@@ -154,6 +154,10 @@
             <el-input v-model="detailData.docSent" disabled />
           </el-form-item>
         </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+
         <el-col :span="4">
           <el-form-item label="Telex Release">
             <el-input v-model="detailData.telexRelease" disabled />
@@ -164,9 +168,6 @@
             <el-input v-model="detailData.advancePayment" disabled />
           </el-form-item>
         </el-col>
-      </el-row>
-
-      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="Advanc Paid">
             <el-input v-model="detailData.advancePaid" disabled />
@@ -187,6 +188,9 @@
             <el-input v-model="detailData.edit" disabled />
           </el-form-item>
         </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="Last Editor">
             <el-input v-model="detailData.endPlanner" disabled />
@@ -197,22 +201,18 @@
             <el-input v-model="detailData.remarkDelay" disabled />
           </el-form-item>
         </el-col>
-      </el-row>
-
-      <el-row :gutter="20">
         <el-col :span="8">
           <el-form-item label="Comments">
             <el-input v-model="detailData.remark" disabled />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="4">
           <el-form-item label=" ">
             <span></span>
           </el-form-item>
         </el-col>
       </el-row>
 
-      <!-- 数量信息单独一行 -->
       <el-row :gutter="20">
         <el-col :span="4">
           <el-form-item label="PO Qty">