<template>
|
<div class="riskBox">
|
<el-form ref="formRef" :model="state.formData" :rules="state.rules" class="register-form" label-position="top">
|
<el-row :gutter="30">
|
<el-col :span="18">
|
<el-form-item label="附件上传">
|
<el-upload :disabled="projectType === 'view' || isEnd" accept="image/*,.pdf,.doc,.docx" :action="state.uploadUrl" :data="{moduleType: 6,projectId: props.projectId}" :headers="state.header" method="post" :on-success="handleAvatarSuccess" :on-exceed="showTip" v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="handleRemove">
|
<el-button type="primary">上传评审记录</el-button>
|
<template #tip>
|
<div class="el-upload__tip">上传文件尺寸尺寸小于2M</div>
|
</template>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-table :data="state.tableData" :border="true" style="margin: 20px 0">
|
<el-table-column label="序号" width="60" align="center" type="index"></el-table-column>
|
<el-table-column label="原名称" prop="originName" align="center" :show-overflow-tooltip="true"/>
|
<el-table-column label="操作" header-align="center" class-name="small-padding fixed-width" width="120">
|
<template #default="scope">
|
<el-button link type="primary" @click="checkFile(scope.row)">查看</el-button>
|
<el-button link type="danger" @click="handleRemove(scope.row,[])" :disabled="projectType === 'view'">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-form>
|
</div>
|
</template>
|
<script setup>
|
|
import {defineEmits, onMounted, reactive, ref} from "vue";
|
import {ElMessage, ElMessageBox} from "element-plus";
|
import {Search} from '@element-plus/icons-vue'
|
import {delFile, getFiles, getReviewDone} from "@/api/projectManage/siteCheckRcd";
|
import { getToken } from "@/utils/auth";
|
import Cookies from "js-cookie"
|
import axios from 'axios'
|
import { useRoute } from 'vue-router'
|
const route = useRoute()
|
const emit = defineEmits(["getNextStatus"]);
|
const props = defineProps(['projectId'])
|
const state = reactive({
|
formData: {},
|
rules: {},
|
tableData: [],
|
uploadUrl: import.meta.env.VITE_APP_BASE_API + '/manage/accessory-file/uploadFile',
|
header: {
|
Authorization: getToken()
|
},
|
fileList: []
|
})
|
|
const isAmin = ref(false)
|
const formRef = ref()
|
onMounted(() => {
|
const userInfo = JSON.parse(Cookies.get('userInfo'))
|
if(userInfo.identity === 0){
|
isAmin.value = true;
|
}
|
getReviewFiles(props.projectId)
|
})
|
|
const projectType = ref('');
|
const isEnd = ref('')
|
const riskOpen = async (type,val) => {
|
projectType.value = route.query.type;
|
isEnd.value = Cookies.get('end')
|
if(type === 'detail' || type === 'edit' ){
|
await getReviewFiles
|
}
|
|
if(type === 'add' || type === 'clickEdit') {
|
const valid = await formRef.value.validate();
|
if(valid){
|
if (isAmin.value) {
|
ElMessage.warning("当前用户暂无权限");
|
return;
|
}
|
if(type === 'add'){
|
const res = await getFiles({projectId: val,moduleType: 6})
|
if(res.code == 200){
|
if(res.data && res.data.length>0){
|
state.tableData = res.data
|
ElMessage.success('保存成功')
|
getReviewDone({projectId: val}).then((res)=>{
|
if(res.code == 200){
|
emit('getNextStatus', val);
|
}else{
|
ElMessage.warning(res.message)
|
}
|
})
|
}else{
|
state.tableData=[]
|
ElMessage.warning('请上传评审记录附件')
|
}
|
}else {
|
ElMessage.warning(res.message)
|
}
|
}else if(type === 'clickEdit'){
|
const res = await getFiles({projectId: val,moduleType: 6})
|
if(res.code == 200){
|
if(res.data && res.data.length>0){
|
state.tableData = res.data
|
ElMessage.success('变更成功')
|
}else{
|
state.tableData=[]
|
ElMessage.warning('请上传评审记录附件')
|
}
|
}else {
|
ElMessage.warning(res.message)
|
}
|
}
|
}
|
}
|
}
|
|
const getReviewFiles = async (id)=>{
|
const res = await getFiles({projectId: id ? id : props.projectId,moduleType: 6})
|
if(res.code == 200){
|
if(res.data && res.data.length>0){
|
state.tableData = res.data
|
state.fileList = res.data.map(i => {
|
return {
|
name: i.originName,
|
url: import.meta.env.VITE_APP_BASE_API + '/' + i.path,
|
id: i.id,
|
projectId: i.projectId,
|
moduleType: i.moduleType
|
|
}
|
})
|
}else{
|
state.tableData=[]
|
}
|
}else {
|
ElMessage.warning(res.message)
|
}
|
}
|
|
// 图片上传
|
const showTip =()=>{
|
ElMessage({
|
type: 'warning',
|
message: '超出文件上传数量'
|
});
|
}
|
|
const picSize = async (rawFile) => {
|
if(rawFile.size / 1024 / 1024 > 5){
|
ElMessage({
|
type: 'warning',
|
message: '文件大小不能超过5M'
|
});
|
return false
|
}
|
};
|
|
const handlePictureCardPreview = (uploadFile) => {
|
console.log(uploadFile,'file')
|
state.imgUrl = uploadFile.url
|
state.imgDialog = true
|
};
|
|
|
const handleAvatarSuccess = (res, uploadFile, type) => {
|
if(res.code == 200){
|
getReviewFiles()
|
}else{
|
state.fileList.splice(state.fileList.indexOf(uploadFile),1)
|
ElMessage({
|
type: 'warning',
|
message: res.message
|
})
|
}
|
}
|
|
const handleRemove = async (file, uploadFiles) => {
|
ElMessageBox.confirm(
|
'确定删除该附件？',
|
'提示',
|
{
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
})
|
.then( async() => {
|
const res = await delFile(file.id)
|
if(res.code == 200){
|
ElMessage({
|
type: 'success',
|
message: '文件已删除'
|
})
|
await getReviewFiles()
|
}else{
|
ElMessage({
|
type: 'warning',
|
message: res.message
|
})
|
}
|
})
|
.catch(()=>{
|
getReviewFiles()
|
})
|
}
|
|
const checkFile = async (file)=>{
|
axios.get(import.meta.env.VITE_APP_BASE_API +'/' + file.path,{headers:{'Content-Type': 'application/json','Authorization': `${getToken()}`,'uid':`${Cookies.get('uid')}`},responseType: 'blob'}).then(res=>{
|
if (res) {
|
const link = document.createElement('a')
|
let blob = new Blob([res.data],{type: res.data.type})
|
link.style.display = "none";
|
link.href = URL.createObjectURL(blob); // 创建URL
|
window.open(link.href)
|
} else {
|
ElMessage({
|
type: 'warning',
|
message: '文件读取失败'
|
});
|
}
|
})
|
}
|
|
defineExpose({
|
riskOpen
|
});
|
|
|
</script>
|
<style scoped lang="scss">
|
.riskBox{
|
:deep(.el-form .el-form-item__label) {
|
font-size: 15px;
|
}
|
}
|
|
</style>
|
