expertSystem.git

			@@ -1,183 +1,168 @@
			<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="6">
			<el-button type="primary" @click="addUpload">新增附件</el-button>
			</el-col>
			</el-row>
			<el-table :data="state.uploadList" :border="true" style="margin: 20px 0">
			<el-table-column label="序号" width="60" align="center" type="index"></el-table-column>
			<el-table-column label="名称" header-align="center" class-name="small-padding fixed-width">
			<template #default="scope">
			<el-input v-model="scope.row.fileName" maxlength="30" show-word-limit type="text" size="large"/>
			</template>
			</el-table-column>
			<el-table-column label="是否必须文件" header-align="center" class-name="small-padding fixed-width">
			<template #default="scope">
			<el-radio-group v-model="state.formData.status" >
			<el-radio :label="1">是</el-radio>
			<el-radio :label="0">否</el-radio>
			</el-radio-group>
			</template>
			</el-table-column>
			<el-table-column label="原因说明" header-align="center" class-name="small-padding fixed-width">
			<template #default="scope">
			<el-input v-model="scope.row.deviceName" maxlength="50" show-word-limit type="text" size="large"/>
			</template>
			</el-table-column>
			<el-table-column label="附件上传" header-align="center" class-name="small-padding fixed-width">
			<template #default="scope">
			<el-upload accept="image/*,.pdf" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="handleAvatarSuccess" :on-exceed="showTip" :limit='1' v-model:file-list="state.fileList[scope.$index]" :before-upload="picSize" :on-remove="handleRemove" :before-remove="beforeRemove">
			<el-button type="primary">附件上传</el-button>
			<template #tip>
			<div class="el-upload__tip">上传图片或pdf尺寸小于5M,最多可上传1张</div>
			</template>
			</el-upload>
			</template>
			</el-table-column>
			<el-table-column label="操作" header-align="center" class-name="small-padding fixed-width">
			<template #default="scope">
			<el-button link type="danger" @click="delUpload(scope.$index)">删除</el-button>
			</template>
			</el-table-column>
			</el-table>
			<el-row :gutter="30">
			<el-col :span="6">
			<el-form-item prop="contractSignDate" label="合同签订日期">
			<el-date-picker
			style="width: 100%"
			v-model="state.formData.contractSignDate"
			type="date"
			value-format="YYYY-MM-DD 00:00:00"
			placeholder="选择日期"
			size="large"
			/>
			</el-form-item>
			</el-col>
			<el-col :span="18">
			<el-form-item prop="contractMoney">
			<template #label>
			项目合同额<span style="font-size: 13px;color: red;font-weight: normal;display: inline-block;margin-left: 6px">预估合同金额，归档阶段可以进行修改。仅支持数字，单位万元，小数点后最多两位，数值范围（0.01-999.99）</span>
			</template>
			<el-input
			v-model="state.formData.contractMoney"
			size="large"
			type="number"
			placeholder="请输入项目合同额"
			>
			<template #append>万元</template>
			</el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-form-item label="实际合同额说明">
			<div class="archive">
			<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.projectEndTime"
			type="datetime"
			placeholder="请选择结束日期"
			value-format="YYYY-MM-DD HH:mm:ss"
			/>
			</el-form-item>
			<el-form-item prop="desc" label="总结描述：">
			<el-input
			v-model="state.formData.contractIntroduction"
			:autosize="{ minRows: 6 }"
			maxlength="100"
			show-word-limit
			type="textarea">
			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)">
			<el-button type="primary">上传附件PDF</el-button>
			<template #tip>
			<div class="el-upload__tip">上传文件尺寸小于5M,最多可上传1份</div>
			</template>
			</el-upload>
			</el-form-item>
			</el-form>
			</div>

			</template>
			<script setup>

			import {defineEmits, onMounted, reactive, ref} from "vue";
			import {ElMessage} from "element-plus";
			import {addRecord, editRecord, getDetail} from "@/api/projectManage/contractMng";
			import Cookies from "js-cookie";
			import { getToken } from "@/utils/auth";
			<script setup>
			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";

			const emit = defineEmits(["getNextStatus"]);
			const prop = defineProps(['projectId'])
			const projectType = ref('')
			const state = reactive({
			formData: {
			id: '',
			contractSignDate: '',
			contractMoney: '',
			contractIntroduction: ''
			dataForm: {
			id: null,
			projectEndTime: '',
			desc:'',
			},
			uploadList: [],
			rules: {
			contractSignDate: [{required: true, message: '请选择合同签订日期', trigger: 'blur'}],
			contractMoney: [{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 + '/common/upload',
			header: {
			Authorization: getToken()
			},
			fileList: [],
			uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
			header: {
			Authorization: 'Bearer ' + getToken()
			projectId: null
			});

			onMounted(async () => {
			if(prop.projectId){
			state.projectId = prop.projectId
			}
			})

			const isAmin = ref(false)
			const formRef = ref();
			onMounted(() => {
			const userInfo = JSON.parse(Cookies.get('userInfo'))
			if(userInfo.identity === 0){
			isAmin.value = true;
			}
			});

			const formRef = ref()
			const riskOpen = async (type,val) => {
			state.formData.projectId = val;
			if(type === 'detail' \|\| type === 'edit' ){
			const res = await getDetail({projectId: val});
			if(res.code == 200){
			state.formData = res.data;
			}else {
			ElMessage.warning(res.message)
			}
			console.log("type",type,val)
			//完结按钮
			let valid = null
			if(type === 'confirm'){
			valid = await formRef.value.validate();
			}
			if(type === 'add' \|\| type === 'clickEdit') {
			const valid = await formRef.value.validate();
			if(type === 'confirm'){
			if(valid){
			if (isAmin.value) {
			ElMessage.warning("当前用户暂无权限");
			return;
			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)
			}
			if(type === 'add'){
			const {id, ...data} = JSON.parse(JSON.stringify(state.formData))
			const res = await addRecord(data);
			if (res.code == 200) {
			ElMessage.success('保存成功')
			formRef.value.clearValidate();
			emit('getNextStatus', state.formData.projectId);
			} else {
			ElMessage.warning(res.message)
			}
			}else if(type === 'clickEdit'){
			const { ...data} = JSON.parse(JSON.stringify(state.formData))
			const res = await editRecord(data);
			if (res.code == 200) {
			ElMessage.success('变更成功')
			formRef.value.clearValidate();
			// emit('getNextStatus', data.project.id);
			} else {
			ElMessage.warning(res.message)
			}
			}else if(type === 'detail' \|\| type === 'view'){
			if(type === 'view'){
			projectType.value = type
			}
			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 addUpload = ()=>{
			let file = {
			fileName: '',
			deviceName: '',
			startDate: '',
			endDate: ''
			const validKey=(key,obj)=>{
			return key in obj
			}
			const getFile = async () =>{
			const param = {
			projectId: state.projectId,
			module: 2
			}
			state.uploadList.push(file)
			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 = state.fileList.map(item => {
			return {
			name: item.name,
			filePath: item.response.url,
			fileName:item.response.fileName,
			projectId: state.projectId,
			module: 2
			}
			})
			}else{
			state.fileList = []
			ElMessage({
			type: 'warning',
			message: res.message
			})
			}
			}

			const delUpload = (index)=>{
			state.uploadList.splice(index,1)
			}

			// 图片上传
			const showTip =()=>{
			ElMessage({
			type: 'warning',
			@@ -195,43 +180,36 @@
			}
			};

			const handleAvatarSuccess = (res, uploadFile) => {
			if(res.code == 200){
			// state.registerForm.agency.reportPath = res.data.path
			}else{
			ElMessage({
			type: 'warning',
			message: '文件上传失败'
			})
			}
			const handlePictureCardPreview = (uploadFile) => {
			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})
			link.style.display = "none";
			link.href = URL.createObjectURL(blob); // 创建URL
			window.open(link.href)
			} else {
			ElMessage({
			type: 'warning',
			message: '文件读取失败'
			});
			}
			})
			};

			const handleRemove = async (file, uploadFile) => {

			}

			const handleRemove = async (file, uploadFiles) => {
			const res = await delPic({path: state.registerForm.agency.reportPath})
			if(res.code == 200){
			ElMessage({
			type: 'success',
			message: '文件已删除'
			})
			}else{
			ElMessage({
			type: 'warning',
			message: res.message
			})
			}
			}

			defineExpose({
			riskOpen
			});


			</script>
			<style scoped lang="scss">
			.riskBox{
			:deep(.el-form .el-form-item__label) {
			font-size: 15px;
			}
			}


			<style scoped lang="scss">
			.archive{

			}
			</style>