zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tijiao

Browse Source
This commit is contained in:
始于初见
2025-11-24 17:25:33 +08:00
parent 92350a387f
commit f74d081450
6 changed files with 1266 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/common.vue
View File

@@ -5,14 +5,14 @@
// const mediaUrl = '/public/'; // const mediaUrl = '/public/';
// const baseUrl = '/'; // const baseUrl = '/';
const mediaUrl = 'https://submission.tmrjournals.com/public/'; // const mediaUrl = 'https://submission.tmrjournals.com/public/';
// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
const baseUrl = '/api'
// const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/'; // // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
// const baseUrl = '/api' // const baseUrl = '/api'
const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
const baseUrl = '/api';
//本地(正式环境 ) //本地(正式环境 )
// const mediaUrl = 'https://submission.tmrjournals.com/public/'; // const mediaUrl = 'https://submission.tmrjournals.com/public/';

72
src/components/page/OnlineProofreading.vue
View File

@@ -19,7 +19,7 @@
ref="commonWordHtmlTypeSetting" ref="commonWordHtmlTypeSetting"
@onDragStart="onDragStart" @onDragStart="onDragStart"
@huifu="huifu" @huifu="huifu"
:catalogueList="catalogueList" :catalogueList="tableData"
@onAddComment="onAddComment" @onAddComment="onAddComment"
@addImage="handleImageAdd" @addImage="handleImageAdd"
@addTable="handleTableAdd" @addTable="handleTableAdd"
@@ -35,11 +35,13 @@
</div> </div>
</div> </div>
<div style="" class="right-content-box"> <div style="" class="right-content-box">
<!-- title -->
<div v-for="(item, index) in catalogueList" :key="index"> <common-reference
<h1 :class="`title${item.key}`">{{ item.title }}</h1>
ref="commonReference1"
</div> :tableData="tableData"
></common-reference>
<!-- <common-word <!-- <common-word
v-if="htmlContent" v-if="htmlContent"
ref="commonWord" ref="commonWord"
@@ -361,6 +363,7 @@
<script> <script>
import commonCatalogue from '@/components/page/components/OnlineProofreading/catalogue.vue'; import commonCatalogue from '@/components/page/components/OnlineProofreading/catalogue.vue';
import commonReference from '@/components/page/components/OnlineProofreading/reference.vue';
import bus from '@/components/common/bus'; import bus from '@/components/common/bus';
import { del, isShallow } from 'vue'; import { del, isShallow } from 'vue';
@@ -371,15 +374,15 @@ import bottomTinymce from '@/components/page/components/Tinymce';
export default { export default {
data() { data() {
return { return {
catalogueList: [ tableData: [
{ title: 'Title ', key: '1' }, // { title: 'Title ', key: '1' },
{ title: 'Author name', key: '2' }, // { title: 'Author name', key: '2' },
{ title: 'Affialition', key: '3' }, // { title: 'Affialition', key: '3' },
{ title: 'Abstract & Keywords', key: '4' }, // { title: 'Abstract & Keywords', key: '4' },
{ title: 'Main text', key: '5' }, // { title: 'Main text', key: '5' },
{ title: 'Back Matter', key: '6' }, // { title: 'Back Matter', key: '6' },
{ title: 'Editorial inforation', key: '7' }, // { title: 'Editorial inforation', key: '7' },
{ title: 'Reference ', key: '8' }, // { title: 'Reference ', key: '8' },
], ],
zoomNum: (window.innerWidth * 0.38) / 850, zoomNum: (window.innerWidth * 0.38) / 850,
uploadWordTables: [], uploadWordTables: [],
@@ -504,7 +507,8 @@ export default {
components: { components: {
Tinymce, Tinymce,
bottomTinymce, bottomTinymce,
commonCatalogue commonCatalogue,
commonReference
}, },
computed: { computed: {
combinedValue() { combinedValue() {
@@ -537,6 +541,7 @@ export default {
localStorage.removeItem('scrollPosition'); localStorage.removeItem('scrollPosition');
this.isShowEditComment(); this.isShowEditComment();
this.getDate(); this.getDate();
this.getRefData();
this.getCommentList(); this.getCommentList();
// this.loadDictionary().catch(console.error); // this.loadDictionary().catch(console.error);
}, },
@@ -545,10 +550,26 @@ export default {
this.isShowEditComment(); this.isShowEditComment();
this.getDate(); this.getDate();
this.getRefData();
this.getCommentList(); this.getCommentList();
}, },
methods: { methods: {
// 获取引用文献信息
getRefData() {
this.$api
.post('api/Preaccept/getArticleReferences', { article_id: this.$route.query.id })
.then((res) => {
console.log(res);
if (res.code == 0 && res.data.refers.length > 0) {
this.tableData = res.data.refers;
}
})
.catch((err) => {
console.log(err);
});
},
async copyArray(data) { async copyArray(data) {
try { try {
@@ -793,19 +814,14 @@ export default {
// 编辑评论，显示文本框 // 编辑评论，显示文本框
goToListComment(id, type) { goToListComment(id, type) {
var am_id;
if (type == 'img') {
am_id = this.Main_List.find((item) => item.ami_id == id).am_id; this.goToComment(id);
} else {
am_id = this.Main_List.find((item) => item.amt_id == id).am_id;
}
if (am_id) {
this.goToComment(am_id);
}
}, },
goToComment(mainId) { goToComment(mainId) {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.commonWord.goToComment(mainId); this.$refs.commonReference1.goToComment(mainId);
}); });
}, },
getTables(tables, html) { getTables(tables, html) {
@@ -1866,7 +1882,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
} }
.right-side{ .right-side{
width: 240px; width: 280px;
float: left; float: left;
height: 100%; height: 100%;
background-color: #fff; background-color: #fff;
@@ -1875,7 +1891,7 @@ export default {
overflow-y: auto; overflow-y: auto;
} }
.right-content-box{ .right-content-box{
width: 100%; width: calc(100% - 245px); float: right; height: calc(100% - 0px); background-color: #e4e9ed width: 100%; width: calc(100% - 285px); float: right; height: calc(100% - 0px); background-color: #e4e9ed
} }
.lineStyle { .lineStyle {
border-top: 1px solid #0066994d; border-top: 1px solid #0066994d;

120
src/components/page/ReferenceEditor.vue
View File

@@ -144,7 +144,7 @@
<div class="refenceCentent mt20"> <div class="refenceCentent mt20">
<span @click="deleteSomeRefs">删除</span> <span @click="deleteSomeRefs">删除</span>
<div style="display: flex;align-items: center;justify-content: space-between;"> <div style="display: flex;align-items: center;justify-content: space-between;">
<el-table style="width: 50%" <el-table style="width: 100%"
:data="tableData" :data="tableData"
ref="multipleTable" ref="multipleTable"
:row-style="tableRowStyle" :row-style="tableRowStyle"
@@ -251,123 +251,7 @@
</div> </div>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-table style="width: 50%"
:data="TempredableNew"
ref="multipleTable"
:row-style="tableRowStyle"
empty-text="New messages (0)"
:show-header="false"
:stripe="false"
:highlight-current-row="false"
>
<el-table-column type="index" label="No." width="60" align="center">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="Duplicate references" placement="top">
<img
src="../../assets/img/repeat.png"
v-if="scope.row.is_repeat == 1&&scope.row.is_deal == 1"
alt=""
style="width: 24px; height: 24px; float: left"
/>
</el-tooltip>
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="state" width="55" align="center">
<template slot-scope="scope">
<span
class="status ok"
v-if="
(scope.row.refer_type == 'journal' && scope.row.doilink != '') ||
(scope.row.refer_type == 'book' && scope.row.isbn != '')
"
>
<i class="el-icon-circle-check"></i>
</span>
<span class="status warn" v-else>
<i class="el-icon-warning-outline"></i>
</span>
</template>
</el-table-column>
<el-table-column label="Title" align="left">
<template slot-scope="scope">
<!-- journal 形式 -->
<div style="text-align: left" v-if="scope.row.refer_type == 'journal'">
<p>
{{ scope.row.author }}&nbsp;{{ scope.row.title }}.&nbsp;<em>{{ scope.row.joura }}</em
>&nbsp;{{ scope.row.dateno }}.<br />
</p>
<a class="doiLink" :href="scope.row.doilink" target="_blank">{{ scope.row.doilink }}</a>
</div>
<!-- book 形式 -->
<div style="text-align: left" v-if="scope.row.refer_type == 'book'">
<p>{{ scope.row.author }}&nbsp;{{ scope.row.title }}.&nbsp;{{ scope.row.dateno }}.&nbsp;<br /></p>
<a class="doiLink" :href="scope.row.isbn" target="_blank">{{ scope.row.isbn }}</a>
</div>
<!-- other 形式 -->
<p class="wrongLine" style="text-align: left" v-if="scope.row.refer_type == 'other'">
{{ scope.row.refer_frag }}
</p>
</template>
</el-table-column>
<el-table-column align="center" width="360">
<div slot-scope="scope">
<div>
</div>
<el-button
v-if="scope.row.is_deal == 1"
style="margin-left: 10px"
@click="change(scope.row, 'Edit')"
plain
type="primary"
size="mini"
icon="el-icon-edit"
>edit</el-button
>
<el-tooltip
popper-class="tps"
class="item"
effect="light"
content="Add one under this line"
placement="top"
>
<el-button @click="addLine(scope.row, 'Add')" type="success" size="mini" plain>Add</el-button>
</el-tooltip>
<el-button
v-if="scope.row.is_deal == 1"
type="warning"
size="mini"
plain
:disabled="scope.$index != 0 ? false : true"
@click="changeOrder(scope.row, 'up')"
>↑</el-button
>
<el-button
v-if="scope.row.is_deal == 1"
type="warning"
size="mini"
plain
:disabled="scope.$index == tableData.length - 1 ? true : false"
@click="changeOrder(scope.row, 'down')"
>↓</el-button
>
<el-button
v-if="scope.row.is_deal == 1"
type="danger"
icon="el-icon-delete"
size="mini"
style="float: right"
plain
@click="deleteLine(scope.row)"
>delete</el-button
>
<i class="el-icon-loading" style="font-size: 24px;color: #606266;" v-if="scope.row.is_deal==2"></i>
<i class="el-icon-success" style="font-size: 24px;color: #2ac95c;" v-if="scope.row.is_deal==1"></i>
</div>
</el-table-column>
</el-table>
</div> </div>
</div> </div>

24
src/components/page/components/OnlineProofreading/catalogue.vue
View File

@@ -1,14 +1,14 @@
<template> <template>
<!-- v-show="tables.length > 0 || images.length > 0" --> <!-- v-show="tables.length > 0 || images.length > 0" -->
<div <div
style="background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden" style=""
class="ManuscirptList" class="ManuscirptList"
> >
<!-- 图片缩略图区域 --> <!-- 图片缩略图区域 -->
<div class="title"> <div class="title">
Contents Reference List
</div> </div>
<div <div
style="" style=""
@@ -19,11 +19,11 @@
<li > <li >
<div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start"> <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start">
<div @click="goToListComment(item.key)" <div @click="goToListComment(item.p_refer_id)"
v-for="(item, index) in catalogueList" v-for="(item, index) in catalogueList"
style="width: calc(100%); display: flex; align-items: center; justify-content: space-between; color: #606266" style="width: calc(100%); display: flex; align-items: center; justify-content: space-between; color: #606266"
> >
<span><span style="color: #888;margin-right: 5px;">{{ index+1 }}.</span> {{ item.title }}</span> <div class="doi_box"><span style="color: #888;margin-right: 5px;">{{ index+1 }}.</span> <span class="doi">{{ item.refer_doi }}</span></div>
<!-- <div <!-- <div
style=" style="
@@ -462,6 +462,7 @@ export default {
background-color: none !important; background-color: none !important;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
color: #333639; color: #333639;
background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden
} }
.ManuscirptList div { .ManuscirptList div {
cursor: pointer; cursor: pointer;
@@ -531,7 +532,7 @@ li {
background-color: #f8f8f9; background-color: #f8f8f9;
} }
.arrlist { .arrlist {
width: 240px; padding: 20px; height: calc(100% - 30px); box-sizing: border-box; overflow-y: auto; width: 280px; padding: 14px; height: calc(100% - 30px); box-sizing: border-box; overflow-y: auto;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
} }
.arrlist li{ .arrlist li{
@@ -658,4 +659,17 @@ li {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
} }
.doi_box{
width: 100%;
display: flex;align-items: center;
font-size: 14px;
line-height: 16px;
}
.doi{
width: calc(100% );
white-space: nowrap;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>

1194
src/components/page/components/OnlineProofreading/reference.vue Normal file
View File

File diff suppressed because it is too large Load Diff

4
vue.config.js
View File

@@ -76,8 +76,8 @@ module.exports = {
// target: 'http://192.168.110.110/tougao/public/index.php/', // target: 'http://192.168.110.110/tougao/public/index.php/',
// target: 'http://api.tmrjournals.com/public/index.php/',//正式 // target: 'http://api.tmrjournals.com/public/index.php/',//正式
// target: 'http://zmzm.tougao.dev.com/',//晓玲 // target: 'http://zmzm.tougao.dev.com/',//晓玲
target: 'https://submission.tmrjournals.com/',//正式 // target: 'https://submission.tmrjournals.com/',//正式
// target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境 target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/api': '' '^/api': ''