|
|
@@ -8,10 +8,10 @@
|
|
|
<!-- 活动时间 -->
|
|
|
<div class="time">
|
|
|
<p>
|
|
|
- 活动时间  <span>{{ data.startDay }}-{{ data.endDay }}</span>
|
|
|
+ 活动时间  <span>{{ data.startDay }}</span>
|
|
|
</p>
|
|
|
<div class="week">
|
|
|
- <div class="weekBox" :style="`width:${week.length * 100 + 50}px`">
|
|
|
+ <div class="weekBox weekBox1">
|
|
|
<div
|
|
|
v-for="(item, index) in week"
|
|
|
:key="index"
|
|
|
@@ -61,7 +61,7 @@
|
|
|
<p>个人信息</p>
|
|
|
<div class="from">
|
|
|
<div class="row">
|
|
|
- <div class="name">姓  名：</div>
|
|
|
+ <div class="name">姓名：</div>
|
|
|
<input
|
|
|
@blur="nameBlur"
|
|
|
maxlength="10"
|
|
|
@@ -82,7 +82,7 @@
|
|
|
<div class="tit" v-show="fromFlag.identity">请输入正确的身份证号</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="name">手 机 号：</div>
|
|
|
+ <div class="name">手机号：</div>
|
|
|
<input
|
|
|
type="text"
|
|
|
@blur="blurPhone"
|
|
|
@@ -92,7 +92,7 @@
|
|
|
<div class="tit" v-show="fromFlag.phone">请输入正确的手机号</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="name">人  数：</div>
|
|
|
+ <div class="name">人数：</div>
|
|
|
<input type="text" disabled v-model="from.num" />
|
|
|
<div class="numChange">
|
|
|
<van-icon
|
|
|
@@ -108,7 +108,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="name">年  龄：</div>
|
|
|
+ <div class="name">年龄：</div>
|
|
|
<input type="text" disabled v-model="from.age" />
|
|
|
<div class="tit" v-if="fromFlag.age">
|
|
|
您的年龄不符合要求({{ data.age.split(",")[0] }}岁-{{
|
|
|
@@ -147,12 +147,12 @@ export default {
|
|
|
timeFlag: false,
|
|
|
from: {
|
|
|
activityId: "", //活动id
|
|
|
- name: "说说", //姓名
|
|
|
+ name: "", //姓名
|
|
|
age: "", //年龄
|
|
|
- identity: "421083199504071212", //身份证号
|
|
|
+ identity: "", //身份证号
|
|
|
joinTime: "", //参加时间,yyyy-MM-dd
|
|
|
num: 1, //参加人数, 最多3人
|
|
|
- phone: "18702020202", //手机号
|
|
|
+ phone: "", //手机号
|
|
|
timeBucket: "", //活动时间段
|
|
|
timeBucketId: "", //活动时间段id
|
|
|
},
|
|
|
@@ -171,9 +171,9 @@ export default {
|
|
|
watch: {},
|
|
|
//方法集合
|
|
|
methods: {
|
|
|
- nameBlur(){
|
|
|
- this.from.name=this.from.name.replace(/[^a-zA-Z\u4e00-\u9fa5]/g,'')
|
|
|
- if(this.from.name!=='') this.fromFlag.name=false
|
|
|
+ nameBlur() {
|
|
|
+ this.from.name = this.from.name.replace(/[^a-zA-Z\u4e00-\u9fa5]/g, "");
|
|
|
+ if (this.from.name !== "") this.fromFlag.name = false;
|
|
|
},
|
|
|
async save() {
|
|
|
if (this.weekId === null) {
|
|
|
@@ -333,12 +333,12 @@ export default {
|
|
|
// ---------------活动时间处理
|
|
|
// 开始日期的时间戳
|
|
|
let Statime = new Date(res.data.startDay).getTime();
|
|
|
- let day =
|
|
|
- (new Date(res.data.endDay) - new Date(res.data.startDay)) /
|
|
|
- 1000 /
|
|
|
- 60 /
|
|
|
- 60 /
|
|
|
- 24;
|
|
|
+ // let day =
|
|
|
+ // (new Date(res.data.endDay) - new Date(res.data.startDay)) /
|
|
|
+ // 1000 /
|
|
|
+ // 60 /
|
|
|
+ // 60 /
|
|
|
+ // 24;
|
|
|
let timeChange = {
|
|
|
1: "周一",
|
|
|
2: "周二",
|
|
|
@@ -349,33 +349,33 @@ export default {
|
|
|
0: "周日",
|
|
|
};
|
|
|
let tempArr = [];
|
|
|
- let temp = Date.now();
|
|
|
- for (let i = 0; i <= day; i++) {
|
|
|
- // 之后的每一天的时间戳
|
|
|
- let tt = Statime + 86400000 * i;
|
|
|
- // 时间戳转换成年月日
|
|
|
- let toDou = (n) => (n < 10 ? `0${n}` : `${n}`);
|
|
|
- let ttS = new Date(tt);
|
|
|
- let date = `${ttS.getFullYear()}-${toDou(ttS.getMonth() + 1)}-${toDou(
|
|
|
- ttS.getDate()
|
|
|
- )}`;
|
|
|
- // 之后的每一天是几号
|
|
|
- let a = new Date(tt);
|
|
|
- let b = a.getDate();
|
|
|
- // 之后的每一天的星期几
|
|
|
- let c = a.getDay();
|
|
|
- let d = timeChange[c];
|
|
|
- // 判断在今天之前
|
|
|
- let tempFlag = temp < tt;
|
|
|
- if (temp - tt < 86400000) {
|
|
|
- tempArr.push({
|
|
|
- name: d,
|
|
|
- num: b,
|
|
|
- tempFlag,
|
|
|
- date,
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
+ // let temp = Date.now();
|
|
|
+ // for (let i = 0; i <= day; i++) {
|
|
|
+ // // 之后的每一天的时间戳
|
|
|
+ let tt = Statime;
|
|
|
+ // // 时间戳转换成年月日
|
|
|
+ let toDou = (n) => (n < 10 ? `0${n}` : `${n}`);
|
|
|
+ let ttS = new Date(tt);
|
|
|
+ let date = `${ttS.getFullYear()}-${toDou(ttS.getMonth() + 1)}-${toDou(
|
|
|
+ ttS.getDate()
|
|
|
+ )}`;
|
|
|
+ // 之后的每一天是几号
|
|
|
+ let a = new Date(tt);
|
|
|
+ let b = a.getDate();
|
|
|
+ // 之后的每一天的星期几
|
|
|
+ let c = a.getDay();
|
|
|
+ let d = timeChange[c];
|
|
|
+ // 判断在今天之前
|
|
|
+ let tempFlag = Date.now() < tt;
|
|
|
+ // if (temp - tt < 86400000) {
|
|
|
+ tempArr.push({
|
|
|
+ name: d,
|
|
|
+ num: b,
|
|
|
+ tempFlag,
|
|
|
+ date,
|
|
|
+ });
|
|
|
+ // }
|
|
|
+ // }
|
|
|
this.week = tempArr;
|
|
|
this.$nextTick(() => {
|
|
|
setTimeout(() => {
|
|
|
@@ -463,6 +463,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .weekBox1 {
|
|
|
+ width: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ & > div {
|
|
|
+ margin-right: 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.week::-webkit-scrollbar {
|
|
|
width: 0;
|
|
|
@@ -555,11 +562,12 @@ export default {
|
|
|
}
|
|
|
.name {
|
|
|
height: 40px;
|
|
|
- line-height: 40px;
|
|
|
font-size: 20px;
|
|
|
width: 100px;
|
|
|
min-width: 100px;
|
|
|
- text-align: right;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
input {
|
|
|
height: 40px;
|
