From 2751b840a281eef201073c8d598b27b67fa47355 Mon Sep 17 00:00:00 2001 From: "@fawn-nine" <1271023382@qq.com> Date: Wed, 14 Jun 2023 17:31:15 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/page/ReferenceEditor.vue | 184 +++++++++++++++++++----- src/components/page/articleList.vue | 12 +- 2 files changed, 158 insertions(+), 38 deletions(-) diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue index 2ceaf5a..d17016c 100644 --- a/src/components/page/ReferenceEditor.vue +++ b/src/components/page/ReferenceEditor.vue @@ -1,5 +1,5 @@
- edit + edit - Add + Add ↑ ↓ @@ -133,22 +133,24 @@
- +

现在您可以添加或者修改您的引用文献信息，如果您有引用文献的Doi数据，可以直接复制到Doi输入框，并提交，系统会自动识别您的引用文献，如果您没有Doi数据，也可以打开“Show Content”开关，直接填写您的引用文献内容。

- + + + - + - Cancel - Save + Cancel + Save + Save @@ -195,9 +197,11 @@ export default { data(){ return{ - user_name: localStorage.getItem('U_relname'), + user_name: localStorage.getItem('U_relname'), + holeLoading : false, // 进入页面的loading importIoading: false, baseUrl: this.Common.baseUrl, + addLoading:false, contentVisible:false, // 引用数据列表 tableData:[ @@ -218,19 +222,27 @@ // 引用表单 refenceForm:{ refer_content:'', - refer_doi:'' + refer_doi:'', + p_refer_id:null, // 当前行一行的引用序号 }, refenceFormrules:{ title:[ { required: true, message: 'The title cannot be empty', trigger: 'blur' }, ] - } + }, + dialogTitle:'' } }, created(){ + this.openFullScreen1() this.getRefData() + this.holeLoading = true }, methods:{ + // 全页面加载动画 + openFullScreen1() { + this.holeLoading = true; + }, // 获取引用文献信息 getRefData(){ this.$api @@ -238,8 +250,9 @@ .then(res => { console.log(res) if(res.code == 0 && res.data.refers.length > 0){ - this.tableData = res.data.refers + this.tableData = res.data.refers } + this.holeLoading = false }) .catch(err => { console.log(err); @@ -291,13 +304,80 @@ this.uploadVisible = true }, // 显示修改引用 - change(row){ + change(row, optitle){ + this.dialogTitle = optitle this.editboxVisible = true - this.refenceForm = row + this.refenceForm.refer_doi = row.refer_doi + this.refenceForm.p_refer_id = row.p_refer_id }, - // 保存修改 - saveChange(){ + // 取消保存 + cancelSave(){ + this.editboxVisible = false + // refenceForm + this.$refs['refenceForm'].resetFields(); + this.dialogTitle = '' + }, + + // 编辑引用 + saveChange(){ + this.$refs.refenceForm.validate((valid) => { + this.addLoading = true + if(valid){ + this.$api + .post('api/Preaccept/editRefer', { + // 'article_id': this.$route.query.id, + 'p_refer_id': this.refenceForm.p_refer_id, + 'doi': this.refenceForm.refer_doi + }) + .then(res => { + if (res.code == 0) { + this.addLoading = false + this.$message.success('successed！') + this.getRefData() + this.cancelSave() + } else { + this.$message.error(res.msg); + } + }) + .catch(err => { + this.$message.error(err); + }); + }else{ + + } + }) + }, + + // 保存新增 + saveAdd(){ + this.$refs.refenceForm.validate((valid) => { + this.addLoading = true + if(valid){ + this.$api + .post('api/Preaccept/addRefer', { + 'article_id': this.$route.query.id, + 'pre_p_refer_id': this.refenceForm.p_refer_id, + 'doi': this.refenceForm.refer_doi + }) + .then(res => { + if (res.code == 0) { + this.addLoading = false + this.$message.success('successed！') + this.getRefData() + this.cancelSave() + } else { + this.$message.error(res.msg); + } + }) + .catch(err => { + this.$message.error(err); + }); + }else{ + this.$message.error('error submit!!'); + return false; + } + }) }, beforeupload_manuscirpt(file) { let flieArr = file.name.split(".") @@ -381,9 +461,15 @@ }); }, // 添加一行 - addLine(row){ - this.editboxVisible = true - this.refenceForm = {} + addLine(row, optitle){ + //console.log(row) + this.dialogTitle = optitle + // this.$refs['refenceForm'].clearValidate() + this.editboxVisible = true + this.refenceForm.p_refer_id = row.p_refer_id + this.$nextTick(()=>{ + this.$refs['refenceForm'].clearValidate(['refer_doi']); + }) }, // 删除一行 @@ -393,11 +479,27 @@ cancelButtonText: 'Cancel', type: 'warning' }).then(() => { - this.$message({ - type: 'success', - message: 'remove successed!' - }); - }) + this.$api + .post('api/Preaccept/delRefer', { + 'p_refer_id': row.p_refer_id + }) + .then(res => { + if (res.code == 0) { + this.$message.success('remove successed!') + this.getRefData() + } else { + this.$message.error(res.msg); + } + }) + .catch(err => { + this.$message.error(err); + }); + }).catch(() => { + // this.$message({ + // type: 'info', + // message: '已取消删除' + // }); + }); }, // 调整顺序 @@ -409,11 +511,27 @@ cancelButtonText: 'Cancel', type: 'warning' }).then(() => { - this.$message({ - type: 'success', - message: 'remove successed!' - }); - }) + this.$api + .post('api/Preaccept/sortRefer', { + 'p_refer_id': row.p_refer_id, + 'act': opName + }) + .then(res => { + if (res.code == 0) { + this.$message.success('successed!') + this.getRefData() + } else { + this.$message.error(res.msg); + } + }) + .catch(err => { + this.$message.error(err); + }); + // this.$message({ + // type: 'success', + // message: 'remove successed!' + // }); + }).catch(()=>{}); } }, computed: { diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue index 9238295..a3f1772 100644 --- a/src/components/page/articleList.vue +++ b/src/components/page/articleList.vue @@ -1,5 +1,5 @@