From d5d3f57f11d829909bd2b55bc1bab331b69a1607 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期一, 18 八月 2025 15:28:24 +0800 Subject: [PATCH] 中强恒兴质量管理页面添加 --- src/views/qualityManagement/nonconformingManagement/index.vue | 30 ++++++++++++++++++++++++++---- 1 files changed, 26 insertions(+), 4 deletions(-) diff --git a/src/views/qualityManagement/nonconformingManagement/index.vue b/src/views/qualityManagement/nonconformingManagement/index.vue index 319cfd5..169a2f3 100644 --- a/src/views/qualityManagement/nonconformingManagement/index.vue +++ b/src/views/qualityManagement/nonconformingManagement/index.vue @@ -4,7 +4,7 @@ <div style="display: flex;flex-direction: row;align-items: center;"> <div> <span class="search_title">绫诲瀷锛�</span> - <el-select v-model="searchForm.inspectType" clearable style="width: 240px" @change="handleQuery"> + <el-select v-model="searchForm.inspectType" clearable style="width: 200px" @change="handleQuery"> <el-option label="鍘熸潗鏂欐楠�" :value="0" /> <el-option label="杩囩▼妫�楠�" :value="1" /> <el-option label="鍑哄巶妫�楠�" :value="2" /> @@ -12,7 +12,7 @@ </div> <div style="margin-left: 10px"> <span class="search_title">鐘舵�侊細</span> - <el-select v-model="searchForm.inspectState" clearable style="width: 240px" @change="handleQuery"> + <el-select v-model="searchForm.inspectState" clearable style="width: 200px" @change="handleQuery"> <el-option label="寰呭鐞�" :value="0" /> <el-option label="宸插鐞�" :value="1" /> </el-select> @@ -21,13 +21,17 @@ <span class="search_title">浜у搧鍚嶇О锛�</span> <el-input v-model="searchForm.productName" - style="width: 240px" + style="width: 200px" placeholder="璇疯緭鍏ヤ骇鍝佸悕绉版悳绱�" @change="handleQuery" clearable :prefix-icon="Search" /> </div> + <span style="margin-left: 10px" class="search_title">妫�娴嬫棩鏈燂細</span> + <el-date-picker v-model="searchForm.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="daterange" + style="width: 300px" + placeholder="璇烽�夋嫨" clearable @change="changeDaterange" /> <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button> </div> <div> @@ -61,12 +65,19 @@ import {ElMessageBox} from "element-plus"; import {qualityUnqualifiedDel, qualityUnqualifiedListPage} from "@/api/qualityManagement/nonconformingManagement.js"; import InspectionFormDia from "@/views/qualityManagement/nonconformingManagement/components/inspectionFormDia.vue"; +import dayjs from "dayjs"; const data = reactive({ searchForm: { inspectType: "", inspectState: "", productName: "", + entryDate: [ + dayjs().format("YYYY-MM-DD"), + dayjs().add(1, "day").format("YYYY-MM-DD"), + ], // 褰曞叆鏃ユ湡 + entryDateStart: dayjs().format("YYYY-MM-DD"), + entryDateEnd: dayjs().add(1, "day").format("YYYY-MM-DD"), }, }); const { searchForm } = toRefs(data); @@ -200,6 +211,15 @@ const inspectionFormDia = ref() const { proxy } = getCurrentInstance() +const changeDaterange = (value) => { + searchForm.value.entryDateStart = undefined; + searchForm.value.entryDateEnd = undefined; + if (value) { + searchForm.value.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD"); + searchForm.value.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD"); + } + getList(); +}; // 鏌ヨ鍒楄〃 /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { @@ -213,7 +233,9 @@ }; const getList = () => { tableLoading.value = true; - qualityUnqualifiedListPage({...page, ...searchForm.value}).then(res => { + const params = { ...searchForm.value, ...page }; + params.entryDate = undefined + qualityUnqualifiedListPage(params).then(res => { tableLoading.value = false; tableData.value = res.data.records page.total = res.data.total; -- Gitblit v1.9.3