Skip to content

C
campSite
Commit 5a7e58fe authored by ‘yangmengxue’'s avatar ‘yangmengxue’
Browse files
Options

填写个人信息-相关资料

parent ac1aeddf
Hide whitespace changes
Inline Side-by-side
Showing with 466 additions and 131 deletions
src/assets/scss/SignUp/referInfo.scss
View file @ 5a7e58fe
......@@ -139,20 +139,14 @@
text-align: center;
}
}
&.bgPic {
.el-form-item__label {
font-size: 14px;
}
.bgInfo {
font-size: 12px;
font-family: PingFang SC;
font-weight: 500;
color: #a7a2a6;
line-height: 24px;
}
}
.el-select {
......@@ -161,7 +155,7 @@
.image_add {
position: relative;
margin-top: 24px;
// margin-top: 24px;
.image_in {
.limit_10 {
......@@ -222,5 +216,12 @@
}
}
.bgInfo {
font-size: 12px;
font-family: PingFang SC;
font-weight: 500;
color: #a7a2a6;
line-height: 24px;
}
}
}
src/components/index/SignUp/referInfo.vue
View file @ 5a7e58fe
......@@ -891,77 +891,297 @@
</div>
</div>
<!-- 学习成绩证明材料 -->
<div v-show="configJson.achievementPath == 1">
<div class="cont_title">学习成绩证明材料</div>
<el-form-item
class="bgPic"
label="上传申请资料图片"
prop="backgroundPicture"
style="height: 100%"
>
<div>
<div class="cont_title">相关资料</div>
<div 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
:before-upload="beforeAvatarUpload"
:class="{ hide: hideUpload }"
:disabled="isUploading || fileList.length >= 10"
:file-list="fileList"
:http-request="uploadPicture"
:limit="10"
:on-success="uploadSuccess"
accept=".jpg,.jpeg,.png"
action="#"
list-type="picture-card"
name="multipartFile"
ref="imgUrl"
>
<i class="el-icon-circle-plus" style="font-size: 44px"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div :key="idx" v-for="(item, idx) in fileList">
<img
:src="file.url"
alt=""
class="el-upload-list__item-thumbnail"
/>
<span class="el-upload-list__item-actions">
<span
@click="handlePictureCardPreview(file)"
class="el-upload-list__item-preview"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
@click="handleDownload(file)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-download"></i>
</span>
<span
@click="handleRemove(file)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
<!-- 成绩证明资料 -->
<div v-show="configJson.achievementPath == 1">
<el-form-item
label="上传成绩证明资料"
:rules="
configJson.achievementPath == 1
? referInfoRules.achievementPath
: [{ required: false }]
"
prop="achievementPath"
style="height: 100%"
>
<div class="image_add">
<div class="image_in">
<el-upload
:class="{ hide: hideUpload4 }"
:disabled="isUploading || fileList4.length >= 10"
:limit="10"
accept=".jpg,.jpeg,.png"
action="#"
list-type="picture-card"
name="multipartFile"
ref="imgUrl4"
:file-list="fileList4"
:before-upload="beforeAvatarUpload"
:http-request="(params) => uploadPicture(params, 4)"
:on-success="(res, file) => uploadSuccess(res, file, 4)"
>
<i class="el-icon-circle-plus" style="font-size: 44px"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div :key="idx" v-for="(item, idx) in fileList4">
<img
:src="file.url"
alt=""
class="el-upload-list__item-thumbnail"
/>
<span class="el-upload-list__item-actions">
<span
@click="handlePictureCardPreview(file)"
class="el-upload-list__item-preview"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
@click="handleDownload(file)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-download"></i>
</span>
<span
@click="handleRemove(file, 4)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</div>
</el-upload>
</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
</el-dialog>
</div>
</el-form-item>
</div>
<!-- 学生成绩单 -->
<div v-show="configJson.transcripts == 1">
<el-form-item
label="上传学生成绩单"
:rules="
configJson.transcripts == 1
? referInfoRules.transcripts
: [{ required: false }]
"
prop="transcripts"
style="height: 100%"
>
<div class="image_add">
<div class="image_in">
<el-upload
:before-upload="beforeAvatarUpload"
:class="{ hide: hideUpload1 }"
:limit="10"
accept=".jpg,.jpeg,.png"
action="#"
list-type="picture-card"
name="multipartFile"
ref="imgUrl1"
:disabled="isUploading || fileList1.length >= 10"
:file-list="fileList1"
:http-request="(params) => uploadPicture(params, 1)"
:on-success="(res, file) => uploadSuccess(res, file, 1)"
>
<i class="el-icon-circle-plus" style="font-size: 44px"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div :key="idx" v-for="(item, idx) in fileList1">
<img
:src="file.url"
alt=""
class="el-upload-list__item-thumbnail"
/>
<span class="el-upload-list__item-actions">
<span
@click="handlePictureCardPreview(file)"
class="el-upload-list__item-preview"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
@click="handleDownload(file)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-download"></i>
</span>
<span
@click="handleRemove(file, 1)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</div>
</el-upload>
</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
</el-dialog>
</div>
</el-form-item>
</div>
<!-- 获奖证书 -->
<div v-show="configJson.achievementCertificate == 1">
<el-form-item
label="上传获奖证书"
:rules="
configJson.achievementCertificate == 1
? referInfoRules.achievementCertificate
: [{ required: false }]
"
prop="achievementCertificate"
style="height: 100%"
>
<div class="image_add">
<div class="image_in">
<el-upload
:before-upload="beforeAvatarUpload"
:class="{ hide: hideUpload2 }"
:limit="10"
accept=".jpg,.jpeg,.png"
action="#"
list-type="picture-card"
name="multipartFile"
ref="imgUrl2"
:disabled="isUploading || fileList1.length >= 10"
:file-list="fileList2"
:http-request="(params) => uploadPicture(params, 2)"
:on-success="(res, file) => uploadSuccess(res, file, 2)"
>
<i class="el-icon-circle-plus" style="font-size: 44px"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div :key="idx" v-for="(item, idx) in fileList2">
<img
:src="file.url"
alt=""
class="el-upload-list__item-thumbnail"
/>
<span class="el-upload-list__item-actions">
<span
@click="handlePictureCardPreview(file)"
class="el-upload-list__item-preview"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
@click="handleDownload(file)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-download"></i>
</span>
<span
@click="handleRemove(file, 2)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</div>
</el-upload>
</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
</el-dialog>
</div>
</el-form-item>
</div>
<!-- 安全告知书 -->
<div v-show="configJson.safetyNotices == 1">
<el-form-item
label="上传安全告知书"
:rules="
configJson.safetyNotices == 1
? referInfoRules.safetyNotices
: [{ required: false }]
"
prop="safetyNotices"
style="height: 100%"
>
<div class="image_add">
<div class="image_in">
<el-upload
:before-upload="beforeAvatarUpload"
:class="{ hide: hideUpload3 }"
:limit="10"
accept=".jpg,.jpeg,.png"
action="#"
list-type="picture-card"
name="multipartFile"
ref="imgUrl3"
:disabled="isUploading || fileList3.length >= 10"
:file-list="fileList3"
:http-request="(params) => uploadPicture(params, 3)"
:on-success="(res, file) => uploadSuccess(res, file, 3)"
>
<i class="el-icon-circle-plus" style="font-size: 44px"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }">
<div :key="idx" v-for="(item, idx) in fileList3">
<img
:src="file.url"
alt=""
class="el-upload-list__item-thumbnail"
/>
<span class="el-upload-list__item-actions">
<span
@click="handlePictureCardPreview(file)"
class="el-upload-list__item-preview"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
@click="handleDownload(file)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-download"></i>
</span>
<span
@click="handleRemove(file, 3)"
class="el-upload-list__item-delete"
v-if="!disabled"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</div>
</el-upload>
</div>
</el-upload>
</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
</el-dialog>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
</el-dialog>
</div>
</el-form-item>
</div>
</el-form-item>
</div>
</div>
<div class="btn">
......@@ -1233,7 +1453,12 @@ export default {
},
{ validator: validator.validatePhone, trigger: "blur" },
],
// backgroundPicture: [{ required: true, message: "请上传图片" }],
achievementPath: [{ required: true, message: "请上传成绩证明资料！" }],
transcripts: [{ required: true, message: "请上传学生成绩单！" }],
achievementCertificate: [
{ required: true, message: "请上传获奖证书！" },
],
safetyNotices: [{ required: true, message: "请上传安全告知书！" }],
},
countryList: area.country, //国籍
selectProvince: [], //省份
......@@ -1396,23 +1621,52 @@ export default {
dialogImageUrl: "",
dialogVisible: false,
fileList: [],
fileList1: [],
fileList2: [],
fileList3: [],
fileList4: [],
hideUpload1: false,
hideUpload2: false,
hideUpload3: false,
hideUpload4: false,
resultPicture: "",
disabled: false, //限制输入框
isOffline: false, //活动形式是否包含线下字段
hideUpload: false,
};
},
created() {
const code = this.$store.state.indexIdentity;
this.referForm.phone = window.localStorage.getItem("index-phone-all"); //本地取用户手机号
let signUpFile = window.localStorage.getItem(
"sign_up_file_" + window.localStorage.getItem("index-phone-all") + code
let signUpFile1 = window.localStorage.getItem(
"sign_up_file1_" + window.localStorage.getItem("index-phone-all") + code
);
let signUpFile2 = window.localStorage.getItem(
"sign_up_file2_" + window.localStorage.getItem("index-phone-all") + code
);
let signUpFile3 = window.localStorage.getItem(
"sign_up_file3_" + window.localStorage.getItem("index-phone-all") + code
);
let signUpFile4 = window.localStorage.getItem(
"sign_up_file4_" + window.localStorage.getItem("index-phone-all") + code
);
// console.log(signUpFile);
if (signUpFile && JSON.parse(signUpFile).length > 0) {
this.fileList = JSON.parse(signUpFile);
this.hideUpload = this.fileList.length >= 10;
if (signUpFile1 && JSON.parse(signUpFile1).length > 0) {
this.fileList1 = JSON.parse(signUpFile1);
this.hideUpload1 = this.fileList1.length >= 10;
}
if (signUpFile2 && JSON.parse(signUpFile2).length > 0) {
this.fileList2 = JSON.parse(signUpFile2);
this.hideUpload2 = this.fileList2.length >= 10;
}
if (signUpFile3 && JSON.parse(signUpFile3).length > 0) {
this.fileList3 = JSON.parse(signUpFile3);
this.hideUpload3 = this.fileList3.length >= 10;
}
if (signUpFile4 && JSON.parse(signUpFile4).length > 0) {
this.fileList4 = JSON.parse(signUpFile4);
this.hideUpload4 = this.fileList4.length >= 10;
}
// this.getSchool();
this.getTenYear();
this.getAccount(); // 页面信息个人获取
......@@ -1431,7 +1685,6 @@ export default {
}
});
}
console.log(this.isOffline);
},
watch: {
referForm(val) {
......@@ -1568,11 +1821,10 @@ export default {
res.data.info.jiguan_province.toString() +
res.data.info.jiguan_city.toString();
}
console.log(typeof window.localStorage.getItem("index-email-all"));
if (res.data.info.email == null) {
let email = window.localStorage.getItem("index-email-all");
if (email == 'null') {
this.referForm.email = null
if (email == "null") {
this.referForm.email = null;
} else {
this.referForm.email =
window.localStorage.getItem("index-email-all"); //本地取用户邮箱
......@@ -1807,16 +2059,30 @@ export default {
this.resultPicture = file.url;
this.dialogVisible = true;
},
uploadSuccess(res, file, fileList) {
this.referForm.achievementPath = res;
this.fileList = {
uploadSuccess(res, file, type) {
console.log("Upload success:", res);
let obj = {
name: file.name,
url: res,
};
this.$refs["imgUrl"].clearFiles(); //上传成功之后清除历史记录
if (type == 1) {
// this.referForm.achievementPath = res;
this.fileList1 = obj;
this.$refs["imgUrl1"].clearFiles();
} else if (type == 2) {
this.fileList2 = obj;
this.$refs["imgUrl2"].clearFiles();
} else if (type == 3) {
this.fileList3 = obj;
this.$refs["imgUrl3"].clearFiles();
} else if (type == 4) {
this.fileList4 = obj;
this.$refs["imgUrl4"].clearFiles();
}
},
uploadPicture(params) {
uploadPicture(params, type) {
// console.log("已经准备好上传图片", params);
console.log("type", type);
this.file = params.file;
let raw = params.file;
let image = {
......@@ -1824,13 +2090,13 @@ export default {
size: raw.size,
type: raw.type,
};
this.getCosConfigs(image, params.file);
this.getCosConfigs(image, params.file, type);
},
ChangeImage(fileList) {
this.hideUpload = fileList.length >= 10;
},
// cos上传
async getCosConfigs(image, file) {
async getCosConfigs(image, file, type) {
console.log(file);
this.loading = true;
await cosSignature({ image: image, index: "1" })
......@@ -1872,7 +2138,11 @@ export default {
this.$message.error("上传失败！");
} else {
console.log(data);
this.signUploadSuccess("http://" + data.Location, resData);
this.signUploadSuccess(
"http://" + data.Location,
resData,
type
);
}
}
);
......@@ -1886,8 +2156,8 @@ export default {
});
},
// cos上传-告诉后端上传成功
async signUploadSuccess(path, resData) {
await achievementCallBack({ key: resData.key, index: 1 })
async signUploadSuccess(path, resData, type) {
await achievementCallBack({ key: resData.key, index: 1, type: type })
.then((res) => {
if (res.data.code != 200) {
this.loading = false;
......@@ -1900,15 +2170,31 @@ export default {
let obj = {
url: res.data.picture_path,
};
this.fileList.push(obj);
let code = this.$store.state.indexIdentity;
let filelist = null;
let sign_up_name = null;
if (type == 1) {
filelist = this.fileList1;
sign_up_name = "sign_up_file1_";
} else if (type == 2) {
filelist = this.fileList2;
sign_up_name = "sign_up_file2_";
} else if (type == 3) {
filelist = this.fileList3;
sign_up_name = "sign_up_file3_";
} else {
// 4
filelist = this.fileList4;
sign_up_name = "sign_up_file4_";
}
filelist.push(obj);
window.localStorage.setItem(
"sign_up_file_" +
sign_up_name +
+window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(this.fileList)
JSON.stringify(filelist)
);
this.ChangeImage(this.fileList);
this.ChangeImage(filelist);
})
.catch((err) => {
this.loading = false;
......@@ -1973,7 +2259,7 @@ export default {
window.location.href = file.url;
},
//删除图片
handleRemove(file) {
handleRemove(file, type) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -1990,20 +2276,36 @@ export default {
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.fileList.forEach((item, idx) => {
let filelist = null;
let sign_up_name = null;
if (type == 1) {
filelist = this.fileList1;
sign_up_name = "sign_up_file1_";
} else if (type == 2) {
filelist = this.fileList2;
sign_up_name = "sign_up_file2_";
} else if (type == 3) {
filelist = this.fileList3;
sign_up_name = "sign_up_file3_";
} else {
// 4
filelist = this.fileList4;
sign_up_name = "sign_up_file4_";
}
filelist.forEach((item, idx) => {
// console.log(item.url == file.url);
if (item.url == file.url) {
this.fileList.splice(idx, 1);
let code = this.$store.state.indexIdentity;
filelist.splice(idx, 1);
window.localStorage.setItem(
"sign_up_file_" +
sign_up_name +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(this.fileList)
JSON.stringify(filelist)
);
}
});
this.ChangeImage(this.fileList);
this.ChangeImage(filelist);
this.$message.success(res.data.msg);
});
})
......@@ -2146,7 +2448,7 @@ export default {
if (_this.configJson.code == 1) {
obj.code = _this.referForm.code;
}
console.log(obj);
// console.log(obj);
setAccount(obj).then((res) => {
console.log(res);
if (res.data.code != 200) {
......
src/config/server.js
View file @ 5a7e58fe
// export const SERVER_URL = "https://ysslapi.thussat.cn"; // 测试环境
// export const DEVELOPMENT_SERVER_URL = "https://ysslapi.thussat.cn"; //开发环境
// export const SERVER_WS_URL = "wss://ysslapi.thussat.cn"; // websocket
// export const SERVER_URL = "http://123.56.237.167:20202"; // 测试环境
// export const DEVELOPMENT_SERVER_URL = "http://123.56.237.167:20202"; //测试环境
// export const SERVER_WS_URL = "wss://123.56.237.167:20202"; // websocket
// 正式（暂时不用）
// export const SERVER_URL = 'https://api1.testgate.cn' // 正式环境
// export const DEVELOPMENT_SERVER_URL = 'https://api1.testgate.cn' // 开发环境
// export const SERVER_WS_URL = 'wss://api1.testgate.cn' // websocket
// 正式
// export const SERVER_URL = "https://apiy.thuers.com/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = " https://apiy.thuers.com/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://apiy.thuers.com"; // websocket
// 测试
// export const SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://tgwapi.campcenter.cn"; // websocket
// 正式
export const SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; // 正式环境
export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; //开发环境
export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
// export const SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
// 测试
// export const SERVER_URL = "http:// 8088/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "http://43.143.166.79:8088/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://43.143.166.79:8088"; // websocket
export const SERVER_URL = "http://192.168.1.146:8088/modules-campsite"; // 正式环境
export const DEVELOPMENT_SERVER_URL = "http://192.168.1.146:8088/modules-campsite"; //开发环境
export const SERVER_WS_URL = "wss://192.168.1.146:8088"; // websocket
src/views/index/camp/SignUp.vue
View file @ 5a7e58fe
......@@ -331,9 +331,13 @@
window.localStorage.setItem("examine_reason" + code,
res.data.examine_reason
); //资料审核状态
const aPath = res.data.achievement_path;
if (aPath) {
let arr = aPath.split(",");
// 回显上传的相关资料图片
const aPath1 = res.data.transcripts;
const aPath2 = res.data.achievementCertificate;
const aPath3 = res.data.safetyNotices;
const aPath4 = res.data.achievement_path;
if (aPath1) {
let arr = aPath1.split(",");
let fileList = [];
fileList = arr.map((item) => {
let obj = {
......@@ -341,7 +345,53 @@
};
return obj;
});
window.localStorage.setItem("sign_up_file_" +
window.localStorage.setItem("sign_up_file1_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(fileList)
); //上传的图片
}
if (aPath2) {
let arr = aPath2.split(",");
console.log(arr)
let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
window.localStorage.setItem("sign_up_file2_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(fileList)
); //上传的图片
}
if (aPath3) {
let arr = aPath3.split(",");
let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
window.localStorage.setItem("sign_up_file3_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(fileList)
); //上传的图片
}
if (aPath4) {
let arr = aPath4.split(",");
let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
window.localStorage.setItem("sign_up_file4_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(fileList)
......
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