From 4ebc73199bcd4b23739a2e1d22c372e8081310c5 Mon Sep 17 00:00:00 2001 From: 王恒 <318726284@qq.com> Date: 星期五, 18 七月 2025 17:55:29 +0800 Subject: [PATCH] '完善筛选项' --- src/views/system/manage/index.vue | 20 ++++++++++++++++---- 1 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/views/system/manage/index.vue b/src/views/system/manage/index.vue index f11806b..95ef6f9 100644 --- a/src/views/system/manage/index.vue +++ b/src/views/system/manage/index.vue @@ -10,13 +10,13 @@ <el-input v-model="queryParams.planNo" placeholder="璇疯緭鍏ヨ鍒掔紪鍙�" clearable style="width: 200px" @keyup.enter="handleQuery" /> </el-form-item> - <el-form-item label="鎵ф硶鍗曚綅" prop="companyUser"> - <el-input v-model="queryParams.companyUser" placeholder="璇疯緭鍏ユ墽娉曞崟浣�" clearable style="width: 200px" + <el-form-item label="鎵ф硶鍗曚綅" prop="executiveSection"> + <el-input v-model="queryParams.executiveSection" placeholder="璇疯緭鍏ユ墽娉曞崟浣�" clearable style="width: 200px" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="鎵ф硶鏃堕棿" style="width: 290px"> - <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"></el-date-picker> + <el-date-picker v-model="dateRange" value-format="YYYY-MM" type="monthrange" range-separator="-" + start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" @change="changeDateHandler"></el-date-picker> </el-form-item> <el-form-item> <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> @@ -249,11 +249,13 @@ const refreshTable = ref(true); const planOpen = ref(false); const planDetail = ref({}); +const dateRange = ref([]); const data = reactive({ form: {}, queryParams: { planNo: '', planName: '', + executiveSection: '', value1: '', pageNum: 1, pageSize: 10, @@ -274,6 +276,12 @@ planStatus: [{ required: true, message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur" }], }, }); + +// 鏈堜唤閫夋嫨 +const changeDateHandler = (value) => { + data.queryParams.planMonthStart = value[0] + data.queryParams.planMonthEnd = value[1] +} /*** 璁″垝瀵煎叆鍙傛暟 */ const upload = reactive({ @@ -346,9 +354,13 @@ /** 閲嶇疆鎸夐挳鎿嶄綔 */ function resetQuery() { queryRef.value.resetFields(); + dateRange.value = []; queryParams.value = { planNo: '', // 璁″垝缂栧彿 planName: '', // 璁″垝鍚嶇О + executiveSection: '', // 鎵ф硶鍗曚綅 + planMonthStart: '', // 璁″垝寮�濮嬫湀浠� + planMonthEnd: '', // 璁″垝缁撴潫鏈堜唤 } handleQuery(); } -- Gitblit v1.9.1