Leadfyy.co
/
uniapp-hainan
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

多规格/酒店/旅游线路/餐厅/景区等类型的页面添加修改

master
Enzo 4 years ago
parent
4036b634cf
commit
0633bc2d0a
4 changed files with 410 additions and 95 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      manifest.json
  2. 354
      pages/goodsDetail/index.vue
  3. 73
      pages/order/confirm_order.vue
  4. 18
      pages/verification/index.vue

2
manifest.json
View File

@ -50,7 +50,7 @@
"quickapp" : {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx27c51a989127de12",
"appid" : "wx5bd5789ad8f89524",
"setting" : {
"urlCheck" : true,
"es6" : false,

354
pages/goodsDetail/index.vue
View File

@ -27,18 +27,29 @@
<view class="label-item" v-for="(item, index) in goods_detail.coupon" :key="index">{{ item.tag }}</view>
</view>
</view>
<!-- 商品详情 -->
<view class="goods-detail" v-if="goods_detail.know">
<view class="lf-font-32 lf-font-bold lf-m-b-20">购买须知</view>
<rich-text :nodes="formatRichText(goods_detail.know)"></rich-text>
<view class="lf-row-between list-item lf-m-t-20" @click="changePop(goods_detail.product.type)">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">操作</text>
<text class="lf-text-vertical lf-m-l-40 lf-font-28 lf-color-black">套餐/类型</text>
</view>
<view>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical"></text>
</view>
</view>
<!-- 景区类型 -->
<view v-if="goods_detail.product.extends && goods_detail.product && goods_detail.product.type == 2">
<view class="goods-detail" v-if="goods_detail.product.extends.field_2.open_time.node && goods_detail.product.extends.field_2.open_time.summer && goods_detail.product.extends.field_2.open_time.winter">
<view class="goods-detail" @click="openMap(goods_detail.product.extends.field_2_address,goods_detail.product.extends.field_2_latitude,goods_detail.product.extends.field_2_longitude)">
<view class="lf-font-32 lf-font-bold lf-m-b-20">{{goods_detail.product.extends.field_2_name}}</view>
<view class="lf-row-between">
<view class="lf-line-2 lf-font-28 lf-color-333">{{goods_detail.product.extends.field_2_address}}</view>
<view class="lf-iconfont lf-icon-dizhi lf-color-blue"></view>
</view>
</view>
<view class="goods-detail" v-if="goods_detail.product.extends.field_2_open_time">
<view class="lf-font-32 lf-font-bold lf-m-b-20">景区开放时间</view>
<view >
<view>
<u-table>
<u-tr v-for="(item,index) in goods_detail.product.extends.field_2.open_time" :key="index">
<u-tr v-for="(item,index) in goods_detail.product.extends.field_2_open_time" :key="index">
<u-th>{{item.node}}</u-th>
<u-th>{{item.summer}}</u-th>
<u-th>{{item.winter}}</u-th>
@ -46,14 +57,7 @@
</u-table>
</view>
</view>
<view class="goods-detail" @click="openMap(goods_detail.product.extends.field_2.address,goods_detail.product.extends.field_2.latitude,goods_detail.product.extends.field_2.longitude)">
<view class="lf-font-32 lf-font-bold lf-m-b-20">{{goods_detail.product.extends.field_2.name}}</view>
<view class="lf-row-between">
<view class="lf-line-2 lf-font-28 lf-color-333">{{goods_detail.product.extends.field_2.address}}</view>
<view class="lf-iconfont lf-icon-dizhi lf-color-blue"></view>
</view>
</view>
<view class="goods-detail" v-if="goods_detail.product.extends.field_2.project">
<view class="goods-detail" v-if="goods_detail.product.extends.field_2_project">
<view class="lf-font-32 lf-font-bold lf-m-b-20">包含项目</view>
<view class="lf-flex-column">
<!-- <view class="lf-row-between lf-m-b-20">
@ -61,7 +65,7 @@
<view class="lf-color-gray lf-font-28">数量</view>
<view class="lf-color-gray lf-font-28">额外费用</view>
</view> -->
<view v-for="(item,index) in goods_detail.product.extends.field_2.project" :key="index" class="lf-row-between child-tag">
<view v-for="(item,index) in goods_detail.product.extends.field_2_project" :key="index" class="lf-row-between child-tag">
<view class="lf-font-28 lf-color-black lf-flex-1">{{item.name}}</view>
<view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: center;">{{item.num}}</view>
<view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: right;">{{item.price}}</view>
@ -69,14 +73,57 @@
</view>
</view>
</view>
<!-- 景区类型弹窗 -->
<u-popup v-model="scenic_spot" mode="bottom" :closeable="true" border-radius="20">
<view class="lf-p-32">
<view class="price lf-flex">
<lf-price :price="goods_detail.price"></lf-price>
<view class="pop-price lf-m-l-20 lf-font-24">¥{{ goods_detail.original_price }}</view>
</view>
<view class="lf-font-24 lf-m-t-20 lf-color-555">
入园时间：09月23日
</view>
<view style="margin-top: 60rpx;">
<text class="lf-font-32 lf-font-bold" style="color: #131315;">套餐类型</text>
<view class="lf-m-t-30 choose-father">
<view class="choose-span" :class="type_index==index?'choose-active':''" v-for="(i,index) of 2" @click="chooseType(index)">大床房</view>
</view>
</view>
<view class="lf-m-t-30">
<text class="lf-font-32 lf-font-bold" style="color: #131315;">入园时间</text>
<view class="lf-row-between list-item lf-m-t-20" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">入园时间</text>
</view>
<view class="lf-flex">
<picker mode="date" :value="choose_date" @change="pickerChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ choose_date }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
</view>
<view style="margin-top: 60rpx;">
<button class="choose_btn">立即购买</button>
</view>
</view>
</u-popup>
<!-- 餐厅类型 -->
<view v-if="goods_detail.product.extends && goods_detail.product && goods_detail.product.type == 3">
<view class="goods-detail" @click="openMap(goods_detail.product.extends.field_3_address,goods_detail.product.extends.field_3_latitude,goods_detail.product.extends.field_3_longitude)">
<view class="lf-font-32 lf-font-bold lf-m-b-20">{{goods_detail.product.extends.field_3_name}}</view>
<view class="lf-row-between">
<view class="lf-line-2 lf-font-28 lf-color-333">{{goods_detail.product.extends.field_3_address}}</view>
<view class="lf-iconfont lf-icon-dizhi lf-color-blue"></view>
</view>
</view>
<view class="goods-detail">
<view class="lf-font-32 lf-font-bold lf-m-b-20">餐厅开放时间</view>
<view >
<u-table>
<u-tr v-for="(item,index) in goods_detail.product.extends.field_3.open_time" :key="index">
<u-tr v-for="(item,index) in goods_detail.product.extends.field_3_open_time" :key="index">
<u-th>{{item.section}}</u-th>
<u-th>{{item.time}}</u-th>
<u-th>{{item.week}}</u-th>
@ -84,17 +131,10 @@
</u-table>
</view>
</view>
<view class="goods-detail" @click="openMap(goods_detail.product.extends.field_3.address,goods_detail.product.extends.field_3.latitude,goods_detail.product.extends.field_3.longitude)">
<view class="lf-font-32 lf-font-bold lf-m-b-20">{{goods_detail.product.extends.field_3.name}}</view>
<view class="lf-row-between">
<view class="lf-line-2 lf-font-28 lf-color-333">{{goods_detail.product.extends.field_3.address}}</view>
<view class="lf-iconfont lf-icon-dizhi lf-color-blue"></view>
</view>
</view>
<view class="goods-detail">
<view class="lf-font-32 lf-font-bold lf-m-b-20">包含套餐</view>
<view class="lf-flex-column">
<view class="lf-row-between child-tag" v-for="(item,index) in goods_detail.product.extends.field_3.package" :key="index">
<view class="lf-row-between child-tag" v-for="(item,index) in goods_detail.product.extends.field_3_package" :key="index">
<view class="lf-color-333 lf-font-28">{{item.name}} {{item.num}}</view>
<view class="lf-color-333 lf-font-28">{{item.price}}</view>
</view>
@ -104,26 +144,101 @@
<!-- 酒店类型 -->
<view v-if="goods_detail.product && goods_detail.product.extends && goods_detail.product.type == 1">
<view class="goods-detail" v-if="goods_detail.product.extends.field_1_name" @click="openMap(goods_detail.product.extends.field_1_address,goods_detail.product.extends.field_1_latitude,goods_detail.product.extends.field_1_longitude)">
<view class="lf-font-32 lf-font-bold lf-m-b-20" v-if="goods_detail.product.extends.field_1_name">{{goods_detail.product.extends.field_1_name}}</view>
<view class="lf-row-between" v-if="goods_detail.product.extends.field_1_address">
<view class="lf-line-2 lf-font-28 lf-color-333">{{goods_detail.product.extends.field_1_address}}</view>
<view class="lf-iconfont lf-icon-dizhi lf-color-blue"></view>
</view>
</view>
<view class="goods-detail" style="padding-bottom: 0;">
<view class="lf-font-32 lf-font-bold lf-m-b-20">酒店设施</view>
<view>
<view class="label-box1">
<view class="label-item" v-for="(item,index) in goods_detail.product.extends.field_1.tags" :key="index">
<view class="label-item" v-for="(item,index) in goods_detail.product.extends.field_1_tags" :key="index">
{{item.tag}}
</view>
</view>
</view>
</view>
<view class="goods-detail" v-if="goods_detail.product.extends.field_1" @click="openMap(goods_detail.product.extends.field_1.address,goods_detail.product.extends.field_1.latitude,goods_detail.product.extends.field_1.longitude)">
<view class="lf-font-32 lf-font-bold lf-m-b-20" v-if="goods_detail.product.extends.field_1.name">{{goods_detail.product.extends.field_1.name}}</view>
<view class="lf-row-between" v-if="goods_detail.product.extends.field_1.address">
<view class="lf-line-2 lf-font-28 lf-color-333">{{goods_detail.product.extends.field_1.address}}</view>
<view class="lf-iconfont lf-icon-dizhi lf-color-blue"></view>
</view>
<!-- 酒店类型弹窗 -->
<u-popup v-model="hotel" mode="bottom" :closeable="true" border-radius="20">
<view class="lf-p-32">
<view class="price lf-flex">
<lf-price :price="goods_detail.price"></lf-price>
<view class="pop-price lf-m-l-20 lf-font-24">¥{{ goods_detail.original_price }}</view>
</view>
<view class="lf-font-24 lf-m-t-20 lf-color-555">
酒店住房日期：09月22日-09月27日
</view>
<view style="margin-top: 60rpx;">
<text class="lf-font-32 lf-font-bold" style="color: #131315;">套餐类型</text>
<view class="lf-m-t-30 choose-father">
<view class="choose-span" :class="type_index==index?'choose-active':''" v-for="(i,index) of 2" @click="chooseType(index)">大床房</view>
</view>
</view>
<view class="lf-m-t-30">
<view class="lf-row-between">
<text class="lf-font-32 lf-font-bold" style="color: #131315;">酒店住房日期</text>
<text class="lf-font-24 lf-color-gray">共6晚</text>
</view>
<view class="lf-row-between list-item lf-m-t-20" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">入住时间</text>
</view>
<view class="lf-flex">
<picker mode="date" :value="live_date" @change="liveChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ live_date }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
<view class="lf-row-between list-item" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">离店时间</text>
</view>
<view class="lf-flex">
<picker mode="date" :value="leave_date" @change="leaveChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ leave_date }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
<view class="lf-row-between list-item" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">到店日期</text>
</view>
<view class="lf-flex">
<picker mode="date" :value="arrive_date" @change="arriveChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ arrive_date }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
<view class="lf-row-between list-item" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">到店时间</text>
</view>
<view class="lf-flex">
<picker mode="time" :value="arrive_time" @change="arriveTimeChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ arrive_time }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
</view>
<view style="margin-top: 60rpx;">
<button class="choose_btn">立即购买</button>
</view>
</view>
</u-popup>
<!-- 旅游路线类型 -->
<view v-if="goods_detail.product && goods_detail.product.type == 0 && goods_detail.product.extends.field_0.project">
<view v-if="goods_detail.product && goods_detail.product.type == 0 && goods_detail.product.extends.field_0_project">
<view class="goods-detail">
<view class="lf-font-32 lf-font-bold lf-m-b-20">包含项目</view>
<view class="lf-flex-column">
@ -132,27 +247,82 @@
<view class="lf-color-gray lf-font-28">数量</view>
<view class="lf-color-gray lf-font-28">额外费用</view>
</view> -->
<view class="lf-row-between child-tag" v-for="(item,index) in goods_detail.product.extends.field_0.project" :key="index" >
<view class="lf-row-between child-tag" v-for="(item,index) in goods_detail.product.extends.field_0_project" :key="index" >
<view class="lf-font-28 lf-color-black lf-flex-1">{{item.name}}</view>
<view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: center;">{{item.num}}</view>
<view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: right;">{{item.price}}</view>
</view>
</view>
</view>
<view class="goods-detail" v-if="goods_detail.product.extends.field_0.date.end && goods_detail.product.extends.field_0.date.start">
<view class="goods-detail" v-if="goods_detail.product.extends.field_0_date.end && goods_detail.product.extends.field_0_date.start">
<view class="lf-row-between">
<view class="lf-font-32 lf-font-bold">
行程时间
</view>
<view class="lf-font-28 lf-color-black">
<view>{{goods_detail.product.extends.field_0.date.start}}~{{goods_detail.product.extends.field_0.date.end}}</view>
<view>{{goods_detail.product.extends.field_0_date.start}}~{{goods_detail.product.extends.field_0_date.end}}</view>
</view>
</view>
<!-- <zwyCalendar class="lf-m-t-20" type="sign" :startTime="'2021-10-01'" :endTime="'2021-11-01'"/> -->
</view>
</view>
<!-- 旅游路线类型弹窗 -->
<u-popup v-model="travel_route" mode="bottom" :closeable="true" border-radius="20">
<view class="lf-p-32">
<view class="price lf-flex">
<lf-price :price="goods_detail.price"></lf-price>
<view class="pop-price lf-m-l-20 lf-font-24">¥{{ goods_detail.original_price }}</view>
</view>
<view class="lf-font-24 lf-m-t-20 lf-color-555">
套餐类型：奢玩云南6天｜出行日期：09月22日-09月27日
</view>
<view style="margin-top: 60rpx;">
<text class="lf-font-32 lf-font-bold" style="color: #131315;">套餐类型</text>
<view class="lf-m-t-30 choose-father">
<view class="choose-span" :class="type_index==index?'choose-active':''" v-for="(i,index) of 2" @click="chooseType(index)">潮玩云南游6天</view>
</view>
</view>
<view class="lf-m-t-30">
<view class="lf-row-between">
<text class="lf-font-32 lf-font-bold" style="color: #131315;">出行日期</text>
<text class="lf-font-24 lf-color-gray">共6晚</text>
</view>
<view class="lf-row-between list-item lf-m-t-20" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">出发时间</text>
</view>
<view class="lf-flex">
<picker mode="date" :value="go_date" @change="goChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ go_date }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
<view class="lf-row-between list-item" style="padding: 0!important;">
<view class="lf-row-center">
<text class="lf-font-28 lf-color-gray">回程时间</text>
</view>
<view class="lf-flex">
<picker mode="date" :value="back_date" @change="backChange">
<!-- <view class="lf-color-555 lf-text-right" style="width: 400rpx;">{{ '请选择收货时间...' }}</view> -->
<view class="lf-color-333 lf-text-right lf-font-28" style="width: 400rpx;">{{ back_date }}</view>
</picker>
<text class="lf-iconfont lf-icon-xiangyou lf-text-vertical lf-m-l-10"></text>
</view>
</view>
</view>
<view style="margin-top: 60rpx;">
<button class="choose_btn">立即购买</button>
</view>
</view>
</u-popup>
<!-- 公共部分 -->
<!-- 商品详情 -->
<view class="goods-detail" v-if="goods_detail.know">
<view class="lf-font-32 lf-font-bold lf-m-b-20">购买须知</view>
<rich-text :nodes="formatRichText(goods_detail.know)"></rich-text>
</view>
<view class="goods-detail" v-if="goods_detail.content">
<view class="lf-font-32 lf-font-bold lf-m-b-20">商品详情</view>
<rich-text :nodes="formatRichText(goods_detail.content)"></rich-text>
@ -201,7 +371,23 @@
goods_id: 0,
goods_detail: {},
is_collect: false, // 1为当前收藏商品了，0为否
skeletonLoading: true
skeletonLoading: true,
//景区类型相关
scenic_spot: false,
type_index: 0,
choose_date: '请选择入园时间',
//酒店相关
hotel: false,
live_date: '请选择入住日期',
leave_date: '请选择离店日期',
arrive_date: '请选择到店日期',
arrive_time: '请选择到店时间',
//旅游路线相关
travel_route: false,
go_date: '请选择出发日期',
back_date: '请选择回程日期',
//餐厅
canteen: false
}
},
components: {zwyCalendar},
@ -219,6 +405,47 @@
}
},
methods: {
pickerChange(e) {
this.choose_date = e.detail.value;
console.log(e)
},
arriveChange(e) {
this.arrive_date = e.detail.value;
},
arriveTimeChange(e) {
this.arrive_time = e.detail.value;
},
goChange(e) {
this.go_date = e.detail.value;
},
backChange(e) {
this.back_date = e.detail.value;
},
liveChange(e) {
this.live_date = e.detail.value;
},
leaveChange(e) {
this.leave_date = e.detail.value;
},
chooseType(index) {
this.type_index = index;
},
changePop(type) {
if(type == 2) {
//景区
this.scenic_spot = true;
}else if(type == 1) {
//酒店
this.hotel = true;
}else if(type == 0) {
//旅游路线
this.travel_route = true;
}else if(type == 3) {
//餐厅
this.canteen = true;
}
},
// 打开地图
openMap(address,lat,lng){
// let { address, lat, lng } = this.goods_detail?.store || {};
@ -328,6 +555,59 @@
}
</style>
<style lang="scss" scoped="scoped">
.choose_btn {
width: 686rpx;
height: 100rpx;
background: #1998FE;
border-radius: 10rpx;
font-size: 32rpx;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
.choose-father {
display: flex;
width: 700rpx;
flex-wrap: wrap;
}
.choose-active {
background: #1998FE!important;
font-size: 24rpx;
color: white!important;
}
.choose-span {
width: max-content;
margin: 0 30rpx 30rpx 0;
height: 64rpx;
background: #F5F5F5;
border-radius: 32rpx;
font-size: 24rpx;
color: #333333;
padding: 0 32rpx;
display: flex;
justify-content: center;
align-items: center;
}
.pop-price {
text-decoration: line-through;
color: #777777;
margin-right: 22rpx;
}
.list-item{
height: 80rpx;
background-color: white;
box-sizing: border-box;
padding: 0 32rpx;
position: relative;
.feedback-btn{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: transparent;
}
}
.child-tag {
margin-bottom: 20rpx;
&:last-child {

73
pages/order/confirm_order.vue
View File

@ -1,5 +1,33 @@
<template>
<view v-if="$isRight(goods_details)">
<view class="bg-white" v-if="enter_type!=1">
<view class="cu-bar1 padding-lr">
<text class="lf-color-555 lf-font-28">联系人</text>
<input type="text" v-model="contact" class="lf-color-999 lf-font-28 lf-text-left" style="position:absolute;right:180rpx" placeholder="请输入联系人" />
</view>
<view class="cu-bar1 padding-lr">
<text class="lf-color-555 lf-font-28">联系方式</text>
<view class="lf-row-between">
<input type="text" v-model="phone" class="lf-color-999 lf-font-28 lf-text-left" style="position:absolute;right:180rpx" placeholder="请输入联系电话" maxlength="11" />
</view>
<button style="position: absolute;right: 0rpx;" class="lf-bg-white" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
<u-icon name="phone"></u-icon>
</button>
</view>
<view class="cu-bar1 padding-lr">
<text class="lf-color-555 lf-font-28">身份证号码</text>
<input type="text" v-model="vertify_code" class="lf-color-999 lf-font-28 lf-text-left" style="position:absolute;right:180rpx" placeholder="请输入身份证号码"/>
</view>
<view class="cu-bar1 padding-lr">
<text class="lf-color-555 lf-font-28">性别</text>
<input type="text" v-model="sex" class="lf-color-999 lf-font-28 lf-text-left" style="position:absolute;right:180rpx" placeholder="请输入性别"/>
</view>
<view class="cu-bar1 padding-lr">
<text class="lf-color-555 lf-font-28">年龄</text>
<input type="text" v-model="age" class="lf-color-999 lf-font-28 lf-text-left" style="position:absolute;right:180rpx" placeholder="请输入年龄"/>
</view>
</view>
<self-line/>
<view class="lf-bg-white lf-p-t-30 lf-p-b-30 lf-p-l-32 lf-p-r-32">
<view class="lf-row-between">
<image :src="goods_details.picture" mode="aspectFill" style="width: 240rpx; height: 240rpx;border-radius: 20rpx;"></image>
@ -35,13 +63,17 @@
</view> -->
<self-line/>
<view class="bg-white" v-if="enter_type!=1">
<view class="cu-bar padding-lr solid-bottom">
<text class="lf-color-555 lf-font-28">联系人</text>
<input type="text" v-model="contact" class="lf-color-999 lf-font-28 lf-text-right" placeholder="请输入联系人" />
<view class="cu-bar padding-lr">
<text class="lf-color-555 lf-font-28">套餐类型</text>
<text class="lf-font-28" style="color: #131315;">大床房</text>
</view>
<view class="cu-bar padding-lr">
<text class="lf-color-555 lf-font-28">联系方式</text>
<input type="text" v-model="phone" class="lf-color-999 lf-font-28 lf-text-right" placeholder="请输入联系电话" maxlength="11" />
<text class="lf-color-555 lf-font-28">酒店住房日期</text>
<text class="lf-font-28" style="color: #131315;">09月22日-09月27日 共6晚</text>
</view>
<view class="cu-bar padding-lr">
<text class="lf-color-555 lf-font-28">到店时间</text>
<text class="lf-font-28" style="color: #131315;">09月22日 16:00</text>
</view>
</view>
<self-line/>
@ -85,11 +117,9 @@
<text class="lf-iconfont lf-icon-dui lf-font-44 lf-color-primary" v-if="pay_type==4" style="position: absolute;right: 22rpx;"></text>
</button>
</view> -->
</view>
<view style="height: 200rpx;"></view>
<view class="btn-bottom solid-top1">
<view class="padding-lr lf-p-t-10 lf-p-b-10 bg-white flex justify-between align-center shadow">
<view class="flex align-center">
@ -120,7 +150,10 @@
order_id: 0,
enter_type: 0,
payState: true,
pay_order_id: 0
pay_order_id: 0,
vertify_code: '',
sex: '',
age: ''
}
},
onLoad(e) {
@ -153,6 +186,20 @@
uni.$off('payState');
},
methods: {
getPhoneNumber(event){
if(event.detail.errMsg == 'getPhoneNumber:ok'){
let encryptedData = event.detail.encryptedData;
let iv = event.detail.iv;
this.$http(this.API.API_WECHAT_SETPHONE, {
encryptedData,
iv,
// token: userInfo.token // 已在公共参数传
}).then(res => {
this.$msg('更新成功', {icon: 'success'});
console.log(res)
})
}
},
payStatus(type) {
if(type == this.pay_type) {
this.pay_type = type;
@ -242,7 +289,13 @@
}
</script>
<style>
<style scoped lang="scss">
.cu-bar1 {
display: flex;
position: relative;
align-items: center;
min-height: 100rpx;
}
.btn{
margin: 0;
padding: 0;

18
pages/verification/index.vue
View File

@ -52,7 +52,6 @@
},
// 普通产品核销
getPhoneNumber(event){
if(this.userInfo.mobile == '') {
if(event.detail.errMsg == 'getPhoneNumber:ok'){
let encryptedData = event.detail.encryptedData;
let iv = event.detail.iv;
@ -80,23 +79,6 @@
}
})
}
}else {
if(this.ifProduct == true) {
this.$http(this.API.API_CONFIRMPRODUCT_CODE, {verify_code: this.strVerfiy}).then(res => {
this.$msg('核销成功!');
this.haveVerfiy = true
}).catch(err => {
this.$msg(JSON.stringify(err.msg))
});
}else {
this.$http(this.API.API_CONFIRM_CODE, {verify_code: this.strVerfiy}).then(res => {
this.$msg('核销成功!');
this.haveVerfiy = true
}).catch(err => {
this.$msg(JSON.stringify(err.msg))
});
}
}
},
}
}

Write Preview
Loading…
Cancel
Save