|
@@ -37,15 +37,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--服务地址-->
|
|
|
- <div class="weui-cell">
|
|
|
- <div class="weui-cell__hd"><label class="weui-label">地址</label></div>
|
|
|
+ <div class="weui-cell" v-if="!iCodeShow">
|
|
|
+ <div class="weui-cell__hd"><label class="weui-label">服务地址</label></div>
|
|
|
<div class="weui-cell__bd"><input v-model="userAddress" class="weui-input" type="text" required=""
|
|
|
maxlength="11" placeholder="输入您需要上门服务的地址">
|
|
|
</div>
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
<!--所属门店-->
|
|
|
- <div class="weui-cell">
|
|
|
+ <div class="weui-cell" v-if="!iCodeShow">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">门店选择</label></div>
|
|
|
<div class="weui-cell__bd" @click='btnStore'>
|
|
|
<input class="weui-input select-time" type="button" required=""
|
|
@@ -54,7 +54,7 @@
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
<!--服务形式-->
|
|
|
- <div class="weui-cell" v-if="serviceType == 0">
|
|
|
+ <div class="weui-cell" v-if="serviceType == 0 && !iCodeShow">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">服务形式</label></div>
|
|
|
<div class="weui-cell__bd" @click='btnServiceForm'>
|
|
|
<input class="weui-input select-time" type="button" required=""
|
|
@@ -63,7 +63,7 @@
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
<!--服务时间-->
|
|
|
- <div class="weui-cell" v-if="serviceType == 0">
|
|
|
+ <div class="weui-cell" v-if="serviceType == 0 && !iCodeShow">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">服务时间</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<div class="service-time select-time" @click='btnServiceAM'>{{serviceTimeAM}}</div>
|
|
@@ -72,16 +72,19 @@
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
<!--服务技能-->
|
|
|
+ <!--<div class="weui-cell" v-if="serviceType == 0 && !iCodeShow">-->
|
|
|
<div class="weui-cell">
|
|
|
+ <!--<div class="weui-cell">-->
|
|
|
<div class="weui-cell__hd"><label class="weui-label">服务技能</label></div>
|
|
|
- <div class="weui-cell__bd" @click='btnServiceSkills'>
|
|
|
+ <div class="weui-cell__bd" @click="showPopup=true">
|
|
|
<input class="weui-input select-time" type="button" required=""
|
|
|
- :value="serviceSkills">
|
|
|
+ :value="oldSkillsStrArr">
|
|
|
</div>
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
+
|
|
|
<!--预产期-->
|
|
|
- <div v-if='serviceType == 1' class="weui-cell">
|
|
|
+ <div v-if='serviceType == 1 && !iCodeShow' class="weui-cell">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">预产期</label></div>
|
|
|
<div class="weui-cell__bd" @click='btn()'>
|
|
|
<input class="weui-input select-time" type="button" required=""
|
|
@@ -90,7 +93,7 @@
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
<!--孩子年龄-->
|
|
|
- <div v-if="serviceType == 2" class="weui-cell">
|
|
|
+ <div v-if="serviceType == 2 && !iCodeShow" class="weui-cell">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">孩子年龄</label></div>
|
|
|
<div class="weui-cell__bd"><input v-model="userAge" class="weui-input" type="text" required="" maxlength="11"
|
|
|
placeholder="输入您孩子的年龄">
|
|
@@ -98,7 +101,7 @@
|
|
|
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
|
|
|
</div>
|
|
|
<!--备注-->
|
|
|
- <div class="weui-cell">
|
|
|
+ <div class="weui-cell" v-if="!iCodeShow">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">备注</label></div>
|
|
|
<div class="weui-cell__bd"><input v-model="dec" class="weui-input" type="text" required="" maxlength="11"
|
|
|
placeholder="补充您的需求">
|
|
@@ -108,12 +111,35 @@
|
|
|
</div>
|
|
|
<!--提交-->
|
|
|
<div class="submit" @click="submit()">提交</div>
|
|
|
+ <div v-transfer-dom>
|
|
|
+ <popup v-model="showPopup" class="checker-popup">
|
|
|
+ <div style="padding:10px 10px 40px 10px;">
|
|
|
+ <div style="display: flex;flex-direction: row;margin-bottom: 20px">
|
|
|
+ <div style="color:#888;flex: 1" @click=btnOldSkills>取消</div>
|
|
|
+ <div style="flex: 1;text-align: right" @click="btnNewSkills"><span
|
|
|
+ style="display: inline-block;padding: 0 10px">确定</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <checker
|
|
|
+ type="checkbox"
|
|
|
+ v-model="skillsStr"
|
|
|
+ default-item-class="skillsStr-item"
|
|
|
+ selected-item-class="skillsStr-item-selected"
|
|
|
+ disabled-item-class="skillsStr-item-disabled">
|
|
|
+ <checker-item v-for="(item,index) in serviceSkillsArr" :key="index" :value="(item.label)"
|
|
|
+ @on-item-click="onItemClick"> {{item.label}}
|
|
|
+ </checker-item>
|
|
|
+ </checker>
|
|
|
+ </div>
|
|
|
+ </popup>
|
|
|
+ </div>
|
|
|
</scroller>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import axios from 'axios'
|
|
|
import config from '@/config'
|
|
|
+ import {Checker, CheckerItem, Divider, Group, Cell, Popup, TransferDom} from 'vux'
|
|
|
|
|
|
export default {
|
|
|
name: 'userInfo',
|
|
@@ -150,15 +176,30 @@
|
|
|
serviceTimeAM: '开始时间',
|
|
|
serviceTimePM: '结束时间',
|
|
|
serviceSkillsArr: [
|
|
|
- {label: '烧饭', value: 0,},
|
|
|
- {label: '保洁', value: 1},
|
|
|
+ {label: '烧饭', value: 1,},
|
|
|
+ {label: '保洁', value: 2},
|
|
|
{label: '育婴', value: 3},
|
|
|
{label: '护理', value: 4,},
|
|
|
- {label: '全套家务', value: 5,}
|
|
|
+ {label: '全套家务', value: 5}
|
|
|
], // 服务技能
|
|
|
- serviceSkills: '请选项服务技能', // 服务技能
|
|
|
+ showPopup: false, // 服务技能
|
|
|
+ skillsStr: '', // 服务技能
|
|
|
+ skills: '', // 服务技能
|
|
|
+ skillsStrArr: '', // 服务技能
|
|
|
+ oldSkillsStrArr: '请选择服务技能' // 服务技能
|
|
|
}
|
|
|
},
|
|
|
+ directives: {
|
|
|
+ TransferDom
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ Checker,
|
|
|
+ CheckerItem,
|
|
|
+ Divider,
|
|
|
+ Group,
|
|
|
+ Cell,
|
|
|
+ Popup
|
|
|
+ },
|
|
|
watch: {
|
|
|
number: function (val, oldVal) {
|
|
|
if (val.length === 11) {
|
|
@@ -175,9 +216,13 @@
|
|
|
this.iCodeShow = false;
|
|
|
this.iCreateCodeShow = false;
|
|
|
this.oldNumber = this.number;
|
|
|
+ if (!this.iCodeShow) {
|
|
|
+ weui.alert('手机号码验证成功,请您填写您的需求并提交!');
|
|
|
+ return
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
// 验证码
|
|
|
// iCreateCode: function (val, oldVal) {
|
|
|
// if(val.length === 4 ){
|
|
@@ -188,6 +233,18 @@
|
|
|
// }
|
|
|
// }
|
|
|
// }
|
|
|
+ // 服务技能
|
|
|
+ skillsStr: function (val, oldVal) {
|
|
|
+ this.skillsStrArr = ''; // 初始化
|
|
|
+ this.oldSkillsStrArr = ''; // 初始化
|
|
|
+ for (let i in val) {
|
|
|
+ this.oldSkillsStrArr = `${this.oldSkillsStrArr} ${val[i]}`
|
|
|
+ }
|
|
|
+ // 重新赋值
|
|
|
+ if (val == '') {
|
|
|
+ this.oldSkillsStrArr = '请选择服务技能';
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
created() {
|
|
|
this.createCode = createCode();
|
|
@@ -200,6 +257,16 @@
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ onItemClick(value, disabled) {
|
|
|
+ },
|
|
|
+ btnNewSkills() {
|
|
|
+ this.showPopup = false;
|
|
|
+ },
|
|
|
+ btnOldSkills() {
|
|
|
+ this.skillsStr = '';
|
|
|
+ this.oldSkillsStrArr = '请选择服务技能';
|
|
|
+ this.showPopup = false;
|
|
|
+ },
|
|
|
// 服务技能
|
|
|
btnServiceSkills() {
|
|
|
let that = this;
|
|
@@ -222,8 +289,8 @@
|
|
|
let newStoreArr = [];
|
|
|
for (let i = 0; i < that.storeArr.length; i++) {
|
|
|
newStoreArr.push({
|
|
|
- label:that.storeArr[i].store_name,
|
|
|
- value:that.storeArr[i].store_id
|
|
|
+ label: that.storeArr[i].store_name,
|
|
|
+ value: that.storeArr[i].store_id
|
|
|
})
|
|
|
}
|
|
|
// store
|
|
@@ -276,7 +343,6 @@
|
|
|
container: 'body',
|
|
|
defaultValue: [0],
|
|
|
onChange: function (result) {
|
|
|
- // console.log(result)
|
|
|
},
|
|
|
onConfirm: function (result) {
|
|
|
that.serviceForm = result[0].label;
|
|
@@ -336,58 +402,65 @@
|
|
|
},
|
|
|
// 表单提交
|
|
|
submit() {
|
|
|
- let that = this;
|
|
|
- // 用户名判断
|
|
|
+ let that = this,
|
|
|
+ skillsArray = [];
|
|
|
+ // 用户名判断
|
|
|
if (!that.userName) {
|
|
|
weui.alert('请输入您的姓名');
|
|
|
return
|
|
|
}
|
|
|
- // 短信验证码判断
|
|
|
-// if (Number.parseInt(that.iCode) !== that.code) {
|
|
|
-// weui.alert('输入的短信验证码有误,请重新输入');
|
|
|
-// return
|
|
|
-// }
|
|
|
// 手机验证
|
|
|
if (this.oldNumber.length !== 11) {
|
|
|
weui.alert('您的手机号码输入有误!');
|
|
|
return
|
|
|
}
|
|
|
+// return;
|
|
|
+
|
|
|
+ // 短信验证码判断
|
|
|
+// if (Number.parseInt(that.iCode) !== that.code) {
|
|
|
+// weui.alert('输入的短信验证码有误,请重新输入');
|
|
|
+// return
|
|
|
+// }
|
|
|
+
|
|
|
// 服务地址
|
|
|
if (!that.userAddress) {
|
|
|
weui.alert('请输入您的服务地址');
|
|
|
return
|
|
|
}
|
|
|
// 门店验证
|
|
|
- if(that.store == '请选择门店'){
|
|
|
- weui.alert('请选择您的小区附近的门店');
|
|
|
- return
|
|
|
- }
|
|
|
+ if (that.store == '请选择门店') {
|
|
|
+ weui.alert('请选择您的小区附近的门店');
|
|
|
+ return
|
|
|
+ }
|
|
|
// 服务形式
|
|
|
if (that.serviceType === 0) {
|
|
|
if (that.serviceForm === '请选择') {
|
|
|
weui.alert('请选择服务类型');
|
|
|
return
|
|
|
}
|
|
|
- } else {
|
|
|
- that.resServiceArr = 1
|
|
|
- }
|
|
|
- // 服务时间
|
|
|
- if (that.serviceType === 0) {
|
|
|
+ // 服务时间
|
|
|
if (that.serviceTimeAM === '开始时间' || that.serviceTimePM === '结束时间') {
|
|
|
weui.alert('请选择服务时间');
|
|
|
return
|
|
|
}
|
|
|
} else {
|
|
|
+ that.resServiceArr = 1;
|
|
|
that.serviceTimeAM = '00:00';
|
|
|
that.serviceTimePM = '00:00';
|
|
|
}
|
|
|
|
|
|
// 服务技能
|
|
|
- if (that.serviceSkills === '请选择服务技能') {
|
|
|
+ if (that.skillsStr == '') {
|
|
|
weui.alert('请选择服务技能');
|
|
|
return
|
|
|
} else {
|
|
|
- that.serviceSkills = 1
|
|
|
+ for (let i in that.skillsStr) {
|
|
|
+ for (let j in that.serviceSkillsArr) {
|
|
|
+ if (that.serviceSkillsArr[j].label == that.skillsStr[i]) {
|
|
|
+ skillsArray.push(that.serviceSkillsArr[j].value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
// 预产期
|
|
|
if (that.serviceType === 1 && that.time === '选择您的预产期') {
|
|
@@ -398,11 +471,12 @@
|
|
|
if (that.serviceType === 2 && !that.userAge) {
|
|
|
weui.alert('请输入您孩子的年龄!');
|
|
|
return
|
|
|
- } else {
|
|
|
+ } else if (that.serviceType !== 2 ){
|
|
|
that.userAge = 1
|
|
|
}
|
|
|
+
|
|
|
// 字符串拼接
|
|
|
- let stitching = `&user_id=${config.user_id}&mobile=${that.number}&user_name=${that.userName}&type=${that.serviceType + 1}&skill=${that.serviceSkills}&cart=${that.resServiceArr}&age=${that.userAge}&address=${that.userAddress}&store_id=${that.storeId}&desc=${that.dec}&yc_time=${that.resTime}&server_start_time=${time(that.serviceTimeAM)}&server_end_time=${time(that.serviceTimePM)}`;
|
|
|
+ let stitching = `&user_id=${config.user_id}&mobile=${that.number}&user_name=${that.userName}&type=${that.serviceType + 1}&skill=${JSON.stringify(skillsArray)}&cart=${that.resServiceArr}&age=${that.userAge}&address=${that.userAddress}&store_id=${that.storeId}&desc=${that.dec}&yc_time=${that.resTime}&server_start_time=${time(that.serviceTimeAM)}&server_end_time=${time(that.serviceTimePM)}`;
|
|
|
if (that)
|
|
|
axios.post(config.apiPath + 'j/HouseKeeping/Add' + stitching).then(res => {
|
|
|
console.log(res);
|
|
@@ -527,6 +601,25 @@
|
|
|
background: rgba(97, 144, 74, 0.8);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .skillsStr-item {
|
|
|
+ background-color: #ddd;
|
|
|
+ color: #222;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 5px 10px;
|
|
|
+ margin-right: 10px;
|
|
|
+ line-height: 18px;
|
|
|
+ border-radius: 15px;
|
|
|
}
|
|
|
|
|
|
+ .skillsStr-item-selected {
|
|
|
+ background-color: #61904a;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .skillsStr-item-disabled {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
</style>
|