From 13c0b3f07e75d63ffb518ee8f3af81b3e8a1caa3 Mon Sep 17 00:00:00 2001 From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com> Date: 星期四, 10 七月 2025 09:28:43 +0800 Subject: [PATCH] 修改新增 --- src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue | 198 ++++++++++++++++--------------------------------- 1 files changed, 65 insertions(+), 133 deletions(-) diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue index 65e16a1..745679e 100644 --- a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue +++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue @@ -37,7 +37,8 @@ </el-table-column> <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template #default="scope"> -<!-- <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button>--> + <el-button link type="primary" @click="initFile(scope.row)">下载</el-button> + <el-button link type="primary" @click="openDialog('add',scope.row)">上传</el-button> <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> </template> </el-table-column> @@ -60,6 +61,7 @@ v-model:limit="queryParams.pageSize" @pagination="getList" /> + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> </div> </template> @@ -68,7 +70,7 @@ import {ElMessage, ElMessageBox} from "element-plus"; import {delCompany, getCompany} from "@/api/onlineEducation/company"; import {generateWordDocument} from './components/exportDoc.js' -// import OrgTree from 'vue-org-tree' +import editDialog from './components/editDialog.vue' import html2canvas from 'html2canvas' import { saveAs } from 'file-saver' import useUserStore from "@/store/modules/user"; @@ -78,7 +80,7 @@ getStandardDetail, getStandardQuality } from "@/api/standardSys/standardSys"; -import {getDepart, getDistribution} from "@/api/orgStructure/depart"; +import {getDepart, getDistribution, getSysClause} from "@/api/orgStructure/depart"; const userStore = useUserStore() const { proxy } = getCurrentInstance(); @@ -94,14 +96,8 @@ dataList: [], deptList: { id: 0, - deptName: "总经理", - children:[ - { - id: '0-1', - deptName: "管理者代表", - children: [] - } - ] + deptName: "", + children:[] }, treeProps: { label: 'deptName' @@ -115,87 +111,15 @@ }, companyList: [], isAdmin: false, - companyInfo: { - summaries: '', - policies: '', - deptList: [], - duties: [], - temps: [] - }, - caluseList: [ - {clauseNum: '4', content: '组织环境'}, - {clauseNum: '4.1', content: '理解组织及其环境',manage: true,represent: false}, - {clauseNum: '4.2', content: '理解相关方的需求和期望',manage: true,represent: false}, - {clauseNum: '4.3', content: '确定质量管理体系的范围',manage: false,represent: true}, - {clauseNum: '4.4', content: '质量管理体系及其过程',manage: false,represent: true}, - {clauseNum: '5', content: '领导作用'}, - {clauseNum: '5.1', content: '领导作用和承诺',manage: true,represent: false}, - {clauseNum: '5.2', content: '质量方针',manage: true,represent: false}, - {clauseNum: '5.3', content: '组织的岗位、职责和权限',manage: true,represent: false}, - {clauseNum: '6', content: ''}, - {clauseNum: '6.1', content: '应对风险和机遇的措施',manage: true,represent: false}, - {clauseNum: '6.2', content: '质量目标及其实现的策划',manage: false,represent: true}, - {clauseNum: '6.3', content: '变更的策划',manage: false,represent: true}, - {clauseNum: '7', content: '支持'}, - {clauseNum: '7.1', content: '资源',manage: true,represent: false}, - {clauseNum: '7.1.1', content: '总则',manage: true,represent: false}, - {clauseNum: '7.1.2', content: '人员',manage: true,represent: false}, - {clauseNum: '7.1.3', content: '基础设施',manage: false,represent: true}, - {clauseNum: '7.1.4', content: '过程运行环境',manage: false,represent: true}, - {clauseNum: '7.1.5', content: '监视和测量资源',manage: false,represent: true}, - {clauseNum: '7.1.6', content: '组织的知识',manage: false,represent: true}, - {clauseNum: '7.2', content: '能力'}, - {clauseNum: '7.3', content: '意识'}, - {clauseNum: '7.4', content: '沟通'}, - {clauseNum: '7.5', content: '成文信息'}, - {clauseNum: '7.6', content: '质量信息'}, - {clauseNum: '8', content: '运行'}, - {clauseNum: '8.1', content: '运行策划和控制'}, - {clauseNum: '8.2', content: '产品和服务的要求'}, - {clauseNum: '8.2.1', content: '顾客沟通'}, - {clauseNum: '8.2.2', content: '与产品和服务有关的要求的确定'}, - {clauseNum: '8.2.3', content: '与产品和服务有关的要求的评审'}, - {clauseNum: '8.2.4', content: '产品和服务要求的更改'}, - {clauseNum: '8.3', content: '产品和服务的设计和开发'}, - {clauseNum: '8.3.1', content: '总则'}, - {clauseNum: '8.3.2', content: '设计和开发策划'}, - {clauseNum: '8.3.3', content: '设计和开发输入'}, - {clauseNum: '8.3.4', content: '设计和开发控制'}, - {clauseNum: '8.3.5', content: '设计和开发输出'}, - {clauseNum: '8.3.6', content: '设计和开发更改'}, - {clauseNum: '8.3.7', content: '新产品试制'}, - {clauseNum: '8.3.8', content: '设计和开发的试验控制'}, - {clauseNum: '8.4', content: '外部提供过程、产品和服务的控制'}, - {clauseNum: '8.4.1', content: '总则'}, - {clauseNum: '8.4.2', content: '控制类型和程度'}, - {clauseNum: '8.4.3', content: '提供给外部供方的信息'}, - {clauseNum: '8.5', content: '生产和服务提供'}, - {clauseNum: '8.5.1', content: '生产和服务提供的控制'}, - {clauseNum: '8.5.2', content: '标识和可追溯性'}, - {clauseNum: '8.5.3', content: '顾客或外部供方的财产'}, - {clauseNum: '8.5.4', content: '防护'}, - {clauseNum: '8.5.5', content: '交付后的活动'}, - {clauseNum: '8.5.6', content: '更改控制'}, - {clauseNum: '8.5.7', content: '关键过程'}, - {clauseNum: '8.6', content: '产品和服务的放行'}, - {clauseNum: '8.7', content: '不合格输出的控制'}, - {clauseNum: '9', content: '绩效评价'}, - {clauseNum: '9.1', content: '监视、测量、分析和评价'}, - {clauseNum: '9.1.1', content: '总则'}, - {clauseNum: '9.1.2', content: '顾客满意'}, - {clauseNum: '9.1.3', content: '分析和评价'}, - {clauseNum: '9.2', content: '内部审核'}, - {clauseNum: '9.3', content: '管理评审'}, - {clauseNum: '10', content: '持续改进'}, - {clauseNum: '10.1', content: '总则'}, - {clauseNum: '10.2', content: '不合格和纠正措施'}, - {clauseNum: '10.3', content: '持续改进'} - ] + companyInfo: {}, + caluseList: [], + originDeptList: [] }); const { queryParams, total, dataList,deptList,treeProps,tools,labelStyle,companyList, isAdmin, companyInfo, caluseList } = toRefs(data); const userInfo = ref() onMounted(async ()=>{ + await getSysClauseList() if(userStore.roles.includes('admin')){ data.isAdmin = true await getCompanyList() @@ -210,6 +134,19 @@ }) +const getSysClauseList = async ()=> { + const res = await getSysClause() + if(res.code == 200){ + data.caluseList = res.data.map(i=>{ + return { + clauseNum: i.clauseNum, + content: i.name + } + }) + }else{ + ElMessage.warning(res.message) + } +} const getList = async () => { loading.value = true @@ -224,7 +161,7 @@ } const getDeptData = async (val) => { - await getDeptList(val.companyId) + await getDeptList(val) const res = await getDistribution({companyId: val.companyId}) if(res.code == 200){ for(let item of data.caluseList){ @@ -243,10 +180,12 @@ ElMessage.warning(res.message) } } -const getDeptList = async (id) => { - const res = await getDepart({pageNum: 1, pageSize: 999, responsType: 1, companyId: id}) +const getDeptList = async (val) => { + const res = await getDepart({responsType: 1, companyId: val.companyId}) if(res.code == 200){ - data.deptList.children[0].children = res.data + data.originDeptList = res.data + data.deptList.deptName = val.companyName + data.deptList.children = proxy.handleTree(res.data, "deptId") }else{ ElMessage.warning(res.message) } @@ -286,21 +225,15 @@ } const getInfo = async (val) => { - loading.value = true; const res = await getStandardDetail({companyId: val.companyId}); if(res.code === 200){ if(!res.data || (res.data.companyIndustryTemplates.length == 0 && res.data.companyQualityPolicies.length == 0 && res.data.companySummaries.length == 0 && res.data.sysFunctionalDistributions .length == 0 && res.data.treeSelects.length == 0)){ - loading.value = false; return Promise.reject(new Error('该企业暂无质量数据')); } data.companyInfo.summaries = res.data.companySummaries ? res.data.companySummaries[0]?.companySummary : [] data.companyInfo.policies = res.data.companyQualityPolicies ? res.data.companyQualityPolicies[0]?.policy : [] - data.companyInfo.deptList = res.data.treeSelects ? res.data.treeSelects : [] - // data.companyInfo.clauses = data.caluseList - // data.companyInfo.duties = res.data.sysFunctionalDistributions - - const duties = transToTableData(res.data.sysFunctionalDistributions) + const duties = transToTableData(res.data.sysFunctionalDistributions,data.originDeptList) data.companyInfo.allDeptNames = duties.allDeptNames data.companyInfo.clauses = duties.clauses data.companyInfo.temps = res.data.companyIndustryTemplates?.map((item,index)=>{ @@ -309,45 +242,37 @@ templateName: item.templateName } }) || [] - // const imageBase64 = await exportTableToImage() - // data.companyInfo.tableImage = { - // data: imageBase64.split(",")[1], // 去掉 data:image/png;base64, 前缀 - // type: "png", - // } }else{ ElMessage.warning(res.message) } - loading.value = false; } -const transToTableData=(duties)=>{ +const transToTableData=(duties,deptList)=>{ // 步骤1:获取所有唯一的部门和条款编号 - const allDeptNames = [...new Set(duties.map(item => item.deptName))]; + // const allDeptNames = [...new Set(duties.map(item => item.deptName))]; + const allDeptNames = deptList ? deptList.map(item => item.deptName) : [...new Set(duties.map(item => item.deptName))] const allClauseNums = [...new Set([ ...data.caluseList.map(c => c.clauseNum), ...duties.map(d => d.clauseNum) ])]; // 步骤2:为每个条款生成完整的部门数据(缺失数据默认 chooseLab: 0) + const mergeValues = ['4','5','6','7','7.1','8','8.2','8.3','8.4','8.5','9','9.1','10'] const processedClauses = allClauseNums.map(clauseNum => { const clauseContent = data.caluseList.find(c => c.clauseNum === clauseNum)?.content || ""; - // 为当前条款生成所有部门的数据(确保每个部门都有值) const deptValues = allDeptNames.map(deptName => { const matchedDept = duties.find( item => item.clauseNum === clauseNum && item.deptName === deptName ); - return matchedDept ? (matchedDept.chooseLab==1?'●':'○' ): '○'; - + return matchedDept ? (matchedDept.chooseLab==1?'●':'○' ): '○' }); - return { clauseNum, content: clauseContent, - deptValues // 数组形式,例如 [0, 1, 0, 0] - }; - }); - + deptValues: !mergeValues.includes(clauseNum)? deptValues : deptValues.map(i=> '') + } + }) // 最终数据结构 return { clauses: processedClauses, @@ -356,25 +281,32 @@ } const initFile = async (val) => { - try { - await getInfo(val) - await getDeptData(val) - // 2. 等待DOM更新完成 - await nextTick(); + data.companyInfo = {} + loading.value = true + if(val.filePath !== ''){ + window.open(import.meta.env.VITE_APP_BASE_API + '/' + val.filePath) + }else{ + try { + await getDeptList(val) + await getInfo(val) + // 2. 等待DOM更新完成 + await nextTick(); - // 3. 捕获组织结构图图片 - const orgChartImage = await captureElementToImage('org-tree-container'); - data.companyInfo.orgChart = orgChartImage - const templatePath = '/qualityFile.docx' - await generateWordDocument( - templatePath, - data.companyInfo, - val.companyName+'质量手册.docx' - ); - ElMessage.success('手册导出成功!') - } catch (error) { - console.error('操作失败:', error); - ElMessage.warning(error.message || '操作失败'); + // 3. 捕获组织结构图图片 + const orgChartImage = await captureElementToImage('org-tree-container'); + data.companyInfo.orgChart = orgChartImage + data.companyInfo.companyName = val.companyName + const templatePath = '/qualityFile.docx' + await generateWordDocument( + templatePath, + data.companyInfo, + val.companyName+'质量手册.docx' + ); + loading.value = false + } catch (error) { + console.error('操作失败:', error); + ElMessage.warning(error.message || '操作失败'); + } } } @@ -392,7 +324,7 @@ } const openDialog = (type, value) => { - dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); + dialogRef.value.openDialog(type, value); } /** 重置新增的表单以及其他数据 */ -- Gitblit v1.9.2