tijiao
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div :style="[2,5].includes(activeIndex) ?'height:100%':''">
|
||||
<!-- <div class="crumbs">
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item>
|
||||
@@ -29,7 +29,9 @@
|
||||
<br clear="both" />
|
||||
|
||||
</div>
|
||||
<div class="container" style="padding: 20px 15px">
|
||||
<div class="container" style="padding: 20px 15px 10px;box-sizing: border-box;"
|
||||
:style="[2,5].includes(activeIndex) ?'height:calc(100% - 60px)':''"
|
||||
>
|
||||
|
||||
<articleListA v-if="activeIndex == '1'" :journals="journals[0]"></articleListA>
|
||||
<articleListB v-if="activeIndex == '2'" :journals="journals[1]" @changeEvent="changeEvent"></articleListB>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div style="min-width: 1280px" class="articleListEditorA">
|
||||
<div style="min-width: 1280px;" class="articleListEditorA">
|
||||
<div class="handle-box">
|
||||
<el-badge
|
||||
:value="item.num"
|
||||
@@ -597,7 +597,7 @@
|
||||
empty-text="New messages (0)"
|
||||
>
|
||||
<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
|
||||
<el-table-column width="160" label="Doi" align="center">
|
||||
<!-- <el-table-column width="160" label="Doi" align="center">
|
||||
<template slot-scope="scope">
|
||||
<p style="margin-bottom: 5px">
|
||||
{{ scope.row.doi }}
|
||||
@@ -606,8 +606,24 @@
|
||||
>Detail</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="accept_sn" label="SN" width="180px"></el-table-column>
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="accept_sn" label="SN" width="240px">
|
||||
<template slot-scope="scope">
|
||||
<p>
|
||||
{{ scope.row.accept_sn }}
|
||||
<el-button
|
||||
size="mini"
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-tickets"
|
||||
@click="showdetaileditor(scope.row)"
|
||||
style="margin-left: 10px; padding: 4px; float: right"
|
||||
>Detail</el-button
|
||||
>
|
||||
</p>
|
||||
<p v-if="scope.row.doi" style="color: #006699"><span>Doi: </span>{{ scope.row.doi }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="Title">
|
||||
<template slot-scope="scope">
|
||||
<p v-if="scope.row.title == ''">Article{{ scope.row.p_article_id }}</p>
|
||||
@@ -651,7 +667,7 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label=" " align="center" width="140">
|
||||
<el-table-column label=" " align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="changeEnter(scope.row)" size="mini" type="primary" plain icon="el-icon-edit">Edit</el-button>
|
||||
</template>
|
||||
@@ -1373,6 +1389,7 @@
|
||||
<p style="line-height: 20px; margin-top: 6px">{{ majorMes.email }}</p>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="Research areas :">
|
||||
|
||||
<common-major-list
|
||||
:disabled="majorMes.disabled"
|
||||
:list="majorValueList"
|
||||
@@ -1567,15 +1584,15 @@ export default {
|
||||
methods: {
|
||||
saveMajor() {
|
||||
this.$api
|
||||
.post('api/Reviewer/updateUserField', {
|
||||
.post('api/Article/updateArticleField', {
|
||||
article_id: this.majorMes.article_id,
|
||||
user_field: this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',')
|
||||
article_field: this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',')
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.status == 1) {
|
||||
this.$message.success('Success');
|
||||
|
||||
this.fetchMajorData(this.majorMes.article_id);
|
||||
this.majorBox = false;
|
||||
// this.fetchMajorData(this.majorMes.article_id);
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
@@ -1616,14 +1633,14 @@ export default {
|
||||
})
|
||||
.then((res) => {
|
||||
if (this.majorMes.disabled) {
|
||||
this.majorValueList = [...res.article.majors];
|
||||
this.majorValueList = [...res.data].map((item)=>({...item,str:item.major_title}));
|
||||
} else {
|
||||
this.majorValueList = [...res.article.majors].map((item) => ({
|
||||
selectedValue: Array.isArray(item.major)
|
||||
? item.major
|
||||
: typeof item.major === 'string'
|
||||
? item.major.split(',').map(Number)
|
||||
: [item.major]
|
||||
this.majorValueList = [...res.data].map((item) => ({
|
||||
selectedValue: Array.isArray(item.shu)
|
||||
? item.shu
|
||||
: typeof item.shu === 'string'
|
||||
? item.shu.split(',').map(Number)
|
||||
: [item.shu]
|
||||
}));
|
||||
}
|
||||
|
||||
|
||||
@@ -1,308 +1,323 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="handle-box">
|
||||
<el-select v-model="queryType.journal_id" @change="getDateType" placeholder="Please select journal"
|
||||
style="width: 300px;">
|
||||
<el-option :key="0" label="All journals" :value="0"></el-option>
|
||||
<el-option v-for="item in journals" :key="item.journal_id" :label="item.title"
|
||||
:value="item.journal_id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<el-table :data="dataType" border stripe class="table" ref="multipleTable" header-cell-class-name="table-header"
|
||||
empty-text="New messages (0)">
|
||||
<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
|
||||
<el-table-column width="160" label="Doi" align="center">
|
||||
<div style="height: 100%">
|
||||
<div class="handle-box">
|
||||
<el-select v-model="queryType.journal_id" @change="getDateType" placeholder="Please select journal" style="width: 300px">
|
||||
<el-option :key="0" label="All journals" :value="0"></el-option>
|
||||
<el-option v-for="item in journals" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div style="height: calc(100% - 100px)">
|
||||
<el-table
|
||||
:data="dataType"
|
||||
border
|
||||
stripe
|
||||
class="table"
|
||||
ref="multipleTable"
|
||||
header-cell-class-name="table-header"
|
||||
height="100%"
|
||||
empty-text="New messages (0)"
|
||||
>
|
||||
<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
|
||||
<el-table-column prop="accept_sn" label="SN" width="240px">
|
||||
<template slot-scope="scope">
|
||||
<p>
|
||||
{{ scope.row.accept_sn }}
|
||||
<el-button
|
||||
size="mini"
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-tickets"
|
||||
@click="showdetaileditor(scope.row)"
|
||||
style="margin-left: 10px; padding: 4px; float: right"
|
||||
>Detail</el-button
|
||||
>
|
||||
</p>
|
||||
<p v-if="scope.row.doi" style="color: #006699"><span>Doi: </span>{{ scope.row.doi }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column width="160" label="Doi" align="center">
|
||||
<template slot-scope="scope">
|
||||
<p style="margin-bottom: 5px;">
|
||||
<p >
|
||||
{{scope.row.doi}}
|
||||
|
||||
</p>
|
||||
<el-button size="mini" type="primary" plain icon="el-icon-tickets"
|
||||
@click="showdetaileditor(scope.row)">Detail</el-button>
|
||||
<el-button size="mini" type="primary" plain icon="el-icon-tickets"
|
||||
@click="showdetaileditor(scope.row)">Detail</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="accept_sn" label="SN" width="180px"></el-table-column>
|
||||
<el-table-column prop="" label="Title">
|
||||
<template slot-scope="scope">
|
||||
<p v-if="scope.row.title==''">
|
||||
Article{{scope.row.p_article_id}}
|
||||
</p>
|
||||
<p else>
|
||||
{{scope.row.title}}
|
||||
</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label=" " align="center" width="200px">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="changeEnter(scope.row)" size="mini" type="primary" plain
|
||||
icon="el-icon-paperclip">Enter</el-button>
|
||||
<el-button size="mini" @click="typeDelete(scope.row)" type="danger" plain icon="el-icon-delete">
|
||||
Delete</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="Remarks" align="center">
|
||||
</el-table-column> -->
|
||||
<!-- <el-table-column prop="accept_sn" label="SN" width="180px"></el-table-column> -->
|
||||
<el-table-column prop="" label="Title">
|
||||
<template slot-scope="scope">
|
||||
<p v-if="scope.row.title == ''">Article{{ scope.row.p_article_id }}</p>
|
||||
<p else>
|
||||
{{ scope.row.title }}
|
||||
</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label=" " align="center" width="200px">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="changeEnter(scope.row)" size="mini" type="primary" plain icon="el-icon-paperclip"
|
||||
>Enter</el-button
|
||||
>
|
||||
<el-button size="mini" @click="typeDelete(scope.row)" type="danger" plain icon="el-icon-delete"> Delete</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="Remarks" align="center">
|
||||
<template slot-scope="scope">
|
||||
<p style="margin-bottom: 5px;text-align: left;">{{scope.row.remarks}}</p>
|
||||
<el-button @click="changeRemark(scope.row)" size="mini" type="primary" plain icon="el-icon-edit">
|
||||
Remark</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
<div class="pagination">
|
||||
<el-pagination background layout="total, prev, pager, next" :current-page="queryType.pageIndex"
|
||||
:page-size="queryType.pageSize" :total="TotalType" @current-change="handPage_type"></el-pagination>
|
||||
</div>
|
||||
</el-table>
|
||||
<div class="pagination">
|
||||
<el-pagination
|
||||
background
|
||||
layout="total, prev, pager, next"
|
||||
:current-page="queryType.pageIndex"
|
||||
:page-size="queryType.pageSize"
|
||||
:total="TotalType"
|
||||
@current-change="handPage_type"
|
||||
></el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- remark标记 -->
|
||||
<el-dialog title="Remarks" :visible.sync="remarkBox" width="550px">
|
||||
<el-form ref="remark" :model="remark" label-width="85px">
|
||||
<el-form-item label="Title :">
|
||||
<p style="line-height: 20px;margin-top: 6px;">{{remark.title}}</p>
|
||||
</el-form-item>
|
||||
<el-form-item label="Content :">
|
||||
<el-input type="textarea" rows="5" v-model="remark.content"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="remarkBox = false">Cancel</el-button>
|
||||
<el-button type="primary" @click="saveRemark">Save</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<!-- remark标记 -->
|
||||
<el-dialog title="Remarks" :visible.sync="remarkBox" width="550px">
|
||||
<el-form ref="remark" :model="remark" label-width="85px">
|
||||
<el-form-item label="Title :">
|
||||
<p style="line-height: 20px; margin-top: 6px">{{ remark.title }}</p>
|
||||
</el-form-item>
|
||||
<el-form-item label="Content :">
|
||||
<el-input type="textarea" rows="5" v-model="remark.content"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="remarkBox = false">Cancel</el-button>
|
||||
<el-button type="primary" @click="saveRemark">Save</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import 'quill/dist/quill.core.css';
|
||||
import 'quill/dist/quill.snow.css';
|
||||
import 'quill/dist/quill.bubble.css';
|
||||
import {
|
||||
quillEditor
|
||||
} from 'vue-quill-editor';
|
||||
import Clipboard from 'clipboard';
|
||||
import {
|
||||
Loading
|
||||
} from 'element-ui';
|
||||
export default {
|
||||
props: ['journals'],
|
||||
data() {
|
||||
return {
|
||||
baseUrl: this.Common.baseUrl,
|
||||
mediaUrl: this.Common.mediaUrl,
|
||||
uploadUrl: '/tsfile/',
|
||||
journalList: [],
|
||||
queryType: {
|
||||
username: localStorage.getItem('U_name'),
|
||||
editor_id: localStorage.getItem('U_id'),
|
||||
journal_id: 0,
|
||||
ts_state: 0,
|
||||
pageIndex: 1,
|
||||
pageSize: 50
|
||||
},
|
||||
import 'quill/dist/quill.core.css';
|
||||
import 'quill/dist/quill.snow.css';
|
||||
import 'quill/dist/quill.bubble.css';
|
||||
import { quillEditor } from 'vue-quill-editor';
|
||||
import Clipboard from 'clipboard';
|
||||
import { Loading } from 'element-ui';
|
||||
export default {
|
||||
props: ['journals'],
|
||||
data() {
|
||||
return {
|
||||
baseUrl: this.Common.baseUrl,
|
||||
mediaUrl: this.Common.mediaUrl,
|
||||
uploadUrl: '/tsfile/',
|
||||
journalList: [],
|
||||
queryType: {
|
||||
username: localStorage.getItem('U_name'),
|
||||
editor_id: localStorage.getItem('U_id'),
|
||||
journal_id: 0,
|
||||
ts_state: 0,
|
||||
pageIndex: 1,
|
||||
pageSize: 50
|
||||
},
|
||||
|
||||
queryPush: {},
|
||||
dataType: [],
|
||||
TotalType: 0,
|
||||
remarkBox: false,
|
||||
remark: {
|
||||
content: ''
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.initSelect();
|
||||
this.getDateType();
|
||||
},
|
||||
methods: {
|
||||
//初始化期刊
|
||||
|
||||
// 初始化列表
|
||||
getDateType() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
this.$api
|
||||
.post('api/Production/getProductionList', this.queryType)
|
||||
.then(res => {
|
||||
this.dataType = res.data.productions;
|
||||
this.TotalType = res.data.count;
|
||||
loading.close();
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
loading.close();
|
||||
});
|
||||
},
|
||||
queryPush: {},
|
||||
dataType: [],
|
||||
TotalType: 0,
|
||||
remarkBox: false,
|
||||
remark: {
|
||||
content: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.initSelect();
|
||||
this.getDateType();
|
||||
},
|
||||
methods: {
|
||||
//初始化期刊
|
||||
|
||||
// 分页导航
|
||||
handPage_type(val) {
|
||||
this.$set(this.dataType, 'pageIndex', val);
|
||||
this.getDateType();
|
||||
},
|
||||
// 稿件信息展示
|
||||
showdetaileditor(row) {
|
||||
let stat_num = 'articleDetailEditor'
|
||||
this.$router.push({
|
||||
path: stat_num,
|
||||
query: {
|
||||
id: row.article_id
|
||||
}
|
||||
});
|
||||
},
|
||||
// 标记弹出框
|
||||
changeRemark(e) {
|
||||
this.remarkBox = true;
|
||||
this.remark.title = e.title;
|
||||
this.remark.articleId = e.article_id;
|
||||
this.remark.content = e.remarks;
|
||||
},
|
||||
// 修改标记
|
||||
saveRemark() {
|
||||
this.$api.post('api/Article/editArticleRemark', this.remark)
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('success');
|
||||
this.remarkBox = false;
|
||||
this.getDateType();
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
// 初始化列表
|
||||
getDateType() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
this.$api
|
||||
.post('api/Production/getProductionList', this.queryType)
|
||||
.then((res) => {
|
||||
this.dataType = res.data.productions;
|
||||
this.TotalType = res.data.count;
|
||||
loading.close();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
loading.close();
|
||||
});
|
||||
},
|
||||
|
||||
// 稿件删除
|
||||
typeDelete(e) {
|
||||
// 二次确认
|
||||
this.$confirm('Are you sure to delete this manuscript?', 'Tips', {
|
||||
confirmButtonText: 'OK',
|
||||
cancelButtonText: 'Cancel',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$api
|
||||
.post('api/Production/delProduction', {
|
||||
'p_article_id': e.p_article_id
|
||||
})
|
||||
.then(res => {
|
||||
this.$message.success('Delete successfully!');
|
||||
this.getDateType();
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
// 分页导航
|
||||
handPage_type(val) {
|
||||
this.$set(this.dataType, 'pageIndex', val);
|
||||
this.getDateType();
|
||||
},
|
||||
// 稿件信息展示
|
||||
showdetaileditor(row) {
|
||||
let stat_num = 'articleDetailEditor';
|
||||
this.$router.push({
|
||||
path: stat_num,
|
||||
query: {
|
||||
id: row.article_id
|
||||
}
|
||||
});
|
||||
},
|
||||
// 标记弹出框
|
||||
changeRemark(e) {
|
||||
this.remarkBox = true;
|
||||
this.remark.title = e.title;
|
||||
this.remark.articleId = e.article_id;
|
||||
this.remark.content = e.remarks;
|
||||
},
|
||||
// 修改标记
|
||||
saveRemark() {
|
||||
this.$api.post('api/Article/editArticleRemark', this.remark).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('success');
|
||||
this.remarkBox = false;
|
||||
this.getDateType();
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 跳页录入排版
|
||||
changeEnter(val) {
|
||||
this.$router.push('/articleListEditor_B1?id=' + val.p_article_id);
|
||||
},
|
||||
// 稿件删除
|
||||
typeDelete(e) {
|
||||
// 二次确认
|
||||
this.$confirm('Are you sure to delete this manuscript?', 'Tips', {
|
||||
confirmButtonText: 'OK',
|
||||
cancelButtonText: 'Cancel',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$api
|
||||
.post('api/Production/delProduction', {
|
||||
p_article_id: e.p_article_id
|
||||
})
|
||||
.then((res) => {
|
||||
this.$message.success('Delete successfully!');
|
||||
this.getDateType();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
};
|
||||
// 跳页录入排版
|
||||
changeEnter(val) {
|
||||
this.$router.push('/articleListEditor_B1?id=' + val.p_article_id);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.handle-box {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.handle-box {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
.pane_act {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pane_act {
|
||||
background-color: #fff;
|
||||
}
|
||||
.pane_act > div {
|
||||
}
|
||||
|
||||
.pane_act>div {}
|
||||
.pane_act > div > div > h3 {
|
||||
font-size: 14px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.pane_act>div>div>h3 {
|
||||
font-size: 14px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.chanFerAll {
|
||||
position: relative;
|
||||
/* height: 500px;
|
||||
.chanFerAll {
|
||||
position: relative;
|
||||
/* height: 500px;
|
||||
overflow-y: scroll; */
|
||||
}
|
||||
}
|
||||
|
||||
.chanFerAll .chanFerBtn {
|
||||
cursor: pointer;
|
||||
}
|
||||
.chanFerAll .chanFerBtn {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.chanFerAll .ref_list:nth-child(2n) {}
|
||||
.chanFerAll .ref_list:nth-child(2n) {
|
||||
}
|
||||
|
||||
.chanFerAll .ref_list:nth-child(2n+1) {
|
||||
background-color: #ecf5ff;
|
||||
}
|
||||
.chanFerAll .ref_list:nth-child(2n + 1) {
|
||||
background-color: #ecf5ff;
|
||||
}
|
||||
|
||||
.ref_list {
|
||||
padding: 20px;
|
||||
}
|
||||
.ref_list {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.ref_list > div:nth-child(1) {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.ref_list > div:nth-child(1) input {
|
||||
}
|
||||
|
||||
.ref_list>div:nth-child(1) {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
.ref_list > div:nth-child(1) button {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ref_list>div:nth-child(1) input {}
|
||||
.ref_list > div:nth-child(2) {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.ref_list>div:nth-child(1) button {
|
||||
float: right;
|
||||
}
|
||||
.RefProBar {
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ref_list>div:nth-child(2) {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
.RefProBar > div {
|
||||
width: 76%;
|
||||
position: absolute;
|
||||
top: 4.5%;
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
.RefProBar > div > p {
|
||||
color: #fff;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
.RefProBar {
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.RefProBar > div > p > img {
|
||||
width: 30px;
|
||||
vertical-align: middle;
|
||||
margin: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
.RefProBar>div {
|
||||
width: 76%;
|
||||
position: absolute;
|
||||
top: 4.5%;
|
||||
left: 12%;
|
||||
}
|
||||
.RefProBar > div > p > span {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.RefProBar>div>p {
|
||||
color: #fff;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
.RefProBar>div>p>img {
|
||||
width: 30px;
|
||||
vertical-align: middle;
|
||||
margin: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
.RefProBar>div>p>span {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.Fer_btn button:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.Fer_btn button:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div style="height: 100%;">
|
||||
<div class="handle-box">
|
||||
<el-select v-model="queryType.issn" @change="getJourChange" placeholder="Please select a journal" style="width: 250px">
|
||||
<el-option v-for="item in journals" :key="item.issn" :label="item.title" :value="item.issn"> </el-option>
|
||||
@@ -26,7 +26,8 @@
|
||||
<i class="el-icon-search" style="margin-right: 5px"></i>Search
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
<div style="height: calc(100% - 100px);">
|
||||
<el-table height="100%"
|
||||
:data="dataTable"
|
||||
border
|
||||
stripe
|
||||
@@ -36,13 +37,20 @@
|
||||
empty-text="New messages (0)"
|
||||
>
|
||||
<el-table-column width="80" label="No." prop="npp" align="center"></el-table-column>
|
||||
<el-table-column width="140" label="Stage" align="center">
|
||||
<el-table-column width="240" label="Stage" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.stage_year }} Vol.{{ scope.row.stage_vol }} issue.{{ scope.row.stage_no }}
|
||||
<br />
|
||||
<el-button style="margin-top: 10px" size="mini" type="success" plain icon="el-icon-view" @click="lookView(scope.row)">
|
||||
Preview</el-button
|
||||
>
|
||||
<el-button
|
||||
|
||||
size="mini"
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-view"
|
||||
@click="lookView(scope.row)"
|
||||
style="margin-left: 10px;padding:4px;float: right;"
|
||||
>Preview</el-button
|
||||
>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="Title">
|
||||
@@ -65,9 +73,9 @@
|
||||
<p style="cursor: pointer; color: #006699 !important" @click="goCite(scope.row)">
|
||||
{{ scope.row.cite_num ? scope.row.cite_num.length : 0 }}
|
||||
|
||||
<!-- <span style="margin-left: 4px; cursor: pointer; color: #006699 !important; font-weight: bold">
|
||||
<span style="margin-left: 4px; cursor: pointer; color: #006699 !important; font-weight: bold">
|
||||
<i class="el-icon-edit"></i>
|
||||
</span> -->
|
||||
</span>
|
||||
</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -130,6 +138,8 @@
|
||||
@current-change="handlePageChange"
|
||||
></el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 修改信息 -->
|
||||
<el-dialog title="" :visible.sync="EditVisible" width="750px" :close-on-click-modal="false">
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
<!-- <el-table-column prop="email" label="Email" align="center"></el-table-column> -->
|
||||
<!-- <el-table-column prop="company" label="Company" align="center"></el-table-column> -->
|
||||
<!-- <el-table-column prop="major_str" label="Major"></el-table-column> -->
|
||||
<el-table-column label="Research areas" width="300">
|
||||
<el-table-column label="Research areas" width="310">
|
||||
<template slot-scope="scope">
|
||||
<commonMajorTableList
|
||||
:user_id="scope.row.reviewer_id"
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
<!-- <p class="tab_tie_col" v-if="scope.row.majorstr != ''"><span>Major: </span>{{ scope.row.majorstr }}</p> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="Research areas" width="300">
|
||||
<el-table-column label="Research areas" width="310">
|
||||
<template slot-scope="scope">
|
||||
<commonMajorTableList
|
||||
:user_id="scope.row.user_id"
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="crumbs">
|
||||
<el-page-header @back="goBack" content="Add manuscript reviewer">
|
||||
</el-page-header>
|
||||
<!-- <el-breadcrumb separator="/">
|
||||
<!-- <el-page-header @back="goBack" content="Add manuscript reviewer">
|
||||
</el-page-header> -->
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item> <i class="el-icon-lx-calendar"></i> Add manuscript reviewer</el-breadcrumb-item>
|
||||
</el-breadcrumb> -->
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
<div
|
||||
class="container" style="padding: 20px;"
|
||||
@@ -103,7 +103,7 @@
|
||||
<!-- <p class="tab_tie_col" v-if="scope.row.majorstr != ''"><span>Major: </span>{{ scope.row.majorstr }}</p> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="Research areas" width="300">
|
||||
<el-table-column label="Research areas" width="310">
|
||||
<template slot-scope="scope">
|
||||
<commonMajorTableList
|
||||
:user_id="scope.row.reviewer_id"
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<div class="block commonMajor" style="width: 100%; overflow: hidden">
|
||||
|
||||
<div v-if="!disabled">
|
||||
<el-button type="primary" plain size="mini" @click="handleAdd" style="float: right; margin-bottom: 20px"
|
||||
><i class="el-icon-plus"></i>Add Field
|
||||
@@ -29,7 +30,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
|
||||
|
||||
<div
|
||||
v-for="(field, index) in fields"
|
||||
:key="index"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<div
|
||||
@click="disabled ? '' : BoxMajor()"
|
||||
@click="BoxMajor()"
|
||||
v-if="user_id"
|
||||
style="display: flex; align-items: center; justify-content: space-between"
|
||||
:style="{ cursor: disabled ? '' : 'pointer' }"
|
||||
@@ -11,7 +11,7 @@
|
||||
<div v-if="!loading" class="majorDataBox">
|
||||
<p v-for="(v, i) in majorData" style="border-top: 1px solid #b3d8ff">
|
||||
<span style="font-weight: bold">{{ i + 1 }}.</span>
|
||||
{{ v.major_title.replace('Medicine >', '').trim() }}
|
||||
{{ v.major_title.replace('Medicine >', '').trim().split('>').pop().trim() }}
|
||||
</p>
|
||||
</div>
|
||||
<div v-else>
|
||||
@@ -23,7 +23,7 @@
|
||||
<b style="margin-left: 10px; color: #006699" class="el-icon-edit" v-if="!disabled"></b>
|
||||
</div>
|
||||
|
||||
<el-dialog title="Edit Research areas" :visible.sync="majorBox" width="800px">
|
||||
<el-dialog :title="disabled?'Research areas':'Edit Research areas'" :visible.sync="majorBox" width="800px">
|
||||
<el-form ref="remark" :model="majorMes" label-width="120px">
|
||||
<el-form-item label="Reviewer :">
|
||||
<p style="line-height: 20px; margin-top: 6px">
|
||||
@@ -35,12 +35,13 @@
|
||||
<p style="line-height: 20px; margin-top: 6px">{{ majorMes.email }}</p>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="Research areas :">
|
||||
<common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
|
||||
|
||||
<common-major-list :disabled="disabled" :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="majorBox = false">Cancel</el-button>
|
||||
<el-button type="primary" @click="saveMajor">Save</el-button>
|
||||
<el-button type="primary" @click="saveMajor" v-if="!disabled">Save</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
@@ -74,13 +75,19 @@ export default {
|
||||
this.majorMes.realname = this.baseInfo.realname;
|
||||
this.majorMes.user_id = this.baseInfo.user_id;
|
||||
this.majorMes.email = this.baseInfo.email;
|
||||
this.majorValueList = [...this.majorData].map((item) => ({
|
||||
if (this.disabled) {
|
||||
this.majorValueList = [...this.majorData].map((item)=>{return {...item,str:item.major_title}});
|
||||
console.log('this.majorValueList at line 79:', this.majorValueList)
|
||||
} else {
|
||||
this.majorValueList = [...this.majorData].map((item) => ({
|
||||
selectedValue: Array.isArray(item.shu)
|
||||
? item.shu
|
||||
: typeof item.shu === 'string'
|
||||
? item.shu.split(',').map(Number)
|
||||
: [item.shu]
|
||||
}));
|
||||
}
|
||||
|
||||
},
|
||||
async fetchMajorData(userId) {
|
||||
// if (!this.majorData[userId]) {
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
></b>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="Research areas" width="300">
|
||||
<el-table-column label="Research areas" width="310">
|
||||
<template slot-scope="scope">
|
||||
<commonMajorTableList :user_id="scope.row.user_id" :baseInfo="scope.row" :key="scope.row.user_id"></commonMajorTableList>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user