From 4e05734865698dcce41eebbda3adfc566839e409 Mon Sep 17 00:00:00 2001
From: dxc <duxingchen@iris-rs.cn>
Date: Mon, 2 Mar 2026 12:03:06 +0800
Subject: [PATCH] fix: split cost fields into multiple rows in product.vue

Co-authored-by: aider (openai/DeepSeek-V3.2-Thinking) <aider@aider.chat>
---
 inventory-web/src/views/stock/inbound/product.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/inventory-web/src/views/stock/inbound/product.vue b/inventory-web/src/views/stock/inbound/product.vue
index 48163b6..4c4759e 100644
--- a/inventory-web/src/views/stock/inbound/product.vue
+++ b/inventory-web/src/views/stock/inbound/product.vue
@@ -392,17 +392,19 @@
                     <el-date-picker v-model="form.production_time_range" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" style="width:100%" />
                   </el-form-item>
                 </el-col>
-                <el-col :span="4">
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="8">
                   <el-form-item label="原料成本">
                     <el-input-number v-model="form.raw_material_cost" :precision="2" :controls="false" style="width:100%" placeholder="请输入"/>
                   </el-form-item>
                 </el-col>
-                <el-col :span="4">
+                <el-col :span="8">
                   <el-form-item label="单件成本">
                     <el-input-number v-model="form.unit_total_cost" :precision="2" :controls="false" style="width:100%" placeholder="请输入"/>
                   </el-form-item>
                 </el-col>
-                <el-col :span="4">
+                <el-col :span="8">
                   <el-form-item label="总成本">
                     <el-input-number v-model="form.total_price" :precision="2" :controls="false" style="width:100%" placeholder="自动计算" disabled/>
                   </el-form-item>