From 214f545bb14227d6d0ef34fcd71604ea37693d5f Mon Sep 17 00:00:00 2001 From: 曹睿 <360930172@qq.com> Date: 星期四, 03 七月 2025 11:43:36 +0800 Subject: [PATCH] Merge branch 'dev' of http://114.132.189.42:9002/r/product-inventory-management into dev --- src/views/qualityManagement/rawMaterialInspection/components/formDia.vue | 107 +++++++++++++++++ src/views/qualityManagement/metricMaintenance/index.vue | 10 - src/views/qualityManagement/rawMaterialInspection/index.vue | 224 +++++++++++++++++++++++++++++++++++++ src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue | 11 + 4 files changed, 346 insertions(+), 6 deletions(-) diff --git a/src/views/qualityManagement/metricMaintenance/index.vue b/src/views/qualityManagement/metricMaintenance/index.vue index 1c2b207..908c37e 100644 --- a/src/views/qualityManagement/metricMaintenance/index.vue +++ b/src/views/qualityManagement/metricMaintenance/index.vue @@ -70,7 +70,7 @@ @selection-change="handleSelectionChange" :tableLoading="tableLoading" @pagination="pagination" - :total="total" + :total="page.total" ></PIMTable> </div> </div> @@ -92,15 +92,14 @@ // 鎸囨爣琛ㄦ牸 const tableData = ref([]); const tableLoading = ref(false); -const total = ref(0); const page = reactive({ current: 1, size: 10, }); const tableColumn = ref([ { - label: "瑙勬牸鍨嬪彿", - prop: "model", + label: "鎸囨爣", + prop: "parameterItem", }, { label: "鍗曚綅", @@ -193,9 +192,8 @@ current: page.current, size: page.size, }).then((res) => { - console.log("res", res); tableData.value = res.records; - total.value = res.total; + page.total = res.total; tableLoading.value = false; }); }; diff --git a/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue b/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue new file mode 100644 index 0000000..e573db8 --- /dev/null +++ b/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue @@ -0,0 +1,11 @@ +<template> + <div></div> +</template> + +<script setup> + +</script> + +<style scoped> + +</style> \ No newline at end of file diff --git a/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue b/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue new file mode 100644 index 0000000..5d2bcbc --- /dev/null +++ b/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue @@ -0,0 +1,107 @@ +<template> + <div> + <el-dialog + v-model="dialogFormVisible" + :title="operationType === 'add' ? '鏂板鍏ヨ亴' : '缂栬緫浜哄憳'" + width="70%" + @close="closeDia" + > + <PIMTable + rowKey="id" + :column="tableColumn" + :tableData="tableData" + :tableLoading="tableLoading" + height="600" + > + <template #slot="{ row }"> + <el-input v-model="row.staffName" clearable/> + </template> + </PIMTable> + <template #footer> + <div class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭</el-button> + <el-button @click="closeDia">鍙栨秷</el-button> + </div> + </template> + </el-dialog> + </div> +</template> + +<script setup> +import {ref} from "vue"; +import {getStaffJoinInfo, staffJoinAdd, staffJoinUpdate} from "@/api/personnelManagement/onboarding.js"; +import {Search} from "@element-plus/icons-vue"; +const { proxy } = getCurrentInstance() +const emit = defineEmits(['close']) + +const dialogFormVisible = ref(false); +const operationType = ref('') +const tableColumn = ref([ + { + label: "鎸囨爣", + prop: "contractTerm", + }, + { + label: "鍗曚綅", + prop: "contractStartTime", + }, + { + label: "鏍囧噯鍊�", + prop: "contractEndTime", + }, + { + label: "鍐呮帶鍊�", + prop: "contractEndTime", + }, + { + label: "妫�楠屽��", + prop: "contractEndTime", + dataType: 'slot', + slot: 'slot', + }, +]); +const tableData = ref([]); +const tableLoading = ref(false); + +// 鎵撳紑寮规 +const openDialog = (type, row) => { + operationType.value = type; + dialogFormVisible.value = true; + if (operationType.value === 'edit') { + getStaffJoinInfo(row.id).then(res => { + // tableData.value = res.data + }) + } +} +// 鎻愪氦浜у搧琛ㄥ崟 +const submitForm = () => { + proxy.$refs.formRef.validate(valid => { + if (valid) { + form.value.staffState = 0 + if (operationType.value === "add") { + staffJoinAdd(form.value).then(res => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + }) + } else { + staffJoinUpdate(form.value).then(res => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + }) + } + } + }) +} +// 鍏抽棴寮规 +const closeDia = () => { + dialogFormVisible.value = false; + emit('close') +}; +defineExpose({ + openDialog, +}); +</script> + +<style scoped> + +</style> \ No newline at end of file diff --git a/src/views/qualityManagement/rawMaterialInspection/index.vue b/src/views/qualityManagement/rawMaterialInspection/index.vue new file mode 100644 index 0000000..29e52df --- /dev/null +++ b/src/views/qualityManagement/rawMaterialInspection/index.vue @@ -0,0 +1,224 @@ +<template> + <div class="app-container"> + <div class="search_form"> + <div> + <span class="search_title">濮撳悕锛�</span> + <el-input + v-model="searchForm.staffName" + 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> + <form-dia ref="formDia" @close="handleQuery"></form-dia> + </div> +</template> + +<script setup> +import { Search } from "@element-plus/icons-vue"; +import {onMounted, ref} from "vue"; +import FormDia from "@/views/qualityManagement/rawMaterialInspection/components/formDia.vue"; +import {staffJoinDel, staffJoinListPage} from "@/api/personnelManagement/onboarding.js"; +import {ElMessageBox} from "element-plus"; + +const data = reactive({ + searchForm: { + staffName: "", + }, +}); +const { searchForm } = toRefs(data); +const tableColumn = ref([ + { + label: "妫�娴嬫棩鏈�", + prop: "staffNo", + }, + { + label: "渚涘簲鍟�", + prop: "staffName", + }, + { + label: "妫�楠屽憳", + prop: "sex", + }, + { + label: "浜у搧鍚嶇О", + prop: "nativePlace", + }, + { + label: "瑙勬牸鍨嬪彿", + prop: "nativePlace", + }, + { + label: "鍗曚綅", + prop: "nativePlace", + }, + { + label: "鏁伴噺", + prop: "contractStartTime", + width: 120 + }, + { + label: "妫�娴嬪崟浣�", + prop: "contractEndTime", + width: 120 + }, + { + label: "妫�娴嬬粨鏋�", + prop: "staffState", + dataType: "tag", + formatData: (params) => { + if (params == 0) { + return "绂昏亴"; + } else if (params == 1) { + return "鍦ㄨ亴"; + } else { + return null; + } + }, + formatType: (params) => { + if (params == 0) { + return "danger"; + } else if (params == 1) { + return "primary"; + } else { + return null; + } + }, + }, + { + dataType: "action", + label: "鎿嶄綔", + align: "center", + fixed: "right", + width: 160, + operation: [ + { + name: "鏂板妫�楠岃褰�", + type: "text", + clickFun: (row) => { + openForm("edit", row); + }, + }, + { + name: "闄勪欢", + type: "text", + clickFun: (row) => { + openForm("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 { 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; + staffJoinListPage({...page, ...searchForm.value, staffState: 0}).then(res => { + tableLoading.value = false; + tableData.value = res.data.records + page.total = res.data.total; + console.log(page) + }).catch(err => { + tableLoading.value = false; + }) +}; +// 琛ㄦ牸閫夋嫨鏁版嵁 +const handleSelectionChange = (selection) => { + selectedRows.value = selection; +}; + +// 鎵撳紑寮规 +const openForm = (type, row) => { + nextTick(() => { + formDia.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(() => { + staffJoinDel(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + getList(); + }); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +// 瀵煎嚭 +const handleOut = () => { + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + proxy.download("/staff/staffJoinLeaveRecord/export", {staffState: 0}, "浜哄憳绂昏亴.xlsx"); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +onMounted(() => { + getList(); +}); +</script> + +<style scoped></style> -- Gitblit v1.9.3