From 0c445ac6d2a20153e5eac390555ba88f950d76b0 Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期四, 14 八月 2025 17:16:16 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev_7004' into dev_7004 --- src/views/qualityManagement/processInspection/components/formDia.vue | 97 +++++ src/views/equipmentManagement/measurementEquipment/index.vue | 14 src/views/equipmentManagement/measurementEquipment/components/formDia.vue | 34 +- src/views/equipmentManagement/measurementEquipment/filesDia.vue | 202 +++++++++++++ src/views/qualityManagement/finalInspection/components/formDia.vue | 79 ++++ src/views/qualityManagement/rawMaterialInspection/components/formDia.vue | 42 -- src/views/qualityManagement/processInspection/components/filesDia.vue | 23 + src/views/qualityManagement/rawMaterialInspection/index.vue | 27 - src/views/qualityManagement/finalInspection/index.vue | 142 ++++++++ src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue | 23 + src/views/equipmentManagement/measurementEquipment/components/calibrationDia.vue | 34 +- src/views/qualityManagement/processInspection/index.vue | 137 ++++++++ 12 files changed, 718 insertions(+), 136 deletions(-) diff --git a/src/views/equipmentManagement/measurementEquipment/components/calibrationDia.vue b/src/views/equipmentManagement/measurementEquipment/components/calibrationDia.vue index c82fc8f..f9679a0 100644 --- a/src/views/equipmentManagement/measurementEquipment/components/calibrationDia.vue +++ b/src/views/equipmentManagement/measurementEquipment/components/calibrationDia.vue @@ -94,23 +94,23 @@ </el-form-item> </el-col> </el-row> - <el-row :gutter="30"> - <el-col :span="24"> - <el-form-item label="闄勪欢鏉愭枡锛�" prop="remark"> - <el-upload v-model:file-list="fileList" :action="upload.url" multiple ref="fileUpload" auto-upload - :headers="upload.headers" :before-upload="handleBeforeUpload" :on-error="handleUploadError" - :on-success="handleUploadSuccess" :on-remove="handleRemove"> - <el-button type="primary" v-if="operationType !== 'view'">涓婁紶</el-button> - <template #tip v-if="operationType !== 'view'"> - <div class="el-upload__tip"> - 鏂囦欢鏍煎紡鏀寔 - doc锛宒ocx锛寈ls锛寈lsx锛宲pt锛宲ptx锛宲df锛宼xt锛寈ml锛宩pg锛宩peg锛宲ng锛実if锛宐mp锛宺ar锛寊ip锛�7z - </div> - </template> - </el-upload> - </el-form-item> - </el-col> - </el-row> +<!-- <el-row :gutter="30">--> +<!-- <el-col :span="24">--> +<!-- <el-form-item label="闄勪欢鏉愭枡锛�" prop="remark">--> +<!-- <el-upload v-model:file-list="fileList" :action="upload.url" multiple ref="fileUpload" auto-upload--> +<!-- :headers="upload.headers" :before-upload="handleBeforeUpload" :on-error="handleUploadError"--> +<!-- :on-success="handleUploadSuccess" :on-remove="handleRemove">--> +<!-- <el-button type="primary" v-if="operationType !== 'view'">涓婁紶</el-button>--> +<!-- <template #tip v-if="operationType !== 'view'">--> +<!-- <div class="el-upload__tip">--> +<!-- 鏂囦欢鏍煎紡鏀寔--> +<!-- doc锛宒ocx锛寈ls锛寈lsx锛宲pt锛宲ptx锛宲df锛宼xt锛寈ml锛宩pg锛宩peg锛宲ng锛実if锛宐mp锛宺ar锛寊ip锛�7z--> +<!-- </div>--> +<!-- </template>--> +<!-- </el-upload>--> +<!-- </el-form-item>--> +<!-- </el-col>--> +<!-- </el-row>--> </el-form> <template #footer> <div class="dialog-footer"> diff --git a/src/views/equipmentManagement/measurementEquipment/components/formDia.vue b/src/views/equipmentManagement/measurementEquipment/components/formDia.vue index 6319cb6..a9e08d1 100644 --- a/src/views/equipmentManagement/measurementEquipment/components/formDia.vue +++ b/src/views/equipmentManagement/measurementEquipment/components/formDia.vue @@ -90,23 +90,23 @@ </el-form-item> </el-col> </el-row> - <el-row :gutter="30"> - <el-col :span="24"> - <el-form-item label="闄勪欢鏉愭枡锛�" prop="remark"> - <el-upload v-model:file-list="fileList" :action="upload.url" multiple ref="fileUpload" auto-upload - :headers="upload.headers" :before-upload="handleBeforeUpload" :on-error="handleUploadError" - :on-success="handleUploadSuccess" :on-remove="handleRemove"> - <el-button type="primary" v-if="operationType !== 'view'">涓婁紶</el-button> - <template #tip v-if="operationType !== 'view'"> - <div class="el-upload__tip"> - 鏂囦欢鏍煎紡鏀寔 - doc锛宒ocx锛寈ls锛寈lsx锛宲pt锛宲ptx锛宲df锛宼xt锛寈ml锛宩pg锛宩peg锛宲ng锛実if锛宐mp锛宺ar锛寊ip锛�7z - </div> - </template> - </el-upload> - </el-form-item> - </el-col> - </el-row> +<!-- <el-row :gutter="30">--> +<!-- <el-col :span="24">--> +<!-- <el-form-item label="闄勪欢鏉愭枡锛�" prop="remark">--> +<!-- <el-upload v-model:file-list="fileList" :action="upload.url" multiple ref="fileUpload" auto-upload--> +<!-- :headers="upload.headers" :before-upload="handleBeforeUpload" :on-error="handleUploadError"--> +<!-- :on-success="handleUploadSuccess" :on-remove="handleRemove">--> +<!-- <el-button type="primary" v-if="operationType !== 'view'">涓婁紶</el-button>--> +<!-- <template #tip v-if="operationType !== 'view'">--> +<!-- <div class="el-upload__tip">--> +<!-- 鏂囦欢鏍煎紡鏀寔--> +<!-- doc锛宒ocx锛寈ls锛寈lsx锛宲pt锛宲ptx锛宲df锛宼xt锛寈ml锛宩pg锛宩peg锛宲ng锛実if锛宐mp锛宺ar锛寊ip锛�7z--> +<!-- </div>--> +<!-- </template>--> +<!-- </el-upload>--> +<!-- </el-form-item>--> +<!-- </el-col>--> +<!-- </el-row>--> </el-form> <template #footer> <div class="dialog-footer"> diff --git a/src/views/equipmentManagement/measurementEquipment/filesDia.vue b/src/views/equipmentManagement/measurementEquipment/filesDia.vue new file mode 100644 index 0000000..f752496 --- /dev/null +++ b/src/views/equipmentManagement/measurementEquipment/filesDia.vue @@ -0,0 +1,202 @@ +<template> + <div> + <el-dialog + v-model="dialogFormVisible" + title="涓婁紶闄勪欢" + width="50%" + @close="closeDia" + > + <div style="margin-bottom: 10px;text-align: right"> + <el-upload + v-model:file-list="fileList" + class="upload-demo" + :action="uploadUrl" + :on-success="handleUploadSuccess" + :on-error="handleUploadError" + name="file" + :show-file-list="false" + :headers="headers" + style="display: inline;margin-right: 10px" + > + <el-button type="primary">涓婁紶闄勪欢</el-button> + </el-upload> + <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button> + </div> + <PIMTable + rowKey="id" + :column="tableColumn" + :tableData="tableData" + :tableLoading="tableLoading" + :isSelection="true" + @selection-change="handleSelectionChange" + height="500" + > + </PIMTable> + <pagination + style="margin: 10px 0" + v-show="total > 0" + @pagination="paginationSearch" + :total="total" + :page="page.current" + :limit="page.size" + /> + <template #footer> + <div class="dialog-footer"> + <el-button @click="closeDia">鍙栨秷</el-button> + </div> + </template> + </el-dialog> + <filePreview ref="filePreviewRef" /> + </div> +</template> + +<script setup> +import {ref} from "vue"; +import {ElMessageBox} from "element-plus"; +import {getToken} from "@/utils/auth.js"; +import filePreview from '@/components/filePreview/index.vue' +import { + fileAdd, + fileDel, + fileListPage +} from "@/api/financialManagement/revenueManagement.js"; +import Pagination from "@/components/PIMTable/Pagination.vue"; +const { proxy } = getCurrentInstance() +const emit = defineEmits(['close']) + +const dialogFormVisible = ref(false); +const currentId = ref('') +const selectedRows = ref([]); +const filePreviewRef = ref() +const tableColumn = ref([ + { + label: "鏂囦欢鍚嶇О", + prop: "name", + }, + { + dataType: "action", + label: "鎿嶄綔", + align: "center", + operation: [ + { + name: "涓嬭浇", + type: "text", + clickFun: (row) => { + downLoadFile(row); + }, + }, + { + name: "棰勮", + type: "text", + clickFun: (row) => { + lookFile(row); + }, + } + ], + }, +]); +const page = reactive({ + current: 1, + size: 100, +}); +const total = ref(0); +const tableData = ref([]); +const fileList = ref([]); +const tableLoading = ref(false); +const accountType = ref('') +const headers = ref({ + Authorization: "Bearer " + getToken(), +}); +const uploadUrl = ref(import.meta.env.VITE_APP_BASE_API + "/file/upload"); // 涓婁紶鐨勫浘鐗囨湇鍔″櫒鍦板潃 + +// 鎵撳紑寮规 +const openDialog = (row,type) => { + accountType.value = type; + dialogFormVisible.value = true; + currentId.value = row.id; + getList() +} +const paginationSearch = (obj) => { + page.current = obj.page; + page.size = obj.limit; + getList(); +}; +const getList = () => { + fileListPage({accountId: currentId.value,accountType:accountType.value, ...page}).then(res => { + tableData.value = res.data.records; + total.value = res.data.total; + }) +} +// 琛ㄦ牸閫夋嫨鏁版嵁 +const handleSelectionChange = (selection) => { + selectedRows.value = selection; +}; + +// 鍏抽棴寮规 +const closeDia = () => { + dialogFormVisible.value = false; + emit('close') +}; +// 涓婁紶鎴愬姛澶勭悊 +function handleUploadSuccess(res, file) { + // 濡傛灉涓婁紶鎴愬姛 + if (res.code == 200) { + const fileRow = {} + fileRow.name = res.data.originalName + fileRow.url = res.data.tempPath + uploadFile(fileRow) + } else { + proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触"); + } +} +function uploadFile(file) { + file.accountId = currentId.value; + file.accountType = accountType.value; + fileAdd(file).then(res => { + proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛"); + getList() + }) +} +// 涓婁紶澶辫触澶勭悊 +function handleUploadError() { + proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触"); +} +// 涓嬭浇闄勪欢 +const downLoadFile = (row) => { + proxy.$download.name(row.url); +} +// 鍒犻櫎 +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(() => { + fileDel(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + getList(); + }); + }).catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +// 棰勮闄勪欢 +const lookFile = (row) => { + filePreviewRef.value.open(row.url) +} + +defineExpose({ + openDialog, +}); +</script> + +<style scoped> + +</style> \ No newline at end of file diff --git a/src/views/equipmentManagement/measurementEquipment/index.vue b/src/views/equipmentManagement/measurementEquipment/index.vue index bb163be..e983a99 100644 --- a/src/views/equipmentManagement/measurementEquipment/index.vue +++ b/src/views/equipmentManagement/measurementEquipment/index.vue @@ -44,6 +44,7 @@ </div> <form-dia ref="formDia" @close="handleQuery"></form-dia> <calibration-dia ref="calibrationDia" @close="handleQuery"></calibration-dia> + <files-dia ref="filesDia"></files-dia> </div> </template> @@ -57,6 +58,7 @@ measuringInstrumentDelete, measuringInstrumentListPage } from "@/api/equipmentManagement/measurementEquipment.js"; +import FilesDia from "./filesDia.vue"; const { proxy } = getCurrentInstance(); const userStore = useUserStore() @@ -136,6 +138,7 @@ dataType: "action", label: "鎿嶄綔", align: "center", + width: '130', fixed: 'right', operation: [ { @@ -149,7 +152,7 @@ name: "闄勪欢", type: "text", clickFun: (row) => { - openCalibrationDia("add", row); + openFilesFormDia(row); }, }, ], @@ -157,6 +160,7 @@ ]); const tableData = ref([]); const tableLoading = ref(false); +const filesDia = ref() const page = reactive({ current: 1, size: 100, @@ -164,6 +168,14 @@ }); const selectedRows = ref([]); +// 鎵撳紑闄勪欢寮规 +const openFilesFormDia = (row) => { + console.log(row) + nextTick(() => { + filesDia.value?.openDialog( row,'璁¢噺鍣ㄥ叿鍙拌处') + }) +}; + // 琛ㄦ牸閫夋嫨鏁版嵁 const handleSelectionChange = (selection) => { selectedRows.value = selection; diff --git a/src/views/qualityManagement/finalInspection/components/formDia.vue b/src/views/qualityManagement/finalInspection/components/formDia.vue index 34f5990..6547e3f 100644 --- a/src/views/qualityManagement/finalInspection/components/formDia.vue +++ b/src/views/qualityManagement/finalInspection/components/formDia.vue @@ -58,8 +58,10 @@ <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="妫�楠屽憳锛�" prop="checkName"> - <el-input v-model="form.checkName" placeholder="璇疯緭鍏�" clearable/> - + <el-select v-model="form.checkName" placeholder="璇烽�夋嫨" clearable> + <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" + :value="item.nickName"/> + </el-select> </el-form-item> </el-col> <el-col :span="12"> @@ -77,6 +79,17 @@ </el-col> </el-row> </el-form> + <PIMTable + rowKey="id" + :column="tableColumn" + :tableData="tableData" + :tableLoading="tableLoading" + height="400" + > + <template #slot="{ row }"> + <el-input v-model="row.testValue" clearable/> + </template> + </PIMTable> <template #footer> <div class="dialog-footer"> <el-button type="primary" @click="submitForm">纭</el-button> @@ -92,6 +105,9 @@ import {getOptions} from "@/api/procurementManagement/procurementLedger.js"; import {productTreeList} from "@/api/basicData/product.js"; import {qualityInspectAdd, qualityInspectUpdate} from "@/api/qualityManagement/rawMaterialInspection.js"; +import {userListNoPage} from "@/api/system/user.js"; +import {qualityInspectDetailByProductId} from "@/api/qualityManagement/metricMaintenance.js"; +import {qualityInspectParamInfo} from "@/api/qualityManagement/qualityInspectParam.js"; const { proxy } = getCurrentInstance() const emit = defineEmits(['close']) @@ -125,17 +141,50 @@ const { form, rules } = toRefs(data); const supplierList = ref([]); const productOptions = ref([]); +const tableColumn = ref([ + { + label: "鎸囨爣", + prop: "parameterItem", + }, + { + label: "鍗曚綅", + prop: "unit", + }, + { + label: "鏍囧噯鍊�", + prop: "standardValue", + }, + { + label: "鍐呮帶鍊�", + prop: "controlValue", + }, + { + label: "妫�楠屽��", + prop: "testValue", + dataType: 'slot', + slot: 'slot', + }, +]); +const tableData = ref([]); +const tableLoading = ref(false); +const userList = ref([]); +const currentProductId = ref(0); // 鎵撳紑寮规 -const openDialog = (type, row) => { +const openDialog = async (type, row) => { operationType.value = type; dialogFormVisible.value = true; getOptions().then((res) => { supplierList.value = res.data; }); + let userLists = await userListNoPage(); + userList.value = userLists.data; + form.value = {} getProductOptions(); if (operationType.value === 'edit') { form.value = {...row} + currentProductId.value = row.productId || 0 + getQualityInspectParamList(row.id) } } const getProductOptions = () => { @@ -144,7 +193,11 @@ }); }; const getModels = (value) => { + currentProductId.value = value form.value.productName = findNodeById(productOptions.value, value); + if (currentProductId) { + getList(); + } }; const findNodeById = (nodes, productId) => { for (let i = 0; i < nodes.length; i++) { @@ -179,13 +232,19 @@ proxy.$refs.formRef.validate(valid => { if (valid) { form.value.inspectType = 2 + if (operationType.value === "add") { + tableData.value.forEach((item) => { + delete item.id + }) + } + const data = {...form.value, qualityInspectParams: tableData.value} if (operationType.value === "add") { - qualityInspectAdd(form.value).then(res => { + qualityInspectAdd(data).then(res => { proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); closeDia(); }) } else { - qualityInspectUpdate(form.value).then(res => { + qualityInspectUpdate(data).then(res => { proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); closeDia(); }) @@ -193,6 +252,16 @@ } }) } +const getList = () => { + qualityInspectDetailByProductId(currentProductId.value).then(res => { + tableData.value = res.data; + }) +} +const getQualityInspectParamList = (id) => { + qualityInspectParamInfo(id).then(res => { + tableData.value = res.data; + }) +} // 鍏抽棴寮规 const closeDia = () => { proxy.resetForm("formRef"); diff --git a/src/views/qualityManagement/finalInspection/index.vue b/src/views/qualityManagement/finalInspection/index.vue index e8dcee6..3f2595f 100644 --- a/src/views/qualityManagement/finalInspection/index.vue +++ b/src/views/qualityManagement/finalInspection/index.vue @@ -40,6 +40,23 @@ <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia> <FormDia ref="formDia" @close="handleQuery"></FormDia> <files-dia ref="filesDia" @close="handleQuery"></files-dia> + <el-dialog v-model="dialogFormVisible" title="缂栬緫妫�楠屽憳" width="30%" + @close="closeDia"> + <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> + <el-form-item label="妫�楠屽憳锛�" prop="checkName"> + <el-select v-model="form.checkName" placeholder="璇烽�夋嫨" clearable> + <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" + :value="item.nickName"/> + </el-select> + </el-form-item> + </el-form> + <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> @@ -49,9 +66,15 @@ import InspectionFormDia from "@/views/qualityManagement/finalInspection/components/inspectionFormDia.vue"; import FormDia from "@/views/qualityManagement/finalInspection/components/formDia.vue"; import {ElMessageBox} from "element-plus"; -import {qualityInspectDel, qualityInspectListPage} from "@/api/qualityManagement/rawMaterialInspection.js"; +import { + downloadQualityInspect, + qualityInspectDel, + qualityInspectListPage, qualityInspectUpdate, + submitQualityInspect +} from "@/api/qualityManagement/rawMaterialInspection.js"; import FilesDia from "@/views/qualityManagement/finalInspection/components/filesDia.vue"; import dayjs from "dayjs"; +import {userListNoPage} from "@/api/system/user.js"; const data = reactive({ searchForm: { @@ -63,6 +86,9 @@ entryDateStart: dayjs().format("YYYY-MM-DD"), entryDateEnd: dayjs().add(1, "day").format("YYYY-MM-DD"), }, + rules: { + checkName: [{required: true, message: "璇烽�夋嫨", trigger: "change"}], + }, }); const { searchForm } = toRefs(data); const tableColumn = ref([ @@ -111,12 +137,23 @@ } }, }, + { + label: "鎻愪氦鐘舵��", + prop: "inspectState", + formatData: (params) => { + if (params) { + return "宸叉彁浜�"; + } else { + return "鏈彁浜�"; + } + }, + }, { dataType: "action", label: "鎿嶄綔", align: "center", fixed: "right", - width: 190, + width: 280, operation: [ { name: "缂栬緫", @@ -124,13 +161,9 @@ clickFun: (row) => { openForm("edit", row); }, - }, - { - name: "鏂板妫�楠岃褰�", - type: "text", - clickFun: (row) => { - openInspectionForm("edit", row); - }, + disabled: (row) => { + return row.inspectState == 1; + } }, { name: "闄勪欢", @@ -139,12 +172,44 @@ openFilesFormDia(row); }, }, + { + name: "鎻愪氦", + type: "text", + clickFun: (row) => { + submit(row.id); + }, + disabled: (row) => { + return row.inspectState == 1; + } + }, + { + name: "鍒嗛厤妫�楠屽憳", + type: "text", + clickFun: (row) => { + if (!row.checkName) { + open(row) + } else { + proxy.$modal.msgError("妫�楠屽憳宸插瓨鍦�"); + } + }, + disabled: (row) => { + return row.inspectState == 1 || row.checkName; + } + }, + { + name: "涓嬭浇", + type: "text", + clickFun: (row) => { + downLoadFile(row); + }, + }, ], }, ]); const tableData = ref([]); const selectedRows = ref([]); const tableLoading = ref(false); +const currentRow = ref(null) const page = reactive({ current: 1, size: 100, @@ -154,6 +219,11 @@ const filesDia = ref() const inspectionFormDia = ref() const { proxy } = getCurrentInstance() +const userList = ref([]); +const form = ref({ + checkName: "" +}); +const dialogFormVisible = ref(false); const changeDaterange = (value) => { searchForm.value.entryDateStart = undefined; @@ -249,6 +319,60 @@ proxy.$modal.msg("宸插彇娑�"); }); }; + +// 鎻愪环 +const submit = async (id) => { + const res = await submitQualityInspect({id: id}) + if (res.code === 200) { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + getList(); + } +} + +// 鍏抽棴寮规 +const closeDia = () => { + proxy.resetForm("formRef"); + dialogFormVisible.value = false; +}; + +const submitForm = () => { + if (currentRow.value) { + const data = { + ...form.value, + id: currentRow.value.id + } + qualityInspectUpdate(data).then(res => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + getList(); + }) + } +}; + +const open = async (row) => { + let userLists = await userListNoPage(); + userList.value = userLists.data; + currentRow.value = row + dialogFormVisible.value = true +} + +const downLoadFile = (row) => { + downloadQualityInspect({ id: row.id }).then((blobData) => { + const blob = new Blob([blobData], { + type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + }) + const downloadUrl = window.URL.createObjectURL(blob) + + const link = document.createElement('a') + link.href = downloadUrl + link.download = '鍘熸潗鏂欐楠屾姤鍛�.docx' + document.body.appendChild(link) + link.click() + + document.body.removeChild(link) + window.URL.revokeObjectURL(downloadUrl) + }) +}; onMounted(() => { getList(); }); diff --git a/src/views/qualityManagement/processInspection/components/filesDia.vue b/src/views/qualityManagement/processInspection/components/filesDia.vue index 66392f3..fb47850 100644 --- a/src/views/qualityManagement/processInspection/components/filesDia.vue +++ b/src/views/qualityManagement/processInspection/components/filesDia.vue @@ -46,18 +46,13 @@ </div> </template> </el-dialog> + <filePreview ref="filePreviewRef" /> </div> </template> <script setup> import {ref} from "vue"; -import {getStaffJoinInfo, staffJoinAdd, staffJoinUpdate} from "@/api/personnelManagement/onboarding.js"; -import {Search} from "@element-plus/icons-vue"; -import { - qualityInspectParamDel, - qualityInspectParamInfo, - qualityInspectParamUpdate -} from "@/api/qualityManagement/qualityInspectParam.js"; +import filePreview from '@/components/filePreview/index.vue' import {ElMessageBox} from "element-plus"; import {getToken} from "@/utils/auth.js"; import { @@ -72,6 +67,7 @@ const dialogFormVisible = ref(false); const currentId = ref('') const selectedRows = ref([]); +const filePreviewRef = ref() const tableColumn = ref([ { label: "鏂囦欢鍚嶇О", @@ -88,7 +84,14 @@ clickFun: (row) => { downLoadFile(row); }, - } + }, + { + name: "棰勮", + type: "text", + clickFun: (row) => { + lookFile(row); + }, + } ], }, ]); @@ -158,6 +161,10 @@ function handleUploadError() { proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触"); } +// 棰勮闄勪欢 +const lookFile = (row) => { + filePreviewRef.value.open(row.url) +} // 鍒犻櫎 const handleDelete = () => { let ids = []; diff --git a/src/views/qualityManagement/processInspection/components/formDia.vue b/src/views/qualityManagement/processInspection/components/formDia.vue index 0ded52e..c24d425 100644 --- a/src/views/qualityManagement/processInspection/components/formDia.vue +++ b/src/views/qualityManagement/processInspection/components/formDia.vue @@ -65,8 +65,10 @@ <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="妫�楠屽憳锛�" prop="checkName"> - <el-input v-model="form.checkName" placeholder="璇疯緭鍏�" clearable/> - + <el-select v-model="form.checkName" placeholder="璇烽�夋嫨" clearable> + <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" + :value="item.nickName"/> + </el-select> </el-form-item> </el-col> <el-col :span="12"> @@ -84,6 +86,17 @@ </el-col> </el-row> </el-form> + <PIMTable + rowKey="id" + :column="tableColumn" + :tableData="tableData" + :tableLoading="tableLoading" + height="400" + > + <template #slot="{ row }"> + <el-input v-model="row.testValue" clearable/> + </template> + </PIMTable> <template #footer> <div class="dialog-footer"> <el-button type="primary" @click="submitForm">纭</el-button> @@ -99,6 +112,9 @@ import {getOptions} from "@/api/procurementManagement/procurementLedger.js"; import {productTreeList} from "@/api/basicData/product.js"; import {qualityInspectAdd, qualityInspectUpdate} from "@/api/qualityManagement/rawMaterialInspection.js"; +import {qualityInspectDetailByProductId} from "@/api/qualityManagement/metricMaintenance.js"; +import {userListNoPage} from "@/api/system/user.js"; +import {qualityInspectParamInfo} from "@/api/qualityManagement/qualityInspectParam.js"; const { proxy } = getCurrentInstance() const emit = defineEmits(['close']) @@ -129,21 +145,54 @@ checkResult: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }], }, }); +const userList = ref([]); const { form, rules } = toRefs(data); const supplierList = ref([]); const productOptions = ref([]); +const tableColumn = ref([ + { + label: "鎸囨爣", + prop: "parameterItem", + }, + { + label: "鍗曚綅", + prop: "unit", + }, + { + label: "鏍囧噯鍊�", + prop: "standardValue", + }, + { + label: "鍐呮帶鍊�", + prop: "controlValue", + }, + { + label: "妫�楠屽��", + prop: "testValue", + dataType: 'slot', + slot: 'slot', + }, +]); +const tableData = ref([]); +const tableLoading = ref(false); +const currentProductId = ref(0); // 鎵撳紑寮规 -const openDialog = (type, row) => { - operationType.value = type; - dialogFormVisible.value = true; - getOptions().then((res) => { - supplierList.value = res.data; - }); - getProductOptions(); - if (operationType.value === 'edit') { - form.value = {...row} - } +const openDialog = async (type, row) => { + operationType.value = type; + dialogFormVisible.value = true; + getOptions().then((res) => { + supplierList.value = res.data; + }); + let userLists = await userListNoPage(); + userList.value = userLists.data; + form.value = {} + getProductOptions(); + if (operationType.value === 'edit') { + form.value = {...row} + currentProductId.value = row.productId || 0 + getQualityInspectParamList(row.id) + } } const getProductOptions = () => { productTreeList().then((res) => { @@ -151,7 +200,11 @@ }); }; const getModels = (value) => { + currentProductId.value = value form.value.productName = findNodeById(productOptions.value, value); + if (currentProductId) { + getList(); + } }; const findNodeById = (nodes, productId) => { for (let i = 0; i < nodes.length; i++) { @@ -186,13 +239,19 @@ proxy.$refs.formRef.validate(valid => { if (valid) { form.value.inspectType = 1 + if (operationType.value === "add") { + tableData.value.forEach((item) => { + delete item.id + }) + } + const data = {...form.value, qualityInspectParams: tableData.value} if (operationType.value === "add") { - qualityInspectAdd(form.value).then(res => { + qualityInspectAdd(data).then(res => { proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); closeDia(); }) } else { - qualityInspectUpdate(form.value).then(res => { + qualityInspectUpdate(data).then(res => { proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); closeDia(); }) @@ -200,6 +259,16 @@ } }) } +const getList = () => { + qualityInspectDetailByProductId(currentProductId.value).then(res => { + tableData.value = res.data; + }) +} +const getQualityInspectParamList = (id) => { + qualityInspectParamInfo(id).then(res => { + tableData.value = res.data; + }) +} // 鍏抽棴寮规 const closeDia = () => { proxy.resetForm("formRef"); diff --git a/src/views/qualityManagement/processInspection/index.vue b/src/views/qualityManagement/processInspection/index.vue index 04ed1f3..6f5ddec 100644 --- a/src/views/qualityManagement/processInspection/index.vue +++ b/src/views/qualityManagement/processInspection/index.vue @@ -40,6 +40,23 @@ <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia> <FormDia ref="formDia" @close="handleQuery"></FormDia> <files-dia ref="filesDia" @close="handleQuery"></files-dia> + <el-dialog v-model="dialogFormVisible" title="缂栬緫妫�楠屽憳" width="30%" + @close="closeDia"> + <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> + <el-form-item label="妫�楠屽憳锛�" prop="checkName"> + <el-select v-model="form.checkName" placeholder="璇烽�夋嫨" clearable> + <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" + :value="item.nickName"/> + </el-select> + </el-form-item> + </el-form> + <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> @@ -49,9 +66,15 @@ import InspectionFormDia from "@/views/qualityManagement/processInspection/components/inspectionFormDia.vue"; import FormDia from "@/views/qualityManagement/processInspection/components/formDia.vue"; import {ElMessageBox} from "element-plus"; -import {qualityInspectDel, qualityInspectListPage} from "@/api/qualityManagement/rawMaterialInspection.js"; +import { + downloadQualityInspect, + qualityInspectDel, + qualityInspectListPage, qualityInspectUpdate, + submitQualityInspect +} from "@/api/qualityManagement/rawMaterialInspection.js"; import FilesDia from "@/views/qualityManagement/processInspection/components/filesDia.vue"; import dayjs from "dayjs"; +import {userListNoPage} from "@/api/system/user.js"; const data = reactive({ searchForm: { @@ -63,6 +86,9 @@ entryDateStart: dayjs().format("YYYY-MM-DD"), entryDateEnd: dayjs().add(1, "day").format("YYYY-MM-DD"), }, + rules: { + checkName: [{required: true, message: "璇烽�夋嫨", trigger: "change"}], + }, }); const { searchForm } = toRefs(data); const tableColumn = ref([ @@ -116,12 +142,23 @@ } }, }, + { + label: "鎻愪氦鐘舵��", + prop: "inspectState", + formatData: (params) => { + if (params) { + return "宸叉彁浜�"; + } else { + return "鏈彁浜�"; + } + }, + }, { dataType: "action", label: "鎿嶄綔", align: "center", fixed: "right", - width: 190, + width: 280, operation: [ { name: "缂栬緫", @@ -129,13 +166,9 @@ clickFun: (row) => { openForm("edit", row); }, - }, - { - name: "鏂板妫�楠岃褰�", - type: "text", - clickFun: (row) => { - openInspectionForm("edit", row); - }, + disabled: (row) => { + return row.inspectState == 1; + } }, { name: "闄勪欢", @@ -144,12 +177,49 @@ openFilesFormDia(row); }, }, + { + name: "鎻愪氦", + type: "text", + clickFun: (row) => { + submit(row.id); + }, + disabled: (row) => { + return row.inspectState == 1; + } + }, + { + name: "鍒嗛厤妫�楠屽憳", + type: "text", + clickFun: (row) => { + if (!row.checkName) { + open(row) + } else { + proxy.$modal.msgError("妫�楠屽憳宸插瓨鍦�"); + } + }, + disabled: (row) => { + return row.inspectState == 1 || row.checkName; + } + }, + { + name: "涓嬭浇", + type: "text", + clickFun: (row) => { + downLoadFile(row); + }, + }, ], }, ]); +const userList = ref([]); +const currentRow = ref(null) const tableData = ref([]); const selectedRows = ref([]); const tableLoading = ref(false); +const dialogFormVisible = ref(false); +const form = ref({ + checkName: "" +}); const page = reactive({ current: 1, size: 100, @@ -214,6 +284,38 @@ filesDia.value?.openDialog(type, row) }) }; +// 鎻愪环 +const submit = async (id) => { + const res = await submitQualityInspect({id: id}) + if (res.code === 200) { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + getList(); + } +} +const open = async (row) => { + let userLists = await userListNoPage(); + userList.value = userLists.data; + currentRow.value = row + dialogFormVisible.value = true +} +// 鍏抽棴寮规 +const closeDia = () => { + proxy.resetForm("formRef"); + dialogFormVisible.value = false; +}; +const submitForm = () => { + if (currentRow.value) { + const data = { + ...form.value, + id: currentRow.value.id + } + qualityInspectUpdate(data).then(res => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + getList(); + }) + } +}; // 鍒犻櫎 const handleDelete = () => { @@ -239,6 +341,23 @@ proxy.$modal.msg("宸插彇娑�"); }); }; +const downLoadFile = (row) => { + downloadQualityInspect({ id: row.id }).then((blobData) => { + const blob = new Blob([blobData], { + type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + }) + const downloadUrl = window.URL.createObjectURL(blob) + + const link = document.createElement('a') + link.href = downloadUrl + link.download = '杩囩▼妫�楠屾姤鍛�.docx' + document.body.appendChild(link) + link.click() + + document.body.removeChild(link) + window.URL.revokeObjectURL(downloadUrl) + }) +}; // 瀵煎嚭 const handleOut = () => { ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { diff --git a/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue b/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue index 15a17cd..9907fbe 100644 --- a/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue +++ b/src/views/qualityManagement/rawMaterialInspection/components/filesDia.vue @@ -46,18 +46,13 @@ </div> </template> </el-dialog> + <filePreview ref="filePreviewRef" /> </div> </template> <script setup> import {ref} from "vue"; -import {getStaffJoinInfo, staffJoinAdd, staffJoinUpdate} from "@/api/personnelManagement/onboarding.js"; -import {Search} from "@element-plus/icons-vue"; -import { - qualityInspectParamDel, - qualityInspectParamInfo, - qualityInspectParamUpdate -} from "@/api/qualityManagement/qualityInspectParam.js"; +import filePreview from '@/components/filePreview/index.vue' import {ElMessageBox} from "element-plus"; import {getToken} from "@/utils/auth.js"; import { @@ -88,7 +83,14 @@ clickFun: (row) => { downLoadFile(row); }, - } + }, + { + name: "棰勮", + type: "text", + clickFun: (row) => { + lookFile(row); + }, + } ], }, ]); @@ -100,6 +102,7 @@ const tableData = ref([]); const fileList = ref([]); const tableLoading = ref(false); +const filePreviewRef = ref() const headers = ref({ Authorization: "Bearer " + getToken(), }); @@ -159,6 +162,10 @@ const downLoadFile = (row) => { proxy.$download.name(row.url); } +// 棰勮闄勪欢 +const lookFile = (row) => { + filePreviewRef.value.open(row.url) +} // 鍒犻櫎 const handleDelete = () => { let ids = []; diff --git a/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue b/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue index b61f84a..977b420 100644 --- a/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue +++ b/src/views/qualityManagement/rawMaterialInspection/components/formDia.vue @@ -96,16 +96,14 @@ </el-col> </el-row> </el-form> - <div style="margin-bottom: 10px;text-align: right"> - <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button> - </div> +<!-- <div style="margin-bottom: 10px;text-align: right">--> +<!-- <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>--> +<!-- </div>--> <PIMTable rowKey="id" :column="tableColumn" :tableData="tableData" :tableLoading="tableLoading" - :isSelection="true" - @selection-change="handleSelectionChange" height="400" > <template #slot="{ row }"> @@ -200,6 +198,7 @@ getOptions().then((res) => { supplierList.value = res.data; }); + form.value = {} getProductOptions(); if (operationType.value === 'edit') { form.value = {...row} @@ -254,6 +253,11 @@ proxy.$refs.formRef.validate(valid => { if (valid) { form.value.inspectType = 0 + if (operationType.value === "add") { + tableData.value.forEach((item) => { + delete item.id + }) + } const data = {...form.value, qualityInspectParams: tableData.value} if (operationType.value === "add") { qualityInspectAdd(data).then(res => { @@ -269,34 +273,6 @@ } }) } - -const handleSelectionChange = (selection) => { - selectedRows.value = selection; -}; - -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(() => { - qualityInspectParamDel(ids).then((res) => { - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - getList(); - }); - }) - .catch(() => { - proxy.$modal.msg("宸插彇娑�"); - }); -}; const getList = () => { qualityInspectDetailByProductId(currentProductId.value).then(res => { diff --git a/src/views/qualityManagement/rawMaterialInspection/index.vue b/src/views/qualityManagement/rawMaterialInspection/index.vue index 804fed2..7536274 100644 --- a/src/views/qualityManagement/rawMaterialInspection/index.vue +++ b/src/views/qualityManagement/rawMaterialInspection/index.vue @@ -41,7 +41,7 @@ <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia> <FormDia ref="formDia" @close="handleQuery"></FormDia> <files-dia ref="filesDia" @close="handleQuery"></files-dia> - <el-dialog v-model="dialogFormVisible" title="缂栬緫妫�楠屽憳" width="70%" + <el-dialog v-model="dialogFormVisible" title="缂栬緫妫�楠屽憳" width="30%" @close="closeDia"> <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> <el-form-item label="妫�楠屽憳锛�" prop="checkName"> @@ -160,7 +160,7 @@ label: "鎿嶄綔", align: "center", fixed: "right", - width: 250, + width: 280, operation: [ { name: "缂栬緫", @@ -168,9 +168,9 @@ clickFun: (row) => { openForm("edit", row); }, - disabled: (row) => { - return row.inspectState; - } + disabled: (row) => { + return row.inspectState == 1; + } }, { name: "闄勪欢", @@ -185,6 +185,9 @@ clickFun: (row) => { submit(row.id); }, + disabled: (row) => { + return row.inspectState == 1; + } }, { name: "鍒嗛厤妫�楠屽憳", @@ -196,9 +199,9 @@ proxy.$modal.msgError("妫�楠屽憳宸插瓨鍦�"); } }, - disabled: (row) => { - return row.inspectState; - } + disabled: (row) => { + return row.inspectState == 1 || row.checkName; + } }, { name: "涓嬭浇", @@ -269,12 +272,6 @@ const openForm = (type, row) => { nextTick(() => { formDia.value?.openDialog(type, row) - }) -}; -// 鎵撳紑鏂板妫�楠屽脊妗� -const openInspectionForm = (type, row) => { - nextTick(() => { - inspectionFormDia.value?.openDialog(type, row) }) }; // 鎵撳紑闄勪欢寮规 @@ -368,7 +365,7 @@ const link = document.createElement('a') link.href = downloadUrl - link.download = '妫�楠屾姤鍛�.docx' + link.download = '鍘熸潗鏂欐楠屾姤鍛�.docx' document.body.appendChild(link) link.click() -- Gitblit v1.9.3