From d83860d6839daaf7dccda5cbd68e865ba7e679ab Mon Sep 17 00:00:00 2001 From: maven <2163098428@qq.com> Date: 星期二, 08 七月 2025 17:48:56 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev --- src/views/collaborativeApproval/approvalProcess/index.vue | 238 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 238 insertions(+), 0 deletions(-) diff --git a/src/views/collaborativeApproval/approvalProcess/index.vue b/src/views/collaborativeApproval/approvalProcess/index.vue new file mode 100644 index 0000000..4958ecb --- /dev/null +++ b/src/views/collaborativeApproval/approvalProcess/index.vue @@ -0,0 +1,238 @@ +<template> + <div class="app-container"> + <div class="search_form"> + <div> + <span class="search_title">渚涘簲鍟嗭細</span> + <el-input + v-model="searchForm.supplier" + style="width: 240px" + placeholder="璇疯緭鍏ヤ緵搴斿晢鎼滅储" + @change="handleQuery" + clearable + :prefix-icon="Search" + /> + <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> + <info-form-dia ref="infoFormDia" @close="handleQuery"></info-form-dia> + <approval-dia ref="approvalDia" @close="handleQuery"></approval-dia> + </div> +</template> + +<script setup> +import { Search } from "@element-plus/icons-vue"; +import {onMounted, ref} from "vue"; +import {ElMessageBox} from "element-plus"; +import {qualityInspectDel, qualityInspectListPage} from "@/api/qualityManagement/rawMaterialInspection.js"; +import InfoFormDia from "@/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue"; +import ApprovalDia from "@/views/collaborativeApproval/approvalProcess/components/approvalDia.vue"; + +const data = reactive({ + searchForm: { + supplier: "", + }, +}); +const { searchForm } = toRefs(data); +const tableColumn = ref([ + { + label: "瀹℃壒鐘舵��", + prop: "checkResult", + dataType: "tag", + formatData: (params) => { + if (params == 0) { + return "寰呭鏍�"; + } else if (params == 1) { + return "宸插畬鎴�"; + } else if (params == 2) { + return "涓嶉�氳繃"; + } else { + return '瀹℃牳涓�'; + } + }, + formatType: (params) => { + if (params == '涓嶅悎鏍�') { + return "danger"; + } else if (params == '鍚堟牸') { + return "success"; + } else { + return null; + } + }, + }, + { + label: "娴佺▼缂栧彿", + prop: "supplier", + width: 230 + }, + { + label: "鐢宠閮ㄩ棬", + prop: "checkName", + }, + { + label: "瀹℃壒浜嬬敱", + prop: "productName", + }, + { + label: "鐢宠浜�", + prop: "model", + }, + { + label: "鐢宠鏃ユ湡", + prop: "unit", + }, + { + label: "缁撴潫鏃ユ湡", + prop: "quantity", + width: 120 + }, + { + label: "褰撳墠瀹℃壒浜�", + prop: "checkCompany", + width: 120 + }, + { + dataType: "action", + label: "鎿嶄綔", + align: "center", + fixed: "right", + width: 150, + operation: [ + { + name: "缂栬緫", + type: "text", + clickFun: (row) => { + openForm("edit", row); + }, + }, + { + name: "瀹℃牳", + type: "text", + clickFun: (row) => { + openApprovalDia("approval", row); + }, + }, + { + name: "璇︽儏", + type: "text", + clickFun: (row) => { + openApprovalDia('view', row); + }, + }, + ], + }, +]); +const tableData = ref([]); +const selectedRows = ref([]); +const tableLoading = ref(false); +const page = reactive({ + current: 1, + size: 100, + total: 0 +}); +const infoFormDia = ref() +const approvalDia = 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; + qualityInspectListPage({...page, ...searchForm.value, inspectType: 0}).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(() => { + infoFormDia.value?.openDialog(type, row) + }) +}; +// 鎵撳紑鏂板妫�楠屽脊妗� +const openApprovalDia = (type, row) => { + nextTick(() => { + approvalDia.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(() => { + qualityInspectDel(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + getList(); + }); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +// 瀵煎嚭 +const handleOut = () => { + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + proxy.download("/quality/qualityInspect/export", {inspectType: 0}, "鍘熸潗鏂欐楠�.xlsx"); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +onMounted(() => { + getList(); +}); +</script> + +<style scoped></style> -- Gitblit v1.9.3