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 | 245 ++++++++++++++++++++++++++++--------------------
1 files changed, 144 insertions(+), 101 deletions(-)
diff --git a/src/views/salesManagement/salesLedger/index.vue b/src/views/salesManagement/salesLedger/index.vue
index 303271b..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">
@@ -2554,6 +2574,7 @@
import { ElMessageBox, ElMessage } from "element-plus";
import { ArrowDown, WarningFilled } from "@element-plus/icons-vue";
import useUserStore from "@/store/modules/user";
+ import useAppStore from "@/store/modules/app";
import { approveUserList } from "@/api/collaborativeApproval/approvalProcess.js";
import { userListNoPage } from "@/api/system/user.js";
import FileListDialog from "@/components/Dialog/FileListDialog.vue";
@@ -2662,6 +2683,28 @@
: "鏂板瀹屾垚鍚庡皢鑷姩杩斿洖閿�鍞彴璐﹀垪琛�"
);
+ const appStore = useAppStore();
+ watch(isFormPageMode, (val) => {
+ if (val) {
+ appStore.closeSideBar({ withoutAnimation: false });
+ } else {
+ if (!appStore.sidebar.opened) {
+ appStore.toggleSideBar(false);
+ }
+ }
+ });
+ onMounted(() => {
+ if (isFormPageMode.value) {
+ appStore.closeSideBar({ withoutAnimation: false });
+ }
+ });
+ import { onUnmounted } from "vue";
+ onUnmounted(() => {
+ if (!appStore.sidebar.opened) {
+ appStore.toggleSideBar(false);
+ }
+ });
+
const sanitizeLedgerQrFilename = s =>
String(s)
.replace(/[\\/:*?"<>|]/g, "_")
--
Gitblit v1.9.3