Skip to content

C
campSite
Commit 2d5d6537 authored by ‘yangmengxue’'s avatar ‘yangmengxue’
Browse files
Options

11

parent 65fb88fe
Hide whitespace changes
Inline Side-by-side
Showing with 596 additions and 558 deletions
src/assets/scss/SignUp/referInfo.scss
View file @ 2d5d6537
...@@ -239,111 +239,6 @@ ...@@ -239,111 +239,6 @@
// 报名流程提示
.referInfoTips {
position: absolute;
right: 1%;
top: 45%;
color: var(--color);
i {
font-size: 26px;
cursor: pointer;
}
}
.vertical-steps {
position: absolute;
right: 4%;
top: 22%;
width: 280px;
margin: 0 auto;
background-color: #f8f8f8;
padding: 30px 20px 20px;
border-radius: 8px;
.vertical-steps-title {
text-align: center;
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
}
}
.step {
display: flex;
margin-bottom: 10px;
position: relative;
.step-number {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ddd;
color: #666;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
margin-right: 15px;
flex-shrink: 0;
position: relative;
z-index: 2;
border: 2px solid white;
box-shadow:
0 4px 12px rgba(24, 144, 255, 0.3),
/* 主阴影 */
inset 0 2px 4px rgba(255, 255, 255, 0.3),
/* 内阴影 */
0 0 0 4px rgba(24, 144, 255, 0.1);
/* 外发光效果 */
}
.step-number {
background-color: var(--color);
color: white;
}
.step-content {
padding: 5px 0;
display: flex;
/* 向左三角形 */
.triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 12px solid #ffffff;
border-bottom: 6px solid transparent;
}
.step-title {
color: #333;
font-size: 12px;
background-color: #ffffff;
width: 182px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
position: relative;
top: -8px;
}
}
.connector {
position: absolute;
left: 11px;
top: 24px;
bottom: -30px;
width: 2px;
border-left: 1.5px dotted var(--color);
z-index: 1;
}
}
// 下载附件 // 下载附件
.annex { .annex {
>div{ >div{
......
src/components/breadcrumb.vue
View file @ 2d5d6537
...@@ -23,6 +23,30 @@ ...@@ -23,6 +23,30 @@
/> />
</div> </div>
</div> </div>
<!-- 报名流程提示 -->
<div
class="vertical-steps"
v-if="isShowStepsTips && (status == 0 || status == 2)"
>
<div class="vertical-steps-title">报名流程</div>
<div class="vertical_close" @click="toShowSteps">
<i class="el-icon-close"></i>
</div>
<div v-for="(item, index) in steps" :key="item">
<div class="step">
<div class="step-number">{{ index + 1 }}</div>
<div class="step-content">
<div class="triangle-left"></div>
<div class="step-title">{{ item }}</div>
</div>
<div class="connector" v-if="index != 5"></div>
</div>
</div>
</div>
<div class="referInfoTips" @click="toShowSteps">
<i class="el-icon-question"></i>
</div>
</div> </div>
</template> </template>
...@@ -35,6 +59,16 @@ export default { ...@@ -35,6 +59,16 @@ export default {
return { return {
status: this.statusNum, status: this.statusNum,
bCList: [], bCList: [],
// 报名流程提示
steps: [
"登录报名系统",
"提交报名信息，等待审核",
"收到审核短信，登录系统缴费",
"上传缴费截图，等待审核",
"收到审核短信，登录系统",
"下载入营通知书，完成报名",
],
isShowStepsTips: false,
}; };
}, },
created() { created() {
...@@ -82,11 +116,15 @@ export default { ...@@ -82,11 +116,15 @@ export default {
}, },
watch: { watch: {
statusNum(val) { statusNum(val) {
// console.log(val, "statusNum"); console.log(val, "statusNum");
this.status = val; this.status = val;
}, },
}, },
methods: {}, methods: {
toShowSteps() {
this.isShowStepsTips = !this.isShowStepsTips;
},
},
}; };
</script> </script>
...@@ -94,6 +132,114 @@ export default { ...@@ -94,6 +132,114 @@ export default {
.flex { .flex {
display: flex; display: flex;
} }
// 报名流程提示
.referInfoTips {
// position: absolute;
// right: 1%;
// top: 45%;
margin-left: 20px;
color: var(--color);
i {
font-size: 26px;
cursor: pointer;
}
}
.vertical-steps {
position: absolute;
right: 2%;
top: 9.5%;
// width: 280px;
margin: 0 auto;
background-color: #f8f8f8;
padding: 30px 20px 20px;
border-radius: 8px;
z-index: 99;
.vertical-steps-title {
text-align: center;
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
}
.vertical_close {
position: absolute;
right: 4%;
top: 2%;
cursor: pointer;
}
}
.step {
display: flex;
margin-bottom: 10px;
position: relative;
.step-number {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ddd;
color: #666;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
margin-right: 15px;
flex-shrink: 0;
position: relative;
z-index: 2;
border: 2px solid white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3),
/* 主阴影 */ inset 0 2px 4px rgba(255, 255, 255, 0.3),
/* 内阴影 */ 0 0 0 4px rgba(24, 144, 255, 0.1);
/* 外发光效果 */
}
.step-number {
background-color: var(--color);
color: white;
}
.step-content {
padding: 5px 0;
display: flex;
/* 向左三角形 */
.triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 12px solid #ffffff;
border-bottom: 6px solid transparent;
}
.step-title {
color: #333;
font-size: 12px;
background-color: #ffffff;
width: 182px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
position: relative;
top: -8px;
}
}
.connector {
position: absolute;
left: 11px;
top: 24px;
bottom: -30px;
width: 2px;
border-left: 1.5px dotted var(--color);
z-index: 1;
}
}
.speed-bg-color { .speed-bg-color {
background-color: var(--color) !important; background-color: var(--color) !important;
......
src/components/index/SignUp/pass.vue
View file @ 2d5d6537
...@@ -6,14 +6,18 @@ ...@@ -6,14 +6,18 @@
<i class="icon-icon"></i> <i class="icon-icon"></i>
</div> </div>
<!-- {{!this.examine_status == 1}} --> <!-- {{!this.examine_status == 1}} -->
<div v-if="this.examine_status==0">同学你好，你的报名资料已提交</div> <div v-if="this.examine_status == 0 || this.examine_status == 3">
<div v-if="this.examine_status == 0"> 同学你好，你的报名资料已提交
</div>
<div v-if="this.examine_status == 0 || this.examine_status == 3">
请等待工作人员审核，审核结果将于以短信形式发送到报名手机号，请注意查收。 请等待工作人员审核，审核结果将于以短信形式发送到报名手机号，请注意查收。
</div> </div>
<div v-if="this.examine_status == 1"> <div v-if="this.examine_status == 1">
同学你好，你的材料已经通过审核，请点击“下一步”完成报名 同学你好，你的材料已经通过审核，请点击“下一步”完成报名
</div> </div>
<div v-if="this.examine_status == 2">同学你好，你的申请材料未能通过审核。原因是：{{ this.examine_reason }}</div> <div v-if="this.examine_status == 2">
同学你好，你的申请材料未能通过审核。原因是：{{ this.examine_reason }}
</div>
<div class="btn" v-show="this.examine_status == 2"> <div class="btn" v-show="this.examine_status == 2">
<el-button @click="Lasting()">上一步</el-button> <el-button @click="Lasting()">上一步</el-button>
</div> </div>
...@@ -25,92 +29,90 @@ ...@@ -25,92 +29,90 @@
</template> </template>
<script> <script>
/* eslint-disable */ /* eslint-disable */
import {signBack, signUpInit} from "r/index/signUp"; import { signBack, signUpInit } from "r/index/signUp";
export default { export default {
name: "Pass", name: "Pass",
data() { data() {
return { return {
examine_status: window.localStorage.getItem( examine_status: window.localStorage.getItem(
"examine_status" + this.$store.state.indexIdentity "examine_status" + this.$store.state.indexIdentity
), ),
examine_reason: window.localStorage.getItem( examine_reason: window.localStorage.getItem(
"examine_reason" + this.$store.state.indexIdentity "examine_reason" + this.$store.state.indexIdentity
), ),
signBackStatus: "", signBackStatus: "",
};
}; },
}, created() {},
created() {
},
watch: {}, watch: {},
methods: { methods: {
Lasting() { Lasting() {
signBack({}).then((res) => { signBack({}).then((res) => {
if (res.data.code != 200) { if (res.data.code != 200) {
return this.$message.error(res.data.msg); return this.$message.error(res.data.msg);
} }
this.signBackStatus = res.data.status; this.signBackStatus = res.data.status;
this.$emit("getstatus", res.data.status); this.$emit("getstatus", res.data.status);
this.$message.success(res.data.msg); this.$message.success(res.data.msg);
}); });
}, },
paying() { paying() {
this.$emit("is_next", 1); this.$emit("is_next", 1);
},
}, },
}; },
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/btn"; @import "a/scss/btn";
@import "a/scss/index"; @import "a/scss/index";
@import "a/style"; @import "a/style";
@font-face { @font-face {
font-family: "icomoon"; font-family: "icomoon";
src: url("../../../assets/fonts/icomoon.eot?dcunb6"); src: url("../../../assets/fonts/icomoon.eot?dcunb6");
src: url("../../../assets/fonts/icomoon.eot?dcunb6#iefix") format("embedded-opentype"), src: url("../../../assets/fonts/icomoon.eot?dcunb6#iefix")
format("embedded-opentype"),
url("../../../assets/fonts/icomoon.ttf?dcunb6") format("truetype"), url("../../../assets/fonts/icomoon.ttf?dcunb6") format("truetype"),
url("../../../assets/fonts/icomoon.woff?dcunb6") format("woff"), url("../../../assets/fonts/icomoon.woff?dcunb6") format("woff"),
url("../../../assets/fonts/icomoon.svg?dcunb6#icomoon") format("svg"); url("../../../assets/fonts/icomoon.svg?dcunb6#icomoon") format("svg");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
} }
.btn { .btn {
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
.pass { .pass {
padding: 0 56px 65px 56px; padding: 0 56px 65px 56px;
.p_content { .p_content {
i { i {
font-size: 100px; font-size: 100px;
color: var(--color); color: var(--color);
} }
div { div {
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: #666666; color: #666666;
line-height: 18px; line-height: 18px;
} }
:nth-child(2) { :nth-child(2) {
margin: 24px 0; margin: 24px 0;
} }
:nth-child(3) { :nth-child(3) {
margin: 0 0 50px 0; margin: 0 0 50px 0;
}
} }
} }
}
</style> </style>
src/components/index/SignUp/referInfo.vue
View file @ 2d5d6537
...@@ -1336,23 +1336,7 @@ ...@@ -1336,23 +1336,7 @@
<!-- 多形式报名邀请码报错弹框 --> <!-- 多形式报名邀请码报错弹框 -->
<cueDialog :dialogVisible="cueDialogVisible" :msg="msg"></cueDialog> <cueDialog :dialogVisible="cueDialogVisible" :msg="msg"></cueDialog>
<!-- 报名流程提示 -->
<div class="vertical-steps" v-if="isShowStepsTips">
<div class="vertical-steps-title">报名流程</div>
<div v-for="(item, index) in steps" :key="item">
<div class="step">
<div class="step-number">{{ index + 1 }}</div>
<div class="step-content">
<div class="triangle-left"></div>
<div class="step-title">{{ item }}</div>
</div>
<div class="connector" v-if="index != 5"></div>
</div>
</div>
</div>
<div class="referInfoTips" @click="toShowSteps">
<i class="el-icon-question"></i>
</div>
</div> </div>
</template> </template>
...@@ -1843,16 +1827,6 @@ export default { ...@@ -1843,16 +1827,6 @@ export default {
resultPicture: "", resultPicture: "",
disabled: false, //限制输入框 disabled: false, //限制输入框
isOffline: false, //活动形式是否包含线下字段 isOffline: false, //活动形式是否包含线下字段
// 报名流程提示
steps: [
"登录报名系统",
"提交报名信息，等待审核",
"收到审核短信，登录系统缴费",
"上传缴费截图，等待审核",
"收到审核短信，登录系统",
"下载入营通知书，完成报名",
],
isShowStepsTips: false,
// 下载附件 // 下载附件
annexList: [], annexList: [],
}; };
...@@ -2033,9 +2007,7 @@ export default { ...@@ -2033,9 +2007,7 @@ export default {
}); });
}); });
}, },
toShowSteps() {
this.isShowStepsTips = !this.isShowStepsTips;
},
// 判断证件类型-证件号是否需要校验 // 判断证件类型-证件号是否需要校验
// IDtypeRule(val) { // IDtypeRule(val) {
// if (val == "大陆居民身份证") { // if (val == "大陆居民身份证") {
......
src/views/index/camp/SignUp.vue
View file @ 2d5d6537
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
</div> </div>
<div> <div>
<Breadcrumb :statusNum="status"></Breadcrumb> <Breadcrumb :statusNum="status"></Breadcrumb>
</div> </div>
</div> </div>
<Confirm v-if="type == 'examInfo'" @getstatus="statuss"></Confirm> <Confirm v-if="type == 'examInfo'" @getstatus="statuss"></Confirm>
...@@ -31,9 +32,10 @@ ...@@ -31,9 +32,10 @@
@getstatus="statuss" @getstatus="statuss"
:invitation_code="invitation_code" :invitation_code="invitation_code"
></Invitation> ></Invitation>
<ReferInfo v-else-if="type == 'referInfo'" <ReferInfo
@getstatus="statuss" v-else-if="type == 'referInfo'"
:invitation_code="invitation_code" @getstatus="statuss"
:invitation_code="invitation_code"
></ReferInfo> ></ReferInfo>
<Pass <Pass
v-else-if="type == 'check'" v-else-if="type == 'check'"
...@@ -116,7 +118,9 @@ ...@@ -116,7 +118,9 @@
&emsp;&emsp;希望广大师生以营地招生简章为准，不要轻信有关宣传，以免自身利益受损。如遇类似上述情况，可发送邮件至service@campcenter.cn反映核实。特此声明！ &emsp;&emsp;希望广大师生以营地招生简章为准，不要轻信有关宣传，以免自身利益受损。如遇类似上述情况，可发送邮件至service@campcenter.cn反映核实。特此声明！
</div> </div>
<div class="btn"> <div class="btn">
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> <el-button type="primary" @click="dialogVisible = false"
>确 定</el-button
>
</div> </div>
</el-dialog> </el-dialog>
...@@ -150,405 +154,424 @@ ...@@ -150,405 +154,424 @@
</template> </template>
<script> <script>
/* eslint-disable */ /* eslint-disable */
import {HREF_URL} from "@/config/server"; import { HREF_URL } from "@/config/server";
import Breadcrumb from "c/breadcrumb"; import Breadcrumb from "c/breadcrumb";
import Confirm from "c/index/SignUp/confirm"; import Confirm from "c/index/SignUp/confirm";
import Invitation from "c/index/SignUp/invitation"; import Invitation from "c/index/SignUp/invitation";
import ReferInfo from "c/index/SignUp/referInfo"; import ReferInfo from "c/index/SignUp/referInfo";
import Pass from "c/index/SignUp/pass"; import Pass from "c/index/SignUp/pass";
import Paying from "c/index/SignUp/paying"; import Paying from "c/index/SignUp/paying";
import Success from "c/index/SignUp/success"; import Success from "c/index/SignUp/success";
import {signUpInit, signBack} from "r/index/signUp"; import { signUpInit, signBack } from "r/index/signUp";
import store from '@/store' import store from "@/store";
export default {
name: "signUp",
components: {
Breadcrumb,
Confirm,
Invitation,
ReferInfo,
Pass,
Paying,
Success,
},
data() {
return {
type: "examInfo",
status: "", //进度
doubt_code: window.localStorage.getItem(
"doubt_code" + this.$store.state.indexIdentity
),
doubt_info: window.localStorage.getItem(
"doubt_info" + this.$store.state.indexIdentity
),
doubt_check: window.localStorage.getItem(
"doubt_check" + this.$store.state.indexIdentity
),
status_val: "",
getExamine: "",
isNexts: "",
signBackStatus: "",
invitation_code: "", //邀请码
dialogVisible: false, //营地声明弹窗
yingdiHref: "", //营地声明链接
dialogVisibleList: true, //营地通知列表弹窗
checked: false, //不再提示（选框）
export default {
name: "signUp", };
components: { },
Breadcrumb, created() {
Confirm, this.yingdiHref =
Invitation, "http://ying.testgate.cn/b4ce2ee5068848e1a91ab7d5de34ba90";
ReferInfo, this.type = this.$route.params.type;
Pass, let camp_statement = window.localStorage.getItem(
Paying, "camp_statement" + this.$store.state.indexIdentity
Success, );
if (!camp_statement) {
this.dialogVisible = true; //营地通知列表弹窗
window.localStorage.setItem(
"camp_statement" + this.$store.state.indexIdentity,
"1"
);
}
// this.statuss();
this.signUpInit();
},
watch: {
$route: {
handler(val) {
const that = this;
if (val.path.indexOf("signUp") != -1) {
that.type = val.params.type;
}
},
deep: true,
}, },
data() { status(val) {
return { // console.log(val, "status");
type: "examInfo",
status: "", //进度
doubt_code: window.localStorage.getItem(
"doubt_code" + this.$store.state.indexIdentity
),
doubt_info: window.localStorage.getItem(
"doubt_info" + this.$store.state.indexIdentity
),
doubt_check: window.localStorage.getItem(
"doubt_check" + this.$store.state.indexIdentity
),
status_val: "",
getExamine: "",
isNexts: "",
signBackStatus: "",
invitation_code: "", //邀请码
dialogVisible: false, //营地声明弹窗
yingdiHref: "", //营地声明链接
dialogVisibleList: true, //营地通知列表弹窗
checked: false, //不再提示（选框）
};
}, },
created() { },
this.yingdiHref = methods: {
"http://ying.testgate.cn/b4ce2ee5068848e1a91ab7d5de34ba90";
this.type = this.$route.params.type; // 营地通知 详情内容
let camp_statement = window.localStorage.getItem( // toMsgDetail() {
"camp_statement" + this.$store.state.indexIdentity // this.dialogVisibleList = false;
); // this.dialogVisible = true;
if (!camp_statement) { // },
this.dialogVisible = true; //营地通知列表弹窗 // 返回营地通知列表
window.localStorage.setItem("camp_statement" + this.$store.state.indexIdentity, // toBackList() {
"1" // this.dialogVisibleList = true;
); // this.dialogVisible = false;
} // },
// this.statuss(); // 上一步回退
this.signUpInit(); lasStep() {
signBack({}).then((res) => {
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.signBackStatus = res.data.status;
this.signUpInit(this.signBackStatus);
this.$message.success(res.data.msg);
});
}, },
watch: { is_nextevent(val) {
$route: { this.isNexts = val;
handler(val) { this.signUpInit(this.status_val);
const that = this;
if (val.path.indexOf("signUp") != -1) {
that.type = val.params.type;
}
},
deep: true,
},
status(val) {
// console.log(val, "status");
},
}, },
methods: { // 点击下一步，触发父组件方法
// 营地通知 详情内容 statuss(val) {
// toMsgDetail() { this.status_val = val;
// this.dialogVisibleList = false; this.signUpInit(this.status_val);
// this.dialogVisible = true; },
// }, // status=4,跳到审核页面；status=3时，根据doubt_check做判断
// 返回营地通知列表 signUpInit(status_val = null) {
// toBackList() { signUpInit({}).then((res) => {
// this.dialogVisibleList = true; if (res.data.code != 200) {
// this.dialogVisible = false; return this.$message.error(res.data.msg);
// }, }
// 上一步回退 // 点击下一步传值给status,更新
lasStep() { if (status_val && status_val != null && status_val != "") {
signBack({}).then((res) => { this.status = status_val;
if (res.data.code != 200) { } else {
return this.$message.error(res.data.msg); this.status = res.data.status;
}
// doubt_code，doubt_info，doubt_check。0为不填写，1为填写
if (this.status == 0) {
this.type = "examInfo";
} else if (this.status == 1) {
// 是否填写邀请码
console.log(this.doubt_code);
if (this.doubt_code == 0) {
this.type = "referInfo";
this.status = 2;
} else {
this.type = "invitation";
this.status = 1;
} }
this.signBackStatus = res.data.status; } else if (this.status == 2) {
this.signUpInit(this.signBackStatus); // 是否填写个人资料
this.$message.success(res.data.msg); if (this.doubt_info == 0) {
}); this.type = "check";
}, this.status = 3;
is_nextevent(val) { } else {
this.isNexts = val; this.type = "referInfo";
this.signUpInit(this.status_val); this.status = 2;
},
// 点击下一步，触发父组件方法
statuss(val) {
this.status_val = val;
this.signUpInit(this.status_val);
},
// status=4,跳到审核页面；status=3时，根据doubt_check做判断
signUpInit(status_val = null) {
signUpInit({}).then((res) => {
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
} }
// 点击下一步传值给status,更新 } else if (this.status == 3) {
if (status_val && status_val != null && status_val != "") { // 是否审核个人资料
this.status = status_val; if (this.doubt_check == 0) {
this.type = "pay";
this.status = 4;
} else { } else {
this.status = res.data.status; this.type = "check";
this.status = 3;
} }
// doubt_code，doubt_info，doubt_check。0为不填写，1为填写 } else if (this.status == 4) {
if (this.status == 0) { this.type = "check";
this.type = "examInfo"; this.status = 3;
} else if (this.status == 1) { if (this.isNexts == 1) {
// 是否填写邀请码 if (res.data.examine_status == 1) {
console.log(this.doubt_code)
if (this.doubt_code == 0) {
this.type = "referInfo";
this.status = 2;
} else {
this.type = "invitation";
this.status = 1;
}
} else if (this.status == 2) {
// 是否填写个人资料
if (this.doubt_info == 0) {
this.type = "check";
this.status = 3;
} else {
this.type = "referInfo";
this.status = 2;
}
} else if (this.status == 3) {
// 是否审核个人资料
if (this.doubt_check == 0) {
this.type = "pay"; this.type = "pay";
this.status = 4; this.status = 4;
} else { } else if (res.data.examine_status == 2) {
this.type = "check"; this.type = "referInfo";
this.status = 3; this.status = 2;
}
} else if (this.status == 4) {
this.type = "check";
this.status = 3;
if (this.isNexts == 1) {
if (res.data.examine_status == 1) {
this.type = "pay";
this.status = 4;
} else if (res.data.examine_status == 2) {
this.type = "referInfo";
this.status = 2;
}
} }
} else if (this.status == 5) {
this.type = "pay";
} else if (this.status == 6) {
this.type = "success";
} }
this.$emit("getStatus", this.type); } else if (this.status == 5) {
this.invitation_code = res.data.invitation_code; //填写的邀请码回显需要 this.type = "pay";
//订单支付金额 } else if (this.status == 6) {
let code = this.$store.state.indexIdentity; this.type = "success";
window.localStorage.setItem("has_amount" + code, res.data.has_amount); }
window.localStorage.setItem("campsite_id" + code, res.data.campsite_id); this.$emit("getStatus", this.type);
window.localStorage.setItem("order_no" + code, res.data.order_no); this.invitation_code = res.data.invitation_code; //填写的邀请码回显需要
window.localStorage.setItem("examine_status" + code, //订单支付金额
res.data.examine_status let code = this.$store.state.indexIdentity;
); //返回错误原因 window.localStorage.setItem("has_amount" + code, res.data.has_amount);
window.localStorage.setItem("examine_reason" + code, window.localStorage.setItem("campsite_id" + code, res.data.campsite_id);
res.data.examine_reason window.localStorage.setItem("order_no" + code, res.data.order_no);
); //资料审核状态 window.localStorage.setItem(
// 回显上传的相关资料图片 "examine_status" + code,
const aPath1 = res.data.transcripts; res.data.examine_status
const aPath2 = res.data.achievementCertificate; ); //返回错误原因
const aPath3 = res.data.safetyNotices; window.localStorage.setItem(
const aPath4 = res.data.achievement_path; "examine_reason" + code,
if (aPath1) { res.data.examine_reason
let arr = aPath1.split(","); ); //资料审核状态
let fileList = []; // 回显上传的相关资料图片
fileList = arr.map((item) => { const aPath1 = res.data.transcripts;
let obj = { const aPath2 = res.data.achievementCertificate;
url: item, const aPath3 = res.data.safetyNotices;
}; const aPath4 = res.data.achievement_path;
return obj; if (aPath1) {
}); let arr = aPath1.split(",");
window.localStorage.setItem("sign_up_file1_" + let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
window.localStorage.setItem(
"sign_up_file1_" +
window.localStorage.getItem("index-phone-all") + window.localStorage.getItem("index-phone-all") +
code, code,
JSON.stringify(fileList) JSON.stringify(fileList)
); //上传的图片 ); //上传的图片
} }
if (aPath2) { if (aPath2) {
let arr = aPath2.split(","); let arr = aPath2.split(",");
console.log(arr) console.log(arr);
let fileList = []; let fileList = [];
fileList = arr.map((item) => { fileList = arr.map((item) => {
let obj = { let obj = {
url: item, url: item,
}; };
return obj; return obj;
}); });
window.localStorage.setItem("sign_up_file2_" + window.localStorage.setItem(
"sign_up_file2_" +
window.localStorage.getItem("index-phone-all") + window.localStorage.getItem("index-phone-all") +
code, code,
JSON.stringify(fileList) JSON.stringify(fileList)
); //上传的图片 ); //上传的图片
} }
if (aPath3) { if (aPath3) {
let arr = aPath3.split(","); let arr = aPath3.split(",");
let fileList = []; let fileList = [];
fileList = arr.map((item) => { fileList = arr.map((item) => {
let obj = { let obj = {
url: item, url: item,
}; };
return obj; return obj;
}); });
window.localStorage.setItem("sign_up_file3_" + window.localStorage.setItem(
"sign_up_file3_" +
window.localStorage.getItem("index-phone-all") + window.localStorage.getItem("index-phone-all") +
code, code,
JSON.stringify(fileList) JSON.stringify(fileList)
); //上传的图片 ); //上传的图片
} }
if (aPath4) { if (aPath4) {
let arr = aPath4.split(","); let arr = aPath4.split(",");
let fileList = []; let fileList = [];
fileList = arr.map((item) => { fileList = arr.map((item) => {
let obj = { let obj = {
url: item, url: item,
}; };
return obj; return obj;
}); });
window.localStorage.setItem("sign_up_file4_" + window.localStorage.setItem(
"sign_up_file4_" +
window.localStorage.getItem("index-phone-all") + window.localStorage.getItem("index-phone-all") +
code, code,
JSON.stringify(fileList) JSON.stringify(fileList)
); //上传的图片 ); //上传的图片
} }
// 银行截图 // 银行截图
const bank_Path = res.data.bank_info; const bank_Path = res.data.bank_info;
if (bank_Path != null) { if (bank_Path != null) {
let arr = bank_Path.split(","); let arr = bank_Path.split(",");
let fileList = []; let fileList = [];
fileList = arr.map((item) => { fileList = arr.map((item) => {
let obj = { let obj = {
url: item, url: item,
}; };
return obj; return obj;
}); });
window.localStorage.setItem("sign_up_payfile_" + window.localStorage.getItem("index-phone-all") + code, window.localStorage.setItem(
JSON.stringify(fileList) "sign_up_payfile_" +
); //上传的图片 window.localStorage.getItem("index-phone-all") +
} else { code,
window.localStorage.setItem("sign_up_payfile_" + window.localStorage.getItem("index-phone-all") + code, JSON.stringify(fileList)
"[]" ); //上传的图片
); } else {
} window.localStorage.setItem(
//多活動形式 "sign_up_payfile_" +
window.localStorage.setItem("multiform_id" + code, res.data.multiform_id); window.localStorage.getItem("index-phone-all") +
//vuex-个人信息 code,
store.state.signUpInfo = res.data "[]"
}); );
}, }
//多活動形式
window.localStorage.setItem(
"multiform_id" + code,
res.data.multiform_id
);
//vuex-个人信息
store.state.signUpInfo = res.data;
});
}, },
}; },
};
</script> </script>
<style lang="scss"> <style lang="scss">
@import "a/scss/lastBtn"; @import "a/scss/lastBtn";
.flex { .flex {
display: flex; display: flex;
} }
.item { .item {
margin-top: 10px; margin-top: 10px;
margin-right: 40px; margin-right: 40px;
} }
.el-dialog__wrapper { .el-dialog__wrapper {
transition-duration: 0.3s; transition-duration: 0.3s;
}
.btn {
text-align: center;
// padding-bottom: 224px;
.el-button {
width: 120px;
height: 35px;
border-radius: 4px;
border-color: var(--color);
background: var(--color);
opacity: 0.8;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 16px;
padding: 0;
margin: 30px 0 0 0;
} }
}
.btn { .signUp {
/*background: #ffffff;*/
/*width: 856px;*/
.signUp_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
margin-bottom: 40px;
text-align: center; text-align: center;
// padding-bottom: 224px;
.el-button {
width: 120px;
height: 35px;
border-radius: 4px;
border-color: var(--color);
background: var(--color);
opacity: 0.8;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 16px;
padding: 0;
margin: 30px 0 0 0;
}
} }
.signUp { .content {
/*background: #ffffff;*/ padding: 70px 55px 50px;
/*width: 856px;*/ }
.signUp_titile { }
// 营地通知列表
.infoList {
.el-dialog__header {
margin: 30px 20px 0 20px;
.el-dialog__title {
font-size: 24px; font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
margin-bottom: 40px;
text-align: center;
} }
}
.content { .el-dialog__body {
padding: 70px 55px 50px; padding: 0;
}
} }
// 营地通知列表 div {
.infoList { // font-size: 16px;
.el-dialog__header { line-height: 27px;
margin: 30px 20px 0 20px; }
.el-dialog__title { .msg {
font-size: 24px; background-color: #f2f2f2;
} padding: 10px 15px;
}
.el-dialog__body { .title {
padding: 0; width: 100%;
font-size: 17px;
font-weight: 600;
} }
div { .time {
// font-size: 16px; font-size: 15px;
line-height: 27px; color: #a9a9a9;
} }
.msg { .msg_content {
background-color: #f2f2f2; font-size: 15px;
padding: 10px 15px; white-space: nowrap;
text-overflow: ellipsis;
.title { -o-text-overflow: ellipsis;
width: 100%; overflow: hidden;
font-size: 17px;
font-weight: 600;
}
.time {
font-size: 15px;
color: #a9a9a9;
}
.msg_content {
font-size: 15px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
} }
} }
}
// 营地通知声明 // 营地通知声明
.info { .info {
.el-dialog__header { .el-dialog__header {
margin: 30px 20px 0 20px; margin: 30px 20px 0 20px;
.el-dialog__title { .el-dialog__title {
font-size: 24px; font-size: 24px;
}
} }
}
.el-dialog__body { .el-dialog__body {
padding: 0 25px 25px 30px; padding: 0 25px 25px 30px;
} }
div { div {
font-size: 17px; font-size: 17px;
line-height: 30px; line-height: 30px;
} }
.time { .time {
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
color: #a9a9a9; color: #a9a9a9;
}
} }
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/dialog"; @import "a/scss/dialog";
</style> </style>
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