From 06c359af7a5c8178c506a555b63f501e71ed02f1 Mon Sep 17 00:00:00 2001
From: gongchunyi <deslre0381@gmail.com>
Date: 星期四, 18 六月 2026 15:48:29 +0800
Subject: [PATCH] fix: 销售台账搜索布局调整

---
 src/views/salesManagement/salesLedger/index.vue |  222 ++++++++++++++++++++++++++++++-------------------------
 1 files changed, 121 insertions(+), 101 deletions(-)

diff --git a/src/views/salesManagement/salesLedger/index.vue b/src/views/salesManagement/salesLedger/index.vue
index 778d0c4..5cc2a89 100644
--- a/src/views/salesManagement/salesLedger/index.vue
+++ b/src/views/salesManagement/salesLedger/index.vue
@@ -717,107 +717,125 @@
     <ReverseAuditHistory v-if="activeStatusTab === 'reverseReviewed'" />
     <div v-else>
     <div class="search_form">
-      <el-form :model="searchForm"
-               :inline="true">
-        <el-form-item label="瀹㈡埛鍚嶇О锛�">
-          <el-select v-model="searchForm.customerId"
-                     filterable
-                     placeholder="璇烽�夋嫨瀹㈡埛鍚嶇О"
-                     clearable
-                     style="width: 220px"
-                     @change="handleQuery">
-            <el-option v-for="item in customerOption"
-                       :key="item.id"
-                       :label="item.customerName"
-                       :value="item.id">
-              {{ item.customerName + "鈥斺��" + item.taxpayerIdentificationNumber }}
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="閿�鍞悎鍚屽彿锛�">
-          <el-input v-model="searchForm.salesContractNo"
-                    placeholder="璇疯緭鍏�"
-                    clearable
-                    prefix-icon="Search"
-                    @change="handleQuery" />
-        </el-form-item>
-        <el-form-item label="椤圭洰鍚嶇О锛�">
-          <el-input v-model="searchForm.projectName"
-                    placeholder="璇疯緭鍏�"
-                    clearable
-                    prefix-icon="Search"
-                    @change="handleQuery" />
-        </el-form-item>
-        <el-form-item label="浜у搧瀹�(mm)锛�">
-          <el-input v-model="searchForm.width"
-                    placeholder="璇疯緭鍏�"
-                    clearable
-                    prefix-icon="Search"
-                    @change="handleQuery" />
-        </el-form-item>
-        <el-form-item label="浜у搧楂�(mm)锛�">
-          <el-input v-model="searchForm.height"
-                    placeholder="璇疯緭鍏�"
-                    clearable
-                    prefix-icon="Search"
-                    @change="handleQuery" />
-        </el-form-item>
-        <el-form-item label="褰曞叆鏃ユ湡锛�">
-          <el-date-picker v-model="searchForm.entryDate"
-                          value-format="YYYY-MM-DD"
-                          format="YYYY-MM-DD"
-                          type="daterange"
-                          placeholder="璇烽�夋嫨"
-                          clearable
-                          @change="changeDaterange" />
-        </el-form-item>
-        <el-form-item label="鍙戣揣鐘舵�侊細">
-          <el-select v-model="searchForm.deliveryStatus"
-                     placeholder="璇烽�夋嫨"
-                     clearable
-                     style="width: 140px">
-            <el-option label="鏈彂璐�"
-                       :value="1" />
-            <el-option label="瀹℃壒涓�"
-                       :value="2" />
-            <el-option label="瀹℃壒涓嶉�氳繃"
-                       :value="3" />
-            <el-option label="瀹℃壒閫氳繃"
-                       :value="4" />
-            <el-option label="宸插彂璐�"
-                       :value="5" />
-            <el-option label="閮ㄥ垎鍙戣揣"
-                       :value="6" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="鍏ュ簱鐘舵�侊細">
-          <el-select v-model="searchForm.stockStatus"
-                     placeholder="璇烽�夋嫨"
-                     clearable
-                     style="width: 140px">
-            <el-option label="鏈叆搴�"
-                       :value="0" />
-            <el-option label="閮ㄥ垎鍏ュ簱"
-                       :value="1" />
-            <el-option label="宸插叆搴�"
-                       :value="2" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="璁㈠崟鐘舵�侊細">
-          <el-select v-model="searchForm.orderStatus"
-                     placeholder="璇烽�夋嫨"
-                     clearable
-                     style="width: 140px">
-            <el-option label="杩涜涓�"
-                       :value="0" />
-            <el-option label="宸插畬鎴�"
-                       :value="1" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary"
-                     @click="handleQuery"> 鎼滅储 </el-button>
-        </el-form-item>
+      <el-form :model="searchForm" label-width="110px">
+        <el-row :gutter="20">
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="瀹㈡埛鍚嶇О锛�">
+              <el-select v-model="searchForm.customerId"
+                         filterable
+                         placeholder="璇烽�夋嫨瀹㈡埛鍚嶇О"
+                         clearable
+                         style="width: 100%"
+                         @change="handleQuery">
+                <el-option v-for="item in customerOption"
+                           :key="item.id"
+                           :label="item.customerName"
+                           :value="item.id">
+                  {{ item.customerName + "鈥斺��" + item.taxpayerIdentificationNumber }}
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="閿�鍞悎鍚屽彿锛�">
+              <el-input v-model="searchForm.salesContractNo"
+                        placeholder="璇疯緭鍏�"
+                        clearable
+                        prefix-icon="Search"
+                        style="width: 100%"
+                        @change="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="椤圭洰鍚嶇О锛�">
+              <el-input v-model="searchForm.projectName"
+                        placeholder="璇疯緭鍏�"
+                        clearable
+                        prefix-icon="Search"
+                        style="width: 100%"
+                        @change="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="褰曞叆鏃ユ湡锛�">
+              <el-date-picker v-model="searchForm.entryDate"
+                              value-format="YYYY-MM-DD"
+                              format="YYYY-MM-DD"
+                              type="daterange"
+                              placeholder="璇烽�夋嫨"
+                              clearable
+                              style="width: 100%"
+                              @change="changeDaterange" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="浜у搧瀹�(mm)锛�">
+              <el-input v-model="searchForm.width"
+                        placeholder="璇疯緭鍏�"
+                        clearable
+                        prefix-icon="Search"
+                        style="width: 100%"
+                        @input="val => searchForm.width = val.replace(/[^\d.]/g, '')"
+                        @change="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="浜у搧楂�(mm)锛�">
+              <el-input v-model="searchForm.height"
+                        placeholder="璇疯緭鍏�"
+                        clearable
+                        prefix-icon="Search"
+                        style="width: 100%"
+                        @input="val => searchForm.height = val.replace(/[^\d.]/g, '')"
+                        @change="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="鍙戣揣鐘舵�侊細">
+              <el-select v-model="searchForm.deliveryStatus"
+                         placeholder="璇烽�夋嫨"
+                         clearable
+                         style="width: 100%">
+                <el-option label="鏈彂璐�" :value="1" />
+                <el-option label="瀹℃壒涓�" :value="2" />
+                <el-option label="瀹℃壒涓嶉�氳繃" :value="3" />
+                <el-option label="瀹℃壒閫氳繃" :value="4" />
+                <el-option label="宸插彂璐�" :value="5" />
+                <el-option label="閮ㄥ垎鍙戣揣" :value="6" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="鍏ュ簱鐘舵�侊細">
+              <el-select v-model="searchForm.stockStatus"
+                         placeholder="璇烽�夋嫨"
+                         clearable
+                         style="width: 100%">
+                <el-option label="鏈叆搴�" :value="0" />
+                <el-option label="閮ㄥ垎鍏ュ簱" :value="1" />
+                <el-option label="宸插叆搴�" :value="2" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="8" :lg="8">
+            <el-form-item label="璁㈠崟鐘舵�侊細">
+              <el-select v-model="searchForm.orderStatus"
+                         placeholder="璇烽�夋嫨"
+                         clearable
+                         style="width: 100%">
+                <el-option label="杩涜涓�" :value="0" />
+                <el-option label="宸插畬鎴�" :value="1" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label=" ">
+              <div style="width: 100%; text-align: right;">
+                <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
     </div>
     <div class="table_list">
@@ -918,6 +936,8 @@
           <el-space v-else-if="activeStatusTab === 'all'"
                     wrap
                     class="sales-ledger-toolbar-group">
+            <el-button type="primary"
+                       @click="openForm('add')">鏂板鍙拌处</el-button>
             <el-button @click="handleOut">瀵煎嚭</el-button>
           </el-space>
           <el-space wrap class="sales-ledger-toolbar-group sales-ledger-toolbar-group--muted">

--
Gitblit v1.9.3