tijiao
This commit is contained in:
@@ -5,14 +5,14 @@
|
||||
// const mediaUrl = '/public/';
|
||||
// const baseUrl = '/';
|
||||
|
||||
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 = '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 baseUrl = '/api';
|
||||
|
||||
//本地(正式环境 )
|
||||
|
||||
// const mediaUrl = 'https://submission.tmrjournals.com/public/';
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
ref="commonWordHtmlTypeSetting"
|
||||
@onDragStart="onDragStart"
|
||||
@huifu="huifu"
|
||||
:catalogueList="catalogueList"
|
||||
:catalogueList="tableData"
|
||||
@onAddComment="onAddComment"
|
||||
@addImage="handleImageAdd"
|
||||
@addTable="handleTableAdd"
|
||||
@@ -35,11 +35,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div style="" class="right-content-box">
|
||||
<!-- title -->
|
||||
<div v-for="(item, index) in catalogueList" :key="index">
|
||||
<h1 :class="`title${item.key}`">{{ item.title }}</h1>
|
||||
|
||||
</div>
|
||||
|
||||
<common-reference
|
||||
|
||||
ref="commonReference1"
|
||||
:tableData="tableData"
|
||||
|
||||
></common-reference>
|
||||
<!-- <common-word
|
||||
v-if="htmlContent"
|
||||
ref="commonWord"
|
||||
@@ -361,6 +363,7 @@
|
||||
|
||||
<script>
|
||||
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 { del, isShallow } from 'vue';
|
||||
@@ -371,15 +374,15 @@ import bottomTinymce from '@/components/page/components/Tinymce';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
catalogueList: [
|
||||
{ title: 'Title ', key: '1' },
|
||||
{ title: 'Author name', key: '2' },
|
||||
{ title: 'Affialition', key: '3' },
|
||||
{ title: 'Abstract & Keywords', key: '4' },
|
||||
{ title: 'Main text', key: '5' },
|
||||
{ title: 'Back Matter', key: '6' },
|
||||
{ title: 'Editorial inforation', key: '7' },
|
||||
{ title: 'Reference ', key: '8' },
|
||||
tableData: [
|
||||
// { title: 'Title ', key: '1' },
|
||||
// { title: 'Author name', key: '2' },
|
||||
// { title: 'Affialition', key: '3' },
|
||||
// { title: 'Abstract & Keywords', key: '4' },
|
||||
// { title: 'Main text', key: '5' },
|
||||
// { title: 'Back Matter', key: '6' },
|
||||
// { title: 'Editorial inforation', key: '7' },
|
||||
// { title: 'Reference ', key: '8' },
|
||||
],
|
||||
zoomNum: (window.innerWidth * 0.38) / 850,
|
||||
uploadWordTables: [],
|
||||
@@ -504,7 +507,8 @@ export default {
|
||||
components: {
|
||||
Tinymce,
|
||||
bottomTinymce,
|
||||
commonCatalogue
|
||||
commonCatalogue,
|
||||
commonReference
|
||||
},
|
||||
computed: {
|
||||
combinedValue() {
|
||||
@@ -537,6 +541,7 @@ export default {
|
||||
localStorage.removeItem('scrollPosition');
|
||||
this.isShowEditComment();
|
||||
this.getDate();
|
||||
this.getRefData();
|
||||
this.getCommentList();
|
||||
// this.loadDictionary().catch(console.error);
|
||||
},
|
||||
@@ -545,10 +550,26 @@ export default {
|
||||
|
||||
this.isShowEditComment();
|
||||
this.getDate();
|
||||
this.getRefData();
|
||||
this.getCommentList();
|
||||
},
|
||||
|
||||
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) {
|
||||
try {
|
||||
|
||||
@@ -793,19 +814,14 @@ export default {
|
||||
|
||||
// 编辑评论,显示文本框
|
||||
goToListComment(id, type) {
|
||||
var am_id;
|
||||
if (type == 'img') {
|
||||
am_id = this.Main_List.find((item) => item.ami_id == id).am_id;
|
||||
} else {
|
||||
am_id = this.Main_List.find((item) => item.amt_id == id).am_id;
|
||||
}
|
||||
if (am_id) {
|
||||
this.goToComment(am_id);
|
||||
}
|
||||
|
||||
|
||||
this.goToComment(id);
|
||||
|
||||
},
|
||||
goToComment(mainId) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.commonWord.goToComment(mainId);
|
||||
this.$refs.commonReference1.goToComment(mainId);
|
||||
});
|
||||
},
|
||||
getTables(tables, html) {
|
||||
@@ -1866,7 +1882,7 @@ export default {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.right-side{
|
||||
width: 240px;
|
||||
width: 280px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
@@ -1875,7 +1891,7 @@ export default {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.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 {
|
||||
border-top: 1px solid #0066994d;
|
||||
|
||||
@@ -144,7 +144,7 @@
|
||||
<div class="refenceCentent mt20">
|
||||
<span @click="deleteSomeRefs">删除</span>
|
||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||
<el-table style="width: 50%"
|
||||
<el-table style="width: 100%"
|
||||
:data="tableData"
|
||||
ref="multipleTable"
|
||||
:row-style="tableRowStyle"
|
||||
@@ -251,123 +251,7 @@
|
||||
</div>
|
||||
</el-table-column>
|
||||
</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 }} {{ scope.row.title }}. <em>{{ scope.row.joura }}</em
|
||||
> {{ 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 }} {{ scope.row.title }}. {{ scope.row.dateno }}. <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>
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<!-- v-show="tables.length > 0 || images.length > 0" -->
|
||||
<div
|
||||
style="background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden"
|
||||
style=""
|
||||
class="ManuscirptList"
|
||||
>
|
||||
<!-- 图片缩略图区域 -->
|
||||
|
||||
|
||||
<div class="title">
|
||||
Contents
|
||||
Reference List
|
||||
</div>
|
||||
<div
|
||||
style=""
|
||||
@@ -19,11 +19,11 @@
|
||||
|
||||
<li >
|
||||
<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"
|
||||
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
|
||||
style="
|
||||
@@ -462,6 +462,7 @@ export default {
|
||||
background-color: none !important;
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
|
||||
color: #333639;
|
||||
background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden
|
||||
}
|
||||
.ManuscirptList div {
|
||||
cursor: pointer;
|
||||
@@ -531,7 +532,7 @@ li {
|
||||
background-color: #f8f8f9;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.arrlist li{
|
||||
@@ -658,4 +659,17 @@ li {
|
||||
font-size: 18px;
|
||||
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>
|
||||
|
||||
1194
src/components/page/components/OnlineProofreading/reference.vue
Normal file
1194
src/components/page/components/OnlineProofreading/reference.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -76,8 +76,8 @@ module.exports = {
|
||||
// target: 'http://192.168.110.110/tougao/public/index.php/',
|
||||
// target: 'http://api.tmrjournals.com/public/index.php/',//正式
|
||||
// target: 'http://zmzm.tougao.dev.com/',//晓玲
|
||||
target: 'https://submission.tmrjournals.com/',//正式
|
||||
// target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
|
||||
// target: 'https://submission.tmrjournals.com/',//正式
|
||||
target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
'^/api': ''
|
||||
|
||||
Reference in New Issue
Block a user