Skip to content

C
campSite
Commit 19b22b60 authored by 杨梦雪's avatar 杨梦雪
Browse files
Options

不能定制资料

parent 82ab8cd9
Hide whitespace changes
Inline Side-by-side
Showing with 472 additions and 332 deletions
src/components/index/SignUp/referInfo.vue
View file @ 19b22b60
......@@ -7,13 +7,12 @@
:model="referForm"
label-position="top"
class="checkForm"
:rules="referInfoRules"
:rules="human_referRules"
>
<div class="cont_title">个人信息</div>
<el-row :gutter="20">
<!-- 姓名 -->
<el-col :span="12">
<el-form-item label="姓名" prop="name" style="height: 73px">
<el-form-item label="姓名" prop="name">
<el-input
ref="name"
v-model="referForm.name"
......@@ -23,18 +22,8 @@
/>
</el-form-item>
</el-col>
<!-- 性别 -->
<el-col :span="12">
<el-form-item
label="性别"
prop="gender"
style="height: 73px"
:rules="
configJson.gender == 1
? referInfoRules.gender
: [{ required: false }]
"
>
<el-form-item label="性别" prop="gender" style="height: 73px">
<el-radio-group
v-model="referForm.gender"
ref="gender"
......@@ -45,9 +34,8 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- 年龄 -->
<el-col :span="12">
<el-form-item label="年龄" prop="age" style="height: 73px">
<el-form-item label="年龄" prop="age">
<el-input
ref="age"
v-model="referForm.age"
......@@ -57,9 +45,72 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="国籍" prop="country" style="height: 73px">
<!-- <el-col :span="12">
<el-form-item label="身份证号" prop="id_card">
<el-input
ref="id_card"
v-model="referForm.id_card"
placeholder="填写真实身份证号"
size="small"
clearable
/>
</el-form-item>
</el-col> -->
<!-- <el-col :span="12">
<el-form-item label="出生日期" prop="birthday">
<el-row :gutter="20">
<el-col :span="8">
<el-select
v-model="bdYear"
placeholder="年"
:popper-append-to-body="false"
>
<el-option
v-for="(item, index) in yearArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
<el-col :span="8">
<el-select
v-model="bdMonth"
placeholder="月"
:popper-append-to-body="false"
>
<el-option
v-for="(item, index) in monthArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
<el-col :span="8">
<el-select
ref="birthday"
v-model="bdDay"
placeholder="日"
:popper-append-to-body="false"
@change="getTime"
>
<el-option
v-for="(item, index) in dayArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
</el-col> -->
<!-- <el-col :span="12">
<el-form-item label="国籍" prop="country">
<el-select
v-model="referForm.country"
placeholder="国籍"
......@@ -75,32 +126,77 @@
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- 身份证号 -->
<el-col :span="12">
<el-form-item label="身份证号" style="height: 73px">
</el-col> -->
<!-- <el-col :span="12">
<el-form-item label="民族" prop="nation">
<el-input
ref="id_card"
v-model="referForm.id_card"
placeholder="填写真实身份证号"
ref="nation"
v-model="referForm.nation"
placeholder="填写民族"
size="small"
:disabled="true"
clearable
/>
</el-form-item>
</el-col>
<!-- 手机号 -->
<el-col :span="12">
<el-form-item label="手机号" style="height: 73px">
<el-input
v-model="referForm.phone"
placeholder="请输入手机号"
size="small"
:disabled="true"
/>
</el-col> -->
<!-- <el-col :span="12">
<el-form-item label="入学年份" prop="start_school_date">
<el-row :gutter="20"> -->
<!-- <el-col :span="12">
<el-select
v-model="start_grade"
placeholder="年级"
:popper-append-to-body="false"
clearable
>
<el-option
v-for="(item, index) in gradeArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col> -->
<!-- <el-col :span="24">
<el-select
ref="start_school_date"
v-model="start_year"
placeholder="年份"
clearable
:popper-append-to-body="false"
@change="getyear()"
>
<el-option
v-for="(item, index) in yearArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!-- 学历 -->
</el-col> -->
<!-- <el-col :span="12">
<el-form-item label="政治面貌" prop="political_status">
<el-select
ref="political_status"
v-model="referForm.political_status"
placeholder="填写政治面貌"
:popper-append-to-body="false"
clearable
>
<el-option
v-for="item in political_status"
:key="item.id"
:label="item.name"
:value="item.name"
>
</el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="学历" prop="education" style="height: 73px">
<el-select
......@@ -119,14 +215,18 @@
</el-select>
</el-form-item>
</el-col>
<!-- 单位名称 -->
<el-col :span="12">
<el-form-item
label="单位名称及身份"
prop="unit_and_identity"
style="height: 73px"
>
<el-form-item label="手机号">
<el-input
v-model="referForm.phone"
placeholder="请输入手机号"
size="small"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单位名称及身份" prop="unit_and_identity">
<el-input
v-model="referForm.unit_and_identity"
placeholder="请输入单位名称及身份"
......@@ -134,9 +234,8 @@
/>
</el-form-item>
</el-col>
<!-- 电子邮箱 -->
<el-col :span="12">
<el-form-item label="电子邮箱" prop="email" style="height: 73px">
<el-form-item label="电子邮箱" prop="email">
<el-input
v-model="referForm.email"
placeholder="填写电子邮箱"
......@@ -144,12 +243,8 @@
/>
</el-form-item>
</el-col>
<!-- 推荐人（非必填） -->
<el-col :span="12">
<el-form-item
label="什么渠道了解的该项目(或推荐人是)?"
style="height: 73px"
>
<el-form-item label="什么渠道了解的该项目(或推荐人是)?">
<el-input
v-model="referForm.recommend"
placeholder="填写推荐人或渠道（选填）"
......@@ -157,10 +252,59 @@
/>
</el-form-item>
</el-col>
</el-row>
<!-- 出生日期 -->
<el-form-item class="btn">
<el-button @click="confirm">提交资料</el-button>
</el-form-item>
</el-form>
<el-form
v-else
ref="referRef"
:model="referForm"
label-position="top"
class="checkForm"
:rules="referInfoRules"
>
<div class="cont_title">个人信息</div>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="出生日期" prop="birthday" style="height: 73px">
<el-form-item label="姓名" prop="name">
<el-input
ref="name"
v-model="referForm.name"
placeholder="填写真实姓名"
size="small"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别" prop="gender">
<el-radio-group
v-model="referForm.gender"
ref="gender"
size="small"
>
<el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证号" prop="id_card">
<el-input
ref="id_card"
v-model="referForm.id_card"
placeholder="填写真实身份证号"
size="small"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出生日期" prop="birthday">
<el-row :gutter="20">
<el-col :span="8">
<el-select
......@@ -212,9 +356,9 @@
</el-row>
</el-form-item>
</el-col>
<!-- 籍贯 -->
<el-col :span="12">
<el-form-item label="籍贯" prop="jiguan_code" style="height: 73px">
<el-form-item label="籍贯" prop="jiguan_code">
<el-row :gutter="20">
<el-col :span="12">
<!-- @keyup.enter.native="selsectProvince" -->
......@@ -253,9 +397,9 @@
</el-row>
</el-form-item>
</el-col>
<!-- 民族 -->
<el-col :span="12">
<el-form-item label="民族" prop="nation" style="height: 73px">
<el-form-item label="民族" prop="nation">
<el-input
ref="nation"
v-model="referForm.nation"
......@@ -265,34 +409,46 @@
/>
</el-form-item>
</el-col>
<!-- 入学年份 -->
<el-col :span="12">
<el-form-item
label="入学年份"
prop="start_school_date"
style="height: 73px"
>
<el-form-item label="入学年份" prop="start_school_date">
<el-row :gutter="20">
<el-select
ref="start_school_date"
v-model="start_year"
placeholder="年份"
clearable
:popper-append-to-body="false"
@change="getyear()"
>
<el-option
v-for="(item, index) in yearArrs"
:key="index"
:label="item"
:value="item"
<el-col :span="12">
<el-select
v-model="start_grade"
placeholder="年级"
:popper-append-to-body="false"
clearable
>
</el-option>
</el-select>
<el-option
v-for="(item, index) in gradeArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
<el-col :span="12">
<el-select
ref="start_school_date"
v-model="start_year"
placeholder="年份"
clearable
:popper-append-to-body="false"
@change="getyear()"
>
<el-option
v-for="(item, index) in yearArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
</el-col>
<!-- 政治面貌 -->
<el-col :span="12">
<el-form-item label="政治面貌" prop="political_status">
<el-select
......@@ -312,178 +468,192 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手机号">
<el-input
v-model="referForm.phone"
placeholder="请输入手机号"
size="small"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱" prop="email">
<el-input
v-model="referForm.email"
placeholder="填写电子邮箱"
size="small"
/>
</el-form-item>
</el-col>
</el-row>
<!-- 学校信息 -->
<div>
<div class="cont_title">学校信息</div>
<div class="school">
<el-row :gutter="20">
<div class="school_info">
<el-col :span="6">
<el-form-item label="就读中学" prop="school_province">
<el-select
ref="school_province"
v-model="referForm.school_province"
clearable
placeholder="省"
:popper-append-to-body="false"
@change="changeProvince(2, $event)"
>
<el-option
v-for="item in selectProvince"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item class="no_label" label=" " prop="school_city">
<el-select
ref="school_city"
v-model="referForm.school_city"
clearable
placeholder="市"
:popper-append-to-body="false"
@change="changeCity($event)"
>
<el-option
v-for="item in selectCitySchool"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item class="no_label" label=" " prop="school">
<el-select
filterable
ref="school"
v-model="referForm.school"
clearable
placeholder="中学"
:popper-append-to-body="false"
>
<el-option
v-for="item in selectSchoolList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<div class="tipsMsg" v-show="$store.state.baseSchool == 1">
如果没有您所在的学校，请选填其他
</div>
<div class="tipsMsg" v-show="$store.state.baseSchool == 0">
如果没有您所在学校，请联系邮箱：service@campcenter.cn
</div>
</el-col>
<div class="cont_title">学校信息</div>
<div class="school">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="就读中学" prop="school_province">
<el-select
ref="school_province"
v-model="referForm.school_province"
clearable
placeholder="省"
:popper-append-to-body="false"
@change="changeProvince(2, $event)"
>
<el-option
v-for="item in selectProvince"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item class="no_label" label=" " prop="school_city">
<el-select
ref="school_city"
v-model="referForm.school_city"
clearable
placeholder="市"
:popper-append-to-body="false"
@change="changeCity($event)"
>
<el-option
v-for="item in selectCitySchool"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item class="no_label" label=" " prop="school">
<el-select
filterable
ref="school"
v-model="referForm.school"
clearable
placeholder="中学"
:popper-append-to-body="false"
>
<el-option
v-for="item in selectSchoolList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<div class="tipsMsg" v-show="$store.state.baseSchool == 1">
如果没有您所在的学校，请选填其他
</div>
<div class="tipsMsg" v-show="$store.state.baseSchool == 0">
如果没有您所在学校，请联系邮箱：service@campcenter.cn
</div>
</el-col>
<el-col :span="12">
<el-form-item label="中学联系人" prop="school_contacts">
<el-input
ref="school_contacts"
v-model="referForm.school_contacts"
placeholder="填写中学联系人"
size="small"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="中学联系人电话（手机）" prop="school_phone">
<el-input
ref="school_phone"
v-model="referForm.school_phone"
placeholder="填写中学联系人电话（手机）"
size="small"
clearable
/>
</el-form-item>
</el-col>
</el-row>
</div>
<el-col :span="12">
<el-form-item label="中学联系人" prop="school_contacts">
<el-input
ref="school_contacts"
v-model="referForm.school_contacts"
placeholder="填写中学联系人"
size="small"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="中学联系人电话（手机）" prop="school_phone">
<el-input
ref="school_phone"
v-model="referForm.school_phone"
placeholder="填写中学联系人电话（手机）"
size="small"
clearable
/>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- 学习成绩证明材料 -->
<div>
<div class="cont_title">学习成绩证明材料</div>
<el-form-item
label="上传申请资料图片"
prop="backgroundPicture"
class="bgPic"
>
<div class="bgInfo">
1、资料包括：近期校级考试的成绩单、在校期间获得证书等相关证明；
</div>
<div class="bgInfo">
2、请上传1-10张图片，支持JPG、JPEG、PNG等格式，每张图片不超过10M
</div>
<div class="image_add">
<div class="image_in">
<el-upload
ref="imgUrl"
name="multipartFile"
list-type="picture-card"
:disabled="isUploading || fileList.length >= 10"
action="#"
accept=".jpg,.jpeg,.png"
:limit="10"
:file-list="fileList"
:before-upload="beforeAvatarUpload"
:on-progress="handleUploadProgress"
:on-success="uploadSuccess"
:http-request="uploadPicture"
>
<i style="font-size: 44px" class="el-icon-circle-plus"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div v-for="(item, idx) in fileList" :key="idx">
<img
class="el-upload-list__item-thumbnail"
:src="file.url"
alt=""
/>
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleDownload(file)"
>
<i class="el-icon-download"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete"></i>
</span>
<div class="cont_title">学习成绩证明材料</div>
<el-form-item
label="上传申请资料图片"
prop="backgroundPicture"
class="bgPic"
>
<div class="bgInfo">
1、资料包括：近期校级考试的成绩单、在校期间获得证书等相关证明；
</div>
<div class="bgInfo">
2、请上传1-10张图片，支持JPG、JPEG、PNG等格式，每张图片不超过10M
</div>
<div class="image_add">
<div class="image_in">
<el-upload
ref="imgUrl"
name="multipartFile"
list-type="picture-card"
:disabled="isUploading || fileList.length >= 10"
action="#"
accept=".jpg,.jpeg,.png"
:limit="10"
:file-list="fileList"
:before-upload="beforeAvatarUpload"
:on-progress="handleUploadProgress"
:on-success="uploadSuccess"
:http-request="uploadPicture"
>
<i style="font-size: 44px" class="el-icon-circle-plus"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div v-for="(item, idx) in fileList" :key="idx">
<img
class="el-upload-list__item-thumbnail"
:src="file.url"
alt=""
/>
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in"></i>
</span>
</div>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleDownload(file)"
>
<i class="el-icon-download"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</el-upload>
</div>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="resultPicture" alt="" />
</el-dialog>
</div>
</el-upload>
</div>
</el-form-item>
</div>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="resultPicture" alt="" />
</el-dialog>
</div>
</el-form-item>
<el-form-item class="btn">
<el-button @click="confirm">提交资料</el-button>
......@@ -526,7 +696,6 @@ export default {
}
};
return {
configJson: {},
isUploading: false, // 图片上传蒙层
referForm: {
name: null,
......@@ -578,13 +747,6 @@ export default {
nation: [
{ required: true, message: "民族不能为空！", trigger: "change" },
],
country: [
{
required: true,
message: "国籍不能为空！",
trigger: "change",
},
],
start_school_date: [
{
required: true,
......@@ -599,26 +761,6 @@ export default {
{ required: true, message: "电子邮箱不能为空！", trigger: "blur" },
{ validator: validator.validateEmail, trigger: "blur" },
],
age: [
{ required: true, message: "年龄不能为空！", trigger: "blur" },
{ validator: validator.validateNumber, trigger: "blur" },
],
education: [
{ required: true, message: "学历不能为空！", trigger: "change" },
],
// address: [
// { required: true, message: "详细地址不能为空！", trigger: "blur" },
// ],
unit_and_identity: [
{
required: true,
message: "单位名称及身份不能为空！",
trigger: "blur",
},
],
school_province: [
{
required: true,
......@@ -647,10 +789,40 @@ export default {
},
{ validator: validator.validatePhone, trigger: "blur" },
],
// backgroundPicture: [{ required: true, message: "请上传图片" }],
},
// 人文学院Rules
human_referRules: {
name: [{ required: true, message: "姓名不能为空！", trigger: "blur" }],
gender: [
{ required: true, message: "性别不能为空！", trigger: "change" },
],
age: [
{ required: true, message: "年龄不能为空！", trigger: "blur" },
{ validator: validator.validateNumber, trigger: "blur" },
],
education: [
{ required: true, message: "学历不能为空！", trigger: "change" },
],
jiguan_code: [
{ required: true, validator: validateContents, trigger: "change" },
],
address: [
{ required: true, message: "详细地址不能为空！", trigger: "blur" },
],
unit_and_identity: [
{
required: true,
message: "单位名称及身份不能为空！",
trigger: "blur",
},
],
email: [
{ required: true, message: "电子邮箱不能为空！", trigger: "blur" },
{ validator: validator.validateEmail, trigger: "blur" },
],
},
EducationArrs: ["初中", "高中", "大学", "硕士", "博士"],
countryList: area.country, //国籍
selectProvince: [], //省份
......@@ -760,7 +932,6 @@ export default {
this.getProAndCity();
this.getTenYear();
this.getAccount(); // 页面信息个人获取
this.configJson = this.$store.state.configJson;
},
watch: {
referForm(val) {
......@@ -864,9 +1035,8 @@ export default {
//组装入学年份
getyear() {
this.referForm.start_school_date = this.start_year.toString();
// + "-" +
// this.start_grade.toString();
this.referForm.start_school_date =
this.start_year.toString() + "-" + this.start_grade.toString();
},
// 获取省份城市
getProAndCity() {
......@@ -1223,64 +1393,34 @@ export default {
this.scrollView(object);
return false;
}
let code = this.$store.state.indexIdentity;
let _this = this;
let obj = {};
if (this.configJson.name == 1) {
obj.name = _this.referForm.name;
}
if (this.configJson.gender == 1) {
obj.gender = _this.referForm.gender;
}
if (this.configJson.idCard == 1) {
obj.id_card = _this.referForm.id_card;
}
if (this.configJson.age == 1) {
obj.age = _this.referForm.age;
}
if (this.configJson.education == 1) {
obj.education = _this.referForm.education;
}
if (this.configJson.postAddress == 1) {
obj.address = _this.referForm.address;
}
if (this.configJson.country == 1) {
obj.country = _this.referForm.country;
}
if (this.configJson.nation == 1) {
obj.nation = _this.referForm.nation;
}
if (this.configJson.phone == 1) {
obj.phone = _this.referForm.phone;
}
if (this.configJson.unitandIdentity == 1) {
obj.unit_and_identity = _this.referForm.companyName;
}
if (this.configJson.email == 1) {
obj.email = _this.referForm.email;
}
if (this.configJson.jiguanCity == 1) {
obj.jiguan_code = _this.referForm.jiguan_code;
}
if (this.configJson.recommend == 1) {
obj.recommend = _this.referForm.recommend;
}
if (this.configJson.recommend == 1) {
obj.name = _this.referForm.name;
obj.gender = _this.referForm.gender;
obj.id_card = _this.referForm.id_card;
obj.age = _this.referForm.age;
obj.education = _this.referForm.education;
obj.address = _this.referForm.address;
obj.country = _this.referForm.country;
obj.nation = _this.referForm.nation;
obj.phone = _this.referForm.phone;
obj.unit_and_identity = _this.referForm.unit_and_identity;
obj.email = _this.referForm.email;
obj.school_province = _this.jgProvinceCode;
obj.school_city = _this.jiguan_city;
obj.recommend = _this.referForm.recommend;
if (
code != "6c6884d1c83040ee8ca17736a8d67b93" &&
code != "479205eb2dbf48fcbbeaee710a9b9d24"
) {
// if (code != "c432d9028b2840ebbbfd56947b38069b") {
obj.start_school_date = _this.referForm.start_school_date;
}
if (this.configJson.birthday == 1) {
obj.political_status = _this.referForm.political_status;
obj.birthday = _this.referForm.birthday;
}
if (this.configJson.school == 1) {
obj.school_province = _this.referForm.school_province;
obj.school_city = _this.referForm.school_city;
obj.jiguan_code = _this.referForm.jiguan_code;
obj.school = _this.referForm.school;
}
if (this.configJson.schoolContacts == 1) {
obj.school_contacts = _this.referForm.school_contacts;
}
if (this.configJson.schoolPhone == 1) {
obj.school_phone = _this.referForm.school_phone;
}
setAccount(obj).then((res) => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment