From 2adbfd2aed024bf8fda3b85b3e7af07108329f85 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期一, 09 十二月 2024 14:01:43 +0800 Subject: [PATCH] 修改报销表 --- src/views/safetyReview/projectManage/components/projectArchive.vue | 164 +++++++++++++++++++++++++++++++++++------------------- 1 files changed, 106 insertions(+), 58 deletions(-) diff --git a/src/views/safetyReview/projectManage/components/projectArchive.vue b/src/views/safetyReview/projectManage/components/projectArchive.vue index 6e365ec..d684298 100644 --- a/src/views/safetyReview/projectManage/components/projectArchive.vue +++ b/src/views/safetyReview/projectManage/components/projectArchive.vue @@ -1,23 +1,24 @@ <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="endTime" 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="description" 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'" @@ -43,51 +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: { - description: [{ required: true, message: "总结描述不能为空", trigger: "blur" }], - endTime:[{ required: true, message: "结束日期不能为空", trigger: "blur" }] + // desc: [{ required: true, message: "总结描述不能为空", trigger: "blur" }], + projectEndTime:[{ required: true, message: "结束日期不能为空", trigger: "blur" }] }, - uploadUrl: import.meta.env.VITE_APP_BASE_API + '', + 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{ @@ -117,7 +191,7 @@ }; 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}) @@ -134,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