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

0

Browse Source
This commit is contained in:
徐哼唧L
2022-12-09 16:18:12 +08:00
parent dc4d87a990
commit 5ed3073b6e
130 changed files with 41608 additions and 2013 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/components/page/reviewer.vue
View File

@@ -2,58 +2,62 @@
<div class="login-wrap">
<div class="ms-login">
<div class="ms-title">Reviewer Application Form</div>
<el-form class="ms-content" :rules="Rules" ref="reviewerForm" :model="reviewerForm" label-width="100px">
<el-form class="ms-content" :rules="Rules" ref="reviewerForm" :model="reviewerForm" label-width="160px">
<!-- 姓名 -->
<el-form-item prop="username" label="Username">
<el-input v-model="reviewerForm.username" auto-complete="off" placeholder="Username">
<i slot="prefix" class="el-icon-user"></i>
<el-form-item prop="username" label="Real Name :">
<el-input v-model="reviewerForm.username" auto-complete="off" placeholder="">
<!-- <i slot="prefix" class="el-icon-user"></i> -->
</el-input>
</el-form-item>
<!-- 期刊 -->
<el-form-item label="Journal" prop="Journal">
<el-select v-model="reviewerForm.journal" placeholder="Please select">
<el-option v-for="item in journalList" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
<el-form-item label="Journal :" prop="journal">
<el-select v-model="reviewerForm.journal" placeholder="">
<el-option v-for="item in journalList" :key="item.journal_id" :label="item.title"
:value="item.journal_id"></el-option>
</el-select>
</el-form-item>
<!-- 性别 -->
<el-form-item label="Gender">
<el-form-item label="Gender :">
<el-radio-group v-model="reviewerForm.gender">
<el-radio :label="1">male</el-radio>
<el-radio :label="2">female</el-radio>
</el-radio-group>
</el-form-item>
<!-- 简介 -->
<el-form-item prop="introduction" label="Introduction">
<el-input type="textarea" rows="5" v-model="reviewerForm.introduction" placeholder="Please input personal qualification and resume"></el-input>
<el-form-item prop="introduction" label="Introduction :">
<el-input type="textarea" rows="5" v-model="reviewerForm.introduction"
placeholder="Fill Out Personal Profile"></el-input>
</el-form-item>
<!-- 邮箱 -->
<el-form-item prop="email" label="Email">
<el-input size="small" v-model="reviewerForm.email" auto-complete="off" placeholder="Email">
<i slot="prefix" class="el-icon-message"></i>
<el-form-item prop="email" label="Email :">
<el-input size="small" v-model="reviewerForm.email" auto-complete="off" placeholder="">
<!-- <i slot="prefix" class="el-icon-message"></i> -->
</el-input>
</el-form-item>
<!-- 国家 -->
<el-form-item prop="country" label="Country">
<el-select v-model="reviewerForm.country" filterable placeholder="Please select">
<el-option v-for="it in countrys" :key="it.en_name" :label="it.en_name" :value="it.en_name"></el-option>
<el-form-item prop="country" label="Country :">
<el-select v-model="reviewerForm.country" filterable placeholder="">
<el-option v-for="it in countrys" :key="it.en_name" :label="it.en_name" :value="it.en_name">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item prop="country" label="Country">
<el-input size="small" v-model="reviewerForm.country" auto-complete="off" placeholder="Country"></el-input>
</el-form-item> -->
<!-- 专业 -->
<el-form-item prop="major" label="Major">
<el-select v-model="reviewerForm.major" placeholder="Please select">
<el-option v-for="ii in majorList" :key="ii.major_id" :label="ii.title" :value="ii.major_id"></el-option>
<el-form-item prop="major" label="Major :">
<el-select v-model="reviewerForm.major" placeholder="">
<el-option v-for="ii in majorList" :key="ii.major_id" :label="ii.title" :value="ii.major_id">
</el-option>
</el-select>
</el-form-item>
<!-- 领域 -->
<el-form-item prop="field" label="Field">
<el-input size="small" v-model="reviewerForm.field" auto-complete="off" placeholder="Field"></el-input>
<el-form-item prop="field" label="Field :">
<el-input size="small" v-model="reviewerForm.field" auto-complete="off" placeholder=""></el-input>
</el-form-item>
<!-- 职称 -->
<el-form-item prop="technical" label="Technical">
<el-select v-model="reviewerForm.technical" placeholder="Please select">
<el-form-item prop="technical" label="Academic titles :">
<el-select v-model="reviewerForm.technical" placeholder="">
<el-option key="Prof." label="Prof." value="Prof."></el-option>
<el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."></el-option>
<el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."></el-option>
@@ -62,22 +66,24 @@
</el-select>
</el-form-item>
<!-- 单位 -->
<el-form-item prop="company" label="Affiliation">
<el-input size="small" v-model="reviewerForm.company" auto-complete="off" placeholder="company"></el-input>
<el-form-item prop="company" label="Academic Affiliation :">
<el-input size="small" v-model="reviewerForm.company" auto-complete="off" placeholder=""></el-input>
</el-form-item>
<!-- 简历 -->
<el-form-item prop="qualifications" label="CV.">
<el-upload class="upload-demo" :action="upload_qualifications" accept=".pdf" name="qualifications" :before-upload="beforeupload_qualifications"
:on-error="uperr" :on-success="upSuccess" :limit="1" :on-exceed="alertlimit" :on-remove="removefile">
<el-form-item prop="qualifications" label="CV. :">
<el-upload class="upload-demo" :action="upload_qualifications" accept=".pdf" name="qualifications"
:before-upload="beforeupload_qualifications" :on-error="uperr" :on-success="upSuccess"
:limit="1" :on-exceed="alertlimit" :on-remove="removefile">
<div class="el-upload__text">
<em>Upload</em>
</div>
<div class="el-upload__tip" slot="tip">Only compressed files can be uploaded(.pdf)</div>
<div class="el-upload__tip" slot="tip">Only valid pdf files can be uploaded</div>
</el-upload>
</el-form-item>
<!-- 按钮 -->
<el-form-item>
<el-button size="small" type="primary" @click.native.prevent="handleRegister" class="register-submit">Submit</el-button>
<el-button size="small" type="primary" @click.native.prevent="handleRegister"
class="register-submit">Submit</el-button>
</el-form-item>
</el-form>
</div>
@@ -96,7 +102,8 @@
} else {
callback(
new Error(
'This account has been registered, please log in the sbumission system for application.')
'This account has been registered, please log in the sbumission system for application.'
)
);
}
});
@@ -122,12 +129,12 @@
Rules: {
journal: [{
required: true,
message: 'please select a journal',
message: 'please select journal',
trigger: 'blur'
}],
username: [{
required: true,
message: 'enter one user name',
message: 'please enter real name ',
trigger: 'blur'
},
{
@@ -138,7 +145,7 @@
],
introduction: [{
required: true,
message: 'Please input personal qualification and resume',
message: 'Please fill out personal profile',
trigger: 'blur'
}],
email: [{
@@ -169,7 +176,7 @@
}],
technical: [{
required: true,
message: 'Please select technical',
message: 'Please select academic titles',
trigger: 'blur'
}],
field: [{
@@ -179,7 +186,7 @@
}],
company: [{
required: true,
message: 'Please enter your company',
message: 'Please enter academic affiliation',
trigger: 'blur'
}],
qualifications: [{
@@ -204,7 +211,8 @@
handleRegister() {
this.$refs.reviewerForm.validate((valid) => {
if (this.reviewerForm.qualifications == '') {
this.$message.error('Please make sure that the qualifications document is uploaded successfully');
this.$message.error(
'Please make sure that the qualifications document is uploaded successfully');
console.log('file up error');
return false;
}
@@ -224,7 +232,8 @@
console.log(err);
});
} else {
this.$message.error('The registration information is incorrect. Please check and submit again');
this.$message.error(
'The registration information is incorrect. Please check and submit again');
console.log('error submit!!');
return false;
}
@@ -302,9 +311,9 @@
.ms-login {
position: absolute;
left: 38%;
top: 30%;
top: 25%;
width: 800px;
height: 650px;
height: 850px;
overflow: auto;
margin: -190px 0 0 -175px;
border-radius: 5px;