From 90f68df4d0657a900565593bc2c4e0e3ef8cabe0 Mon Sep 17 00:00:00 2001 From: 曹睿 <360930172@qq.com> Date: 星期四, 10 七月 2025 10:08:02 +0800 Subject: [PATCH] Merge branch 'dev' of http://114.132.189.42:9002/r/product-inventory-management into dev --- src/views/collaborativeApproval/approvalProcess/index.vue | 227 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 227 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..ab98ab8 --- /dev/null +++ b/src/views/collaborativeApproval/approvalProcess/index.vue @@ -0,0 +1,227 @@ +<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"; +import {approveProcessDelete, approveProcessListPage} from "../../../api/collaborativeApproval/approvalProcess.js"; + +const data = reactive({ + searchForm: { + supplier: "", + }, +}); +const { searchForm } = toRefs(data); +const tableColumn = ref([ + { + label: "瀹℃壒鐘舵��", + prop: "approveStatus", + dataType: "tag", + formatData: (params) => { + if (params == 0) { + return "寰呭鏍�"; + } else if (params == 1) { + return "瀹℃牳涓�"; + } else if (params == 2) { + return "瀹℃牳瀹屾垚"; + } else { + return '涓嶉�氳繃'; + } + }, + formatType: (params) => { + if (params == 0) { + return "warning"; + } else if (params == 1) { + return "primary"; + } else if (params == 2) { + return "success"; + } else { + return 'danger'; + } + }, + }, + { + label: "娴佺▼缂栧彿", + prop: "approveId", + width: 230 + }, + { + label: "鐢宠閮ㄩ棬", + prop: "approveDeptName", + }, + { + label: "瀹℃壒浜嬬敱", + prop: "approveReason", + }, + { + label: "鐢宠浜�", + prop: "approveUser", + }, + { + label: "鐢宠鏃ユ湡", + prop: "approveTime", + }, + { + label: "缁撴潫鏃ユ湡", + prop: "approveOverTime", + 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; + approveProcessListPage({...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(() => { + 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(() => { + approveProcessDelete(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + getList(); + }); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +onMounted(() => { + getList(); +}); +</script> + +<style scoped></style> -- Gitblit v1.9.3