From b609f77709c4646daf155341475ae14fc0c7943d Mon Sep 17 00:00:00 2001 From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com> Date: 星期五, 27 六月 2025 13:25:30 +0800 Subject: [PATCH] 修改 --- src/views/safetyReview/projectManage/components/projectArchive.vue | 185 +++++++++++++++++++++++++++++++--------------- 1 files changed, 124 insertions(+), 61 deletions(-) diff --git a/src/views/safetyReview/projectManage/components/projectArchive.vue b/src/views/safetyReview/projectManage/components/projectArchive.vue index 04c1d1f..930f6fb 100644 --- a/src/views/safetyReview/projectManage/components/projectArchive.vue +++ b/src/views/safetyReview/projectManage/components/projectArchive.vue @@ -1,28 +1,41 @@ <template> <div class="archive"> - <el-form style="display: flex;flex-direction: column" :model="state.dataForm" ref="dataForm" :inline="true" :rules="state.rules" label-width="130px" > - <el-form-item prop="deptName" label="结束日期:"> + <el-form ref="formRef" style="display: flex;flex-direction: column" :model="state.dataForm" :inline="true" :rules="state.rules" label-width="130px" > + <el-form-item prop="projectEndTime" label="结束日期:"> <el-date-picker - v-model="state.dataForm.endTime" - type="date" + v-model="state.dataForm.projectEndTime" + type="datetime" placeholder="请选择结束日期" + value-format="YYYY-MM-DD HH:mm:ss" /> </el-form-item> - <el-form-item prop="deptName" label="总结描述:"> - <el-input - type="textarea" - :rows="8" - v-model.trim="state.dataForm.summarize" - size="large" - placeholder="请输入总结描述" - > - </el-input> - </el-form-item> +<!-- <el-form-item prop="desc" label="总结描述:">--> +<!-- <el-input--> +<!-- type="textarea"--> +<!-- :rows="8"--> +<!-- v-model.trim="state.dataForm.desc"--> +<!-- size="large"--> +<!-- placeholder="请输入总结描述"--> +<!-- >--> +<!-- </el-input>--> +<!-- </el-form-item>--> <el-form-item label="附件上传:"> - <el-upload :disabled="projectType==='view'" accept=".pdf" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='1' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,5)"> + <el-upload + :disabled="projectType==='view'" + accept=".pdf" + :action="state.uploadUrl" + :headers="state.header" + method="post" + :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" + :on-exceed="showTip" + :on-preview="handlePictureCardPreview" + :limit='1' + v-model:file-list="state.fileList" + :before-upload="picSize" + :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)"> <el-button type="primary">上传附件PDF</el-button> <template #tip> - <div class="el-upload__tip">上传文件尺寸小于5M,最多可上传1份</div> + <div class="el-upload__tip">上传文件尺寸小于20M,最多可上传1份</div> </template> </el-upload> </el-form-item> @@ -31,48 +44,124 @@ </template> <script setup> -import {reactive, ref} from "vue"; +import {onMounted, reactive, ref} from "vue"; import {getToken} from "@/utils/auth"; import {ElMessage, ElMessageBox} from "element-plus"; import axios from "axios"; +import {archiveProject, checkProject, getFileInfo, getProjectInfo} from "@/api/projectManage"; +import Cookies from "js-cookie"; const emit = defineEmits(["getNextStatus"]); +const prop = defineProps(['projectId']) const projectType = ref('') const state = reactive({ dataForm: { - endTime: '', - summarize:'' + id: null, + projectEndTime: '', + desc:'', }, - rules: {}, - uploadUrl: import.meta.env.VITE_APP_BASE_API + '', + rules: { + // desc: [{ required: true, message: "总结描述不能为空", trigger: "blur" }], + projectEndTime:[{ required: true, message: "结束日期不能为空", trigger: "blur" }] + }, + uploadUrl: import.meta.env.VITE_APP_BASE_API + '/common/upload', header: { Authorization: getToken() }, - fileList: [] + fileList: [], + projectId: null, + isAdmin: false }); + +const userInfo = ref() +onMounted(async () => { + if(prop.projectId){ + state.projectId = prop.projectId + } + userInfo.value = JSON.parse(Cookies.get('userInfo')) + state.isAdmin = userInfo.value.admin +}) + +const formRef = ref() const riskOpen = async (type,val) => { console.log("type",type,val) //完结按钮 + let valid = null if(type === 'confirm'){ - //成功后自动到下一步 项目id - emit('getNextStatus', 4); - + valid = await formRef.value.validate(); + if (state.isAdmin) { + ElMessage.warning("当前用户暂无权限"); + return; + } + } + if(type === 'confirm'){ + if(valid){ + state.dataForm.id = state.projectId + state.dataForm.projectFile = state.fileList + const res = await archiveProject(state.dataForm); + if(res.code == 200){ + ElMessage.success('确认完结') + emit('getNextStatus', state.projectId); + // dialogVisible.value = false + }else{ + ElMessage.warning(res.message) + } + } }else if(type === 'detail' || type === 'view'){ if(type === 'view'){ projectType.value = type } - console.log("view333333",type,val) + await getProject() + await getFile() } } +const getProject = async () => { + const res = await getProjectInfo(state.projectId) + if(res.code === 200) { + if(res.data) { + const val = res.data + for(let i in state.dataForm) { + if (validKey(i, val)) { + state.dataForm[i] = val[i] + } + } + } + }else { + ElMessage.warning(res.message) + } +} + +const validKey=(key,obj)=>{ + return key in obj +} +const getFile = async () =>{ + const param = { + projectId: state.projectId, + module: 2 + } + const res = await getFileInfo(param); + if(res.code == 200){ + state.fileList = res.data.map(item => { + return { + ...item, + name: item.originalFileName + } + }) + }else{ + ElMessage.warning(res.message) + } +} const handleAvatarSuccess = (res, uploadFile) => { if(res.code == 200){ - state.fileList = res.data.map(i=>{ + state.fileList = state.fileList.map(item => { return { - name: i.originName, - url: import.meta.env.VITE_APP_BASE_API + '/' + i.path, - id: i.id, - projectId: i.projectId, + name: item.name, + originalFileName: item.name, + filePath: item.response.url, + fileName:item.response.fileName, + projectId: state.projectId, + module: 2 } }) }else{ @@ -92,17 +181,17 @@ } const picSize = async (rawFile) => { - if(rawFile.size / 1024 / 1024 > 5){ + if(rawFile.size / 1024 / 1024 > 20){ ElMessage({ type: 'warning', - message: '文件大小不能超过5M' + message: '文件大小不能超过20M' }); return false } }; const handlePictureCardPreview = (uploadFile) => { - axios.get(uploadFile.url,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`,'uid':`${Cookies.get('uid')}`},responseType: 'blob'}).then(res=>{ + axios.get(uploadFile.filePath,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`},responseType: 'blob'}).then(res=>{ if (res) { const link = document.createElement('a') let blob = new Blob([res.data],{type: res.data.type}) @@ -119,33 +208,7 @@ }; const handleRemove = async (file, uploadFile) => { - if(file && file.status == 'success') { - ElMessageBox.confirm( - '确定删除该附件?', - '提示', - { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning', - }) - .then(async () => { - state.fileList = [] - // const res = await delFile(file.id) - // if (res.code == 200) { - // ElMessage({ - // type: 'success', - // message: '文件已删除' - // }) - // } else { - // ElMessage({ - // type: 'warning', - // message: res.message - // }) - // } - }) - .catch(() => { - }) - } + } -- Gitblit v1.9.2