From edd67103f3fd4b136219ec755d94d8658b7fb0ff Mon Sep 17 00:00:00 2001
From: HashMap <xiaojingye0817@gmail.com>
Date: Mon, 15 Dec 2025 23:24:54 +0800
Subject: [PATCH] =?UTF-8?q?perf(views/frozen-sale)=20=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

提交表单布局由垂直修改为两列展示
---
 src/views/frozen/sale/index.vue | 112 ++++++++++++++++++++++----------
 1 file changed, 76 insertions(+), 36 deletions(-)

diff --git a/src/views/frozen/sale/index.vue b/src/views/frozen/sale/index.vue
index c3843f4..2aa49ef 100644
--- a/src/views/frozen/sale/index.vue
+++ b/src/views/frozen/sale/index.vue
@@ -86,45 +86,85 @@
 
     <!-- 添加或修改销售主单对话框 -->
     <el-dialog :title="title" v-model="open" width="1200px" append-to-body>
-      <el-form ref="saleRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="销售日期" prop="saleDate">
-          <el-date-picker clearable v-model="form.saleDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择销售日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="客户名称" prop="custName">
-          <el-input v-model="form.custName" placeholder="请输入客户名称" />
-        </el-form-item>
-        <el-form-item label="客户电话" prop="custPhone">
-          <el-input v-model="form.custPhone" placeholder="请输入客户电话" />
-        </el-form-item>
-        <el-form-item label="客户地址" prop="custAddr">
-          <el-input v-model="form.custAddr" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
-        <el-form-item label="销售人员" prop="salesper">
-          <el-input v-model="form.salesper" placeholder="请输入销售人员" />
-        </el-form-item>
-        <el-form-item label="检疫证号" prop="quaranNo">
-          <el-input v-model="form.quaranNo" placeholder="请输入检疫证号" />
-        </el-form-item>
-        <el-form-item label="审批编号" prop="apprNo">
-          <el-input v-model="form.apprNo" placeholder="请输入审批编号" />
-        </el-form-item>
-        <el-form-item label="总价" prop="price">
-          <el-input v-model="form.price" placeholder="请输入总价" />
-        </el-form-item>
-        <el-form-item label="技术员" prop="tech">
-          <el-input v-model="form.tech" placeholder="请输入技术员" />
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
+      <el-form ref="saleRef" :model="form" :rules="rules" label-width="100px">
+
+        <!-- ================= 主单信息（两列布局） ================= -->
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="销售日期" prop="saleDate">
+              <el-date-picker clearable v-model="form.saleDate" type="date" value-format="YYYY-MM-DD"
+                placeholder="请选择销售日期" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="客户名称" prop="custName">
+              <el-input v-model="form.custName" placeholder="请输入客户名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="客户电话" prop="custPhone">
+              <el-input v-model="form.custPhone" placeholder="请输入客户电话" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="销售人员" prop="salesper">
+              <el-input v-model="form.salesper" placeholder="请输入销售人员" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="检疫证号" prop="quaranNo">
+              <el-input v-model="form.quaranNo" placeholder="请输入检疫证号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="审批编号" prop="apprNo">
+              <el-input v-model="form.apprNo" placeholder="请输入审批编号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="总价" prop="price">
+              <el-input v-model="form.price" placeholder="请输入总价" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="技术员" prop="tech">
+              <el-input v-model="form.tech" placeholder="请输入技术员" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 占满一整行 -->
+          <el-col :span="24">
+            <el-form-item label="客户地址" prop="custAddr">
+              <el-input v-model="form.custAddr" type="textarea" placeholder="请输入客户地址" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- ================= 销售明细 ================= -->
         <el-divider content-position="center">销售明细信息</el-divider>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" icon="Plus" @click="handleAddDdSaleItem">添加</el-button>
+            <el-button type="primary" icon="Plus" @click="handleAddDdSaleItem">
+              添加
+            </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" icon="Delete" @click="handleDeleteDdSaleItem">删除</el-button>
+            <el-button type="danger" icon="Delete" @click="handleDeleteDdSaleItem">
+              删除
+            </el-button>
           </el-col>
         </el-row>
         <el-table :data="ddSaleItemList" :row-class-name="rowDdSaleItemIndex"
@@ -133,9 +173,9 @@
           <el-table-column label="序号" align="center" prop="index" width="50" />
           <el-table-column label="明细类型" prop="itemType" width="150">
             <template #default="scope">
-              <el-select v-model="scope.row.itemType" placeholder="请选择明细类型">
+              <el-select v-model="scope.row.itemType" placeholder="请选择明细类型" style="width:100%">
                 <el-option v-for="dict in frozen_sale_item_type" :key="dict.value" :label="dict.label"
-                  :value="dict.value"></el-option>
+                  :value="dict.value" />
               </el-select>
             </template>
           </el-table-column>