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

20230517

Browse Source
This commit is contained in:
wangjinlei
2023-05-17 13:21:01 +08:00
parent 5ed3073b6e
commit f087543b0f
77 changed files with 10625 additions and 4542 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
src/components/page/articleReviewerAdd.vue
View File

@@ -7,37 +7,57 @@
</div>
<div class="container" v-loading="loading" element-loading-text="Loading..."
element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
<el-select v-model="messform.major_id" filterable placeholder="Please select majors"
@change="changereviewer()">
<el-option :key="0" label="All" :value="0"></el-option>
<el-option v-for="item in majorsList" :key="item.major_id" :label="item.title+' '+item.ctitle"
<span style="font-size: 14px;color: #606266;margin: 0 10px 0 0;">Research direction :</span>
<el-select v-model="messform.major_a" placeholder="Please select major" @change="majorChange(1)"
style="width: 200px;margin: 0 10px 0 0;">
<el-option :key="0" label="All major" :value="0"></el-option>
<el-option v-for="item in majors_a" :key="item.major_id" :label="item.major_title"
:value="item.major_id"></el-option>
</el-select>
<el-select v-model="messform.class" style="width: 100px;margin: 0 0 0 15px;"
placeholder="Please select class" @change="changereviewer()">
<el-option label="All class" :key="0" :value="0"></el-option>
<el-option label="A" key="A" value="A"></el-option>
<el-option label="B" key="B" value="B"></el-option>
<el-option label="C" key="C" value="C"></el-option>
<el-option label="D" key="D" value="D"></el-option>
<el-option label="Not rated" key="1" value="1"></el-option>
<el-select v-model="messform.major_b" placeholder="Please select major" v-if="majors_b!=''"
@change="majorChange(2)" style="width: 200px;margin:0 10px 0 0;">
<el-option :key="0" label="None" :value="0"></el-option>
<el-option v-for="item in majors_b" :key="item.major_id" :label="item.major_title"
:value="item.major_id"></el-option>
</el-select>
<el-select v-model="messform.major_c" placeholder="Please select major" v-if="majors_c!=''"
@change="majorChange(3)" style="width: 200px;margin:0 10px 0 0;">
<el-option :key="0" label="None" :value="0"></el-option>
<el-option v-for="item in majors_c" :key="item.major_id" :label="item.major_title"
:value="item.major_id"></el-option>
</el-select>
<el-input v-model="messform.keywords" clearable placeholder="Please enter keyword"
style="width: 220px;display: inline-block;margin: 0 10px 20px 10px;"></el-input>
style="width: 190px;display: inline-block;margin: 0 10px 20px 0;"></el-input>
<el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
<el-table :data="revTable" border stripe class="table" ref="multipleTable"
header-cell-class-name="table-header" empty-text="New messages (0)">
<el-table-column prop="class" label="Class" width="80">
<el-table-column label="Base Information">
<template slot-scope="scope">
<span v-if="scope.row.grade!=''">{{scope.row.grade}}</span>
<span v-if="scope.row.grade==''">Not rated</span>
<p class="tab_tie_col">
<span>Realname: </span><b style="font-size: 15px;">{{scope.row.realname}}</b>
</p>
<p class="tab_tie_col">
<span>Account: </span>{{scope.row.account}}
</p>
<p class="tab_tie_col">
<span>Email: </span>{{scope.row.email}}
</p>
</template>
</el-table-column>
<el-table-column label="Other Information">
<template slot-scope="scope">
<p class="tab_tie_col" v-if="scope.row.company!=''">
<span>Affiliation: </span>{{scope.row.company}}
</p>
<p class="tab_tie_col" v-if="scope.row.field!=''">
<span>Field: </span>{{scope.row.field}}
</p>
<p class="tab_tie_col" v-if="scope.row.majorstr!=''">
<span>Major: </span>{{scope.row.majorstr}}
</p>
</template>
</el-table-column>
<el-table-column prop="realname" label="Real Name"></el-table-column>
<el-table-column prop="account" label="Name"></el-table-column>
<el-table-column prop="cmajor" label="" width="180"></el-table-column>
<el-table-column prop="field" label="Field"></el-table-column>
<el-table-column prop="company" label="Company"></el-table-column>
<el-table-column prop="rs_num" label="Reviewed Times" width="140">
<template slot-scope="scope">
{{scope.row.rs_num}}
@@ -72,7 +92,7 @@
<el-form-item label="Country :">
<span>{{ mesOpen.country }}</span>
</el-form-item>
<el-form-item label="Company :">
<el-form-item label="Affiliation :">
<span>{{ mesOpen.company }}</span>
</el-form-item>
<el-form-item label="Major :">
@@ -98,44 +118,36 @@
return {
messform: {
article_id: this.$route.query.id,
major_id: 0,
class: 0,
keywords: '',
pageIndex: 1,
pageSize: 15
pageSize: 15,
major_id: 0,
major_a: 0,
major_b: '',
major_c: '',
},
majorsList: [],
revTable: [],
mesOpen: [],
mesOpenVisble: false,
loading: false,
Total: 0
Total: 0,
majors_a: [],
majors_b: [],
majors_c: [],
};
},
created() {
this.getdate();
this.getmajors();
this.getDate();
this.initMajor()
},
computed: {
},
methods: {
// 获取领域列表
getmajors() {
this.$api
.post('api/Reviewer/getAllReviewerMajor', {
article_id: this.$route.query.id,
})
.then((res) => {
this.majorsList = res.data.majors;
})
.catch((err) => {
console.log(err);
});
},
// 获取编辑列表数据
getdate() {
getDate() {
this.$api
.post('api/Reviewer/searchReviewer', this.messform)
.then((res) => {
@@ -160,13 +172,13 @@
this.messform.grade = this.messform.class
}
this.loading = true;
this.getdate();
this.getDate();
},
// 关键字搜索
handleSearch() {
this.loading = true;
this.getdate();
this.getDate();
},
// 审稿人详情
@@ -195,7 +207,7 @@
this.loading = false;
if (res.code == 0) {
this.$message.success('Add Success');
this.getdate();
this.getDate();
// this.$router.push({
// path: 'articleReviewer',
// query: {
@@ -211,10 +223,60 @@
console.log(err);
});
},
// 领域
initMajor() {
this.$api
.post('api/Ucenter/getMajor', {
major_id: 1
}).then((res) => {
this.majors_a = res.data.major.children;
this.majors_a_input = res.data.major.children;
});
},
// 搜索选择领域
majorChange(e) {
if (e == 1) {
this.$api
.post('api/Ucenter/getMajor', {
major_id: this.messform.major_a
}).then((res) => {
this.majors_b = res.data.major.children;
this.majors_c = []
this.messform.major_b = ''
this.messform.major_c = ''
this.majorChange_panduan()
});
} else if (e == 2 && this.messform.major_b != 0) {
this.$api
.post('api/Ucenter/getMajor', {
major_id: this.messform.major_b
}).then((res) => {
this.majors_c = res.data.major.children;
this.messform.major_c = ''
this.majorChange_panduan()
});
} else {
this.majorChange_panduan()
}
},
majorChange_panduan() {
if (this.messform.major_c != '' || this.messform.major_c != 0) {
this.messform.major_id = this.messform.major_c
} else if (this.messform.major_b != '' || this.messform.major_b != 0) {
this.messform.major_id = this.messform.major_b
} else {
this.messform.major_id = this.messform.major_a
}
this.getDate()
},
// 分页导航
handlePageChange(val) {
this.$set(this.messform, 'pageIndex', val);
this.getdate();
this.getDate();
},
}
@@ -226,4 +288,14 @@
width: 100%;
font-size: 14px;
}
.tab_tie_col {
margin-bottom: 5px;
color: #333;
}
.tab_tie_col>span {
color: #888;
margin: 0 5px 0 0;
font-size: 13px;
}
</style>