Skip to content

C
campSite
Commit 1a51d059 authored by 杨梦雪's avatar 杨梦雪
Browse files
Options

增加邀请码

parent f43e9f33
Hide whitespace changes
Inline Side-by-side
Showing with 401 additions and 356 deletions
src/components/index/SignUp/referInfo.vue
View file @ 1a51d059
...@@ -493,6 +493,25 @@ ...@@ -493,6 +493,25 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 邀请码 -->
<el-col :span="12" v-show="doubt_code == 1">
<el-form-item
label="邀请码"
style="height: 73px"
>
<el-input
ref="code"
v-model="referForm.code"
placeholder="邀请码"
size="small"
:disabled="referForm.code==null?false:true"
clearable
/>
</el-form-item>
<div class="tipsMsg">
每个邀请码仅能绑定一个用户
</div>
</el-col>
</el-row> </el-row>
<!-- 学校信息 --> <!-- 学校信息 -->
<div <div
...@@ -642,7 +661,7 @@ ...@@ -642,7 +661,7 @@
</div> </div>
</div> </div>
<!-- 学习成绩证明材料 --> <!-- 学习成绩证明材料 -->
<div v-show="configJson.achievementPath == 1" > <div v-show="configJson.achievementPath == 1">
<div class="cont_title">学习成绩证明材料</div> <div class="cont_title">学习成绩证明材料</div>
<el-form-item <el-form-item
label="上传申请资料图片" label="上传申请资料图片"
...@@ -724,7 +743,7 @@ ...@@ -724,7 +743,7 @@
<script> <script>
/* eslint-disable */ /* eslint-disable */
import Cookie from "js-cookie"; import {setInviteCode} from "r/index/signUp";
import { import {
getAccount, getAccount,
getAchievementOss, getAchievementOss,
...@@ -739,7 +758,7 @@ ...@@ -739,7 +758,7 @@
export default { export default {
name: "referInfo", name: "referInfo",
props: {invitation_code: String},
data() { data() {
const validateContent = (rule, value, callback) => { const validateContent = (rule, value, callback) => {
if (!this.referForm.birthday) { if (!this.referForm.birthday) {
...@@ -781,8 +800,11 @@ ...@@ -781,8 +800,11 @@
school: null, school: null,
school_contacts: null, school_contacts: null,
school_phone: null, school_phone: null,
code: null
}, },
doubt_code: window.localStorage.getItem(
"doubt_code" + this.$store.state.indexIdentity
),//是否填写邀请码
schoolName: {}, schoolName: {},
referInfoRules: { referInfoRules: {
name: [{required: true, message: "姓名不能为空！", trigger: "blur"}], name: [{required: true, message: "姓名不能为空！", trigger: "blur"}],
...@@ -881,10 +903,8 @@ ...@@ -881,10 +903,8 @@
}, },
{validator: validator.validatePhone, trigger: "blur"}, {validator: validator.validatePhone, trigger: "blur"},
], ],
// backgroundPicture: [{ required: true, message: "请上传图片" }], // backgroundPicture: [{ required: true, message: "请上传图片" }],
}, },
EducationArrs: ["初中", "高中", "大学", "硕士", "博士"], EducationArrs: ["初中", "高中", "大学", "硕士", "博士"],
countryList: area.country, //国籍 countryList: area.country, //国籍
selectProvince: [], //省份 selectProvince: [], //省份
...@@ -895,7 +915,6 @@ ...@@ -895,7 +915,6 @@
jgProvinceCode: "", //省份id jgProvinceCode: "", //省份id
jiguan_city: "", //城市id(和省份id拼接) jiguan_city: "", //城市id(和省份id拼接)
yearArrs: [], //生日涉及的近10年的年份 yearArrs: [], //生日涉及的近10年的年份
monthArrs: [ monthArrs: [
"01", "01",
"02", "02",
...@@ -974,7 +993,6 @@ ...@@ -974,7 +993,6 @@
dialogVisible: false, dialogVisible: false,
fileList: [], fileList: [],
resultPicture: "", resultPicture: "",
dialogVisible: false,
disabled: false, //限制输入框 disabled: false, //限制输入框
}; };
}, },
...@@ -999,6 +1017,7 @@ ...@@ -999,6 +1017,7 @@
if (this.configJson.jiguanCity == 1 || this.configJson.school == 1) { if (this.configJson.jiguanCity == 1 || this.configJson.school == 1) {
this.getProAndCity(); this.getProAndCity();
} }
}, },
watch: { watch: {
referForm(val) { referForm(val) {
...@@ -1057,6 +1076,9 @@ ...@@ -1057,6 +1076,9 @@
this.changeCity(this.referForm.school_city, true); this.changeCity(this.referForm.school_city, true);
// console.log(this.referForm.school_city, 12322); // console.log(this.referForm.school_city, 12322);
} }
if (this.invitation_code != null) {
this.referForm.code = this.invitation_code
}
}, },
}, },
mounted() { mounted() {
...@@ -1096,7 +1118,6 @@ ...@@ -1096,7 +1118,6 @@
console.log(yearArr, "yearArr"); console.log(yearArr, "yearArr");
this.yearArrs = yearArr; this.yearArrs = yearArr;
}, },
//组装出生日期 //组装出生日期
getTime() { getTime() {
this.referForm.birthday = this.referForm.birthday =
...@@ -1106,7 +1127,6 @@ ...@@ -1106,7 +1127,6 @@
// console.log(this.referForm.birthday); // console.log(this.referForm.birthday);
}, },
// 国籍 // 国籍
//组装入学年份 //组装入学年份
getyear() { getyear() {
this.referForm.start_school_date = this.start_year.toString(); this.referForm.start_school_date = this.start_year.toString();
...@@ -1125,7 +1145,6 @@ ...@@ -1125,7 +1145,6 @@
// console.log(this.selectProvince, this.CityName); // console.log(this.selectProvince, this.CityName);
}); });
}, },
//选择籍贯省份change事件 //选择籍贯省份change事件
changeProvince(type, val, status) { changeProvince(type, val, status) {
// console.log(type, val); // console.log(type, val);
...@@ -1146,7 +1165,6 @@ ...@@ -1146,7 +1165,6 @@
} }
} }
}, },
//返回当前省份下的城市列表 //返回当前省份下的城市列表
getCurrentCityLists(val) { getCurrentCityLists(val) {
let currentCity = []; let currentCity = [];
...@@ -1185,7 +1203,6 @@ ...@@ -1185,7 +1203,6 @@
} }
return currentCity; return currentCity;
}, },
// 籍贯城市change事件 // 籍贯城市change事件
getJiguan() { getJiguan() {
this.referForm.jiguan_code = this.referForm.jiguan_code =
...@@ -1217,7 +1234,6 @@ ...@@ -1217,7 +1234,6 @@
// }); // });
// this.restaurants = data; //中学（模糊搜索） // this.restaurants = data; //中学（模糊搜索）
}, },
// 返回当前城市下的学校列表 // 返回当前城市下的学校列表
getCurrentSchoolLists(val) { getCurrentSchoolLists(val) {
let currentSchool = []; let currentSchool = [];
...@@ -1273,7 +1289,6 @@ ...@@ -1273,7 +1289,6 @@
} }
return currentSchool; return currentSchool;
}, },
// 图片上传成功前钩子 // 图片上传成功前钩子
beforeAvatarUpload(file) { beforeAvatarUpload(file) {
// console.log(file, "beforeImage"); // console.log(file, "beforeImage");
...@@ -1290,7 +1305,6 @@ ...@@ -1290,7 +1305,6 @@
} }
return (isJPG || isPng || isJPEG) && isLt10M; return (isJPG || isPng || isJPEG) && isLt10M;
}, },
handlePictureCardPreview(file) { handlePictureCardPreview(file) {
console.log(file, "11111111"); console.log(file, "11111111");
this.resultPicture = file.url; this.resultPicture = file.url;
...@@ -1459,6 +1473,14 @@ ...@@ -1459,6 +1473,14 @@
break; // 因为我们只需要检测一项,所以就可以跳出循环了 break; // 因为我们只需要检测一项,所以就可以跳出循环了
} }
}, },
confimCode(code) {
setInviteCode({code: code}).then((res) => {
// console.log(res, "code");
if (res.data.code !== 200) {
return this.$message.error(res.data.message);
}
});
},
confirm() { confirm() {
// console.log(111); // console.log(111);
// console.log(this.referForm.birthday); // console.log(this.referForm.birthday);
...@@ -1486,7 +1508,6 @@ ...@@ -1486,7 +1508,6 @@
if (this.configJson.education == 1) { if (this.configJson.education == 1) {
obj.education = _this.referForm.education; obj.education = _this.referForm.education;
} }
if (this.configJson.postAddress == 1) { if (this.configJson.postAddress == 1) {
obj.address = _this.referForm.address; obj.address = _this.referForm.address;
} }
...@@ -1534,6 +1555,10 @@ ...@@ -1534,6 +1555,10 @@
if (this.configJson.schoolPhone == 1) { if (this.configJson.schoolPhone == 1) {
obj.school_phone = _this.referForm.school_phone; obj.school_phone = _this.referForm.school_phone;
} }
//是否需要填写邀请码
if (this.doubt_code == 1 && this.code != '') {
obj.code = _this.referForm.code;
}
setAccount(obj).then((res) => { setAccount(obj).then((res) => {
// console.log(res, "setAccount"); // console.log(res, "setAccount");
if (res.data.code != 200) { if (res.data.code != 200) {
...@@ -1550,6 +1575,7 @@ ...@@ -1550,6 +1575,7 @@
// this.$router.push("/signUp/check?code=" + code); // this.$router.push("/signUp/check?code=" + code);
this.referForm = res.data.data; this.referForm = res.data.data;
}); });
}); });
}, },
}, },
......
src/views/index/camp/SignUp.vue
View file @ 1a51d059
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
this.status == 5 this.status == 5
" "
> >
<el-button @click="lasStep()">上一步 </el-button> <el-button @click="lasStep()">上一步</el-button>
</div> </div>
<div> <div>
<div v-if="$store.state.human == 1" class="signUp_titile"> <div v-if="$store.state.human == 1" class="signUp_titile">
...@@ -23,7 +23,7 @@ ...@@ -23,7 +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>
...@@ -32,7 +32,10 @@ ...@@ -32,7 +32,10 @@
@getstatus="statuss" @getstatus="statuss"
:invitation_code="invitation_code" :invitation_code="invitation_code"
></Invitation> ></Invitation>
<ReferInfo v-else-if="type == 'referInfo'" @getstatus="statuss"></ReferInfo> <ReferInfo v-else-if="type == 'referInfo'"
@getstatus="statuss"
:invitation_code="invitation_code"
></ReferInfo>
<Pass <Pass
v-else-if="type == 'check'" v-else-if="type == 'check'"
@is_next="is_nextevent" @is_next="is_nextevent"
...@@ -148,374 +151,390 @@ ...@@ -148,374 +151,390 @@
</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";
export default { export default {
name: "signUp", name: "signUp",
components: { components: {
Breadcrumb, Breadcrumb,
Confirm, Confirm,
Invitation, Invitation,
ReferInfo, ReferInfo,
Pass, Pass,
Paying, Paying,
Success, 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, //不再提示（选框）
};
},
created() {
this.yingdiHref =
"http://ying.testgate.cn/b4ce2ee5068848e1a91ab7d5de34ba90";
// console.log(this.yingdiHref);
this.type = this.$route.params.type;
let camp_statement = window.localStorage.getItem(
"camp_statement" + this.$store.state.indexIdentity
);
if (!camp_statement) {
this.dialogVisible = true; //营地通知列表弹窗
window.localStorage.setItem(
"camp_statement" + this.$store.state.indexIdentity,
"1"
);
}
this.statuss();
this.signUpInit();
},
watch: {
$route: {
handler(val) {
// console.log(val, "routeval");
const that = this;
if (val.path.indexOf("signUp") != -1) {
that.type = val.params.type;
}
},
deep: true,
},
status(val) {
// console.log(val, "status");
}, },
}, data() {
methods: { return {
type: "examInfo",
status: "", //进度
// 营地通知 详情内容 doubt_code: window.localStorage.getItem(
// toMsgDetail() { "doubt_code" + this.$store.state.indexIdentity
// this.dialogVisibleList = false; ),
// this.dialogVisible = true; doubt_info: window.localStorage.getItem(
// }, "doubt_info" + this.$store.state.indexIdentity
// 返回营地通知列表 ),
// toBackList() { doubt_check: window.localStorage.getItem(
// this.dialogVisibleList = true; "doubt_check" + this.$store.state.indexIdentity
// this.dialogVisible = false; ),
// }, status_val: "",
// 上一步回退 getExamine: "",
lasStep() { isNexts: "",
signBack({}).then((res) => { signBackStatus: "",
console.log(res, "signBack"); invitation_code: "", //邀请码
if (res.data.code != 200) { dialogVisible: false, //营地声明弹窗
return this.$message.error(res.data.message); yingdiHref: "", //营地声明链接
} dialogVisibleList: true, //营地通知列表弹窗
console.log(res.data.status, "signBack.status"); checked: false, //不再提示（选框）
this.signBackStatus = res.data.status; };
this.signUpInit(this.signBackStatus);
this.$message.success(res.data.message);
});
}, },
is_nextevent(val) { created() {
this.isNexts = val; this.yingdiHref =
// console.log(val, "isNexts"); "http://ying.testgate.cn/b4ce2ee5068848e1a91ab7d5de34ba90";
// this.signUpInit( this.isNexts ); // console.log(this.yingdiHref);
this.signUpInit(this.status_val); this.type = this.$route.params.type;
let camp_statement = window.localStorage.getItem(
"camp_statement" + this.$store.state.indexIdentity
);
if (!camp_statement) {
this.dialogVisible = true; //营地通知列表弹窗
window.localStorage.setItem(
"camp_statement" + this.$store.state.indexIdentity,
"1"
);
}
this.statuss();
this.signUpInit();
}, },
// 点击下一步，触发父组件方法
statuss(val) { watch: {
// console.log(val, "statuss"); $route: {
this.status_val = val; handler(val) {
this.signUpInit(this.status_val); // console.log(val, "routeval");
const that = this;
if (val.path.indexOf("signUp") != -1) {
that.type = val.params.type;
}
},
deep: true,
},
status(val) {
// console.log(val, "status");
},
}, },
// status=4,跳到审核页面；status=3时，根据doubt_check做判断 methods: {
signUpInit(status_val) { // 营地通知 详情内容
// console.log(111111); // toMsgDetail() {
// console.log(status_val, "11111"); // this.dialogVisibleList = false;
// console.log(isNexts, "2222"); // this.dialogVisible = true;
signUpInit({}).then((res) => { // },
// console.log(res, "signUpInit"); // 返回营地通知列表
if (res.data.code != 200) { // toBackList() {
// if (res.data.code == 400001) { // this.dialogVisibleList = true;
// this.status = 6; // this.dialogVisible = false;
// this.type = "success"; // },
// } // 上一步回退
return this.$message.error(res.data.message); lasStep() {
} signBack({}).then((res) => {
this.status = res.data.status; console.log(res, "signBack");
// console.log(this.status, "11111"); if (res.data.code != 200) {
// 点击下一步传值给status,更新 return this.$message.error(res.data.message);
if (status_val != null) {
this.status = status_val;
} else {
this.status = res.data.status;
// console.log(this.status, "11111");
}
// doubt_code，doubt_info，doubt_check。0为不填写，1为填写
if (this.status == 0) {
this.type = "examInfo";
} else if (this.status == 1) {
// 是否填写邀请码
if (this.doubt_code == 0) {
this.type = "referInfo";
this.status = 2;
} else {
this.type = "invitation";
this.status = 1;
} }
} else if (this.status == 2) { console.log(res.data.status, "signBack.status");
// console.log(this.doubt_info, "doubt_info"); this.signBackStatus = res.data.status;
// 是否填写个人资料 this.signUpInit(this.signBackStatus);
if (this.doubt_info == 0) { this.$message.success(res.data.message);
this.type = "check"; });
this.status = 3; },
} else { is_nextevent(val) {
this.type = "referInfo"; this.isNexts = val;
this.status = 2; // console.log(val, "isNexts");
// this.signUpInit( this.isNexts );
this.signUpInit(this.status_val);
},
// 点击下一步，触发父组件方法
statuss(val) {
// console.log(val, "statuss");
this.status_val = val;
this.signUpInit(this.status_val);
},
// status=4,跳到审核页面；status=3时，根据doubt_check做判断
signUpInit(status_val) {
// console.log(111111);
// console.log(status_val, "11111");
// console.log(isNexts, "2222");
signUpInit({}).then((res) => {
// console.log(res, "signUpInit");
if (res.data.code != 200) {
// if (res.data.code == 400001) {
// this.status = 6;
// this.type = "success";
// }
return this.$message.error(res.data.message);
} }
} else if (this.status == 3) { this.status = res.data.status;
// 是否审核个人资料 // console.log(this.status, "11111");
if (this.doubt_check == 0) { // 点击下一步传值给status,更新
this.type = "pay"; if (status_val != null) {
this.status = 4; this.status = status_val;
} else { } else {
this.type = "check"; this.status = res.data.status;
this.status = 3; // console.log(this.status, "11111");
} }
} else if (this.status == 4) { // doubt_code，doubt_info，doubt_check。0为不填写，1为填写
this.type = "check"; if (this.status == 0) {
this.status = 3; this.type = "examInfo";
// console.log(this.status, "this.status "); } else if (this.status == 1) {
// console.log(this.isNexts ,'this.isNexts ') // 是否填写邀请码
if (this.isNexts == 1) { if (this.doubt_code == 0) {
// console.log(11111);
if (res.data.examine_status == 1) {
console.log(333);
this.type = "pay";
this.status = 4;
} else if (res.data.examine_status == 2) {
this.type = "referInfo"; this.type = "referInfo";
this.status = 2; this.status = 2;
// return this.$message.error(res.data.examine_reason); } else {
this.type = "invitation";
this.status = 1;
}
} else if (this.status == 2) {
// console.log(this.doubt_info, "doubt_info");
// 是否填写个人资料
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.status = 4;
} else {
this.type = "check";
this.status = 3;
} }
} else if (this.status == 4) {
this.type = "check";
this.status = 3;
// console.log(this.status, "this.status ");
// console.log(this.isNexts ,'this.isNexts ')
if (this.isNexts == 1) {
// console.log(11111);
if (res.data.examine_status == 1) {
console.log(333);
this.type = "pay";
this.status = 4;
} else if (res.data.examine_status == 2) {
this.type = "referInfo";
this.status = 2;
// return this.$message.error(res.data.examine_reason);
}
}
} else if (this.status == 5) {
this.type = "pay";
} else if (this.status == 6) {
this.type = "success";
} }
} else if (this.status == 5) { this.$emit("getStatus", this.type);
this.type = "pay"; // this.getExamine = res.data.examine_status;
} else if (this.status == 6) { // console.log(res.data.examine_status, "res.data.examine_status");
this.type = "success"; this.invitation_code = res.data.invitation_code; //填写的邀请码回显需要
} //订单支付金额
this.$emit("getStatus", this.type); let code = this.$store.state.indexIdentity;
// this.getExamine = res.data.examine_status; window.localStorage.setItem("has_amount" + code, res.data.has_amount);
// console.log(res.data.examine_status, "res.data.examine_status"); window.localStorage.setItem("campsite_id" + code, res.data.campsite_id);
this.invitation_code = res.data.invitation_code; //填写的邀请码回显需要 window.localStorage.setItem("order_no" + code, res.data.order_no);
//订单支付金额
let code = this.$store.state.indexIdentity;
window.localStorage.setItem("has_amount" + code, res.data.has_amount);
window.localStorage.setItem("campsite_id" + code, res.data.campsite_id);
window.localStorage.setItem("order_no" + code, res.data.order_no);
window.localStorage.setItem(
"examine_status" + code,
res.data.examine_status
); //返回错误原因
window.localStorage.setItem(
"examine_reason" + code,
res.data.examine_reason
); //资料审核状态
// window.localStorage.setItem("achievement_path", res.data.achievement_path); //上传的图片
const aPath = res.data.achievement_path;
if (aPath) {
let arr = aPath.split(",");
let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
// let code = this.$store.state.indexIdentity;
window.localStorage.setItem( window.localStorage.setItem(
"sign_up_file_" + "examine_status" + code,
res.data.examine_status
); //返回错误原因
window.localStorage.setItem(
"examine_reason" + code,
res.data.examine_reason
); //资料审核状态
// window.localStorage.setItem("achievement_path", res.data.achievement_path); //上传的图片
const aPath = res.data.achievement_path;
if (aPath) {
let arr = aPath.split(",");
let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
// let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"sign_up_file_" +
window.localStorage.getItem("phone" + code) + window.localStorage.getItem("phone" + code) +
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(",");
// 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;
}); });
// console.log(fileList) // console.log(fileList)
// console.log(JSON.stringify(fileList)) // console.log(JSON.stringify(fileList))
// let code = this.$store.state.indexIdentity; // let code = this.$store.state.indexIdentity;
window.localStorage.setItem( window.localStorage.setItem(
"bank_info" + window.localStorage.getItem("phone" + code) + code, "bank_info" + window.localStorage.getItem("phone" + code) + code,
JSON.stringify(fileList) JSON.stringify(fileList)
); //上传的图片 ); //上传的图片
} else { } else {
window.localStorage.setItem( window.localStorage.setItem(
"bank_info" + window.localStorage.getItem("phone" + code) + code, "bank_info" + window.localStorage.getItem("phone" + code) + code,
"[]" "[]"
); );
} }
}); });
},
}, },
},
}; };
</script> </script>
<style lang="scss" > <style lang="scss">
@import "a/scss/lastBtn"; @import "a/scss/lastBtn";
.flex {
display: flex; .flex {
} display: flex;
.item {
margin-top: 10px;
margin-right: 40px;
}
.el-dialog__wrapper {
transition-duration: 0.3s;
}
.btn {
text-align: center;
// padding-bottom: 224px;
.el-button {
width: 120px;
height: 35px;
background: var(--color);
border-radius: 4px;
border-color: var(--color);
opacity: 0.8;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 16px;
padding: 0;
margin: 30px 0 0 0;
} }
}
.signUp { .item {
/*background: #ffffff;*/ margin-top: 10px;
/*width: 856px;*/ margin-right: 40px;
.signUp_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
margin-bottom: 40px;
text-align: center;
} }
.content {
padding: 50px 55px; .el-dialog__wrapper {
transition-duration: 0.3s;
} }
}
// 营地通知列表 .btn {
.infoList { text-align: center;
.el-dialog__header { // padding-bottom: 224px;
margin: 30px 20px 0 20px; .el-button {
.el-dialog__title { width: 120px;
font-size: 24px; height: 35px;
background: var(--color);
border-radius: 4px;
border-color: var(--color);
opacity: 0.8;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 16px;
padding: 0;
margin: 30px 0 0 0;
} }
} }
.el-dialog__body {
padding: 0; .signUp {
/*background: #ffffff;*/
/*width: 856px;*/
.signUp_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
margin-bottom: 40px;
text-align: center;
}
.content {
padding: 50px 55px;
}
} }
div {
// font-size: 16px; // 营地通知列表
line-height: 27px; .infoList {
.el-dialog__header {
margin: 30px 20px 0 20px;
.el-dialog__title {
font-size: 24px;
}
}
.el-dialog__body {
padding: 0;
}
div {
// font-size: 16px;
line-height: 27px;
}
.msg {
background-color: #f2f2f2;
padding: 10px 15px;
.title {
width: 100%;
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;
}
}
} }
.msg {
background-color: #f2f2f2; // 营地通知声明
padding: 10px 15px; .info {
.title { .el-dialog__header {
width: 100%; margin: 30px 20px 0 20px;
.el-dialog__title {
font-size: 24px;
}
}
.el-dialog__body {
padding: 0 25px 25px 30px;
}
div {
font-size: 17px; font-size: 17px;
font-weight: 600; line-height: 30px;
} }
.time { .time {
text-align: center;
font-size: 15px; font-size: 15px;
color: #a9a9a9; color: #a9a9a9;
} }
.msg_content {
font-size: 15px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
}
}
// 营地通知声明
.info {
.el-dialog__header {
margin: 30px 20px 0 20px;
.el-dialog__title {
font-size: 24px;
}
}
.el-dialog__body {
padding: 0 25px 25px 30px;
}
div {
font-size: 17px;
line-height: 30px;
}
.time {
text-align: center;
font-size: 15px;
color: #a9a9a9;
} }
}
</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