|
|
@@ -5,47 +5,47 @@
|
|
|
<div class="module-com">
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">收花人姓名</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">电话</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="phone" placeholder="请输入电话" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.receiveMobile" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="请输入电话" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="selRegionFn">
|
|
|
<div class="tui-title">收花人地址</div>
|
|
|
- <div class="tui-input">福建厦门</div>
|
|
|
+ <div class="tui-input">{{ form.receiveFullAddress }}</div>
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">详细地址</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="phone" placeholder="小区、大厦或街道名称,如金尚小区" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.receiveFullAddress" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="小区、大厦或街道名称,如金尚小区" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">门牌号</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="phone" placeholder="楼号门牌号,如23号403室 (选填)" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.receiveFloor" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="楼号门牌号,如23号403室 (选填)" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
</div>
|
|
|
<!-- 订花人 -->
|
|
|
<div class="module-com">
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">订花人姓名</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="age" placeholder="请输入姓名 (选填)" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.receiveFloor" placeholder-class="phcolor" class="tui-input" name="age" placeholder="请输入姓名 (选填)" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">订花人电话</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="age" placeholder="填了花送到了会通知您 (选填)" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.bookMobile" placeholder-class="phcolor" class="tui-input" name="age" placeholder="填了花送到了会通知您 (选填)" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true">
|
|
|
<div class="tui-title">送达时间</div>
|
|
|
- <picker mode="date" :value="time" @change="selTimeFn" class="tui-input">
|
|
|
- <div v-if="time">{{ time }}</div>
|
|
|
+ <picker mode="date" :value="form.reachTime" @change="selTimeFn" class="tui-input">
|
|
|
+ <div v-if="form.reachTime">{{ form.reachTime }}</div>
|
|
|
<div class="tui-placeholder" v-else>请选择送达时间</div>
|
|
|
</picker>
|
|
|
</tui-list-cell>
|
|
|
<!-- 具体时间 -->
|
|
|
<div class="delivery-time">
|
|
|
- <button class="button-com" :class="[timeTodaySel == 0 ? 'red' : 'default']" @click="timeTodaySelFn(0)">上午</button>
|
|
|
- <button class="button-com" :class="[timeTodaySel == 1 ? 'red' : 'default']" @click="timeTodaySelFn(1)">中午</button>
|
|
|
- <button class="button-com" :class="[timeTodaySel == 2 ? 'red' : 'default']" @click="timeTodaySelFn(2)">下午</button>
|
|
|
+ <button class="button-com" :class="[reachPeriod == 0 ? 'red' : 'default']" @click="timeTodaySelFn(0)">上午</button>
|
|
|
+ <button class="button-com" :class="[reachPeriod == 1 ? 'red' : 'default']" @click="timeTodaySelFn(1)">下午</button>
|
|
|
+ <button class="button-com" :class="[reachPeriod == 2 ? 'red' : 'default']" @click="timeTodaySelFn(2)">晚上</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 贺卡 -->
|
|
|
@@ -57,7 +57,7 @@
|
|
|
<span class="need-gift">需要贺卡</span>
|
|
|
</div>
|
|
|
<div class="gitf-textarea">
|
|
|
- <app-textarea placeholder="请填写贺卡内容" v-model="gift" @blur="blursave('blur')" />
|
|
|
+ <app-textarea v-model="form.cardInfo" placeholder="请填写贺卡内容" @blur="blursave('blur')" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</tui-list-cell>
|
|
|
@@ -66,7 +66,7 @@
|
|
|
<div class="module-com">
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<div class="tui-title">备注</div>
|
|
|
- <input placeholder-class="phcolor" class="tui-input" name="age" placeholder="(选填)" maxlength="50" type="number" />
|
|
|
+ <input v-model="form.remark" placeholder-class="phcolor" class="tui-input" name="age" placeholder="(选填)" maxlength="50" type="number" />
|
|
|
</tui-list-cell>
|
|
|
</div>
|
|
|
<!-- 商品金额 -->
|
|
|
@@ -123,16 +123,36 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- time: '',
|
|
|
- timeTodaySel: 0,
|
|
|
region: [],
|
|
|
- gift: '',
|
|
|
- showRegion: false
|
|
|
+ showRegion: false,
|
|
|
+ form: {
|
|
|
+ receiveUserName: '', // 收花人姓名;到店自提的姓名
|
|
|
+ receiveMobile: '', // 收花人手机;到店自提的电话;
|
|
|
+ receiveProvince: '', // 收花人省份
|
|
|
+ receiveCity: '', // 收花人城市
|
|
|
+ receiveAddress: '', // 收花人地址
|
|
|
+ receiveFloor: '', // 收花人门楼号和牌号
|
|
|
+ receiveFullAddress: '', // 收花人完整地址,从腾讯地图接口获取
|
|
|
+ receiveLat: '', // 收花人纬度
|
|
|
+ receiveLong: '', // 收花人经度
|
|
|
+ bookMobile: '', // 订花人手机号
|
|
|
+ reachTime: '', // 配送时间
|
|
|
+ reachPeriod: '', // 配送时段,0上午1下午2晚上
|
|
|
+ needCard: '', // 是否要贺卡 0不要 1要
|
|
|
+ cardInfo: '', // 贺卡信息
|
|
|
+ remark: '', // 备注
|
|
|
+ anonymity: '', // 是否匿名 0不 1要
|
|
|
+ sendDistance: '', // 配送距离,根据腾讯js进行计算
|
|
|
+ goodsId: '', // 【商城下单特有字段】商品id
|
|
|
+ goodsStyleId: '', // 【商城下单特有字段】商品款式id
|
|
|
+ goodsNum: '', // 【商城下单特有字段】商品数量
|
|
|
+ couponId: '' // 优惠券id,默认0没有使用优惠券
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
selTimeFn(e) {
|
|
|
- this.time = e.detail.value
|
|
|
+ this.form.reachTime = e.detail.value
|
|
|
},
|
|
|
selRegionFn() {
|
|
|
this.showRegion = true
|
|
|
@@ -144,10 +164,10 @@ export default {
|
|
|
this.showRegion = false
|
|
|
},
|
|
|
timeTodaySelFn(index) {
|
|
|
- this.timeTodaySel = index
|
|
|
+ this.form.reachPeriod = index
|
|
|
},
|
|
|
giftChange() {
|
|
|
- this.aaa = !this.aaa
|
|
|
+ this.form.anonymity = !this.form.anonymity
|
|
|
}
|
|
|
}
|
|
|
}
|