From aabe08c4baaf7472096e26d14cb8cfda24666b5e Mon Sep 17 00:00:00 2001 From: lishenao <3065849776@qq.com> Date: 星期五, 04 七月 2025 16:06:25 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev --- src/views/qualityManagement/nonconformingManagement/index.vue | 285 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 285 insertions(+), 0 deletions(-) diff --git a/src/views/qualityManagement/nonconformingManagement/index.vue b/src/views/qualityManagement/nonconformingManagement/index.vue new file mode 100644 index 0000000..319cfd5 --- /dev/null +++ b/src/views/qualityManagement/nonconformingManagement/index.vue @@ -0,0 +1,285 @@ +<template> + <div class="app-container"> + <div class="search_form"> + <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-option label="鍘熸潗鏂欐楠�" :value="0" /> + <el-option label="杩囩▼妫�楠�" :value="1" /> + <el-option label="鍑哄巶妫�楠�" :value="2" /> + </el-select> + </div> + <div style="margin-left: 10px"> + <span class="search_title">鐘舵�侊細</span> + <el-select v-model="searchForm.inspectState" clearable style="width: 240px" @change="handleQuery"> + <el-option label="寰呭鐞�" :value="0" /> + <el-option label="宸插鐞�" :value="1" /> + </el-select> + </div> + <div style="margin-left: 10px"> + <span class="search_title">浜у搧鍚嶇О锛�</span> + <el-input + v-model="searchForm.productName" + style="width: 240px" + placeholder="璇疯緭鍏ヤ骇鍝佸悕绉版悳绱�" + @change="handleQuery" + clearable + :prefix-icon="Search" + /> + </div> + <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button> + </div> + <div> + <el-button type="primary" @click="openForm('add')">鏂板</el-button> + <el-button @click="handleOut">瀵煎嚭</el-button> + <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button> + </div> + </div> + <div class="table_list"> + <PIMTable + rowKey="id" + :column="tableColumn" + :tableData="tableData" + :page="page" + :isSelection="true" + @selection-change="handleSelectionChange" + :tableLoading="tableLoading" + @pagination="pagination" + :total="page.total" + ></PIMTable> + </div> + <FormDia ref="formDia" @close="handleQuery"></FormDia> + <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia> + </div> +</template> + +<script setup> +import { Search } from "@element-plus/icons-vue"; +import {onMounted, ref} from "vue"; +import FormDia from "@/views/qualityManagement/nonconformingManagement/components/formDia.vue"; +import {ElMessageBox} from "element-plus"; +import {qualityUnqualifiedDel, qualityUnqualifiedListPage} from "@/api/qualityManagement/nonconformingManagement.js"; +import InspectionFormDia from "@/views/qualityManagement/nonconformingManagement/components/inspectionFormDia.vue"; + +const data = reactive({ + searchForm: { + inspectType: "", + inspectState: "", + productName: "", + }, +}); +const { searchForm } = toRefs(data); +const tableColumn = ref([ + { + label: "鐘舵��", + prop: "inspectState", + dataType: "tag", + formatData: (params) => { + if (params == 0) { + return "寰呭鐞�"; + } else if (params == 1) { + return "宸插鐞�"; + } else { + return null; + } + }, + formatType: (params) => { + if (params == '涓嶅悎鏍�') { + return "danger"; + } else if (params == '鍚堟牸') { + return "success"; + } else { + return null; + } + }, + }, + { + label: "妫�娴嬫棩鏈�", + prop: "checkTime", + width: 120 + }, + { + label: "绫诲埆", + prop: "inspectType", + dataType: "tag", + width: 120, + formatData: (params) => { + if (params == 0) { + return "鍘熸潗鏂欐楠�"; + } else if (params == 1) { + return "杩囩▼妫�楠�"; + } else { + return '鍑哄巶妫�楠�'; + } + }, + formatType: (params) => { + if (params == '涓嶅悎鏍�') { + return "info"; + } else if (params == '鍚堟牸') { + return "success"; + } else { + return 'primary'; + } + }, + }, + { + label: "妫�楠屽憳", + prop: "checkName", + }, + { + label: "浜у搧鍚嶇О", + prop: "productName", + }, + { + label: "瑙勬牸鍨嬪彿", + prop: "model", + }, + { + label: "鍗曚綅", + prop: "unit", + }, + { + label: "鏁伴噺", + prop: "quantity", + width: 100 + }, + { + label: "涓嶅悎鏍肩幇璞�", + prop: "defectivePhenomena", + width: 120 + }, + { + label: "澶勭悊缁撴灉", + prop: "dealResult", + width: 120 + }, + { + label: "澶勭悊浜�", + prop: "dealName", + width: 120 + }, + { + label: "澶勭悊鏃ユ湡", + prop: "dealTime", + width: 120 + }, + { + dataType: "action", + label: "鎿嶄綔", + align: "center", + fixed: "right", + width: 120, + operation: [ + { + name: "缂栬緫", + type: "text", + clickFun: (row) => { + openForm("edit", row); + }, + }, + { + name: "澶勭悊", + type: "text", + clickFun: (row) => { + openInspectionForm("edit", row); + }, + }, + ], + }, +]); +const tableData = ref([]); +const selectedRows = ref([]); +const tableLoading = ref(false); +const page = reactive({ + current: 1, + size: 100, + total: 0 +}); +const formDia = ref() +const inspectionFormDia = ref() +const { proxy } = getCurrentInstance() + +// 鏌ヨ鍒楄〃 +/** 鎼滅储鎸夐挳鎿嶄綔 */ +const handleQuery = () => { + page.current = 1; + getList(); +}; +const pagination = (obj) => { + page.current = obj.page; + page.size = obj.limit; + getList(); +}; +const getList = () => { + tableLoading.value = true; + qualityUnqualifiedListPage({...page, ...searchForm.value}).then(res => { + tableLoading.value = false; + tableData.value = res.data.records + page.total = res.data.total; + }).catch(err => { + tableLoading.value = false; + }) +}; +// 琛ㄦ牸閫夋嫨鏁版嵁 +const handleSelectionChange = (selection) => { + selectedRows.value = selection; +}; + +// 鎵撳紑寮规 +const openForm = (type, row) => { + nextTick(() => { + formDia.value?.openDialog(type, row) + }) +}; +// 鎵撳紑澶勭悊寮规 +const openInspectionForm = (type, row) => { + nextTick(() => { + inspectionFormDia.value?.openDialog(type, row) + }) +}; + +// 鍒犻櫎 +const handleDelete = () => { + let ids = []; + if (selectedRows.value.length > 0) { + ids = selectedRows.value.map((item) => item.id); + } else { + proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁"); + return; + } + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + qualityUnqualifiedDel(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + getList(); + }); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +// 瀵煎嚭 +const handleOut = () => { + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + proxy.download("/quality/qualityUnqualified/export", {}, "涓嶅悎鏍肩鐞�.xlsx"); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +onMounted(() => { + getList(); +}); +</script> + +<style scoped></style> -- Gitblit v1.9.3