H5/leshan-laboratory.git

			@@ -28,7 +28,7 @@
			</div>
			</div>
			<el-form-item prop="reportCode" style="margin-top: 38px">
			<el-input v-model="form.reportCode" style="width: 100%;" placeholder="请输入报告编号" />
			<el-input v-model="form.reportCode" disabled style="width: 100%;" placeholder="请输入报告编号" />
			</el-form-item>

			<div class="header-title" style="width: 100%;">
			@@ -58,8 +58,10 @@
			</div>
			</div>
			<el-form-item prop="name" style="margin-top: 38px">
			<el-upload action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList">
			<el-upload action="#" :file-list="fileList" :http-request="handleUpload"
			:before-upload="beforeUpload" :on-remove="handleRemove">
			<el-button size="small" type="primary">点击上传</el-button>
			<div slot="tip" class="el-upload__tip">支持任意格式文件上传</div>
			</el-upload>
			</el-form-item>

			@@ -78,6 +80,8 @@
			import AiEditor from '@/components/AiEditor'
			import chooseProject from '@/components/chooseProject'
			import { addData, getDetail, editData } from './service'
			import { customUploadRequest, getFullUrl } from '@/utils/utils'
			import { mapState } from "vuex";
			export default {
			components: {
			AiEditor,
			@@ -89,15 +93,15 @@
			form: {
			reportCode: "",
			reportName: "",
			reportText: ""
			reportText: "", feasibilityReportFiles: [] // 添加附件数组
			},
			tableData: [],
			fileList: [], // 附件列表
			showChoose: false,
			rules: {
			reportCode: [
			{ required: true, message: '请输入报告编号', trigger: 'blur' }
			],
			// reportCode: [
			// { required: true, message: '请输入报告编号', trigger: 'blur' }
			// ],
			reportName: [
			{ required: true, message: '请输入报告名称', trigger: 'blur' }
			],
			@@ -111,13 +115,29 @@
			this.getDetail()
			}
			},
			computed: {
			...mapState(["tagList", "isFold"]),
			},

			methods: {
			getDetail() {
			getDetail(this.$route.query.id).then(res => {
			this.form = res
			this.tableData = [{ ...res.projectTeam, staffName: res.staffNames }]
			this.fileList = res.fileList
			// 处理文件回显
			if (res.feasibilityReportFiles && res.feasibilityReportFiles.length > 0) {
			this.fileList = res.feasibilityReportFiles.map(file => {
			return {
			name: file.fileName,
			url: getFullUrl(file.fileUrl),
			uid: file.id
			}
			})
			this.form.feasibilityReportFiles = res.feasibilityReportFiles
			} else {
			this.fileList = []
			this.form.feasibilityReportFiles = []
			}
			})
			},
			//获取选择项目组数据
			@@ -126,8 +146,61 @@
			this.$forceUpdate()
			this.showChoose = false
			},

			// 上传前校验
			beforeUpload(file) {
			return true;
			},
			// 自定义上传处理
			handleUpload(options) {
			const { file, onSuccess, onError } = options;

			// 使用封装的customUploadRequest方法
			customUploadRequest({
			file,
			onSuccess: (res) => {
			if (res.code === 200) {
			const fileObj = {
			id: new Date().getTime(),
			reportId: this.$route.query.id ? this.$route.query.id : '',
			fileUrl: res.msg \|\| res.data \|\| '',
			reportType: 1, // 可行性研究报告类型
			fileName: file.name,
			fileSize: file.size,
			};

			// 添加到文件列表显示
			this.fileList.push({
			name: file.name,
			url: getFullUrl(fileObj.fileUrl),
			uid: fileObj.id
			});

			// 添加到表单数据
			this.form.feasibilityReportFiles.push(fileObj);

			this.$message.success('文件上传成功');
			onSuccess(res);
			} else {
			this.$message.error(res.message \|\| '文件上传失败');
			onError();
			}
			},
			onError: (err) => {
			this.$message.error('文件上传失败');
			onError(err);
			}
			});
			},
			// 删除文件
			handleRemove(file) {
			const index = this.fileList.findIndex(item => item.name === file.name);
			if (index !== -1) {
			this.fileList.splice(index, 1);
			this.form.feasibilityReportFiles.splice(index, 1);
			}
			},
			submit() {
			console.log(this.$refs.materialEditor.getContent());
			if (this.tableData.length == 0) {
			this.$message.error('请选择项目组')
			return
			@@ -150,7 +223,7 @@
			editData({ ...data, id: this.$route.query.id }).then(res => {
			if (res.code === 200) {
			this.$message.success('修改成功')
			this.$router.back()
			this.back()
			} else {
			this.$message.error(res.message)
			}
			@@ -159,7 +232,7 @@
			addData({ ...data }).then(res => {
			if (res.code === 200) {
			this.$message.success('发布成功')
			this.$router.back()
			this.back()
			} else {
			this.$message.error(res.message)
			}
			@@ -171,6 +244,13 @@
			}
			})
			},
			back() {
			this.$router.back();
			this.$store.commit(
			"SET_TAGLIST",
			this.tagList.filter((item) => item.path !== this.$route.path)
			);
			},
			save() {
			this.$refs.form.validate((valid) => {
			let data = {
			@@ -184,16 +264,27 @@

			if (valid) {
			this.loading = true
			addData({ ...data }).then(res => {
			if (res.code === 200) {
			this.$message.success('提交成功')
			this.$router.back()
			} else {
			this.$message.error(res.message)
			}
			}).finally(() => {
			this.loading = false
			})
			if (this.$route.query.id) {
			editData({ ...data, id: this.$route.query.id }).then(res => {
			if (res.code === 200) {
			this.$message.success('修改成功')
			this.back()
			} else {
			this.$message.error(res.message)
			}
			})
			} else {
			addData({ ...data }).then(res => {
			if (res.code === 200) {
			this.$message.success('发布成功')
			this.back()
			} else {
			this.$message.error(res.message)
			}
			}).finally(() => {
			this.loading = false
			})
			}
			}
			})
			},