22 changed files with 15181 additions and 0 deletions
-
231src/api/qc/qc.js
-
25src/api/qc/qcPrint.js
-
27src/api/qc/qc_report.js
-
51src/views/modules/common/QrCode.vue
-
124src/views/modules/qc/QCReportFileTable.vue
-
452src/views/modules/qc/UserDefaultOperation.vue
-
657src/views/modules/qc/qcDeviceMaintenance.vue
-
1492src/views/modules/qc/qcFamilyAttribute.vue
-
482src/views/modules/qc/qcInspector.vue
-
1616src/views/modules/qc/qcItem.vue
-
754src/views/modules/qc/qcMethod.vue
-
2268src/views/modules/qc/qcPartAttribute.vue
-
707src/views/modules/qc/qcSamplingInspectionLevel.vue
-
975src/views/modules/qc/qcSamplingInspectionPlan.vue
-
1155src/views/modules/qc/qcSamplingInspectionProgramme.vue
-
784src/views/modules/qc/qcSamplingInspectionQty.vue
-
803src/views/modules/qc/qcSamplingInspectionQtyRank.vue
-
1866src/views/modules/qc/qcTemplate.vue
-
142src/views/modules/qc/qc_FAI_upload_file.vue
-
142src/views/modules/qc/qc_SOP_upload_file.vue
-
263src/views/modules/qc/qc_upload.vue
-
165src/views/modules/qc/sub_detail_upload.vue
@ -0,0 +1,231 @@ |
|||||
|
import { createAPI } from "@/utils/httpRequest.js"; |
||||
|
|
||||
|
// ===================================== 检验方法 =====================================
|
||||
|
export const qcMethodSearch = data => createAPI(`/pms/qc/qcMethodSearch`,'post',data) |
||||
|
export const qcMethodSave = data => createAPI(`/pms/qc/qcMethodSave`,'post',data) |
||||
|
export const qcMethodUpdate = data => createAPI(`/pms/qc/qcMethodUpdate`,'post',data) |
||||
|
export const qcMethodDelete = data => createAPI(`/pms/qc/qcMethodDelete`,'post',data) |
||||
|
|
||||
|
// ===================================== 检验项目 =====================================
|
||||
|
export const qcItemSearch = data => createAPI(`/pms/qc/qcItemSearch`,'post',data) |
||||
|
export const qcItemSave = data => createAPI(`/pms/qc/qcItemSave`,'post',data) |
||||
|
export const qcItemUpdate = data => createAPI(`/pms/qc/qcItemUpdate`,'post',data) |
||||
|
export const qcItemDelete = data => createAPI(`/pms/qc/qcItemDelete`,'post',data) |
||||
|
export const uploadExcel = data => createAPI(`/pms/qc/uploadExcel`,'post',data) |
||||
|
export const getItemLists= data => createAPI(`/pms/qc/getItemLists`,'post',data) |
||||
|
export const subDetailUpload= data => createAPI(`/pms/qc/subDetailUpload`,'post',data) |
||||
|
export const queryMethodList= data => createAPI(`/pms/qc/queryMethodList`,'post',data) |
||||
|
|
||||
|
// ===================================== 质检员信息 =====================================
|
||||
|
export const inspectorSearch = data => createAPI(`/pms/qc/inspectorSearch`,'post',data) |
||||
|
export const inspectorSave = data => createAPI(`/pms/qc/inspectorSave`,'post',data) |
||||
|
export const inspectorUpdate = data => createAPI(`/pms/qc/inspectorUpdate`,'post',data) |
||||
|
export const inspectorDelete = data => createAPI(`/pms/qc/inspectorDelete`,'post',data) |
||||
|
|
||||
|
// ===================================== 检验模板 =====================================
|
||||
|
export const templateSearch = data => createAPI(`/pms/qc/templateSearch`,'post',data) |
||||
|
export const templateSave = data => createAPI(`/pms/qc/templateSave`,'post',data) |
||||
|
export const templateUpdate = data => createAPI(`/pms/qc/templateUpdate`,'post',data) |
||||
|
export const templateDelete = data => createAPI(`/pms/qc/templateDelete`,'post',data) |
||||
|
export const inspectionTypeSearch = data => createAPI(`/pms/qc/inspectionTypeSearch`,'post',data) |
||||
|
export const objectSearch = data => createAPI(`/pms/qc/objectSearch`,'post',data) |
||||
|
export const templateDetailsSearch = data => createAPI(`/pms/qc/templateDetailsSearch`,'post',data) |
||||
|
export const addItemDetails = data => createAPI(`/pms/qc/addItemDetails`,'post',data) |
||||
|
export const getItemList = data => createAPI(`/pms/qc/getItemList`,'post',data) |
||||
|
export const delItemDetails = data => createAPI(`/pms/qc/delItemDetails`,'post',data) |
||||
|
export const uploadTemplateExcel = data => createAPI(`/pms/qc/uploadTemplateExcel`,'post',data) |
||||
|
export const saveItemDetailed = data => createAPI(`/pms/qc/saveItemDetailed`,'post',data) |
||||
|
export const getItem = data => createAPI(`/pms/qc/getItem`,'post',data) |
||||
|
|
||||
|
// ===================================== 样本量 =====================================
|
||||
|
export const samplingQtySearch = data => createAPI(`/pms/qc/samplingQtySearch`,'post',data) |
||||
|
export const samplingQtySave = data => createAPI(`/pms/qc/samplingQtySave`,'post',data) |
||||
|
export const samplingQtyUpdate = data => createAPI(`/pms/qc/samplingQtyUpdate`,'post',data) |
||||
|
export const samplingQtyDelete = data => createAPI(`/pms/qc/samplingQtyDelete`,'post',data) |
||||
|
|
||||
|
// ===================================== 批量级次 =====================================
|
||||
|
export const samplingQtyRankSearch = data => createAPI(`/pms/qc/samplingQtyRankSearch`,'post',data) |
||||
|
export const samplingQtyRankSave = data => createAPI(`/pms/qc/samplingQtyRankSave`,'post',data) |
||||
|
export const samplingQtyRankUpdate = data => createAPI(`/pms/qc/samplingQtyRankUpdate`,'post',data) |
||||
|
export const samplingQtyRankDelete = data => createAPI(`/pms/qc/samplingQtyRankDelete`,'post',data) |
||||
|
|
||||
|
// ===================================== 检验等级 =====================================
|
||||
|
export const samplingLevelSearch = data => createAPI(`/pms/qc/samplingLevelSearch`,'post',data) |
||||
|
export const samplingLevelSave = data => createAPI(`/pms/qc/samplingLevelSave`,'post',data) |
||||
|
export const samplingLevelUpdate = data => createAPI(`/pms/qc/samplingLevelUpdate`,'post',data) |
||||
|
export const samplingLevelDelete = data => createAPI(`/pms/qc/samplingLevelDelete`,'post',data) |
||||
|
|
||||
|
// ===================================== 样本量字码矩阵 =====================================
|
||||
|
export const samplingInspectionPlanSearch = data => createAPI(`/pms/qc/samplingInspectionPlanSearch`,'post',data) |
||||
|
export const samplingInspectionPlanSave = data => createAPI(`/pms/qc/samplingInspectionPlanSave`,'post',data) |
||||
|
export const samplingInspectionPlanUpdate = data => createAPI(`/pms/qc/samplingInspectionPlanUpdate`,'post',data) |
||||
|
export const samplingInspectionPlanDelete = data => createAPI(`/pms/qc/samplingInspectionPlanDelete`,'post',data) |
||||
|
|
||||
|
// ===================================== 抽样方案 =====================================
|
||||
|
export const samplingProgrammeSearch = data => createAPI(`/pms/qc/samplingProgrammeSearch`,'post',data) |
||||
|
export const samplingProgrammeSave = data => createAPI(`/pms/qc/samplingProgrammeSave`,'post',data) |
||||
|
export const samplingProgrammeDelete = data => createAPI(`/pms/qc/samplingProgrammeDelete`,'post',data) |
||||
|
export const searchSamplingProgrammeDetails = data => createAPI(`/pms/qc/searchSamplingProgrammeDetails`,'post',data) |
||||
|
export const saveSamplingProgrammeDetails = data => createAPI(`/pms/qc/saveSamplingProgrammeDetails`,'post',data) |
||||
|
export const deleteSamplingProgrammeDetails = data => createAPI(`/pms/qc/deleteSamplingProgrammeDetails`,'post',data) |
||||
|
export const getPlanLists = data => createAPI(`/pms/qc/getPlanLists`,'post',data) |
||||
|
|
||||
|
|
||||
|
// ===================================== 物料属性设置 =====================================
|
||||
|
export const qcPartAttributeSearch = data => createAPI(`/pms/qc/qcPartAttributeSearch`,'post',data) |
||||
|
export const qcPartAttributeSave = data => createAPI(`/pms/qc/qcPartAttributeSave`,'post',data) |
||||
|
export const qcPartAttributeDelete = data => createAPI(`/pms/qc/qcPartAttributeDelete`,'post',data) |
||||
|
export const searchPartAttributeDetails = data => createAPI(`/pms/qc/searchPartAttributeDetails`,'post',data) |
||||
|
export const savePartAttributeDetails = data => createAPI(`/pms/qc/savePartAttributeDetails`,'post',data) |
||||
|
export const deletePartAttributeDetails = data => createAPI(`/pms/qc/deletePartAttributeDetails`,'post',data) |
||||
|
export const saveAttributeDetailed = data => createAPI(`/pms/qc/saveAttributeDetailed`,'post',data) |
||||
|
export const uploadPartAttributeExcel = data => createAPI(`/pms/qc/uploadPartAttributeExcel`,'post',data) |
||||
|
export const getOperationDescList = data => createAPI(`/pms/qc/getOperationDescList`,'post',data) |
||||
|
export const getManufacturerList = data => createAPI(`/pms/qc/getManufacturerList`,'post',data) |
||||
|
export const getPartTemplateLists = data => createAPI(`/pms/qc/getPartTemplateLists`,'post',data) |
||||
|
export const qcPartAttributeEdit = data => createAPI(`/pms/qc/qcPartAttributeEdit`,'post',data) |
||||
|
export const overLoadSearchPartInfo = data => createAPI(`/pms/qc/overLoadSearchPartInfo`,'post',data) |
||||
|
|
||||
|
// ===================================== 类别属性设置 =====================================
|
||||
|
export const qcFamilyAttributeSearch = data => createAPI(`/pms/qc/qcFamilyAttributeSearch`,'post',data) |
||||
|
export const qcFamilyAttributeSave = data => createAPI(`/pms/qc/qcFamilyAttributeSave`,'post',data) |
||||
|
export const qcFamilyAttributeDelete = data => createAPI(`/pms/qc/qcFamilyAttributeDelete`,'post',data) |
||||
|
export const uploadFamilyAttributeExcel = data => createAPI(`/pms/qc/uploadFamilyAttributeExcel`,'post',data) |
||||
|
export const queryFileId = data => createAPI(`/pms/qc/queryFileId`,'post',data) |
||||
|
|
||||
|
// ===================================== FAI检验 =====================================
|
||||
|
export const qcFAIInspectionSearch = data => createAPI(`/pms/qc/qcFAIInspectionSearch`,'post',data) |
||||
|
export const faiDetailSearch = data => createAPI(`/pms/qc/faiDetailSearch`,'post',data) |
||||
|
export const faiRecordDelete = data => createAPI(`/pms/qc/faiRecordDelete`,'post',data) |
||||
|
export const saveFAIDetailedRecord = data => createAPI(`/pms/qc/saveFAIDetailedRecord`,'post',data) |
||||
|
export const saveFAISubmitResult = data => createAPI(`/pms/qc/saveFAISubmitResult`,'post',data) |
||||
|
export const saveFAISubDetailed = data => createAPI(`/pms/qc/saveFAISubDetailed`,'post',data) |
||||
|
export const selectFAISubDetailedRecord = data => createAPI(`/pms/qc/selectFAISubDetailedRecord`,'post',data) |
||||
|
export const checkFAIIsSubmit = data => createAPI(`/pms/qc/checkFAIIsSubmit`,'post',data) |
||||
|
export const checkFAISubDetailValue = data => createAPI(`/pms/qc/checkFAISubDetailValue`,'post',data) |
||||
|
export const saveFAIInspection = data => createAPI(`/pms/qc/saveFAIInspection`,'post',data) |
||||
|
|
||||
|
// ===================================== FQC检验 =====================================
|
||||
|
export const qcFQCInspectionSearch = data => createAPI(`/pms/qc/qcFQCInspectionSearch`,'post',data) |
||||
|
export const fqcDetailSearch = data => createAPI(`/pms/qc/fqcDetailSearch`,'post',data) |
||||
|
export const fqcRecordDelete = data => createAPI(`/pms/qc/fqcRecordDelete`,'post',data) |
||||
|
export const saveFQCDetailedRecord = data => createAPI(`/pms/qc/saveFQCDetailedRecord`,'post',data) |
||||
|
export const saveFQCSubmitResult = data => createAPI(`/pms/qc/saveFQCSubmitResult`,'post',data) |
||||
|
export const saveFQCSubDetailed = data => createAPI(`/pms/qc/saveFQCSubDetailed`,'post',data) |
||||
|
export const selectFQCSubDetailedRecord = data => createAPI(`/pms/qc/selectFQCSubDetailedRecord`,'post',data) |
||||
|
export const checkFQCIsSubmit = data => createAPI(`/pms/qc/checkFQCIsSubmit`,'post',data) |
||||
|
export const checkFQCSubDetailValue = data => createAPI(`/pms/qc/checkFQCSubDetailValue`,'post',data) |
||||
|
export const saveFQCInspection = data => createAPI(`/pms/qc/saveFQCInspection`,'post',data) |
||||
|
|
||||
|
// ===================================== PQC检验 =====================================
|
||||
|
export const qcPQCInspectionSearch = data => createAPI(`/pms/pqc/qcPQCInspectionSearch`,'post',data) |
||||
|
export const pqcDetailSearch = data => createAPI(`/pms/pqc/pqcDetailSearch`,'post',data) |
||||
|
export const pqcRecordDelete = data => createAPI(`/pms/pqc/pqcRecordDelete`,'post',data) |
||||
|
export const savePQCDetailedRecord = data => createAPI(`/pms/pqc/savePQCDetailedRecord`,'post',data) |
||||
|
export const savePQCSubmitResult = data => createAPI(`/pms/pqc/savePQCSubmitResult`,'post',data) |
||||
|
export const savePQCSubDetailed = data => createAPI(`/pms/pqc/savePQCSubDetailed`,'post',data) |
||||
|
export const selectPQCSubDetailedRecord = data => createAPI(`/pms/pqc/selectPQCSubDetailedRecord`,'post',data) |
||||
|
export const checkPQCIsSubmit = data => createAPI(`/pms/pqc/checkPQCIsSubmit`,'post',data) |
||||
|
export const savePQCInspection = data => createAPI(`/pms/pqc/savePQCInspection`,'post',data) |
||||
|
export const actionPQCInspection = data => createAPI(`/pms/pqc/actionPQCInspection`,'post',data) |
||||
|
export const getPQCItemObjectList = data => createAPI(`/pms/pqc/getPQCItemObjectList`,'post',data) |
||||
|
export const rollNoEnter2 = data => createAPI(`/pms/pqc/rollNoEnter2`,'post',data) |
||||
|
export const getOperationList2 = data => createAPI(`/pms/pqc/getOperationList2`,'post',data) |
||||
|
export const queytOperationList = data => createAPI(`/pms/pqc/queytOperationList`,'post',data) |
||||
|
export const queryUserDefaultOperationList = data => createAPI(`/pms/pqc/queryUserDefaultOperationList`,'post',data) |
||||
|
export const queryUserDefaultOperationListByUsername = data => createAPI(`/pms/pqc/queryUserDefaultOperationListByUsername`,'post',data) |
||||
|
export const saveUserDefaultOperation = data => createAPI(`/pms/pqc/saveUserDefaultOperation`,'post',data) |
||||
|
export const queryPartDescByNo = data => createAPI(`/pms/pqc/queryPartDescByNo`,'post',data) |
||||
|
export const queryOperationForResourceList = data => createAPI(`/pms/pqc/queryOperationForResourceList`,'post',data) |
||||
|
export const saveOperationForResource = data => createAPI(`/pms/pqc/saveOperationForResource`,'post',data) |
||||
|
export const queryResourceList = data => createAPI(`/pms/pqc/queryResourceList`,'post',data) |
||||
|
export const queryOperationResourceList = data => createAPI(`/pms/pqc/queryOperationResourceList`,'post',data) |
||||
|
export const queryEamObjectlist = data => createAPI(`/pms/pqc/queryEamObjectlist`,'post',data) |
||||
|
export const deleteOperationForResource = data => createAPI(`/pms/pqc/deleteOperationForResource`,'post',data) |
||||
|
export const deleteOperationForResource2 = data => createAPI(`/pms/pqc/deleteOperationForResource2`,'post',data) |
||||
|
export const getResourceDataOperationForResource = data => createAPI(`/pms/pqc/getResourceDataOperationForResource`,'post',data) |
||||
|
export const deleteUserDefaultOperation = data => createAPI(`/pms/pqc/deleteUserDefaultOperation`,'post',data) |
||||
|
export const getHuanXianSysUserList = data => createAPI(`/pms/pqc/getHuanXianSysUserList`,'post',data) |
||||
|
export const getAllUserList = data => createAPI(`/pms/pqc/getAllUserList`,'post',data) |
||||
|
export const queryResourceList2 = data => createAPI(`/pms/pqc/queryResourceList2`,'post',data) |
||||
|
export const querySopNum = data => createAPI(`/pms/pqc/querySopNum`,'post',data) |
||||
|
export const previewSopFile = data => createAPI(`/pms/pqc/previewSopFile`,'post',data,'download') |
||||
|
export const getColumnDisplayFlagList = data => createAPI(`/pms/pqc/getColumnDisplayFlagList`,'post',data) |
||||
|
|
||||
|
// ===================================== IPQC检验 =====================================
|
||||
|
export const qcIPQCInspectionSearch = data => createAPI(`/pms/qc/qcIPQCInspectionSearch`,'post',data) |
||||
|
export const ipqcDetailSearch = data => createAPI(`/pms/qc/ipqcDetailSearch`,'post',data) |
||||
|
export const ipqcRecordDelete = data => createAPI(`/pms/qc/ipqcRecordDelete`,'post',data) |
||||
|
export const saveIPQCDetailedRecord = data => createAPI(`/pms/qc/saveIPQCDetailedRecord`,'post',data) |
||||
|
export const saveIPQCSubmitResult = data => createAPI(`/pms/qc/saveIPQCSubmitResult`,'post',data) |
||||
|
export const saveIPQCSubDetailed = data => createAPI(`/pms/qc/saveIPQCSubDetailed`,'post',data) |
||||
|
export const selectIPQCSubDetailedRecord = data => createAPI(`/pms/qc/selectIPQCSubDetailedRecord`,'post',data) |
||||
|
export const checkIPQCIsSubmit = data => createAPI(`/pms/qc/checkIPQCIsSubmit`,'post',data) |
||||
|
export const checkIPQCSubDetailValue = data => createAPI(`/pms/qc/checkIPQCSubDetailValue`,'post',data) |
||||
|
export const getOperationList = data => createAPI(`/pms/qc/getOperationList`,'post',data) |
||||
|
export const getResourceList = data => createAPI(`/pms/qc/getResourceList`,'post',data) |
||||
|
export const getPartList = data => createAPI(`/pms/qc/getPartList`,'post',data) |
||||
|
export const saveOsInspection = data => createAPI(`/pms/qc/saveOsInspection`,'post',data) |
||||
|
export const getAllResourceList = data => createAPI(`/pms/qc/getAllResourceList`,'post',data) |
||||
|
export const getOrderNoList = data => createAPI(`/pms/qc/getOrderNoList`,'post',data) |
||||
|
export const queryController = data => createAPI(`/pms/qc/queryController`,'post',data) |
||||
|
export const queryTemplateList = data => createAPI(`/pms/qc/queryTemplateList`,'post',data) |
||||
|
export const getPartInformation = data => createAPI(`/pms/qc/getPartInformation`,'post',data) |
||||
|
export const getSpecialOperationList = data => createAPI(`/pms/qc/getSpecialOperationList`,'post',data) |
||||
|
export const getRollNo = data => createAPI(`/pms/qc/getRollNo`,'post',data) |
||||
|
export const rollNoEnter = data => createAPI(`/pms/qc/rollNoEnter`,'post',data) |
||||
|
export const queryPartList = data => createAPI(`/pms/qc/queryPartList`,'post',data) |
||||
|
export const umSearch = data => createAPI(`/pms/qc/umSearch`,'post',data) |
||||
|
|
||||
|
// ===================================== IQC检验 =====================================
|
||||
|
export const qcIQCInspectionSearch = data => createAPI(`/pms/qc/qcIQCInspectionSearch`,'post',data) |
||||
|
export const iqcDetailSearch = data => createAPI(`/pms/qc/iqcDetailSearch`,'post',data) |
||||
|
export const selectIQCSubDetailedRecord = data => createAPI(`/pms/qc/selectIQCSubDetailedRecord`,'post',data) |
||||
|
export const checkIQCSubDetailValue = data => createAPI(`/pms/qc/checkIQCSubDetailValue`,'post',data) |
||||
|
export const saveIQCDetailedRecord = data => createAPI(`/pms/qc/saveIQCDetailedRecord`,'post',data) |
||||
|
export const checkIQCIsSubmit = data => createAPI(`/pms/qc/checkIQCIsSubmit`,'post',data) |
||||
|
export const saveIQCSubDetailed = data => createAPI(`/pms/qc/saveIQCSubDetailed`,'post',data) |
||||
|
export const saveIQCSubmitResult = data => createAPI(`/pms/qc/saveIQCSubmitResult`,'post',data) |
||||
|
export const iqcRecordDelete = data => createAPI(`/pms/qc/iqcRecordDelete`,'post',data) |
||||
|
export const disposalMeasuresSearch = data => createAPI(`/pms/qc/disposalMeasuresSearch`,'post',data) |
||||
|
export const searchItemFileUrl = data => createAPI(`/pms/qc/searchItemFileUrl`,'post',data) |
||||
|
export const imageDelete = data => createAPI(`/pms/qc/imageDelete`,'post',data) |
||||
|
export const iqcRecordOverLoad = data => createAPI(`/pms/qc/iqcRecordOverLoad`,'post',data) |
||||
|
export const uploadSopFile = data => createAPI(`/pms/qc/upload`,'post',data) |
||||
|
export const getSiteAndBuByUserName = data => createAPI(`/pms/qc/getSiteAndBuByUserName`,'post',data) |
||||
|
export const searchSeqInfo = data => createAPI(`/pms/qc/searchSeqInfo`,'post',data) |
||||
|
export const searchPartInfo = data => createAPI(`/pms/qc/searchPartInfo`,'post',data) |
||||
|
// 获取采购类型
|
||||
|
export const orderTypeSearch = data => createAPI(`/pms/qc/orderTypeSearch`,'post',data) |
||||
|
export const actionIQCInspection = data => createAPI(`/pms/qc/actionIQCInspection`,'post',data) |
||||
|
export const actionFAIInspection = data => createAPI(`/pms/qc/actionFAIInspection`,'post',data) |
||||
|
export const actionIPQCInspection = data => createAPI(`/pms/qc/actionIPQCInspection`,'post',data) |
||||
|
export const actionFQCInspection = data => createAPI(`/pms/qc/actionFQCInspection`,'post',data) |
||||
|
export const dataAcquisition = data => createAPI(`/pms/qc/dataAcquisition`,'post',data) |
||||
|
export const getEquipmentNoList = data => createAPI(`/pms/qc/getEquipmentNoList`,'post',data) |
||||
|
export const getResponsibleOperatorList = data => createAPI(`/pms/qc/getResponsibleOperatorList`,'post',data) |
||||
|
export const getDataContentList = data => createAPI(`/pms/qc/getDataContentList`,'post',data) |
||||
|
export const getObjectList = data => createAPI(`/pms/qc/getObjectList`,'post',data) |
||||
|
export const getObjectListBy = data => createAPI(`/pms/qc/getObjectListBy`,'post',data) |
||||
|
export const addItemObject = data => createAPI(`/pms/qc/addItemObject`,'post',data) |
||||
|
export const deleteItemObject = data => createAPI(`/pms/qc/deleteItemObject`,'post',data) |
||||
|
export const updateItemObject = data => createAPI(`/pms/qc/updateItemObject`,'post',data) |
||||
|
export const getIQCItemObjectList = data => createAPI(`/pms/qc/getIQCItemObjectList`,'post',data) |
||||
|
export const getFAIItemObjectList = data => createAPI(`/pms/qc/getFAIItemObjectList`,'post',data) |
||||
|
export const getFQCItemObjectList = data => createAPI(`/pms/qc/getFQCItemObjectList`,'post',data) |
||||
|
export const getIPQCItemObjectList = data => createAPI(`/pms/qc/getIPQCItemObjectList`,'post',data) |
||||
|
export const getInspectionStandards = data => createAPI(`/pms/qc/getInspectionStandards`,'post',data) |
||||
|
export const saveInspectionStandard = data => createAPI(`/pms/qc/saveInspectionStandard`,'post',data) |
||||
|
export const dataAcquisitionByItem = data => createAPI(`/pms/qc/dataAcquisitionByItem`,'post',data) |
||||
|
export const getSiteAndBuByUserName2 = data => createAPI(`/pms/qc/getSiteAndBuByUserName2`,'post',data) |
||||
|
export const cancelApproval = data => createAPI(`/pms/qc/cancelApproval`,'post',data) |
||||
|
|
||||
|
export const goUpItemQC = data => createAPI(`/pms/qc/goUpItemQC`,'post',data) |
||||
|
export const goDownItemQC = data => createAPI(`/pms/qc/goDownItemQC`,'post',data) |
||||
|
export const cancelApproval2 = data => createAPI(`/pms/qc/cancelApproval2`,'post',data) |
||||
|
|
||||
|
// ===================================== 外采设备维护 =====================================
|
||||
|
export const queryEquipmentFolderLocationList = data => createAPI(`/pms/qc/queryEquipmentFolderLocationList`,'post',data) |
||||
|
export const deleteEquipmentFolderLocationList = data => createAPI(`/pms/qc/deleteEquipmentFolderLocationList`,'post',data) |
||||
|
export const getSuffixList = data => createAPI(`/pms/qc/getSuffixList`,'post',data) |
||||
|
export const saveEquipmentFolderLocationList = data => createAPI(`/pms/qc/saveEquipmentFolderLocationList`,'post',data) |
||||
@ -0,0 +1,25 @@ |
|||||
|
import getLodop from '@/utils/LodopFuncs.js' |
||||
|
|
||||
|
// 打印
|
||||
|
export function qcPrint(dataList) { |
||||
|
const LODOP = getLodop() |
||||
|
if (LODOP) { |
||||
|
for (const row of dataList) { |
||||
|
LODOP.NewPage() |
||||
|
LODOP.SET_PRINT_PAGESIZE(0,500,250,"") |
||||
|
LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE",1); |
||||
|
//LODOP.ADD_PRINT_BARCODE(8,5,80,85,"QRCode",row.inspectionNo)
|
||||
|
LODOP.ADD_PRINT_IMAGE(2,-2,"16.85mm","18.44mm",`<img src="${row.qrCode}" style="width: 70px;height: 70px"/>`); |
||||
|
LODOP.SET_PRINT_STYLEA(0,"FontSize",8) |
||||
|
LODOP.ADD_PRINT_TEXT(23,67,127,22,row.inspectionNo) |
||||
|
LODOP.SET_PRINT_STYLEA(0,"FontName","@微软雅黑"); |
||||
|
} |
||||
|
//LODOP.PRINT_DESIGN();
|
||||
|
//LODOP.PREVIEW();
|
||||
|
LODOP.PRINT(); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,27 @@ |
|||||
|
import { createAPI } from "@/utils/httpRequest.js"; |
||||
|
|
||||
|
// IQC报表查询
|
||||
|
export const getIQCReport = data => createAPI('/pms/qcReport/getIQCReport','post',data) |
||||
|
// IPQC报表查询
|
||||
|
export const getIPQCReport = data => createAPI('/pms/qcReport/getIPQCReport','post',data) |
||||
|
// FAI报表查询
|
||||
|
export const getFAIReport = data => createAPI('/pms/qcReport/getFAIReport','post',data) |
||||
|
// FQC报表查询
|
||||
|
export const getFQCReport = data => createAPI('/pms/qcReport/getFQCReport','post',data) |
||||
|
// PQC报表查询
|
||||
|
export const getPQCReport = data => createAPI('/pms/qcReport/getPQCReport','post',data) |
||||
|
|
||||
|
|
||||
|
// IQC报表明细查询
|
||||
|
export const getIQCDetailReport = data => createAPI('/pms/qcReport/getIQCDetailReport','post',data) |
||||
|
// IPQC报表明细查询
|
||||
|
export const getIPQCDetailReport = data => createAPI('/pms/qcReport/getIPQCDetailReport','post',data) |
||||
|
// FAI报表明细查询
|
||||
|
export const getFAIDetailReport = data => createAPI('/pms/qcReport/getFAIDetailReport','post',data) |
||||
|
// FQC报表明细查询
|
||||
|
export const getFQCDetailReport = data => createAPI('/pms/qcReport/getFQCDetailReport','post',data) |
||||
|
// PQC报表明细查询
|
||||
|
export const getPQCDetailReport = data => createAPI('/pms/qcReport/getPQCDetailReport','post',data) |
||||
|
|
||||
|
// 导出
|
||||
|
export const downloadQcDetailRecord = data => createAPI('/pms/qcReport/downloadQcDetailRecord','post',data, 'download') |
||||
@ -0,0 +1,51 @@ |
|||||
|
<template> |
||||
|
<div v-if="false"> |
||||
|
<!-- 你可以选择是否需要展示 base64 编码字符串 --> |
||||
|
<div v-for="(code, index) in qrCodesBase64" :key="index"> |
||||
|
<!-- <p>{{ code }}</p>--> |
||||
|
<img :src="code"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import QRCode from 'qrcode' |
||||
|
|
||||
|
export default { |
||||
|
name: 'QrCode', |
||||
|
data() { |
||||
|
return { |
||||
|
texts: ['text1', 'text2', 'text3'], // 你要生成二维码的文本数组 |
||||
|
qrCodesBase64: [] |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init(contextList){ |
||||
|
this.texts = contextList |
||||
|
this.generateQRCodesSync(this.texts) |
||||
|
return this.qrCodesBase64 |
||||
|
}, |
||||
|
generateQRCodeSync(text) { |
||||
|
let base64 = '' |
||||
|
QRCode.toDataURL(text, { errorCorrectionLevel: 'H' }, (err, url) => { |
||||
|
if (err) { |
||||
|
console.error(err) |
||||
|
return |
||||
|
} |
||||
|
base64 = url |
||||
|
}) |
||||
|
return base64 |
||||
|
}, |
||||
|
generateQRCodesSync(texts) { |
||||
|
this.qrCodesBase64 = texts.map(text => this.generateQRCodeSync(text)) |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.generateQRCodesSync(this.texts) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
/* 你的样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,124 @@ |
|||||
|
<script> |
||||
|
import {downLoadObjectFile} from '@/api/eam/eam_object_list.js' |
||||
|
export default { |
||||
|
name: "qcReportFileTable", |
||||
|
props:{ |
||||
|
dataList:{ |
||||
|
type:Array, |
||||
|
required:true |
||||
|
}, |
||||
|
queryLoading:{ |
||||
|
type:Boolean, |
||||
|
default:false, |
||||
|
}, |
||||
|
columns:{ |
||||
|
type:Array, |
||||
|
required: true, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 预览 |
||||
|
previewFile (row) { |
||||
|
// 预览文件 |
||||
|
let image = ['jpg', 'jpeg', 'png', 'gif', 'bmp'] |
||||
|
let type = '' |
||||
|
if (image.includes(row.fileType.toLowerCase())) { |
||||
|
type = 'image/' + row.fileType |
||||
|
} |
||||
|
let video = ['mp4', 'avi', 'mov', 'wmv', 'flv'] |
||||
|
if (video.includes(row.fileType.toLowerCase())) { |
||||
|
type = 'video/' + row.fileType |
||||
|
} |
||||
|
let txt = ['txt'] |
||||
|
if (txt.includes(row.fileType.toLowerCase())) { |
||||
|
type = 'text/plain' |
||||
|
} |
||||
|
let office = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] |
||||
|
if (office.includes(row.fileType.toLowerCase())) { |
||||
|
this.$message.warning(`暂不支持预览${row.fileType.toLowerCase()}文件`) |
||||
|
return |
||||
|
} |
||||
|
let pdf = ['pdf'] |
||||
|
if (pdf.includes(row.fileType.toLowerCase())) { |
||||
|
type = 'application/pdf' |
||||
|
} |
||||
|
if (type === ''){ |
||||
|
this.$message.warning(`暂不支持预览${row.fileType.toLowerCase()}文件`) |
||||
|
return; |
||||
|
} |
||||
|
downLoadObjectFile(row).then(({data}) => { |
||||
|
const blob = new Blob([data], { type: type }); |
||||
|
// 创建URL来生成预览 |
||||
|
const fileURL = URL.createObjectURL(blob); |
||||
|
// 在新标签页中打开文件预览 |
||||
|
const newTab = window.open(fileURL, '_blank') |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 文件下载 |
||||
|
downloadFile (row) { |
||||
|
downLoadObjectFile(row) |
||||
|
.then(({data}) => { |
||||
|
// 不限制文件下载类型 |
||||
|
const blob = new Blob([data], {type: "application/octet-stream"}) |
||||
|
// 下载文件名称 |
||||
|
const fileName = row.fileName |
||||
|
// a标签下载 |
||||
|
const linkNode = document.createElement('a') |
||||
|
// a标签的download属性规定下载文件的名称 |
||||
|
linkNode.download = fileName |
||||
|
linkNode.style.display = 'none' |
||||
|
// 生成一个Blob URL |
||||
|
linkNode.href = URL.createObjectURL(blob) |
||||
|
document.body.appendChild(linkNode) |
||||
|
// 模拟在按钮上的一次鼠标单击 |
||||
|
linkNode.click() |
||||
|
// 释放URL 对象 |
||||
|
URL.revokeObjectURL(linkNode.href) |
||||
|
document.body.removeChild(linkNode) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<el-table |
||||
|
:height="350" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="queryLoading" |
||||
|
element-loading-text="拼命加载中" |
||||
|
style="width: 100%; "> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="100" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-link style="cursor: pointer" @click="previewFile(scope.row)">预览</el-link> |
||||
|
<el-link style="cursor: pointer" @click="downloadFile(scope.row)">下载</el-link> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,452 @@ |
|||||
|
<script> |
||||
|
import {queryUserDefaultOperationList, |
||||
|
saveUserDefaultOperation, |
||||
|
queryUserDefaultOperationListByUsername, |
||||
|
queytOperationList, |
||||
|
deleteUserDefaultOperation, |
||||
|
getSiteAndBuByUserName, |
||||
|
getAllUserList |
||||
|
} from "@/api/qc/qc.js" |
||||
|
export default { |
||||
|
name: 'userDefaultOpetation', |
||||
|
data () { |
||||
|
return { |
||||
|
queryParams: { |
||||
|
page: 1, |
||||
|
pageCount: 50, |
||||
|
username: '', |
||||
|
operation: '', |
||||
|
bu: '' |
||||
|
}, |
||||
|
operationList:[], |
||||
|
dataList: [], |
||||
|
userBuList: [], |
||||
|
total: 0, |
||||
|
modalFlag: false, |
||||
|
modalData: { |
||||
|
username: '', |
||||
|
operation:'', |
||||
|
bu: '', |
||||
|
}, |
||||
|
userFlag:false, |
||||
|
userData:{ |
||||
|
username:'', |
||||
|
userDisplay:'' |
||||
|
}, |
||||
|
userDataList:[], |
||||
|
ifUsernameExist: 0, |
||||
|
columns: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Bu', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'buDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: 'BU', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101106, |
||||
|
serialNumber: '200101106Table1Username', |
||||
|
tableId: '200101106Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'username', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '用户名', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101106, |
||||
|
serialNumber: '200101106Table1Username', |
||||
|
tableId: '200101106Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'userDisplay', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Operation', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'operation', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '工序编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Operation', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'operationDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '工序名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
} |
||||
|
], |
||||
|
userColomn: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Bu', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'username', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '用户名', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101106, |
||||
|
serialNumber: '200101106Table1Username', |
||||
|
tableId: '200101106Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'userDisplay', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '描述', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
} |
||||
|
] |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
handleQuery () { |
||||
|
queryUserDefaultOperationList(this.queryParams).then(({data}) => { |
||||
|
if (data.code == 0) { |
||||
|
this.dataList = data.rows |
||||
|
this.total = data.total |
||||
|
} |
||||
|
}).catch((errer) => { |
||||
|
this.$message.error(errer) |
||||
|
}) |
||||
|
}, |
||||
|
async handleQueryByUsername () { |
||||
|
let json = { |
||||
|
username: this.modalData.username |
||||
|
} |
||||
|
await queryUserDefaultOperationListByUsername(json).then(({data})=>{ |
||||
|
this.ifUsernameExist = data.code |
||||
|
}) |
||||
|
}, |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
async saveModalData(){ |
||||
|
let data = this.modalData |
||||
|
if (data.username==null||data.username==''){ |
||||
|
this.$message.warning("用户名不能为空！") |
||||
|
return |
||||
|
}else { |
||||
|
await this.handleQueryByUsername() |
||||
|
if (this.ifUsernameExist==2){ |
||||
|
this.$message.warning("此用户名已经存在记录") |
||||
|
return |
||||
|
} |
||||
|
} |
||||
|
if (data.operation==null||data.operation==''){ |
||||
|
this.$message.warning("工序类型不能为空！") |
||||
|
return |
||||
|
} |
||||
|
if (data.bu==null||data.bu==''){ |
||||
|
this.$message.warning("BU不能为空！") |
||||
|
return |
||||
|
} |
||||
|
saveUserDefaultOperation(data).then(({data})=>{ |
||||
|
if (data.code == 0){ |
||||
|
this.$message.success("保存成功") |
||||
|
this.handleQuery() |
||||
|
} |
||||
|
this.modalFlag = false |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
queryOperationList(){ |
||||
|
queytOperationList().then(({data})=>{ |
||||
|
if (data && data.code === 0) { |
||||
|
this.operationList = data.rows |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
console.log("失败") |
||||
|
console.log(error) |
||||
|
}) |
||||
|
}, |
||||
|
deleteData(row){ |
||||
|
this.$confirm(`确认删除?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(()=>{ |
||||
|
deleteUserDefaultOperation(row).then(({data})=>{ |
||||
|
if (data.code==0){ |
||||
|
this.$message.success("删除成功") |
||||
|
this.handleQuery() |
||||
|
} |
||||
|
}).catch() |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
// 获取用户选择列表 |
||||
|
queryUserList () { |
||||
|
getAllUserList(this.userData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.userDataList = data.rows |
||||
|
this.userFlag = true |
||||
|
}else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
addmoadl(){ |
||||
|
this.modalData = { |
||||
|
username: '', |
||||
|
operation:'', |
||||
|
bu: '', |
||||
|
} |
||||
|
this.ifUsernameExist = 0 |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
getRowData (row) { |
||||
|
this.modalData.username = row.username |
||||
|
this.modalData.userDisplay = row.userDisplay |
||||
|
this.userFlag = false |
||||
|
}, |
||||
|
}, |
||||
|
created () { |
||||
|
// 查询主列表 |
||||
|
this.handleQuery() |
||||
|
// 获取bu列表 |
||||
|
this.getSiteAndBuByUserName() |
||||
|
this.queryOperationList() |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div class="box-container"> |
||||
|
<!-- 查询条件--> |
||||
|
<el-form :inline="true" label-position="top" :model="queryParams"> |
||||
|
<el-form-item :label="'BU'"> |
||||
|
<el-select v-model="queryParams.bu" placeholder="请选择" clearable> |
||||
|
<el-option |
||||
|
v-for = "i in userBuList" |
||||
|
:key = "i.buNo" |
||||
|
:label = "i.buDesc" |
||||
|
:value = "i.buNo"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'用户名'"> |
||||
|
<el-input v-model="queryParams.username" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'工序类型'"> |
||||
|
<!-- <el-input v-model="queryParams.operation" clearable style="width: 120px"></el-input>--> |
||||
|
<el-select v-model="queryParams.operation" clearable style="width: 120px"> |
||||
|
<el-option |
||||
|
v-for = "i in operationList" |
||||
|
:key = "i.code" |
||||
|
:label = "i.description" |
||||
|
:value = "i.code"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="handleQuery">查询</el-button> |
||||
|
<el-button type="primary" @click="addmoadl()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- 主表信息--> |
||||
|
<div style="height: 90%"> |
||||
|
<el-table :data="dataList" border |
||||
|
highlight-current-row |
||||
|
height="100%" ref="table"> |
||||
|
<el-table-column label="操作" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="deleteData(scope.row)" type="primary" style="margin-left: 2px">{{'删除'}}</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 分页信息--> |
||||
|
<el-pagination |
||||
|
style="margin-top: 5px" |
||||
|
:current-page="queryParams.page" |
||||
|
:page-sizes="[50, 100, 500, 1000]" |
||||
|
:page-size="queryParams.pageCount" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增数据dialog--> |
||||
|
<el-dialog title="新增记录" :visible.sync="modalFlag" width="495px"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="BU" prop="bu"> |
||||
|
<el-select v-model="modalData.bu" placeholder="请选择" style="width: 221px"> |
||||
|
<el-option |
||||
|
v-for = "i in userBuList" |
||||
|
:key = "i.buNo" |
||||
|
:label = "i.sitename" |
||||
|
:value = "i.buNo"> |
||||
|
<span style="float: left;width: 100px">{{ i.sitename }}</span> |
||||
|
<span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px"> |
||||
|
{{ i.buDesc }} |
||||
|
</span> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'工序类型'"> |
||||
|
<el-select v-model="modalData.operation" style="width: 221px"> |
||||
|
<el-option |
||||
|
v-for = "i in operationList" |
||||
|
:key = "i.code" |
||||
|
:label = "i.description" |
||||
|
:value = "i.code"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'用户名'"> |
||||
|
<span style="cursor: pointer" slot="label" @click="queryUserList"><a>用户名</a></span> |
||||
|
<el-input v-model="modalData.username" readonly style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'名称'"> |
||||
|
<el-input v-model="modalData.userDisplay" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveModalData()">保 存</el-button> |
||||
|
<el-button @click="modalFlag = false">取 消</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
|
||||
|
<!-- 用户选择dialog--> |
||||
|
<el-dialog title="用户" :close-on-click-modal="false" v-drag :visible.sync="userFlag" width="520px"> |
||||
|
<div class="rq"> |
||||
|
<el-form :inline="true" label-position="top" :model="userData"> |
||||
|
<el-form-item :label="'用户名'"> |
||||
|
<el-input v-model="userData.username" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'描述'"> |
||||
|
<el-input v-model="userData.userDisplay" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="queryUserList">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="userDataList" |
||||
|
@row-dblclick="getRowData" |
||||
|
border |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in userColomn" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed==''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="userFlag=false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,657 @@ |
|||||
|
<script> |
||||
|
import {queryOperationForResourceList, |
||||
|
saveOperationForResource, |
||||
|
queytOperationList, |
||||
|
getSiteAndBuByUserName, |
||||
|
queryEquipmentFolderLocationList, |
||||
|
deleteEquipmentFolderLocationList, |
||||
|
getSuffixList, |
||||
|
saveEquipmentFolderLocationList |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import excel from "@/utils/excel-util.js"; |
||||
|
import Chooselist from '@/views/modules/common/Chooselist_eam' |
||||
|
export default { |
||||
|
name: 'OperationForResource', |
||||
|
components: { |
||||
|
Chooselist |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
queryParams: { |
||||
|
page: 1, |
||||
|
pageCount: 50, |
||||
|
bu:'', |
||||
|
operation: '', |
||||
|
resource: '' |
||||
|
}, |
||||
|
exportName: "外采设备维护" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
dataList: [], |
||||
|
dataListSelections: [], |
||||
|
total: 0, |
||||
|
modalFlag: false, |
||||
|
resourceFlag:false, |
||||
|
ifexist:0, |
||||
|
resourData:{ |
||||
|
resourceId:'', |
||||
|
resourceDesc:'' |
||||
|
}, |
||||
|
operationList:[], |
||||
|
suffixList:[], |
||||
|
userBuList: [], |
||||
|
editFlag: false, |
||||
|
viewFlag: false, |
||||
|
modalData: { |
||||
|
page: 1, |
||||
|
pageCount: 50, |
||||
|
equipmentNo: '', |
||||
|
equipmentDesc: '', |
||||
|
}, |
||||
|
columns: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101106, |
||||
|
serialNumber: '200101106Table1Site', |
||||
|
tableId: '200101106Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'site', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101106, |
||||
|
serialNumber: '200101106Table1Operation', |
||||
|
tableId: '200101106Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'equipmentNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '设备编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101106, |
||||
|
serialNumber: '200101106Table1Operation', |
||||
|
tableId: '200101106Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'equipmentDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '设备名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'fileNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '采集ID', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'ip', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: 'IP', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'suffix', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '采集方式', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'batchDate', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '每批次时间(s)', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'createTime', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '变更人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 200101107, |
||||
|
serialNumber: '200101107Table1Resource', |
||||
|
tableId: '200101107Table1', |
||||
|
tableName: '用户默认工序设置表', |
||||
|
columnProp: 'updateTime', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '变更时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
handleQuery () { |
||||
|
queryEquipmentFolderLocationList(this.queryParams).then(({data}) => { |
||||
|
if (data.code==0) { |
||||
|
this.dataList = data.rows |
||||
|
this.total = data.total |
||||
|
} |
||||
|
}).catch((errer) => { |
||||
|
this.$message.error(errer) |
||||
|
}) |
||||
|
}, |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
this.$set(this.queryParams, 'bu', this.userBuList[0].buNo) |
||||
|
//查询数据 |
||||
|
this.handleQuery() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 多选 |
||||
|
selectionChangeHandle (val) { |
||||
|
this.dataListSelections = val |
||||
|
}, |
||||
|
addDialog () { |
||||
|
this.editFlag = false |
||||
|
this.viewFlag = false |
||||
|
this.modalData = { |
||||
|
page: 1, |
||||
|
pageCount: 50, |
||||
|
site: this.$store.state.user.site, |
||||
|
buNo: '*', |
||||
|
editFlag: 0, |
||||
|
equipmentNo: '', |
||||
|
equipmentDesc: '', |
||||
|
createBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
editData(row){ |
||||
|
this.editFlag = true |
||||
|
this.viewFlag = false |
||||
|
this.modalData = row |
||||
|
this.modalData.bu = row.site + '_' + row.buNo |
||||
|
this.modalData.editFlag = 1 |
||||
|
this.modalData.updateBy = this.$store.state.user.name |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
viewData(row){ |
||||
|
this.viewFlag = true |
||||
|
this.modalData = row |
||||
|
this.modalData.bu = row.site + '_' + row.buNo |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 获取基础数据列表S |
||||
|
getBaseList (val,type) { |
||||
|
this.tagNo = val |
||||
|
this.$nextTick(() => { |
||||
|
let strVal = '' |
||||
|
let conSql = '' |
||||
|
if (val === 200) { |
||||
|
strVal = this.modalData.equipmentNo |
||||
|
conSql = " and site = '" + this.$store.state.user.site + "'" |
||||
|
this.$refs.baseList.init(val, strVal, conSql) |
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 列表方法的回调 |
||||
|
getBaseData (val) { |
||||
|
if (this.tagNo === 200) { |
||||
|
this.modalData.equipmentNo = val.ObjectID |
||||
|
this.modalData.equipmentDesc = val.ObjectDesc |
||||
|
} |
||||
|
}, |
||||
|
async saveModalData(){ |
||||
|
if (this.modalData.equipmentNo==null ||this.modalData.equipmentNo==''){ |
||||
|
this.$message.warning("请输入设备编码！") |
||||
|
return |
||||
|
} |
||||
|
saveEquipmentFolderLocationList(this.modalData).then(({data})=>{ |
||||
|
if (data.code==0){ |
||||
|
this.modalFlag = false |
||||
|
this.$message.success(data.msg) |
||||
|
this.handleQuery() |
||||
|
} else { |
||||
|
this.$message.error(data.msg) |
||||
|
} |
||||
|
}).catch() |
||||
|
|
||||
|
}, |
||||
|
getSuffixList(){ |
||||
|
getSuffixList().then(({data})=>{ |
||||
|
if (data && data.code === 0) { |
||||
|
this.suffixList = data.rows |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
console.log(error) |
||||
|
}) |
||||
|
}, |
||||
|
queryOperationList(){ |
||||
|
queytOperationList().then(({data})=>{ |
||||
|
if (data && data.code === 0) { |
||||
|
this.operationList = data.rows |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
console.log("失败") |
||||
|
console.log(error) |
||||
|
}) |
||||
|
}, |
||||
|
deleteData(){ |
||||
|
if (!this.dataListSelections || this.dataListSelections.length === 0) { |
||||
|
this.$message.warning("请选择要删除的记录") |
||||
|
return |
||||
|
} |
||||
|
this.$confirm(`确认删除选中的` + this.dataListSelections.length +'条记录吗？', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(()=>{ |
||||
|
deleteEquipmentFolderLocationList(this.dataListSelections).then(({data})=>{ |
||||
|
if (data.code==0){ |
||||
|
this.$message.success("删除成功") |
||||
|
this.handleQuery() |
||||
|
} |
||||
|
}).catch() |
||||
|
}) |
||||
|
}, |
||||
|
async exportExcel() { |
||||
|
this.queryParams.page = 1 |
||||
|
this.queryParams.pageCount = -1 |
||||
|
excel.exportTable({ |
||||
|
url: "/pms/qc/queryEquipmentFolderLocationList", |
||||
|
columnMapping: this.columns,//可以直接用table，不需要的列就剔除 |
||||
|
mergeSetting: [],//需要合并的列 |
||||
|
params: this.queryParams, |
||||
|
fileName: this.exportName+".xlsx", |
||||
|
rowFetcher: res => res.data, |
||||
|
columnFormatter: [], |
||||
|
dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列 |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
created () { |
||||
|
// 获取用户的 site 和 bu |
||||
|
// this.getSiteAndBuByUserName() |
||||
|
//查询工序类别信息 |
||||
|
this.queryOperationList() |
||||
|
this.getSuffixList() |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div class="box-container"> |
||||
|
<!-- 查询条件--> |
||||
|
<el-form :inline="true" label-position="top" :model="queryParams"> |
||||
|
<!-- <el-form-item :label="'BU'">--> |
||||
|
<!-- <el-select v-model="queryParams.bu" placeholder="请选择" style="width: 80px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.buDesc"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item :label="'工厂编号'"> |
||||
|
<el-input v-model="queryParams.site" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'设备编码'"> |
||||
|
<el-input v-model="queryParams.equipmentNo" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'设备名称'"> |
||||
|
<el-input v-model="queryParams.equipmentDesc" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'IP'"> |
||||
|
<el-input v-model="queryParams.ip" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'采集方式'"> |
||||
|
<el-input v-model="queryParams.suffix" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="handleQuery">查询</el-button> |
||||
|
<el-button type="primary" @click="addDialog()">新增</el-button> |
||||
|
<el-button type="primary" @click="deleteData()">删除</el-button> |
||||
|
<el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- 主表信息--> |
||||
|
<div style="height: 90%"> |
||||
|
<el-table :data="dataList" border |
||||
|
highlight-current-row |
||||
|
@selection-change="selectionChangeHandle" |
||||
|
height="100%" ref="table"> |
||||
|
<el-table-column |
||||
|
type="selection" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="50"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="editData(scope.row)" type="primary" style="margin-left: 2px">{{'编辑'}}</a> |
||||
|
<a @click="viewData(scope.row)" type="primary" style="margin-left: 2px">{{'详情'}}</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 分页信息--> |
||||
|
<el-pagination |
||||
|
style="margin-top: 5px" |
||||
|
:current-page="queryParams.page" |
||||
|
:page-sizes="[50, 100, 500, 1000]" |
||||
|
:page-size="queryParams.pageCount" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增数据dialog--> |
||||
|
<el-dialog :title="!editFlag?'新增':'编辑'" :visible.sync="modalFlag" width="620px" |
||||
|
:close-on-click-modal="false" :close-on-press-escape="false"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<!-- <el-form-item label="BU" prop="bu">--> |
||||
|
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="editFlag" style="width: 221px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.sitename"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>--> |
||||
|
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">--> |
||||
|
<!-- {{ i.buDesc }}--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码"> |
||||
|
<el-input v-model="modalData.site" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="设备编码"> |
||||
|
<span style="cursor: pointer" slot="label" @click="getBaseList(200)" v-if="!editFlag"><a>设备编码</a></span> |
||||
|
<el-input v-model="modalData.equipmentNo" disabled style="width: 100px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="设备名称"> |
||||
|
<el-input v-model="modalData.equipmentDesc" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="IP"> |
||||
|
<el-input v-model="modalData.ip" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="端口"> |
||||
|
<el-input v-model="modalData.port" style="width: 100px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="采集方式"> |
||||
|
<!-- <el-input v-model="modalData.suffix" disabled style="width: 104px"></el-input>--> |
||||
|
<!-- suffixList--> |
||||
|
<el-select v-model="modalData.suffix" placeholder="请选择" style="width: 104px"> |
||||
|
<el-option |
||||
|
v-for = "i in suffixList" |
||||
|
:key = "i" |
||||
|
:label = "i" |
||||
|
:value = "i"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="采集批次时间"> |
||||
|
<el-input v-model="modalData.batchDate" style="width: 104px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="采集ID"> |
||||
|
<el-input v-model="modalData.fileNo" style="width: 104px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="文件解析路径"> |
||||
|
<!-- <span style="cursor: pointer" slot="label" @click="selectServerFolder()"><a>文件解析路径</a></span>--> |
||||
|
<el-input v-model="modalData.folderPath" style="width: 570px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="文件备份路径"> |
||||
|
<el-input v-model="modalData.backupFolderPath" style="width: 570px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="图片备份路径"> |
||||
|
<el-input v-model="modalData.backupPhotoPath" style="width: 570px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="寄存器地址"> |
||||
|
<el-input v-model="modalData.registerAddress" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="寄存器位数"> |
||||
|
<el-input v-model="modalData.registerNum" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="设备报警声音标识"> |
||||
|
<el-select v-model="modalData.buzzer" style="width: 133px"> |
||||
|
<el-option value="1" label="Y"></el-option> |
||||
|
<el-option value="0" label="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="设备类型"> |
||||
|
<el-select v-model="modalData.repairType" style="width: 133px"> |
||||
|
<el-option value="短信" label="短信"></el-option> |
||||
|
<el-option value="邮件" label="邮件"></el-option> |
||||
|
<el-option value="随身机" label="随身机"></el-option> |
||||
|
<el-option value="三色灯" label="三色灯"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="寄存器数量类型"> |
||||
|
<el-input v-model="modalData.registerNumColumntype" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="寄存器地址类型"> |
||||
|
<el-input v-model="modalData.registerAddressInspection" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="寄存器读取开始位"> |
||||
|
<el-input v-model="modalData.registerNumInspection" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="寄存器检验单号类型"> |
||||
|
<el-input v-model="modalData.registerNumInspectionColumntype" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="单位数量"> |
||||
|
<el-input v-model="modalData.unitId" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="文件类型读取行特殊标识"> |
||||
|
<el-input v-model="modalData.excelCompareFieldsX" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="文件读取列位数"> |
||||
|
<el-input v-model="modalData.excelCompareFieldsY" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="文件从多少行开始读取"> |
||||
|
<el-input v-model="modalData.initialLine" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="文件读取行数"> |
||||
|
<el-input v-model="modalData.dataRow" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="文件读取跳过行数"> |
||||
|
<el-input v-model="modalData.skipLine" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="数据分割标识"> |
||||
|
<el-input v-model="modalData.cuttingSymbol" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="设备直连标识"> |
||||
|
<el-select v-model="modalData.transparentFlag" style="width: 133px"> |
||||
|
<el-option value="Y" label="Y"></el-option> |
||||
|
<el-option value="N" label="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :disabled="viewFlag" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="采集是否参与公式计算"> |
||||
|
<el-select v-model="modalData.formulaCalculation" style="width: 133px"> |
||||
|
<el-option value="Y" label="Y"></el-option> |
||||
|
<el-option value="N" label="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="公式计算函数"> |
||||
|
<el-input v-model="modalData.formula" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="采集数据是否需要分组"> |
||||
|
<el-select v-model="modalData.groupCalculation" style="width: 133px"> |
||||
|
<el-option value="Y" label="Y"></el-option> |
||||
|
<el-option value="N" label="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="正则表达式"> |
||||
|
<el-input v-model="modalData.regexp" style="width: 133px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveModalData()" v-if="!viewFlag">保 存</el-button> |
||||
|
<el-button @click="modalFlag = false">取 消</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- chooseList --> |
||||
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
1492
src/views/modules/qc/qcFamilyAttribute.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,482 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 收藏 --> |
||||
|
<!-- <div>--> |
||||
|
<!-- <span @click="favoriteFunction()">--> |
||||
|
<!-- <icon-svg :name="favorite?'xiangqufill':'xiangqu'" class="sl-svg"></icon-svg>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'质检员工号'"> |
||||
|
<el-input v-model="searchData.inspectorNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'质检员姓名'"> |
||||
|
<el-input v-model="searchData.inspectorName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'所处检验工序'"> |
||||
|
<el-input v-model="searchData.inspectorType" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否在岗'"> |
||||
|
<el-select filterable v-model="searchData.inspectorActive" style="width: 120px"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
<download-excel |
||||
|
:fields="fields()" |
||||
|
:data="exportData" |
||||
|
type="xls" |
||||
|
:name="exportName" |
||||
|
:header="exportHeader" |
||||
|
:footer="exportFooter" |
||||
|
:fetch="createExportData" |
||||
|
:before-generate="startDownload" |
||||
|
:before-finish="finishDownload" |
||||
|
worksheet="导出信息" |
||||
|
class="el-button el-button--primary el-button--medium"> |
||||
|
{{ "导出" }} |
||||
|
</download-excel> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed==''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="质检员信息" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="质检员工号:"> |
||||
|
<el-input v-model="modalData.inspectorNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="质检员姓名:"> |
||||
|
<el-input v-model="modalData.inspectorName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="质检员电话:"> |
||||
|
<el-input v-model="modalData.inspectorPhone" type="number" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'所处检验工序'"> |
||||
|
<el-input v-model="modalData.inspectorType" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否在岗'"> |
||||
|
<el-select filterable v-model="modalData.inspectorActive" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
inspectorSearch, // 搜索质检员信息 |
||||
|
inspectorSave, // 新增质检员信息 |
||||
|
inspectorUpdate, // 修改质检员信息 |
||||
|
inspectorDelete, // 删除质检员信息 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js' |
||||
|
export default { |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.inspectorNo = this.searchData.inspectorNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.inspectorNo = this.modalData.inspectorNo.toUpperCase() |
||||
|
this.modalData.inspectorType = this.modalData.inspectorType.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
// 是否收藏 |
||||
|
favorite: false, |
||||
|
|
||||
|
// 导出 start |
||||
|
exportData: [], |
||||
|
exportName: "质检员" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["质检员"], |
||||
|
exportFooter: [], |
||||
|
exportList:[], |
||||
|
// 导出 end |
||||
|
|
||||
|
searchData: { |
||||
|
inspectorNo: '', |
||||
|
inspectorName: '', |
||||
|
inspectorPhone: '', |
||||
|
inspectorType: '', |
||||
|
inspectorActive: '' |
||||
|
}, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
inspectorNo: '', |
||||
|
inspectorName: '', |
||||
|
inspectorPhone: '', |
||||
|
inspectorType: '', |
||||
|
inspectorActive: '' |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemID', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '质检员工号', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorName', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '质检员姓名', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorPhone', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '质检员电话', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorType', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '所处检验工序', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorActive', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '是否在岗', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList() |
||||
|
this.favoriteIsOk() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
inspectorSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
inspectorNo: '', |
||||
|
inspectorName: '', |
||||
|
inspectorPhone: '', |
||||
|
inspectorType: '', |
||||
|
inspectorActive: '' |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
inspectorNo: row.inspectorNo, |
||||
|
inspectorName: row.inspectorName, |
||||
|
inspectorPhone: row.inspectorPhone, |
||||
|
inspectorType: row.inspectorType, |
||||
|
inspectorActive: row.inspectorActive |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个质检员信息?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
inspectorDelete(row).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.inspectorNo == '' || this.modalData.inspectorNo == null) { |
||||
|
this.$alert('请输入质检员工号！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorName == '' || this.modalData.inspectorName == null) { |
||||
|
this.$alert('请输入质检员姓名！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorPhone == '' || this.modalData.inspectorPhone == null) { |
||||
|
this.$alert('请输入质检员电话！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorType == '' || this.modalData.inspectorType == null) { |
||||
|
this.$alert('请输入质检员职责！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorActive == '' || this.modalData.inspectorActive == null) { |
||||
|
this.$alert('请选择质检员是否在岗！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.flag == '1') { // 新增 |
||||
|
inspectorSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
inspectorUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 校验用户是否收藏 |
||||
|
favoriteIsOk() { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
console.log(this.$route.meta.menuId) |
||||
|
userFavoriteList(userFavorite).then(({data}) => { |
||||
|
for (let i = 0; i < data.list.length; i++) { |
||||
|
// let flag=false; |
||||
|
if(this.$route.meta.menuId==data.list[i].menuId){ |
||||
|
this.favorite = true |
||||
|
// flag=true; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
// 收藏 OR 取消收藏 |
||||
|
favoriteFunction() { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
} |
||||
|
if (this.favorite) { |
||||
|
// 取消收藏 |
||||
|
// this.$confirm(`确定取消收藏`, '提示', { |
||||
|
// confirmButtonText: '确定', |
||||
|
// cancelButtonText: '取消', |
||||
|
// type: 'warning' |
||||
|
// }).then(() => { |
||||
|
removeUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = false |
||||
|
}) |
||||
|
// }) |
||||
|
} else { |
||||
|
// 收藏 |
||||
|
saveUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = true |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//导出excel |
||||
|
async createExportData() { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
await inspectorSearch(this.searchData).then(({data}) => { |
||||
|
this.exportList= data.rows; |
||||
|
}) |
||||
|
|
||||
|
return this.exportList; |
||||
|
}, |
||||
|
startDownload() { |
||||
|
// this.exportData = this.dataList |
||||
|
|
||||
|
}, |
||||
|
finishDownload() { |
||||
|
|
||||
|
}, |
||||
|
fields() { |
||||
|
let json = "{" |
||||
|
this.columnList.forEach((item, index) => { |
||||
|
if (index == this.columnList.length - 1) { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
||||
|
} else { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
||||
|
} |
||||
|
}) |
||||
|
json += "}" |
||||
|
let s = eval("(" + json + ")") |
||||
|
|
||||
|
return s |
||||
|
}, |
||||
|
// 导出 end |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
1616
src/views/modules/qc/qcItem.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,754 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData"> |
||||
|
<!-- <el-form-item label="BU">--> |
||||
|
<!-- <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 80px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.buDesc"--> |
||||
|
<!-- :value = "i.buDesc">--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码"> |
||||
|
<el-input v-model="searchData.site" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="方法编码"> |
||||
|
<el-input v-model="searchData.methodNo" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="方法名称"> |
||||
|
<el-input v-model="searchData.methodName" clearable style="width: 200px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验类型"> |
||||
|
<el-select v-model="searchData.inspectionTypeNo" placeholder="请选择" style="width: 100px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for = "i in options" |
||||
|
:key = "i.inspectionTypeNo" |
||||
|
:label = "i.inspectionTypeName" |
||||
|
:value = "i.inspectionTypeNo"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button> |
||||
|
<download-excel |
||||
|
:fields="fields()" |
||||
|
:data="exportData" |
||||
|
type="xls" |
||||
|
:name="exportName" |
||||
|
:header="exportHeader" |
||||
|
:footer="exportFooter" |
||||
|
:fetch="createExportData" |
||||
|
:before-generate="startDownload" |
||||
|
:before-finish="finishDownload" |
||||
|
worksheet="导出信息" |
||||
|
class="el-button el-button--primary el-button--medium"> |
||||
|
{{ "导出" }} |
||||
|
</download-excel> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
@header-dragend="handleColumnResize" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> |
||||
|
<span v-if="columnsProp.includes(item.columnProp)">{{ scope.row[`${item.columnProp}Desc`] }}</span> |
||||
|
<span v-else> |
||||
|
{{ scope.row[item.columnProp] }} |
||||
|
</span> |
||||
|
</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="130" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a v-if="!authDelete" type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 200, 500]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="检验方法" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<!-- <el-form-item label="BU" prop="bu" :rules="rules.bu">--> |
||||
|
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="width: 456px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.sitename"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>--> |
||||
|
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">--> |
||||
|
<!-- {{ i.buDesc }}--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码:" prop="site" :rules="rules.site"> |
||||
|
<el-input v-model="modalData.site" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="方法名称:" prop="methodName" :rules="rules.methodNameType"> |
||||
|
<el-input v-model="modalData.methodName" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验类型:" prop="inspectionTypeNo" :rules="rules.inspectionTypeNoType"> |
||||
|
<el-select v-model="modalData.inspectionTypeNo" placeholder="请选择" style="width: 221px"> |
||||
|
<el-option |
||||
|
v-for = "i in options" |
||||
|
:key = "i.inspectionTypeNo" |
||||
|
:label = "i.inspectionTypeName" |
||||
|
:value = "i.inspectionTypeNo"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item :label="'检验方法说明:'"> |
||||
|
<el-input v-model="modalData.methodRemark" style="width: 456px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcMethodSearch, // 检验方法查询 |
||||
|
qcMethodSave, // 检验方法新增 |
||||
|
qcMethodUpdate, // 检验方法修改 |
||||
|
qcMethodDelete, // 检验方法删除 |
||||
|
inspectionTypeSearch, // 搜索所有检验类型 |
||||
|
getSiteAndBuByUserName |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import {getTableDefaultListLanguage, getTableUserListLanguage,updateColumnSize} from "@/api/table.js" |
||||
|
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
columnsProp:['createBy', 'updateBy'], |
||||
|
// 是否收藏 |
||||
|
favorite: false, |
||||
|
// 导出 start |
||||
|
exportData: [], |
||||
|
exportName: "检验方法" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["检验方法"], |
||||
|
exportFooter: [], |
||||
|
exportList: [], |
||||
|
// 导出 end |
||||
|
searchData: { |
||||
|
site: '', |
||||
|
userName: this.$store.state.user.name, |
||||
|
methodNo: '', |
||||
|
methodName: '', |
||||
|
inspectionTypeNo: '', |
||||
|
buDesc: '', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 20, |
||||
|
totalPage: 0, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
site: '', |
||||
|
bu: '', |
||||
|
flag: '', |
||||
|
methodNo: '', |
||||
|
methodName: '', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name, |
||||
|
methodRemark: '', |
||||
|
inspectionTypeNo: '' |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableSite', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'site', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableMethodNo', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'methodNo', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '方法编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableMethodName', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'methodName', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '方法名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableMethodRemark', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'methodRemark', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '方法说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableInspectionTypeName', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'inspectionTypeName', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '检验类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableCreateDate', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'createDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableCreateBy', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableUpdateDate', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'updateDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301001, |
||||
|
serialNumber: '301001TableUpdateBy', |
||||
|
tableId: "301001Table", |
||||
|
tableName: "检验方法维护表", |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
], |
||||
|
rules: { |
||||
|
site:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
methodNameType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
inspectionTypeNoType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
bu:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
options: [], |
||||
|
userBuList: [], |
||||
|
authSearch: false, |
||||
|
authSave: false, |
||||
|
authUpdate: false, |
||||
|
authDelete: false, |
||||
|
menuId: this.$route.meta.menuId, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
created () { |
||||
|
// 按钮控制 |
||||
|
this.getButtonAuthData() |
||||
|
// 获取用户的 site 和 bu |
||||
|
// this.getSiteAndBuByUserName() |
||||
|
// 校验用户是否收藏 |
||||
|
// this.favoriteIsOk() |
||||
|
// 获取检验类型 |
||||
|
this.inspectionTypeSearch() |
||||
|
// 动态列 |
||||
|
this.getTableUserColumn(this.$route.meta.menuId+'table',1) |
||||
|
if (!this.authSearch) { |
||||
|
// 获取数据列表 |
||||
|
this.getDataList() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
handleColumnResize(newWidth, oldWidth, column, event){ |
||||
|
let inData= this.columnList.filter(item => item.columnProp === column.property)[0] |
||||
|
inData.columnWidth=newWidth |
||||
|
updateColumnSize(inData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
console.log("栏位宽度保存成功！") |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
qcMethodSearch(this.searchData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
site: this.$store.state.user.site, |
||||
|
buNo: '*', |
||||
|
// bu: this.userBuList[0].buNo, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name, |
||||
|
methodNo: '', |
||||
|
methodName: '', |
||||
|
methodRemark: '', |
||||
|
inspectionTypeNo: '' |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
// bu: row.site + '_' + row.buNo, |
||||
|
site: row.site, |
||||
|
buNo: row.buNo, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name, |
||||
|
methodNo: row.methodNo, |
||||
|
methodName: row.methodName, |
||||
|
methodRemark: row.methodRemark, |
||||
|
inspectionTypeNo: row.inspectionTypeNo |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个检验方法?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcMethodDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.site === '' || this.modalData.site == null) { |
||||
|
this.$message.warning('请填写工厂编码！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.methodName === '' || this.modalData.methodName == null) { |
||||
|
this.$message.warning('请输入检验方法名称！') |
||||
|
return |
||||
|
} |
||||
|
if(this.modalData.inspectionTypeNo === ''|| this.modalData.inspectionTypeNo == null) { |
||||
|
this.$message.warning('请选择检验类型！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.flag === '1') { // 新增 |
||||
|
qcMethodSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
qcMethodUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 查询检验类型 |
||||
|
inspectionTypeSearch () { |
||||
|
let tempData = { |
||||
|
site: this.$store.state.user.site |
||||
|
} |
||||
|
inspectionTypeSearch(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.options = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 校验用户是否收藏 |
||||
|
favoriteIsOk () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
userFavoriteList(userFavorite).then(({data}) => { |
||||
|
for (let i = 0; i < data.list.length; i++) { |
||||
|
if(this.$route.meta.menuId === data.list[i].menuId){ |
||||
|
this.favorite = true |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 收藏 OR 取消收藏 |
||||
|
favoriteFunction () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
} |
||||
|
if (this.favorite) { |
||||
|
removeUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = false |
||||
|
}) |
||||
|
} else { |
||||
|
// 收藏 |
||||
|
saveUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = true |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//导出excel |
||||
|
async createExportData() { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
await qcMethodSearch(this.searchData).then(({data}) => { |
||||
|
this.exportList= data.page.list |
||||
|
}) |
||||
|
return this.exportList |
||||
|
}, |
||||
|
|
||||
|
startDownload() {}, |
||||
|
|
||||
|
finishDownload() {}, |
||||
|
|
||||
|
fields () { |
||||
|
let json = "{" |
||||
|
this.columnList.forEach((item, index) => { |
||||
|
if (index == this.columnList.length - 1) { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
||||
|
} else { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
||||
|
} |
||||
|
}) |
||||
|
json += "}" |
||||
|
let s = eval("(" + json + ")") |
||||
|
return s |
||||
|
}, |
||||
|
|
||||
|
// 动态列开始 获取 用户保存的 格式列 |
||||
|
async getTableUserColumn (tableId, columnId) { |
||||
|
let queryTableUser = { |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
status: true, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableUserListLanguage(queryTableUser).then(({data}) => { |
||||
|
if (data.rows.length > 0) { |
||||
|
//this.columnList1 = [] |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
this.getColumnList(tableId, columnId) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取 tableDefault 列 |
||||
|
async getColumnList (tableId, columnId) { |
||||
|
let queryTable = { |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableDefaultListLanguage(queryTable).then(({data}) => { |
||||
|
if (!data.rows.length == 0) { |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
// this.showDefault = true. |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
//获取按钮的权限数据 |
||||
|
getButtonAuthData () { |
||||
|
let searchFlag = this.isAuth(this.menuId+":search") |
||||
|
let saveFlag = this.isAuth(this.menuId+":save") |
||||
|
let updateFlag = this.isAuth(this.menuId+":update") |
||||
|
let deleteFlag = this.isAuth(this.menuId+":delete") |
||||
|
//处理页面的权限数据 |
||||
|
this.authSearch = !searchFlag |
||||
|
this.authSave = !saveFlag |
||||
|
this.authUpdate = !updateFlag |
||||
|
this.authDelete = !deleteFlag |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
2268
src/views/modules/qc/qcPartAttribute.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,707 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData"> |
||||
|
<!-- <el-form-item :label="'BU'">--> |
||||
|
<!-- <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 80px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.buDesc"--> |
||||
|
<!-- :value = "i.buDesc">--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item :label="'工厂编码'"> |
||||
|
<el-input v-model="searchData.site" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验等级编码'"> |
||||
|
<el-input v-model="searchData.samplingLevelNo" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验等级描述'"> |
||||
|
<el-input v-model="searchData.samplingLevelDesc" clearable style="width: 200px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'"> |
||||
|
<el-select v-model="searchData.samplingLevelActive" style="width: 80px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<!-- <el-button @click="doEmpty()">清空</el-button>--> |
||||
|
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button> |
||||
|
<el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button> |
||||
|
<!-- <download-excel--> |
||||
|
<!-- :fields="fields()"--> |
||||
|
<!-- :data="exportData"--> |
||||
|
<!-- type="xls"--> |
||||
|
<!-- :name="exportName"--> |
||||
|
<!-- :header="exportHeader"--> |
||||
|
<!-- :footer="exportFooter"--> |
||||
|
<!-- :fetch="createExportData"--> |
||||
|
<!-- :before-generate="startDownload"--> |
||||
|
<!-- :before-finish="finishDownload"--> |
||||
|
<!-- worksheet="导出信息"--> |
||||
|
<!-- class="el-button el-button--primary el-button--medium">--> |
||||
|
<!-- {{ "导出" }}--> |
||||
|
<!-- </download-excel>--> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> |
||||
|
<span v-if="columnsProp.includes(item.columnProp)">{{ scope.row[`${item.columnProp}Desc`] }}</span> |
||||
|
<span v-else> |
||||
|
{{ scope.row[item.columnProp] }} |
||||
|
</span> |
||||
|
</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a v-if="!authDelete" type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="检验方法" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<!-- <el-form-item label="BU" prop="bu" :rules="rules.bu">--> |
||||
|
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="width: 456px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.sitename"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>--> |
||||
|
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">--> |
||||
|
<!-- {{ i.buDesc }}--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码:" prop="site" :rules="rules.site"> |
||||
|
<el-input v-model="modalData.site" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验等级描述:" prop="samplingLevelDesc" :rules="rules.samplingLevelDescType"> |
||||
|
<el-input v-model="modalData.samplingLevelDesc" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'" prop="samplingLevelActive" :rules="rules.samplingLevelActiveType"> |
||||
|
<el-select filterable v-model="modalData.samplingLevelActive" style="width: 221px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="备注说明:"> |
||||
|
<el-input v-model="modalData.samplingLevelRemark" style="width: 456px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
samplingLevelSearch, // 查询检验等级 |
||||
|
samplingLevelSave, // 新增检验等级 |
||||
|
samplingLevelUpdate, // 修改检验等级 |
||||
|
samplingLevelDelete, // 删除检验等级 |
||||
|
getSiteAndBuByUserName |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import excel from "@/utils/excel-util.js"; |
||||
|
import {getTableDefaultListLanguage, getTableUserListLanguage} from "@/api/table.js" |
||||
|
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
columnsProp:['createBy','samplingLevelActive','updateBy'], |
||||
|
// 是否收藏 |
||||
|
favorite: false, |
||||
|
// 导出 start |
||||
|
exportData: [], |
||||
|
exportName: "样本量" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["样本量"], |
||||
|
exportFooter: [], |
||||
|
exportList: [], |
||||
|
// 导出 end |
||||
|
searchData: { |
||||
|
site: '', |
||||
|
userName: this.$store.state.user.name, |
||||
|
samplingLevelNo: '', |
||||
|
samplingLevelDesc: '', |
||||
|
samplingLevelActive: '', |
||||
|
buDesc: '', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 20, |
||||
|
totalPage: 0, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
site: '', |
||||
|
bu: '', |
||||
|
samplingLevelNo: '', |
||||
|
samplingLevelDesc: '', |
||||
|
samplingLevelActive: '', |
||||
|
samplingLevelRemark: '', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableSite', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'site', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableSamplingLevelNo', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'samplingLevelNo', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '检验等级编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableSamplingLevelDesc', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'samplingLevelDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '检验等级描述', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableSamplingLevelRemark', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'samplingLevelRemark', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '备注说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableSamplingLevelActive', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'samplingLevelActive', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '是否可用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableCreateDate', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'createDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableCreateBy', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableUpdateDate', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'updateDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301011, |
||||
|
serialNumber: '301011TableUpdateBy', |
||||
|
tableId: "301011Table", |
||||
|
tableName: "检验水平表", |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
], |
||||
|
rules: { |
||||
|
site:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingLevelDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingLevelActiveType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
bu:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
userBuList: [], |
||||
|
authSearch: false, |
||||
|
authSave: false, |
||||
|
authUpdate: false, |
||||
|
authDelete: false, |
||||
|
menuId: this.$route.meta.menuId, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 150 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
created () { |
||||
|
// 按钮控制 |
||||
|
this.getButtonAuthData() |
||||
|
// 获取用户的 site 和 bu |
||||
|
// this.getSiteAndBuByUserName() |
||||
|
// 校验用户是否收藏 |
||||
|
// this.favoriteIsOk() |
||||
|
// 动态列 |
||||
|
// this.getTableUserColumn(this.$route.meta.menuId+'table',1) |
||||
|
if (!this.authSearch) { |
||||
|
// 获取数据列表 |
||||
|
this.getDataList() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
samplingLevelSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
// bu: this.userBuList[0].buNo, |
||||
|
buNo: '*', |
||||
|
site: this.$store.state.user.site, |
||||
|
samplingLevelNo: '', |
||||
|
samplingLevelDesc: '', |
||||
|
samplingLevelActive: 'Y', |
||||
|
samplingLevelRemark: '', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
bu: row.site + '_' + row.buNo, |
||||
|
site: row.site, |
||||
|
samplingLevelNo: row.samplingLevelNo, |
||||
|
samplingLevelDesc: row.samplingLevelDesc, |
||||
|
samplingLevelActive: row.samplingLevelActive, |
||||
|
samplingLevelRemark: row.samplingLevelRemark, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个检验等级?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
samplingLevelDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.samplingLevelDesc === '' || this.modalData.samplingLevelDesc == null) { |
||||
|
this.$message.warning('请输入检验等级描述！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingLevelActive === '' || this.modalData.samplingLevelActive == null) { |
||||
|
this.$message.warning('请选择是否在用！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.flag === '1') { // 新增 |
||||
|
samplingLevelSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
samplingLevelUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 校验用户是否收藏 |
||||
|
favoriteIsOk () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
userFavoriteList(userFavorite).then(({data}) => { |
||||
|
for (let i = 0; i < data.list.length; i++) { |
||||
|
if (this.$route.meta.menuId === data.list[i].menuId) { |
||||
|
this.favorite = true |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 收藏 OR 取消收藏 |
||||
|
favoriteFunction () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
} |
||||
|
if (this.favorite) { |
||||
|
removeUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = false |
||||
|
}) |
||||
|
} else { |
||||
|
// 收藏 |
||||
|
saveUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = true |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 导出excel |
||||
|
async createExportData () { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
await samplingLevelSearch(this.searchData).then(({data}) => { |
||||
|
this.exportList = data.rows |
||||
|
}) |
||||
|
return this.exportList |
||||
|
}, |
||||
|
async exportExcel() { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
excel.exportTable({ |
||||
|
url: "/pms/qc/samplingLevelSearch", |
||||
|
columnMapping: this.columnList,//可以直接用table，不需要的列就剔除 |
||||
|
mergeSetting: [],//需要合并的列 |
||||
|
params: this.searchData, |
||||
|
fileName: this.exportName+".xlsx", |
||||
|
rowFetcher: res => res.data, |
||||
|
columnFormatter: [], |
||||
|
dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
startDownload() {}, |
||||
|
|
||||
|
finishDownload() {}, |
||||
|
|
||||
|
fields () { |
||||
|
let json = "{" |
||||
|
this.columnList.forEach((item, index) => { |
||||
|
if (index == this.columnList.length - 1) { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
||||
|
} else { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
||||
|
} |
||||
|
}) |
||||
|
json += "}" |
||||
|
let s = eval("(" + json + ")") |
||||
|
return s |
||||
|
}, |
||||
|
|
||||
|
// 动态列开始 获取 用户保存的 格式列 |
||||
|
async getTableUserColumn (tableId, columnId) { |
||||
|
let queryTableUser = { |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
status: true, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableUserListLanguage(queryTableUser).then(({data}) => { |
||||
|
if (data.rows.length > 0) { |
||||
|
//this.columnList1 = [] |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
this.getColumnList(tableId, columnId) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取 tableDefault 列 |
||||
|
async getColumnList (tableId, columnId) { |
||||
|
let queryTable= { |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableDefaultListLanguage(queryTable).then(({data}) => { |
||||
|
if (!data.rows.length == 0) { |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
// this.showDefault = true. |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
//获取按钮的权限数据 |
||||
|
getButtonAuthData () { |
||||
|
let searchFlag = this.isAuth(this.menuId+":search") |
||||
|
let saveFlag = this.isAuth(this.menuId+":save") |
||||
|
let updateFlag = this.isAuth(this.menuId+":update") |
||||
|
let deleteFlag = this.isAuth(this.menuId+":delete") |
||||
|
//处理页面的权限数据 |
||||
|
this.authSearch = !searchFlag |
||||
|
this.authSave = !saveFlag |
||||
|
this.authUpdate = !updateFlag |
||||
|
this.authDelete = !deleteFlag |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,975 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData"> |
||||
|
<!-- <el-form-item :label="'BU'">--> |
||||
|
<!-- <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 80px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.buDesc"--> |
||||
|
<!-- :value = "i.buDesc">--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item :label="'工厂编码'"> |
||||
|
<el-input v-model="searchData.site" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验水平'"> |
||||
|
<el-input v-model="searchData.samplingLevelDesc" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'样本量字码'"> |
||||
|
<el-input v-model="searchData.samplingQtyDesc" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'"> |
||||
|
<el-select v-model="searchData.samplingPlanActive" style="width: 80px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<!-- <el-button @click="doEmpty()">清空</el-button>--> |
||||
|
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button> |
||||
|
<download-excel |
||||
|
:fields="fields()" |
||||
|
:data="exportData" |
||||
|
type="xls" |
||||
|
:name="exportName" |
||||
|
:header="exportHeader" |
||||
|
:footer="exportFooter" |
||||
|
:fetch="createExportData" |
||||
|
:before-generate="startDownload" |
||||
|
:before-finish="finishDownload" |
||||
|
worksheet="导出信息" |
||||
|
class="el-button el-button--primary el-button--medium"> |
||||
|
{{ "导出" }} |
||||
|
</download-excel> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed === ''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> |
||||
|
<span v-if="columnsProp.includes(item.columnProp)">{{ scope.row[`${item.columnProp}Desc`] }}</span> |
||||
|
<span v-else> |
||||
|
{{ scope.row[item.columnProp] }} |
||||
|
</span> |
||||
|
</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">编辑</a> |
||||
|
<a v-if="!authDelete" type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 分页--> |
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 200, 500]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="样本量字码矩阵" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<!-- <el-form-item label="BU" prop="bu" :rules="rules.bu">--> |
||||
|
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="width: 456px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.sitename"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>--> |
||||
|
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">--> |
||||
|
<!-- {{ i.buDesc }}--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码:" prop="site" :rules="rules.site"> |
||||
|
<el-input v-model="modalData.site" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="矩阵名称:" prop="samplingPlanDesc" :rules="rules.samplingPlanDescType"> |
||||
|
<el-input v-model="modalData.samplingPlanDesc" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否在用:" prop="samplingPlanActive" :rules="rules.samplingPlanActiveType"> |
||||
|
<el-select filterable v-model="modalData.samplingPlanActive" style="width: 221px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item prop="samplingQtyNo" :rules="rules.samplingQtyNoType"> |
||||
|
<span slot="label" style="" @click="getBaseList(210)"><a herf="#">样本量编码</a></span> |
||||
|
<el-input v-model="modalData.samplingQtyNo" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="样本量字码:" prop="samplingQtyDesc" :rules="rules.samplingQtyDescType"> |
||||
|
<el-input v-model="modalData.samplingQtyDesc" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item prop="samplingQtyRankNo" :rules="rules.samplingQtyRankNoType"> |
||||
|
<span slot="label" style="" @click="getBaseList(209)"><a herf="#">抽样量级别编码</a></span> |
||||
|
<el-input v-model="modalData.samplingQtyRankNo" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="抽样量级别名称:" prop="samplingQtyRankDesc" :rules="rules.samplingQtyRankDescType"> |
||||
|
<el-input v-model="modalData.samplingQtyRankDesc" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item prop="samplingLevelNo" :rules="rules.samplingLevelNoType"> |
||||
|
<span slot="label" style="" @click="getBaseList(208)"><a herf="#">抽样等级编码</a></span> |
||||
|
<el-input v-model="modalData.samplingLevelNo" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="抽样等级名称:" prop="samplingLevelDesc" :rules="rules.samplingLevelDescType"> |
||||
|
<el-input v-model="modalData.samplingLevelDesc" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
samplingInspectionPlanSearch, // 查询矩阵 |
||||
|
samplingInspectionPlanSave, // 新增矩阵 |
||||
|
samplingInspectionPlanUpdate, // 修改矩阵 |
||||
|
samplingInspectionPlanDelete, // 删除矩阵 |
||||
|
getSiteAndBuByUserName |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import {getTableDefaultListLanguage, getTableUserListLanguage} from "@/api/table.js" |
||||
|
import Chooselist from '@/views/modules/common/Chooselist_eam' |
||||
|
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js' |
||||
|
export default { |
||||
|
components: { |
||||
|
Chooselist |
||||
|
}, |
||||
|
watch: { |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.samplingPlanNo = this.modalData.samplingPlanNo.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
columnsProp:['createBy','samplingPlanActive','updateBy'], |
||||
|
// 是否收藏 |
||||
|
favorite: false, |
||||
|
// 导出 start |
||||
|
exportData: [], |
||||
|
exportName: "检验项目" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["检验项目"], |
||||
|
exportFooter: [], |
||||
|
exportList: [], |
||||
|
// 导出 end |
||||
|
// 条件查询对象 |
||||
|
searchData: { |
||||
|
site: '', |
||||
|
userName: this.$store.state.user.name, |
||||
|
samplingLevelDesc: '', |
||||
|
samplingQtyDesc: '', |
||||
|
samplingPlanActive: '', |
||||
|
buDesc: '', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
// 分页对象 |
||||
|
pageIndex: 1, |
||||
|
pageSize: 20, |
||||
|
totalPage: 0, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
dataListSelections: [], |
||||
|
// 其它对象 |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
site: '', |
||||
|
bu: '', |
||||
|
samplingPlanNo: '', |
||||
|
samplingPlanDesc: '', |
||||
|
samplingQtyNo: '', |
||||
|
samplingQty: '', |
||||
|
samplingQtyDesc: '', |
||||
|
samplingQtyRankDesc: '', |
||||
|
samplingQtyRankNo: '', |
||||
|
minQty: '', |
||||
|
maxQty: '', |
||||
|
samplingLevelNo: '', |
||||
|
samplingLevelDesc: '', |
||||
|
samplingPlanActive: '', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
}, |
||||
|
detailData: { |
||||
|
id: '', |
||||
|
site: '', |
||||
|
buNo: '', |
||||
|
samplingQtyRankNo: '', |
||||
|
samplingQtyRankDesc: '', |
||||
|
samplingLevelNo: '', |
||||
|
samplingLevelDesc: '', |
||||
|
samplingQtyNo: '', |
||||
|
samplingQty: '', |
||||
|
samplingPlanActive: '' |
||||
|
}, |
||||
|
// 展示标头 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSite', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'site', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingPlanNo', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingPlanNo', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '矩阵编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingPlanDesc', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingPlanDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '矩阵名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingQtyDesc', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingQtyDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '样本量字码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingQty', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingQty', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '样本量', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingQtyRankDesc', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingQtyRankDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '批量级次', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableMinQty', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'minQty', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '最小抽样数', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 110, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableMaxQty', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'maxQty', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '最大抽样数', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 110, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingLevelDesc', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingLevelDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '抽样等级', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableSamplingPlanActive', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'samplingPlanActive', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '是否可用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableCreateDate', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'createDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableCreateBy', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableUpdateDate', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'updateDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301012, |
||||
|
serialNumber: '301012TableUpdateBy', |
||||
|
tableId: "301012Table", |
||||
|
tableName: "样本量字码矩阵表", |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
], |
||||
|
rules: { |
||||
|
site:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingPlanDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingPlanActiveType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyNoType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyRankNoType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyRankDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingLevelNoType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingLevelDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
bu:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
userBuList: [], |
||||
|
authSearch: false, |
||||
|
authSave: false, |
||||
|
authUpdate: false, |
||||
|
authDelete: false, |
||||
|
menuId: this.$route.meta.menuId, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
created () { |
||||
|
// 按钮控制 |
||||
|
this.getButtonAuthData() |
||||
|
// 获取用户的 site 和 bu |
||||
|
// this.getSiteAndBuByUserName() |
||||
|
// 校验用户是否收藏 |
||||
|
// this.favoriteIsOk() |
||||
|
// 动态列 |
||||
|
// this.getTableUserColumn(this.$route.meta.menuId+'table',1) |
||||
|
if (!this.authSearch) { |
||||
|
// 获取数据列表 |
||||
|
this.getDataList() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
samplingInspectionPlanSearch(this.searchData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
} |
||||
|
this.dataListLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 多选 |
||||
|
selectionChangeHandle (val) { |
||||
|
this.dataListSelections = val |
||||
|
}, |
||||
|
|
||||
|
// 获取方法数据列表 |
||||
|
getBaseList (val,type) { |
||||
|
this.tagNo = val |
||||
|
this.$nextTick(() => { |
||||
|
let strVal = '' |
||||
|
let conSql = '' |
||||
|
conSql = " and site = '" + this.$store.state.user.site + "'" |
||||
|
if (val === 210) { |
||||
|
strVal = this.detailData.samplingQtyNo |
||||
|
} else if (val === 209) { |
||||
|
strVal = this.detailData.samplingQtyRankNo |
||||
|
} else if (val === 208) { |
||||
|
strVal = this.detailData.samplingLevelNo |
||||
|
} |
||||
|
this.$refs.baseList.init(val, strVal, conSql) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 列表方法的回调 |
||||
|
getBaseData (val) { |
||||
|
if (this.tagNo === 210) { |
||||
|
this.modalData.samplingQtyNo = val.sampling_qty_no |
||||
|
this.modalData.samplingQtyDesc = val.sampling_qty_desc |
||||
|
} |
||||
|
if (this.tagNo === 209) { |
||||
|
this.modalData.samplingQtyRankNo = val.sampling_qty_rank_no |
||||
|
this.modalData.samplingQtyRankDesc = val.sampling_qty_rank_desc |
||||
|
} |
||||
|
if (this.tagNo === 208) { |
||||
|
this.modalData.samplingLevelNo = val.sampling_level_no |
||||
|
this.modalData.samplingLevelDesc = val.sampling_level_desc |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 新增 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
site: this.$store.state.user.site, |
||||
|
// bu: this.userBuList[0].buNo, |
||||
|
buNo: '*', |
||||
|
samplingPlanNo: '', |
||||
|
samplingQtyNo: '', |
||||
|
samplingQty: '', |
||||
|
samplingQtyDesc: '', |
||||
|
samplingQtyRankDesc: '', |
||||
|
samplingQtyRankNo: '', |
||||
|
minQty: '', |
||||
|
maxQty: '', |
||||
|
samplingLevelNo: '', |
||||
|
samplingLevelDesc: '', |
||||
|
samplingPlanActive: 'Y', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 修改 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
bu: row.site + '_' + row.buNo, |
||||
|
site: row.site, |
||||
|
samplingPlanNo: row.samplingPlanNo, |
||||
|
samplingPlanDesc: row.samplingPlanDesc, |
||||
|
samplingQtyNo: row.samplingQtyNo, |
||||
|
samplingQty: row.samplingQty, |
||||
|
samplingQtyDesc: row.samplingQtyDesc, |
||||
|
samplingQtyRankDesc: row.samplingQtyRankDesc, |
||||
|
samplingQtyRankNo: row.samplingQtyRankNo, |
||||
|
minQty: row.minQty, |
||||
|
maxQty: row.maxQty, |
||||
|
samplingLevelNo: row.samplingLevelNo, |
||||
|
samplingLevelDesc: row.samplingLevelDesc, |
||||
|
samplingPlanActive: row.samplingPlanActive, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 删除 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个矩阵?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
samplingInspectionPlanDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
saveData () { |
||||
|
if (this.modalData.samplingPlanDesc === '' || this.modalData.samplingPlanDesc == null) { |
||||
|
this.$message.warning('请输入矩阵名称！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingQtyNo === '' || this.modalData.samplingQtyNo == null) { |
||||
|
this.$message.warning('请选择样本量编码！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingQtyRankNo === '' || this.modalData.samplingQtyRankNo == null) { |
||||
|
this.$message.warning('请选择批量级次编码！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingLevelNo === '' || this.modalData.samplingLevelNo == null) { |
||||
|
this.$message.warning('请选择检验水平编码！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingPlanActive === '' || this.modalData.samplingPlanActive == null) { |
||||
|
this.$message.warning('请选择是否在用！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.flag === '1') { |
||||
|
samplingInspectionPlanSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
samplingInspectionPlanUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 校验用户是否收藏 |
||||
|
favoriteIsOk () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
userFavoriteList(userFavorite).then(({data}) => { |
||||
|
for (let i = 0; i < data.list.length; i++) { |
||||
|
if (this.$route.meta.menuId === data.list[i].menuId) { |
||||
|
this.favorite = true |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 收藏 OR 取消收藏 |
||||
|
favoriteFunction () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
} |
||||
|
if (this.favorite) { |
||||
|
removeUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = false |
||||
|
}) |
||||
|
} else { |
||||
|
// 收藏 |
||||
|
saveUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = true |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//导出excel |
||||
|
async createExportData () { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
await samplingInspectionPlanSearch(this.searchData).then(({data}) => { |
||||
|
this.exportList = data.page.list |
||||
|
}) |
||||
|
return this.exportList |
||||
|
}, |
||||
|
|
||||
|
startDownload() {}, |
||||
|
|
||||
|
finishDownload() {}, |
||||
|
|
||||
|
fields () { |
||||
|
let json = "{" |
||||
|
this.columnList.forEach((item, index) => { |
||||
|
if (index == this.columnList.length - 1) { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
||||
|
} else { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
||||
|
} |
||||
|
}) |
||||
|
json += "}" |
||||
|
let s = eval("(" + json + ")") |
||||
|
return s |
||||
|
}, |
||||
|
|
||||
|
// 动态列开始 获取 用户保存的 格式列 |
||||
|
async getTableUserColumn (tableId, columnId) { |
||||
|
let queryTableUser = { |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
status: true, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableUserListLanguage(queryTableUser).then(({data}) => { |
||||
|
if (data.rows.length > 0) { |
||||
|
//this.columnList1 = [] |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
this.getColumnList(tableId, columnId) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取 tableDefault 列 |
||||
|
async getColumnList(tableId, columnId) { |
||||
|
let queryTable = { |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableDefaultListLanguage(queryTable).then(({data}) => { |
||||
|
if (!data.rows.length == 0) { |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
// this.showDefault = true. |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
//获取按钮的权限数据 |
||||
|
getButtonAuthData () { |
||||
|
let searchFlag = this.isAuth(this.menuId+":search") |
||||
|
let saveFlag = this.isAuth(this.menuId+":save") |
||||
|
let updateFlag = this.isAuth(this.menuId+":update") |
||||
|
let deleteFlag = this.isAuth(this.menuId+":delete") |
||||
|
//处理页面的权限数据 |
||||
|
this.authSearch = !searchFlag |
||||
|
this.authSave = !saveFlag |
||||
|
this.authUpdate = !updateFlag |
||||
|
this.authDelete = !deleteFlag |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
1155
src/views/modules/qc/qcSamplingInspectionProgramme.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,784 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData"> |
||||
|
<!-- <el-form-item :label="'BU'">--> |
||||
|
<!-- <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 80px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.buDesc"--> |
||||
|
<!-- :value = "i.buDesc">--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item :label="'工厂编码'"> |
||||
|
<el-input v-model="searchData.site" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'样本量编码'"> |
||||
|
<el-input v-model="searchData.samplingQtyNo" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'样本量字码'"> |
||||
|
<el-input v-model="searchData.samplingQtyDesc" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'样本量'"> |
||||
|
<el-input v-model="searchData.samplingQty" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'"> |
||||
|
<el-select v-model="searchData.samplingQtyActive" style="width: 80px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button> |
||||
|
<el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button> |
||||
|
<!-- <download-excel--> |
||||
|
<!-- :fields="fields()"--> |
||||
|
<!-- :data="exportData"--> |
||||
|
<!-- type="xls"--> |
||||
|
<!-- :name="exportName"--> |
||||
|
<!-- :header="exportHeader"--> |
||||
|
<!-- :footer="exportFooter"--> |
||||
|
<!-- :fetch="createExportData"--> |
||||
|
<!-- :before-generate="startDownload"--> |
||||
|
<!-- :before-finish="finishDownload"--> |
||||
|
<!-- worksheet="导出信息"--> |
||||
|
<!-- class="el-button el-button--primary el-button--medium">--> |
||||
|
<!-- {{ "导出" }}--> |
||||
|
<!-- </download-excel>--> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> |
||||
|
<span v-if="columnsProp.includes(item.columnProp)">{{ scope.row[`${item.columnProp}Desc`] }}</span> |
||||
|
<span v-else> |
||||
|
{{ scope.row[item.columnProp] }} |
||||
|
</span> |
||||
|
</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a v-if="!authDelete" type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 200, 500]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="检验方法" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<!-- <el-form-item label="BU" prop="bu" :rules="rules.bu">--> |
||||
|
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="width: 390px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.sitename"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>--> |
||||
|
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">--> |
||||
|
<!-- {{ i.buDesc }}--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码:" prop="site" :rules="rules.site"> |
||||
|
<el-input v-model="modalData.site" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="样本量字码:" prop="samplingQtyDesc" :rules="rules.samplingQtyDescType"> |
||||
|
<el-input v-model="modalData.samplingQtyDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="样本量:" prop="samplingQty" :rules="rules.samplingQtyType"> |
||||
|
<el-input v-model="modalData.samplingQty" type="number" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'" prop="samplingQtyActive" :rules="rules.samplingQtyActiveType"> |
||||
|
<el-select filterable v-model="modalData.samplingQtyActive" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="样本量说明:"> |
||||
|
<el-input v-model="modalData.samplingQtyRemark" style="width: 390px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
samplingQtySearch, // 查询样本量 |
||||
|
samplingQtySave, // 新增样本量 |
||||
|
samplingQtyUpdate, // 修改样本量 |
||||
|
samplingQtyDelete, // 删除样本量 |
||||
|
getSiteAndBuByUserName |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import excel from "@/utils/excel-util.js"; |
||||
|
import {getTableDefaultListLanguage, getTableUserListLanguage} from "@/api/table.js" |
||||
|
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js' |
||||
|
export default { |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.samplingQtyDesc = this.searchData.samplingQtyDesc.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.samplingQtyDesc = this.modalData.samplingQtyDesc.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
columnsProp:['createBy', 'samplingQtyActive', 'updateBy'], |
||||
|
// 是否收藏 |
||||
|
favorite: false, |
||||
|
// 导出 start |
||||
|
exportData: [], |
||||
|
exportName: "样本量" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["样本量"], |
||||
|
exportFooter: [], |
||||
|
exportList: [], |
||||
|
// 导出 end |
||||
|
searchData: { |
||||
|
site: '', |
||||
|
userName: this.$store.state.user.name, |
||||
|
samplingQtyNo: '', |
||||
|
samplingQtyDesc: '', |
||||
|
samplingQty: '', |
||||
|
samplingQtyActive: '', |
||||
|
buDesc: '', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 20, |
||||
|
totalPage: 0, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
site: '', |
||||
|
bu: '', |
||||
|
samplingQtyNo: '', |
||||
|
samplingQtyDesc: '', |
||||
|
samplingQty: '', |
||||
|
samplingQtyRemark: '', |
||||
|
samplingQtyActive: '', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableSite', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'site', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableSamplingQtyNo', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'samplingQtyNo', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '样本量编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableSamplingQtyDesc', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'samplingQtyDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '样本量字码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableSamplingQty', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'samplingQty', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '样本量', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableSamplingQtyRemark', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'samplingQtyRemark', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '样本量说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableSamplingQtyActive', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'samplingQtyActive', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '是否可用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableCreateDate', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'createDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableCreateBy', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableUpdateDate', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'updateDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301009, |
||||
|
serialNumber: '301009TableUpdateBy', |
||||
|
tableId: "301009Table", |
||||
|
tableName: "样本大小表", |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
], |
||||
|
rules: { |
||||
|
site:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyActiveType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
bu:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
userBuList: [], |
||||
|
authSearch: false, |
||||
|
authSave: false, |
||||
|
authUpdate: false, |
||||
|
authDelete: false, |
||||
|
menuId: this.$route.meta.menuId, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
created () { |
||||
|
// 按钮控制 |
||||
|
this.getButtonAuthData() |
||||
|
// 获取用户的 site 和 bu |
||||
|
// this.getSiteAndBuByUserName() |
||||
|
// 校验用户是否收藏 |
||||
|
// this.favoriteIsOk() |
||||
|
// 动态列 |
||||
|
// this.getTableUserColumn(this.$route.meta.menuId+'table',1) |
||||
|
if (!this.authSearch) { |
||||
|
// 获取数据列表 |
||||
|
this.getDataList() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
samplingQtySearch(this.searchData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
site: this.$store.state.user.site, |
||||
|
buNo: '*', |
||||
|
// bu: this.userBuList[0].buNo, |
||||
|
samplingQtyNo: '', |
||||
|
samplingQtyDesc: '', |
||||
|
samplingQty: '', |
||||
|
samplingQtyRemark: '', |
||||
|
samplingQtyActive: 'Y', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
bu: row.site + '_' + row.buNo, |
||||
|
site: row.site, |
||||
|
samplingQtyNo: row.samplingQtyNo, |
||||
|
samplingQtyDesc: row.samplingQtyDesc, |
||||
|
samplingQty: row.samplingQty, |
||||
|
samplingQtyRemark: row.samplingQtyRemark, |
||||
|
samplingQtyActive: row.samplingQtyActive, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个样本量?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
samplingQtyDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.samplingQtyDesc === '' || this.modalData.samplingQtyDesc == null) { |
||||
|
this.$message.warning('请输入样本量字码！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingQty === '' || this.modalData.samplingQty == null) { |
||||
|
this.$message.warning('请输入样本量！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingQtyActive === '' || this.modalData.samplingQtyActive == null) { |
||||
|
this.$message.warning('请选择是否在用！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.flag === '1') { // 新增 |
||||
|
samplingQtySave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
samplingQtyUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 校验用户是否收藏 |
||||
|
favoriteIsOk () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
userFavoriteList(userFavorite).then(({data}) => { |
||||
|
for (let i = 0; i < data.list.length; i++) { |
||||
|
if (this.$route.meta.menuId === data.list[i].menuId) { |
||||
|
this.favorite = true |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 收藏 OR 取消收藏 |
||||
|
favoriteFunction () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
} |
||||
|
if (this.favorite) { |
||||
|
removeUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = false |
||||
|
}) |
||||
|
} else { |
||||
|
// 收藏 |
||||
|
saveUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = true |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 导出excel |
||||
|
async createExportData () { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
await samplingQtySearch(this.searchData).then(({data}) => { |
||||
|
this.exportList = data.rows |
||||
|
}) |
||||
|
return this.exportList |
||||
|
}, |
||||
|
async exportExcel() { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
excel.exportTable({ |
||||
|
url: "/pms/qc/samplingQtySearch", |
||||
|
columnMapping: this.columnList,//可以直接用table，不需要的列就剔除 |
||||
|
mergeSetting: [],//需要合并的列 |
||||
|
params: this.searchData, |
||||
|
fileName: this.exportName+".xlsx", |
||||
|
rowFetcher: res => res.data, |
||||
|
columnFormatter: [], |
||||
|
dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
startDownload () {}, |
||||
|
|
||||
|
finishDownload () {}, |
||||
|
|
||||
|
fields () { |
||||
|
let json = "{" |
||||
|
this.columnList.forEach((item, index) => { |
||||
|
if (index == this.columnList.length - 1) { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
||||
|
} else { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
||||
|
} |
||||
|
}) |
||||
|
json += "}" |
||||
|
let s = eval("(" + json + ")") |
||||
|
return s |
||||
|
}, |
||||
|
|
||||
|
// 动态列开始 获取 用户保存的 格式列 |
||||
|
async getTableUserColumn (tableId, columnId) { |
||||
|
let queryTableUser = { |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
status: true, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableUserListLanguage(queryTableUser).then(({data}) => { |
||||
|
if (data.rows.length > 0) { |
||||
|
//this.columnList1 = [] |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
this.getColumnList(tableId, columnId) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取 tableDefault 列 |
||||
|
async getColumnList (tableId, columnId) { |
||||
|
let queryTable = { |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableDefaultListLanguage(queryTable).then(({data}) => { |
||||
|
if (!data.rows.length == 0) { |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
// this.showDefault = true. |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
//获取按钮的权限数据 |
||||
|
getButtonAuthData () { |
||||
|
let searchFlag = this.isAuth(this.menuId+":search") |
||||
|
let saveFlag = this.isAuth(this.menuId+":save") |
||||
|
let updateFlag = this.isAuth(this.menuId+":update") |
||||
|
let deleteFlag = this.isAuth(this.menuId+":delete") |
||||
|
//处理页面的权限数据 |
||||
|
this.authSearch = !searchFlag |
||||
|
this.authSave = !saveFlag |
||||
|
this.authUpdate = !updateFlag |
||||
|
this.authDelete = !deleteFlag |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,803 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData"> |
||||
|
<!-- <el-form-item :label="'BU'">--> |
||||
|
<!-- <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 80px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.buDesc"--> |
||||
|
<!-- :value = "i.buDesc">--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item :label="'工厂编码'"> |
||||
|
<el-input v-model="searchData.site" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'批量级次编码'"> |
||||
|
<el-input v-model="searchData.samplingQtyRankNo" clearable style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'批量级次名称'"> |
||||
|
<el-input v-model="searchData.samplingQtyRankDesc" clearable style="width: 200px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'"> |
||||
|
<el-select v-model="searchData.samplingQtyRankActive" style="width: 80px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button> |
||||
|
<download-excel |
||||
|
:fields="fields()" |
||||
|
:data="exportData" |
||||
|
type="xls" |
||||
|
:name="exportName" |
||||
|
:header="exportHeader" |
||||
|
:footer="exportFooter" |
||||
|
:fetch="createExportData" |
||||
|
:before-generate="startDownload" |
||||
|
:before-finish="finishDownload" |
||||
|
worksheet="导出信息" |
||||
|
class="el-button el-button--primary el-button--medium"> |
||||
|
{{ "导出" }} |
||||
|
</download-excel> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed==''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> |
||||
|
<span v-if="columnsProp.includes(item.columnProp)">{{ scope.row[`${item.columnProp}Desc`] }}</span> |
||||
|
<span v-else> |
||||
|
{{ scope.row[item.columnProp] }} |
||||
|
</span> |
||||
|
</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a v-if="!authDelete" type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 200, 500]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="检验方法" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<!-- <el-form-item label="BU" prop="bu" :rules="rules.bu">--> |
||||
|
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="width: 456px">--> |
||||
|
<!-- <el-option--> |
||||
|
<!-- v-for = "i in userBuList"--> |
||||
|
<!-- :key = "i.buNo"--> |
||||
|
<!-- :label = "i.sitename"--> |
||||
|
<!-- :value = "i.buNo">--> |
||||
|
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>--> |
||||
|
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">--> |
||||
|
<!-- {{ i.buDesc }}--> |
||||
|
<!-- </span>--> |
||||
|
<!-- </el-option>--> |
||||
|
<!-- </el-select>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<el-form-item label="工厂编码:" prop="site" :rules="rules.site"> |
||||
|
<el-input v-model="modalData.site" disabled style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="批量级次名称:" prop="samplingQtyRankDesc" :rules="rules.samplingQtyRankDescType"> |
||||
|
<el-input v-model="modalData.samplingQtyRankDesc" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否可用'" prop="samplingQtyRankActive" :rules="rules.samplingQtyRankActiveType"> |
||||
|
<el-select filterable v-model="modalData.samplingQtyRankActive" style="width: 221px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="最小抽样量:" prop="minQty" :rules="rules.minQtyType"> |
||||
|
<el-input class="numInput" v-model="modalData.minQty" @input="handleInput(modalData.minQty,1)" type="number" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="最大抽样量:" prop="maxQty" :rules="rules.maxQtyType"> |
||||
|
<el-input class="numInput" v-model="modalData.maxQty" @input="handleInput(modalData.maxQty,2)" type="number" style="width: 221px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="备注说明:"> |
||||
|
<el-input v-model="modalData.samplingQtyRankRemark" style="width: 456px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
samplingQtyRankSearch, // 查询批量级次 |
||||
|
samplingQtyRankSave, // 新增批量级次 |
||||
|
samplingQtyRankUpdate, // 修改批量级次 |
||||
|
samplingQtyRankDelete, // 删除批量级次 |
||||
|
getSiteAndBuByUserName |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import {getTableDefaultListLanguage, getTableUserListLanguage} from "@/api/table.js" |
||||
|
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
columnsProp:['createBy', 'samplingQtyRankActive', 'updateBy'], |
||||
|
// 是否收藏 |
||||
|
favorite: false, |
||||
|
// 导出 start |
||||
|
exportData: [], |
||||
|
exportName: "批量级次" + this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["批量级次"], |
||||
|
exportFooter: [], |
||||
|
exportList: [], |
||||
|
// 导出 end |
||||
|
searchData: { |
||||
|
site: '', |
||||
|
userName: this.$store.state.user.name, |
||||
|
samplingQtyRankNo: '', |
||||
|
samplingQtyRankDesc: '', |
||||
|
samplingQtyRankActive: '', |
||||
|
buDesc: '', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 20, |
||||
|
totalPage: 0, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
site: '', |
||||
|
bu: '', |
||||
|
samplingQtyRankNo: '', |
||||
|
samplingQtyRankDesc: '', |
||||
|
minQty: '', |
||||
|
maxQty: '', |
||||
|
samplingQtyRankRemark: '', |
||||
|
samplingQtyRankActive: '', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableSite', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'site', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableSamplingQtyRankNo', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'samplingQtyRankNo', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '批量级次编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableSamplingQtyRankDesc', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'samplingQtyRankDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '批量级次名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableMinQty', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'minQty', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '最小抽样量', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableMaxQty', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'maxQty', |
||||
|
headerAlign: 'center', |
||||
|
align: "right", |
||||
|
columnLabel: '最大抽样量', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableSamplingQtyRankRemark', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'samplingQtyRankRemark', |
||||
|
headerAlign: 'center', |
||||
|
align: "left", |
||||
|
columnLabel: '备注说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 200, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableSamplingQtyRankActive', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'samplingQtyRankActive', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '是否可用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableCreateDate', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'createDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableCreateBy', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableUpdateDate', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'updateDate', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 170, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301010, |
||||
|
serialNumber: '301010TableUpdateBy', |
||||
|
tableId: "301010Table", |
||||
|
tableName: "批量级次表", |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: 'center', |
||||
|
align: "center", |
||||
|
columnLabel: '更新人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100, |
||||
|
}, |
||||
|
], |
||||
|
rules: { |
||||
|
site:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyRankDescType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
samplingQtyRankActiveType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
minQtyType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
maxQtyType:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
], |
||||
|
bu:[ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: ' ', |
||||
|
trigger: ['blur','change'] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
userBuList: [], |
||||
|
authSearch: false, |
||||
|
authSave: false, |
||||
|
authUpdate: false, |
||||
|
authDelete: false, |
||||
|
menuId: this.$route.meta.menuId, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
created () { |
||||
|
// 按钮控制 |
||||
|
this.getButtonAuthData() |
||||
|
// 获取用户的 site 和 bu |
||||
|
// this.getSiteAndBuByUserName() |
||||
|
// 校验用户是否收藏 |
||||
|
// this.favoriteIsOk() |
||||
|
// 动态列 |
||||
|
// this.getTableUserColumn(this.$route.meta.menuId+'table',1) |
||||
|
if (!this.authSearch) { |
||||
|
// 获取数据列表 |
||||
|
this.getDataList() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBuByUserName () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// ======= 正则校验 ======= |
||||
|
handleInput (value, type) { |
||||
|
// 大于等于0，且只能输入4位小数 |
||||
|
let val = value.replace(/^\D*([0-9]\d*\.?\d{0,4})?.*$/,'$1') |
||||
|
// if (val === null || val === undefined || val === '') { |
||||
|
// val = 0 |
||||
|
// } |
||||
|
if (type === 1) { |
||||
|
this.modalData.minQty = val |
||||
|
} else if (type === 2) { |
||||
|
this.modalData.maxQty = val |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
samplingQtyRankSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
// bu: this.userBuList[0].buNo, |
||||
|
buNo: '*', |
||||
|
site: this.$store.state.user.site, |
||||
|
samplingQtyRankNo: '', |
||||
|
samplingQtyRankDesc: '', |
||||
|
minQty: '', |
||||
|
maxQty: '', |
||||
|
samplingQtyRankRemark: '', |
||||
|
samplingQtyRankActive: 'Y', |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
bu: row.site + '_' + row.buNo, |
||||
|
site: row.site, |
||||
|
samplingQtyRankNo: row.samplingQtyRankNo, |
||||
|
samplingQtyRankDesc: row.samplingQtyRankDesc, |
||||
|
minQty: row.minQty, |
||||
|
maxQty: row.maxQty, |
||||
|
samplingQtyRankRemark: row.samplingQtyRankRemark, |
||||
|
samplingQtyRankActive: row.samplingQtyRankActive, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
updateBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
|
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个批量级次?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
samplingQtyRankDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.samplingQtyRankDesc === '' || this.modalData.samplingQtyRankDesc == null) { |
||||
|
this.$message.warning('请输入批量级次名称！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.minQty === '' || this.modalData.minQty == null) { |
||||
|
this.$message.warning('请输入最小抽样量！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.maxQty === '' || this.modalData.maxQty == null) { |
||||
|
this.$message.warning('请输入最大抽样量！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.samplingQtyRankActive === '' || this.modalData.samplingQtyRankActive == null) { |
||||
|
this.$message.warning('请选择是否在用！') |
||||
|
return |
||||
|
} |
||||
|
if (this.modalData.flag === '1') { // 新增 |
||||
|
samplingQtyRankSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
samplingQtyRankUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => {} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 校验用户是否收藏 |
||||
|
favoriteIsOk () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
userFavoriteList(userFavorite).then(({data}) => { |
||||
|
for (let i = 0; i < data.list.length; i++) { |
||||
|
if (this.$route.meta.menuId === data.list[i].menuId) { |
||||
|
this.favorite = true |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 收藏 OR 取消收藏 |
||||
|
favoriteFunction () { |
||||
|
let userFavorite = { |
||||
|
userId: this.$store.state.user.id, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
} |
||||
|
if (this.favorite) { |
||||
|
removeUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = false |
||||
|
}) |
||||
|
} else { |
||||
|
// 收藏 |
||||
|
saveUserFavorite(userFavorite).then(({data}) => { |
||||
|
this.$message.success(data.msg) |
||||
|
this.favorite = true |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//导出excel |
||||
|
async createExportData () { |
||||
|
this.searchData.limit = -1 |
||||
|
this.searchData.page = 1 |
||||
|
await samplingQtyRankSearch(this.searchData).then(({data}) => { |
||||
|
this.exportList= data.page.list |
||||
|
}) |
||||
|
return this.exportList |
||||
|
}, |
||||
|
|
||||
|
startDownload() {}, |
||||
|
|
||||
|
finishDownload() {}, |
||||
|
|
||||
|
fields () { |
||||
|
let json = "{" |
||||
|
this.columnList.forEach((item, index) => { |
||||
|
if (index == this.columnList.length - 1) { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" |
||||
|
} else { |
||||
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," |
||||
|
} |
||||
|
}) |
||||
|
json += "}" |
||||
|
let s = eval("(" + json + ")") |
||||
|
return s |
||||
|
}, |
||||
|
|
||||
|
// 动态列开始 获取 用户保存的 格式列 |
||||
|
async getTableUserColumn (tableId, columnId) { |
||||
|
let queryTableUser = { |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
status: true, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableUserListLanguage(queryTableUser).then(({data}) => { |
||||
|
if (data.rows.length > 0) { |
||||
|
//this.columnList1 = [] |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
this.getColumnList(tableId, columnId) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取 tableDefault 列 |
||||
|
async getColumnList (tableId, columnId) { |
||||
|
let queryTable= { |
||||
|
functionId: this.$route.meta.menuId, |
||||
|
tableId: tableId, |
||||
|
languageCode: this.$i18n.locale |
||||
|
} |
||||
|
await getTableDefaultListLanguage(queryTable).then(({data}) => { |
||||
|
if (!data.rows.length == 0) { |
||||
|
switch (columnId) { |
||||
|
case 1: |
||||
|
this.columnList = data.rows |
||||
|
break; |
||||
|
// case 2: |
||||
|
// this.columnDetailList = data.rows |
||||
|
// break; |
||||
|
// case 3: |
||||
|
// this.columnList2 = data.rows |
||||
|
// break; |
||||
|
// case 4: |
||||
|
// this.columnList3 = data.rows |
||||
|
// break; |
||||
|
} |
||||
|
} else { |
||||
|
// this.showDefault = true. |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
//获取按钮的权限数据 |
||||
|
getButtonAuthData () { |
||||
|
let searchFlag = this.isAuth(this.menuId+":search") |
||||
|
let saveFlag = this.isAuth(this.menuId+":save") |
||||
|
let updateFlag = this.isAuth(this.menuId+":update") |
||||
|
let deleteFlag = this.isAuth(this.menuId+":delete") |
||||
|
//处理页面的权限数据 |
||||
|
this.authSearch = !searchFlag |
||||
|
this.authSave = !saveFlag |
||||
|
this.authUpdate = !updateFlag |
||||
|
this.authDelete = !deleteFlag |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.numInput /deep/ .el-input__inner{ |
||||
|
text-align: right; |
||||
|
} |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
1866
src/views/modules/qc/qcTemplate.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,142 @@ |
|||||
|
<template> |
||||
|
<div class="customer-css"> |
||||
|
<el-dialog :title="pageData.titleCon" :close-on-click-modal="false" :visible.sync="visible" width="390px" style="height: 520px;" class="customer-dialog"> |
||||
|
<el-form :inline="true" label-position="top" label-width="80px"> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item class="customer-item" label="检验单号:" > |
||||
|
<el-input v-model="pageData.inspectionNo" style="width: 120px;" disabled ></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-upload class="customer-upload" drag multiple :file-list="fileList" |
||||
|
action="javascript:void(0);" ref="uploadFile" |
||||
|
:before-upload="beforeUploadHandle" :on-change="onChange" |
||||
|
accept="*" :auto-upload="false" |
||||
|
style="text-align: left;"> |
||||
|
<i class="el-icon-upload"></i> |
||||
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> |
||||
|
</el-upload> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24" style="margin-bottom: 30px;"> |
||||
|
<el-form-item class="customer-item" label="备注:"> |
||||
|
<el-input type="textarea" style="width: 360px;" placeholder="请输入内容" v-model="pageData.fileRemark"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="saveUploadFile">保存</el-button> |
||||
|
<el-button type="primary" @click="closeDialog">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
uploadEamObjectFile, |
||||
|
} from '@/api/eam/com_eam_object_upload_file.js'; |
||||
|
|
||||
|
/* 引入组件 */ |
||||
|
var functionId = 'C10000002' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
folder: '', |
||||
|
visible: false, |
||||
|
userId: this.$store.state.user.name, |
||||
|
fileList: [], |
||||
|
pageData: { |
||||
|
titleCon: '', |
||||
|
site: '', |
||||
|
buNo: '', |
||||
|
username: this.$store.state.user.name, |
||||
|
inspectionNo: '', |
||||
|
fileRemark: '', |
||||
|
folder: '', |
||||
|
}, |
||||
|
dataListLoading: false, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
//初始化组件的参数 |
||||
|
init (currentRow) { |
||||
|
//初始化参数 |
||||
|
this.pageData = JSON.parse(JSON.stringify(currentRow)) |
||||
|
this.folder = this.pageData.folder |
||||
|
//打开页面 |
||||
|
this.visible = true |
||||
|
//重置人员信息 |
||||
|
this.pageData.username = this.userId |
||||
|
}, |
||||
|
// 上传之前 |
||||
|
beforeUploadHandle (file) { |
||||
|
// if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif' && file.type !== 'application/pdf') { |
||||
|
// this.$message.error('只支持图片和PDF文档！') |
||||
|
// return false |
||||
|
// } |
||||
|
// this.num++ |
||||
|
}, |
||||
|
// 选择上传文件时 |
||||
|
onChange (file, fileList) { |
||||
|
this.fileList = fileList |
||||
|
}, |
||||
|
// 关闭modal |
||||
|
closeDialog () { |
||||
|
this.fileList = [] |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles() |
||||
|
// 刷新报工的页面 |
||||
|
this.$emit('refreshPageTables') |
||||
|
//关闭当前的页面 |
||||
|
this.visible = false |
||||
|
}, |
||||
|
// 保修当前的数据 |
||||
|
saveUploadFile () { |
||||
|
let remark = this.pageData.fileRemark |
||||
|
if (null === remark || remark === undefined) { |
||||
|
remark = '' |
||||
|
} |
||||
|
// 判断文件是否上传 |
||||
|
if (null == this.fileList || 0 === this.fileList.length) { |
||||
|
this.$message.error("请先上传文件!") |
||||
|
return false |
||||
|
} |
||||
|
const formData = new FormData() |
||||
|
// 片接文件 |
||||
|
for (let i = 0; i < this.fileList.length; i++) { |
||||
|
formData.append("file",this.fileList[i].raw) |
||||
|
} |
||||
|
formData.append("folder", this.folder) |
||||
|
formData.append("site", this.pageData.site) |
||||
|
formData.append("objectID", this.pageData.inspectionNo) |
||||
|
formData.append("remark", remark) |
||||
|
formData.append("orderRef4", this.pageData.buNo) |
||||
|
uploadEamObjectFile(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.$message.success(data.msg) |
||||
|
//清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles() |
||||
|
this.pageData.fileRemark = '' |
||||
|
this.fileList = [] |
||||
|
// 刷新报工的页面 |
||||
|
this.$emit('refreshPageTables') |
||||
|
} else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,142 @@ |
|||||
|
<template> |
||||
|
<div class="customer-css"> |
||||
|
<el-dialog :title="pageData.titleCon" :close-on-click-modal="false" :visible.sync="visible" width="390px" style="height: 520px;" class="customer-dialog"> |
||||
|
<el-form :inline="true" label-position="top" label-width="80px"> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item class="customer-item" label="物料编码" > |
||||
|
<el-input v-model="pageData.partNo" style="width: 120px;" disabled ></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="检验类型"> |
||||
|
<el-select v-model="pageData.inspectionTypeNo" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for = "i in pageData.options" |
||||
|
:key = "i.inspectionTypeNo" |
||||
|
:label = "i.inspectionTypeName" |
||||
|
:value = "i.inspectionTypeNo"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-upload class="customer-upload" drag multiple :file-list="fileList" |
||||
|
action="javascript:void(0);" ref="uploadFile" |
||||
|
:before-upload="beforeUploadHandle" :on-change="onChange" |
||||
|
accept="*" :auto-upload="false" |
||||
|
style="text-align: left;"> |
||||
|
<i class="el-icon-upload"></i> |
||||
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> |
||||
|
</el-upload> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="saveUploadFile">保存</el-button> |
||||
|
<el-button type="primary" @click="closeDialog">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
uploadSopFile, |
||||
|
} from '@/api/qc/qc.js' |
||||
|
|
||||
|
/* 引入组件 */ |
||||
|
var functionId = 'C10000002' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
folder: '', |
||||
|
visible: false, |
||||
|
userId: this.$store.state.user.name, |
||||
|
fileList: [], |
||||
|
pageData: { |
||||
|
titleCon: '', |
||||
|
site: '', |
||||
|
buNo: '', |
||||
|
createBy: '', |
||||
|
partNo: '', |
||||
|
inspectionTypeNo: '', |
||||
|
options: [] |
||||
|
}, |
||||
|
dataListLoading: false, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化组件的参数 |
||||
|
init (currentRow) { |
||||
|
// 初始化参数 |
||||
|
this.pageData = JSON.parse(JSON.stringify(currentRow)) |
||||
|
// 打开页面 |
||||
|
this.visible = true |
||||
|
}, |
||||
|
// 上传之前 |
||||
|
beforeUploadHandle (file) { |
||||
|
// if (file.type !== 'image/jpg' && file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif' && file.type !== 'application/pdf') { |
||||
|
// this.$message.error('只支持图片和PDF文档！') |
||||
|
// return false |
||||
|
// } |
||||
|
// this.num++ |
||||
|
}, |
||||
|
/* 选择上传文件时 */ |
||||
|
onChange (file, fileList) { |
||||
|
this.fileList = fileList |
||||
|
}, |
||||
|
/* 关闭modal */ |
||||
|
closeDialog () { |
||||
|
this.fileList = [] |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles() |
||||
|
// 刷新报工的页面 |
||||
|
this.$emit('refreshPageTables') |
||||
|
// 关闭当前的页面 |
||||
|
this.visible = false |
||||
|
}, |
||||
|
/* 保修当前的数据 */ |
||||
|
saveUploadFile () { |
||||
|
/* 判断文件是否上传 */ |
||||
|
if (null == this.fileList || 0 === this.fileList.length) { |
||||
|
this.$message.error("请先上传文件!") |
||||
|
return false |
||||
|
} |
||||
|
/* 判断检验类型是否选择 */ |
||||
|
if (this.pageData.inspectionTypeNo === null || this.pageData.inspectionTypeNo === '') { |
||||
|
this.$message.error("请选择检验类型!") |
||||
|
return false |
||||
|
} |
||||
|
const formData = new FormData() |
||||
|
// 片接文件 |
||||
|
for (let i = 0; i < this.fileList.length; i++) { |
||||
|
formData.append("file",this.fileList[i].raw) |
||||
|
} |
||||
|
formData.append("orderRef1", this.pageData.site) |
||||
|
formData.append("orderRef2", this.pageData.partNo) |
||||
|
formData.append("orderRef3", this.pageData.inspectionTypeNo) |
||||
|
formData.append("createBy", this.pageData.createBy) |
||||
|
formData.append("orderRef4", this.pageData.buNo) |
||||
|
uploadSopFile(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.$message.success(data.msg) |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles() |
||||
|
this.fileList = [] |
||||
|
} else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,263 @@ |
|||||
|
<template> |
||||
|
<div class="customer-css"> |
||||
|
<el-dialog :title="titleCon" :close-on-click-modal="false" :visible.sync="visible" width="390px" style="height: 520px;" class="customer-dialog"> |
||||
|
<el-form :inline="true" label-position="top" label-width="80px"> |
||||
|
<el-button type="primary" @click="downloadFile()">下载文件模板</el-button> |
||||
|
<el-form-item label="BU"> |
||||
|
<el-select v-model="bu" placeholder="请选择" style="width: 295px"> |
||||
|
<el-option |
||||
|
v-for = "i in userBuList" |
||||
|
:key = "i.buNo" |
||||
|
:label = "i.sitename" |
||||
|
:value = "i.buNo"> |
||||
|
<span style="float: left;width: 100px">{{ i.sitename }}</span> |
||||
|
<span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;"> |
||||
|
{{ i.buDesc }} |
||||
|
</span> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-upload class="customer-upload" drag action="javascript:void(0);" ref="uploadFile" :limit="1" accept=".xlsx,.xls" |
||||
|
:before-upload="beforeUploadHandle" :on-change="onChange" :auto-upload="false" style="text-align: left;"> |
||||
|
<i class="el-icon-upload"></i> |
||||
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> |
||||
|
</el-upload> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="saveUploadFile()">保存</el-button> |
||||
|
<el-button type="primary" @click="closeDialog">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
uploadExcel, // 导入项目文件 |
||||
|
uploadTemplateExcel, // 导入模板文件 |
||||
|
uploadPartAttributeExcel, // 导入物料属性文件 |
||||
|
uploadFamilyAttributeExcel, // 导入类别属性文件 |
||||
|
queryFileId, // 查询文件ID |
||||
|
getSiteAndBuByUserName |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import { downLoadObjectFile } from '@/api/eam/eam_object_list.js' |
||||
|
import axios from 'axios' |
||||
|
import Vue from 'vue' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
titleCon: '文件导入', |
||||
|
visible: false, |
||||
|
fileList: [], |
||||
|
bu: '', |
||||
|
userBuList:[], |
||||
|
pageData: { |
||||
|
flag: '', |
||||
|
createBy: '', |
||||
|
site: '' |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getSiteAndBu(); |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取用户的bu |
||||
|
getSiteAndBu () { |
||||
|
let tempData = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(tempData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
//初始化组件的参数 |
||||
|
init(currentRow) { |
||||
|
// 获得类别 |
||||
|
this.pageData = JSON.parse(JSON.stringify(currentRow)) |
||||
|
//打开页面 |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
// 上传之前 |
||||
|
beforeUploadHandle(file) { |
||||
|
let extName = file[0].name.substring(file[0].name.lastIndexOf('.')).toLowerCase() |
||||
|
if (!(extName === '.xlsx' || extName === '.xls')) { |
||||
|
this.$message.error('数据导入失败，请选择正确的xlsx模板文件') |
||||
|
return false |
||||
|
} |
||||
|
}, |
||||
|
/*选择上传文件时*/ |
||||
|
onChange(file){ |
||||
|
this.fileList.push(file); |
||||
|
}, |
||||
|
/*关闭modal*/ |
||||
|
closeDialog(){ |
||||
|
this.fileList = []; |
||||
|
// 刷新报工的页面 |
||||
|
this.$emit('refreshPageTables'); |
||||
|
// 关闭当前的页面 |
||||
|
this.visible = false; |
||||
|
}, |
||||
|
/*保修当前的数据*/ |
||||
|
saveUploadFile(){ |
||||
|
if (this.bu==''||this.bu == null){ |
||||
|
this.$message.warning("请选择BU!"); |
||||
|
return false; |
||||
|
} |
||||
|
/*判断文件是否上传*/ |
||||
|
if(null == this.fileList || 0 == this.fileList.length){ |
||||
|
this.$message.error("请先上传文件!"); |
||||
|
return false; |
||||
|
} |
||||
|
const formData = new FormData(); |
||||
|
formData.append("file", this.fileList[0].raw); |
||||
|
formData.append("createBy", this.pageData.createBy); |
||||
|
formData.append("site", this.bu.split('_')[0]); |
||||
|
if (this.pageData.flag === 'item'){ |
||||
|
uploadExcel(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.$message.success(data.msg); |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles(); |
||||
|
// 关闭窗口并刷新页面 |
||||
|
this.closeDialog(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}) |
||||
|
} else if (this.pageData.flag === 'template'){ |
||||
|
formData.set('site',this.bu) |
||||
|
uploadTemplateExcel(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.$message.success(data.msg); |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles(); |
||||
|
// 关闭窗口并刷新页面 |
||||
|
this.closeDialog(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}) |
||||
|
}else if (this.pageData.flag === 'partAttribute'){ |
||||
|
formData.set('site',this.bu) |
||||
|
uploadPartAttributeExcel(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.$message.success(data.msg); |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles(); |
||||
|
// 关闭窗口并刷新页面 |
||||
|
this.closeDialog(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}) |
||||
|
}else if (this.pageData.flag === 'familyAttribute'){ |
||||
|
uploadFamilyAttributeExcel(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
this.$message.success(data.msg); |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles(); |
||||
|
// 关闭窗口并刷新页面 |
||||
|
this.closeDialog(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
this.bu = ''; |
||||
|
}, |
||||
|
// 下载 |
||||
|
async downloadFile(){ |
||||
|
let file = { |
||||
|
id: 0, |
||||
|
fileName: '' |
||||
|
} |
||||
|
let tempData = { |
||||
|
orderRef1: '', |
||||
|
orderRef2: '' |
||||
|
} |
||||
|
if(this.pageData.flag === 'item'){ // 检验项目 |
||||
|
tempData.orderRef1 = 'qc'; |
||||
|
tempData.orderRef2 = 'itemFormat'; |
||||
|
await queryFileId(tempData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
file.id = data.data.id |
||||
|
file.fileName = data.data.fileName |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}else if (this.pageData.flag === 'template'){ // 检验模板 |
||||
|
tempData.orderRef1 = 'qc'; |
||||
|
tempData.orderRef2 = 'templateFormat'; |
||||
|
await queryFileId(tempData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
file.id = data.data.id |
||||
|
file.fileName = data.data.fileName |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}else if (this.pageData.flag === 'partAttribute'){ // 物料属性设置 |
||||
|
tempData.orderRef1 = 'qc'; |
||||
|
tempData.orderRef2 = 'partAttributeFormat'; |
||||
|
await queryFileId(tempData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
file.id = data.data.id |
||||
|
file.fileName = data.data.fileName |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}else if (this.pageData.flag === 'familyAttribute'){ // 类别属性设置 |
||||
|
tempData.orderRef1 = 'qc'; |
||||
|
tempData.orderRef2 = 'familyAttributeFormat'; |
||||
|
await queryFileId(tempData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
file.id = data.data.id |
||||
|
file.fileName = data.data.fileName |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
await downLoadObjectFile(file).then(({data}) => { |
||||
|
// 不限制文件下载类型 |
||||
|
const blob = new Blob([data], {type: "application/octet-stream"}) |
||||
|
// 下载文件名称 |
||||
|
const fileName = file.fileName |
||||
|
// a标签下载 |
||||
|
const linkNode = document.createElement('a') |
||||
|
// a标签的download属性规定下载文件的名称 |
||||
|
linkNode.download = fileName |
||||
|
linkNode.style.display = 'none' |
||||
|
// 生成一个Blob URL |
||||
|
linkNode.href = URL.createObjectURL(blob) |
||||
|
document.body.appendChild(linkNode) |
||||
|
// 模拟在按钮上的一次鼠标单击 |
||||
|
linkNode.click() |
||||
|
// 释放URL 对象 |
||||
|
URL.revokeObjectURL(linkNode.href) |
||||
|
document.body.removeChild(linkNode) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
</style> |
||||
@ -0,0 +1,165 @@ |
|||||
|
<template> |
||||
|
<div class="customer-css"> |
||||
|
<el-dialog :title="titleCon" :close-on-click-modal="false" :visible.sync="visible" width="390px" style="height: 520px;" class="customer-dialog"> |
||||
|
<el-form :inline="true" label-position="top" label-width="80px"> |
||||
|
<el-button type="primary" @click="downloadFile()">下载文件模板</el-button> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-upload class="customer-upload" drag action="javascript:void(0);" ref="uploadFile" :limit="1" accept=".xlsx,.xls" |
||||
|
:before-upload="beforeUploadHandle" :on-change="onChange" :auto-upload="false" style="text-align: left;"> |
||||
|
<i class="el-icon-upload"></i> |
||||
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> |
||||
|
</el-upload> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="saveUploadFile()">保存</el-button> |
||||
|
<el-button type="primary" @click="closeDialog">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
subDetailUpload, // 子明细批量导入 |
||||
|
queryFileId, // 查询文件ID |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import { downLoadObjectFile } from '@/api/eam/eam_object_list.js' |
||||
|
import axios from 'axios' |
||||
|
import Vue from 'vue' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
titleCon: '文件导入', |
||||
|
visible: false, |
||||
|
fileList: [], |
||||
|
pageData: { |
||||
|
flag: '', |
||||
|
site: '', |
||||
|
buNo: '', |
||||
|
inspectionNo: '' |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
//初始化组件的参数 |
||||
|
init (currentRow) { |
||||
|
// 获得类别 |
||||
|
this.pageData = JSON.parse(JSON.stringify(currentRow)) |
||||
|
//打开页面 |
||||
|
this.visible = true |
||||
|
}, |
||||
|
|
||||
|
// 上传之前 |
||||
|
beforeUploadHandle (file) { |
||||
|
let extName = file[0].name.substring(file[0].name.lastIndexOf('.')).toLowerCase() |
||||
|
if (!(extName === '.xlsx' || extName === '.xls')) { |
||||
|
this.$message.error('数据导入失败，请选择正确的xlsx模板文件') |
||||
|
return false |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 选择上传文件时 |
||||
|
onChange (file) { |
||||
|
this.fileList.push(file) |
||||
|
}, |
||||
|
|
||||
|
// 关闭modal |
||||
|
closeDialog () { |
||||
|
this.fileList = [] |
||||
|
// 刷新报工的页面 |
||||
|
//this.$emit('refreshPageTables') |
||||
|
// 关闭当前的页面 |
||||
|
this.visible = false |
||||
|
}, |
||||
|
|
||||
|
// 保修当前的数据 |
||||
|
saveUploadFile () { |
||||
|
// 判断文件是否上 |
||||
|
if (null == this.fileList || 0 === this.fileList.length) { |
||||
|
this.$message.error("请先上传文件!") |
||||
|
return false |
||||
|
} |
||||
|
const formData = new FormData() |
||||
|
formData.append("file", this.fileList[0].raw) |
||||
|
formData.append("flag", this.pageData.flag) |
||||
|
formData.append("site", this.pageData.site) |
||||
|
formData.append("buNo", this.pageData.buNo) |
||||
|
formData.append("inspectionNo", this.pageData.inspectionNo) |
||||
|
subDetailUpload(formData).then(({data}) => { |
||||
|
if (data.code === 0) { |
||||
|
// 返回超出上下限的数量 |
||||
|
this.$emit("changeEvent", data.countMap) |
||||
|
this.$message.success(data.msg) |
||||
|
// 清空文件上传记录 |
||||
|
this.$refs.uploadFile.clearFiles() |
||||
|
// 关闭窗口并刷新页面 |
||||
|
//this.closeDialog() |
||||
|
this.fileList = [] |
||||
|
this.visible = false |
||||
|
} else { |
||||
|
let message = data.msg.split(';') |
||||
|
this.$alert(message[0] + '<br/>' + message[1], '导入失败', { |
||||
|
confirmButtonText: '确定', |
||||
|
dangerouslyUseHTMLString: true |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 下载 |
||||
|
async downloadFile () { |
||||
|
let file = { |
||||
|
id: 0, |
||||
|
fileName: '' |
||||
|
} |
||||
|
let tempData = { |
||||
|
orderRef1: 'qc', |
||||
|
orderRef2: 'subDetailUpload' |
||||
|
} |
||||
|
await queryFileId(tempData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
file.id = data.data.id |
||||
|
file.fileName = data.data.fileName |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
await downLoadObjectFile(file).then(({data}) => { |
||||
|
// 不限制文件下载类型 |
||||
|
const blob = new Blob([data], {type: "application/octet-stream"}) |
||||
|
// 下载文件名称 |
||||
|
const fileName = file.fileName |
||||
|
// a标签下载 |
||||
|
const linkNode = document.createElement('a') |
||||
|
// a标签的download属性规定下载文件的名称 |
||||
|
linkNode.download = fileName |
||||
|
linkNode.style.display = 'none' |
||||
|
// 生成一个Blob URL |
||||
|
linkNode.href = URL.createObjectURL(blob) |
||||
|
document.body.appendChild(linkNode) |
||||
|
// 模拟在按钮上的一次鼠标单击 |
||||
|
linkNode.click() |
||||
|
// 释放URL 对象 |
||||
|
URL.revokeObjectURL(linkNode.href) |
||||
|
document.body.removeChild(linkNode) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 点击 X 关闭对话框的回调 |
||||
|
**/ |
||||
|
handleDialogClose () { |
||||
|
this.fileList = [] |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue