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

12

Browse Source
This commit is contained in:
wangjinlei
2020-11-06 16:55:29 +08:00
parent 0b21db11dc
commit 3c2f2de6de
80 changed files with 22382 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
src/components/page/reviewerApplyDetail.vue Normal file
View File

@@ -0,0 +1,200 @@
<template>
<div>
<div class="crumbs">
<el-breadcrumb separator="/">
<el-breadcrumb-item>
<i class="el-icon-lx-calendar"></i> Apply list
</el-breadcrumb-item>
<el-breadcrumb-item>Apply Detail</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="container">
<div class="form-box">
<el-form ref="articleform" :model="form" label-width="200px">
<el-form-item label="name">
<span>{{form.name}}</span>
</el-form-item>
<el-form-item label="journal">
<span>{{form.journal}}</span>
</el-form-item>
<el-form-item label="gender">
<span>{{form.gender==1?'男':'女'}}</span>
</el-form-item>
<el-form-item label="technical">
<span>{{form.technical}}</span>
</el-form-item>
<el-form-item label="country">
<span>{{form.country}}</span>
</el-form-item>
<el-form-item label="major">
<span>{{form.major}}</span>
</el-form-item>
<el-form-item label="field">
<span>{{form.field}}</span>
</el-form-item>
<el-form-item label="introduction">
<span>{{form.introduction}}</span>
</el-form-item>
<el-form-item label="email">
<span>{{form.email}}</span>
</el-form-item>
<el-form-item label="company">
<span>{{form.company}}</span>
</el-form-item>
<el-form-item label="qualifications">
<el-link :href="downloadQualifications">download</el-link>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="editVisible=true">adopt</el-button>
<el-button type="primary" @click="rejectVisible=true">reject</el-button>
</el-form-item>
</el-form>
</div>
</div>
<el-dialog title="confirm" :visible.sync="editVisible" width="30%">
<span>If you want to pass the applicant, the system will generate his user name and password,Users can change their own password according to the process</span>
<p>username:{{this.form.name}}</p>
<p>password:123456qwe</p>
<span slot="footer" class="dialog-footer">
<el-button @click="editVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmSubmit">确 定</el-button>
</span>
</el-dialog>
<el-dialog title="reject" :visible.sync="rejectVisible" width="30%">
<span>Are you sure you want to reject this applicant</span>
<span slot="footer" class="dialog-footer">
<el-button @click="rejectVisible = false">取 消</el-button>
<el-button type="primary" @click="rejectreviewer">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
baseUrl: this.Common.baseUrl,
mediaUrl:this.Common.mediaUrl,
items: '',
editVisible: false,
rejectVisible: false,
form: {
reviewerId: this.$route.query.id,
name: '',
journal: '',
gender: '',
technical: '',
country: '',
major: '',
field: '',
introduction: '',
email: '',
company: '',
qualifications: ''
}
};
},
created: function () {
this.initApply();
},
computed: {
downloadQualifications: function () {
return this.mediaUrl + this.form.qualifications;
}
},
methods: {
//弹出编辑框
testvis() {
this.editVisible = true;
},
//修改文章状态
saveEdit() {
this.$api
.post('api/Article/editArticleEditor', this.editform)
.then((res) => {
this.$message.success('success');
this.editVisible = false;
this.initApply();
})
.catch((err) => {
console.log(err);
});
},
//初始化期刊信息
initApply() {
this.$api
.post('api/User/getApplyDetail', { reviewerId: this.form.reviewerId })
.then((res) => {
this.form.name = res.data.name;
this.form.introduction = res.data.introduction;
this.form.journal = res.data.journal;
this.form.gender = res.data.gender;
this.form.technical = res.data.technical;
this.form.country = res.data.country;
this.form.major = res.data.major_title;
this.form.field = res.data.field;
this.form.email = res.data.email;
this.form.company = res.data.company;
this.form.qualifications = res.data.qualifications;
})
.catch((err) => {
console.log(err);
});
},
filedateformate(row, column, cellValue, index) {
return this.formatDate(cellValue);
},
formatDate(timestamp) {
var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
var Y = date.getFullYear() + '-';
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
return Y + M + D + ' ' + h + ':' + m + ':' + s;
},
confirmSubmit() {
this.$api
.post('api/User/reviewerAdopt', { reviewerId: this.form.reviewerId })
.then((res) => {
this.$message.success('Adopt success');
this.$router.push('/reviewerApplyList');
})
.catch((err) => {
console.log(err);
});
},
//拒绝审核人
rejectreviewer() {
this.$api
.post('api/User/reviewerRejec', { reviewerId: this.form.reviewerId })
.then((res) => {
this.$message.success('reject success');
this.initApply();
})
.catch((err) => {
console.log(err);
});
}
}
};
</script>
<style scoped>
.dwnbtn {
margin-bottom: 5px;
}
.container {
min-width: 800px;
}
.tree_box {
padding: 15px 10px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.more_btn {
margin-left: 30px;
}
</style>