perf(views/frozen-sale) 表单布局

提交表单布局由垂直修改为两列展示

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 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="请选择销售日期">
+              <el-date-picker clearable v-model="form.saleDate" type="date" value-format="YYYY-MM-DD"
-          </el-date-picker>
+                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-form-item label="客户地址" prop="custAddr">
+          </el-col>
-          <el-input v-model="form.custAddr" type="textarea" placeholder="请输入内容" />
+
-        </el-form-item>
+          <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-form-item label="备注" prop="remark">
+          </el-col>
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+
+          <!-- 占满一整行 -->
+          <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>