Skip to content

严立 / mini-shimao

Go to a project
Commit be976f6f by wjw
Options

wjw--确认订单修改

parent b4da39a4
Inline Side-by-side
Showing with 400 additions and 143 deletions
pages/commodity/shopping-cart/shopping-cart.wxml
......@@ -88,7 +88,7 @@
</view>
<view class="popup_close_btn row con-c align-c" bindtap="handleClosePopup">
<view class="popup_close">
<image mode="widthFix" src="../../assets/icon_close.png"></image>
<image mode="widthFix" src="../../../image/icon_close.png"></image>
</view>
</view>
</l-popup>
......
pages/commodity/snacks/snacks.js
......@@ -123,7 +123,7 @@ Page({
},
goToCart() {
wx.navigateTo({
url: '/pages/cart/index',
url: '/pages/commodity/shopping-cart/shopping-cart',
})
}
})
\ No newline at end of file
pages/commodity/snacks/snacks.wxml
......@@ -80,7 +80,7 @@
</view>
</l-popup>
<!-- 添加成功 -->
<l-toast show="{{true}}" duration="100000" l-class="toast_bg" image="../../../image/success.png" icon="success" icon-color="#fff" title="添加购物车成功" />
<l-toast show="{{showAddSucc}}" l-image-class="toast-image" l-class="toast_bg" image="/image/success.png" title="添加购物车成功" />
</view>
</view>
<Blank></Blank>
pages/commodity/snacks/snacks.wxss
......@@ -238,6 +238,9 @@ Page {
min-width: 262rpx !important;
min-height: 262prx !important;
}
.toast-image {
}
image {
width: 100%;
......
pages/pay/order-input/order-input.js
Page({
data: {
orderType: '年卡',
required: false,
isOld: true,
showNotice: false,
formItemNum: 1,
formItem: {},
formList: [],
formName: '',
formPhone: '',
formIdNum: '',
isSubmit: false
// orderType: '年卡',
isVip: false,
required: false,
isMonthCard: false,
isOnceCard: true,
isOld: true,
showNotice: false,
formItemNum: 1,
formItem: {},
formList: [],
formName: '',
formPhone: '',
formIdNum: '',
isSubmit: false,
goodsList: [
{
id: 0,
img: './image/spa.png',
name: '《海错图》超级豪华精致古风限量版折扇',
num: 3,
price: '30.60'
},
{
id: 0,
img: './image/spa.png',
name: '《海错图》主题画册',
num: 3,
price: '30.60'
}
]
},
onLoad() {
if (this.data.orderType === '年卡') {
if (this.data.isVip) {
let formItem = {}
let formList = []
formItem.name = '姓名'
......@@ -21,8 +41,18 @@ Page({
formItem.idNum = '身份证'
formList.push(formItem)
this.setData({
formItem,
formList
formItem,
formList
})
} else {
let formItem = {}
let formList = []
formItem.name = '姓名'
formItem.phone = '手机号'
formList.push(formItem)
this.setData({
formItem,
formList
})
}
},
......@@ -33,9 +63,9 @@ Page({
})
},
payOrder() {
wx.reLaunch({
url: '/pages/paySucc/index',
})
wx.reLaunch({
url: '/pages/paySucc/index',
})
},
handleItemNumEdit(e) {
const operation = e.currentTarget.dataset.operation
......
pages/pay/order-input/order-input.json
{
"usingComponents": {
"Tips": "../../../component/Tips/Tips",
"Blank": "../../../component/Blank/Blank"
},
"navigationBarTitleText": "确认订单",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#fff"
"usingComponents": {
"Tips": "../../../component/Tips/Tips",
"Blank": "../../../component/Blank/Blank"
},
"navigationBarTitleText": "确认订单",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#fff"
}
\ No newline at end of file
pages/pay/order-input/order-input.wxml
<view class="card-wrapper">
<view class="card-name">精灵鸟理想国年卡</view>
<view class="card-price">
<text class="price-symbol">￥</text>
<text class="price">1680.00</text>
<text class="price-symbol">/人</text>
</view>
<view class="card-times row">
<view class="card-left">使用次数</view>
<view class="card-right">不限</view>
</view>
<view class="card-date row">
<view class="card-left">有效期</view>
<view class="card-right">2019.09.30 - 2020.09.30</view>
</view>
<view class="card-bg">
<image mode="widthFix" src="./image/logo1.png"></image>
</view>
<view class="card-logo">
<image mode="widthFix" src="./image/logo2.png"></image>
</view>
<!-- 精灵鸟理想国 -->
<!-- <view class="card-wrapper {{isMonthCard?'month-bg':''}} {{isOnceCard?'once-bg':''}}">
<view class="card-name">精灵鸟理想国年卡</view>
<view class="card-price">
<text class="price-symbol">￥</text>
<text class="price">1680.00</text>
<text class="price-symbol">/人</text>
</view>
<view class="card-times row">
<view class="card-left">使用次数</view>
<view class="card-right">不限</view>
</view>
<view class="card-date row">
<view class="card-left">有效期</view>
<view class="card-right">2019.09.30 - 2020.09.30</view>
</view>
<view class="card-bg {{isOnceCard ? 'once-card-bg' : ''}}">
<image wx:if="{{isMonthCard}}" mode="widthFix" src="./image/logo1-2.png"></image>
<image wx:elif="{{isOnceCard}}" mode="widthFix" src="./image/build.png"></image>
<image wx:else mode="widthFix" src="./image/logo1.png"></image>
</view>
<view class="card-logo {{isOnceCard ? 'once-card-logo' : ''}}">
<image wx:if="{{isOnceCard}}" mode="widthFix" src="./image/fish.png"></image>
<image wx:else mode="widthFix" src="./image/logo2.png"></image>
</view>
</view> -->
<!-- SPA -->
<!-- <view class="spa-wrapper row">
<view class="spa-img">
<image mode="widthFix" src="./image/spa.png"></image>
</view>
<view class="spa-info col con-a">
<view class="spa-title">肌底补水保湿焕肤提亮尊享豪华SPA套餐</view>
<view class="spa-price">
<text class="price-symbol">￥</text>
<text>360.00</text>
</view>
</view>
</view> -->
<!-- 文创 && 餐品 -->
<!-- <view class="artFood-top-wrapper">
<view class="artFood-store-title">取货门店</view>
<view class="artFood-store-wrapper row">
<view class="artFood-store-img">
<image mode="widthFix" src="./image/spa.png"></image>
</view>
<view class="artFood-store-info col con-a">
<view class="artFood-store-name">海错图文创商店</view>
<view class="artFood-store-time">周一至周日 10:00-12:00</view>
</view>
</view>
<view class="artFood-tips-wrapper" wx:if="{{orderType === 'food'}}">
<Tips text="付款后一经确认不得退款"></Tips>
</view>
</view>
<view class="artFood-bottom-wrapper">
<view class="artFood-goods-title">确认商品</view>
<view class="artFood-goods-wrapper">
<view class="artFood-goods-item row" wx:for="{{goodsList}}" wx:key="id">
<view class="artFood-goods-img">
<image mode="widthFix" src="{{item.img}}"></image>
</view>
<view class="artFood-goods-name">{{item.name}}</view>
<view class="artFood-goods-data">
<view class="artFood-goods-price">
<text class="artFood-price-symbol">￥</text>
<text>{{item.price}}</text>
</view>
<view class="artFood-goods-num">x{{item.num}}</view>
</view>
</view>
<view class="artFood-total-price-wrapper row con-b">
<view class="artFood-total-text">总计</view>
<view class="artFood-total-price">
<text class="artFood-price-symbol">￥</text>
<text>181.80</text>
</view>
</view>
</view>
</view> -->
<!-- 活动 && 观影 -->
<view class="active-wrapper row">
<view class="active-img">
<image mode="widthFix" src="./image/active.png"></image>
</view>
<view class="active-info-wrapper">
<view class="active-info col">
<view class="active-name">拾光花坊插花分享会</view>
<view class="active-date">周一至周日 10:00-21:30</view>
</view>
<view class="active-price">
<text class="price-symbol">￥</text>
<text>360.00</text>
</view>
</view>
</view>
<!-- 购买须知 -->
<view class="notice-wrapper row con-e" bindtap="handleNotice">
<view class="notice">购买须知</view>
<l-icon name="right" color="#959DAA" size="22" />
<view class="notice">购买须知</view>
<l-icon name="right" color="#959DAA" size="22" />
</view>
<l-popup show="{{showNotice}}" content-align="bottom" >
<view class="notice-popup-wrapper">
<view class="notice-popup-title">购买须知</view>
<scroll-view scroll-y class="notice-popup-content">
<view class="content-title">门票说明</view>
<view class="content-sub-title">儿童营地日票（次票）</view>
<view class="content-text">次票10元/次：单次进园，可享室外游乐设备，室内场馆及马场需单独收取费用。</view>
<view class="content-sub-title">儿童营地年卡</view>
<view class="content-text">1680元/年：一年内无限次进园，园区内室外游乐设备、室内场馆及马场均可参观游玩，不收取额外费用。</view>
<view class="content-title">使用规则</view>
<view class="content-text">购卡者需满16周岁，不满16周岁的游客需由16周岁以上游客陪同入场。</view>
<view class="content-text">入园时，您必须出示相应身份证件。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">门票说明</view>
<view class="content-sub-title">儿童营地日票（次票）</view>
<view class="content-text">次票10元/次：单次进园，可享室外游乐设备，室内场馆及马场需单独收取费用。</view>
<view class="content-sub-title">儿童营地年卡</view>
<view class="content-text">1680元/年：一年内无限次进园，园区内室外游乐设备、室内场馆及马场均可参观游玩，不收取额外费用。</view>
<view class="content-title">使用规则</view>
<view class="content-text">购卡者需满16周岁，不满16周岁的游客需由16周岁以上游客陪同入场。</view>
<view class="content-text">入园时，您必须出示相应身份证件。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
<view class="content-title">温馨提示</view>
<view class="content-text">票价不含税，如需发票请联系园区工作人员。</view>
</scroll-view>
</view>
</l-popup>
<view class="choose-num-wrapper">
<view class="choose-num-title">选择购买数量</view>
<view class="choose-num-tool row align-c">
<view class="choose-edit" bindtap="handleItemNumEdit" data-operation="{{-1}}">-</view>
<view class="choose-num">{{formItemNum}}</view>
<view class="choose-edit" bindtap="handleItemNumEdit" data-operation="{{1}}">+</view>
</view>
<view class="choose-wraning">每笔订单购买数量上限为20</view>
<view class="choose-num-total">
<text>剩余库存：</text>
<text class="num-total">500</text>
</view>
<view class="choose-num-title">选择购买数量</view>
<view class="choose-num-tool row align-c">
<view class="choose-edit" bindtap="handleItemNumEdit" data-operation="{{-1}}">-</view>
<view class="choose-num">{{formItemNum}}</view>
<view class="choose-edit" bindtap="handleItemNumEdit" data-operation="{{1}}">+</view>
</view>
<view class="choose-less row con-b align-e">
<view class="choose-wraning" wx:if="{{isVip}}">每笔订单购买数量上限为20</view>
<view class="choose-num-total">
<text>剩余库存：</text>
<text class="num-total">500</text>
</view>
</view>
</view>
<view class="vip-info-wrapper">
<view class="vip-info-title">填写贵宾信息</view>
<view class="tips-wrapper">
<Tips text="凭年卡入园需出示身份证信息"></Tips>
</view>
<view class="vip-info">
<form>
<view class="vip-item" wx:for="{{formList}}" wx:key="index">
<view class="vip-info-no">年卡{{index+1}}</view>
<!-- <view class="vip-input-wrapper" wx:for="{{item}}" wx:for-index="key" wx:for-item="value" wx:key="key">
<view class="vip-input-header">{{value}}</view>
<input class="vip-input {{required ? 'inputError' : ''}}" placeholder="请输入{{value}}" placeholder-class="input-place" data-type="{{key}}" bindblur="onInputBlur"></input>
<view wx:if="{{required}}" class="vip-input-tips">请填写{{value}}</view>
</view> -->
<view class="vip-input-wrapper" wx:if="{{item.name}}">
<view class="vip-input-header">{{item.name}}</view>
<input class="vip-input {{errorName.length>0 ? 'inputError' : ''}}" placeholder="请输入{{item.name}}" placeholder-class="input-place" data-type="{{name}}" bindblur="onInputBlur"></input>
<view wx:if="{{errorName.length>0}}" class="vip-input-tips">{{errorName}}</view>
<view class="vip-info-title" wx:if="{{orderType === '年卡'}}">填写贵宾信息</view>
<view class="vip-info-title" wx:else >填写购买人信息</view>
<view class="vip-info-subTitle" wx:if="{{orderType !== '年卡'}}">仅用于接受订单确认短信</view>
<view class="tips-wrapper" wx:if="{{orderType === '年卡'}}">
<Tips text="凭年卡入园需出示身份证信息"></Tips>
</view>
<view class="vip-info">
<form>
<view class="vip-item" wx:for="{{formList}}" wx:key="index">
<view class="vip-info-no" wx:if="{{isVip}}">年卡{{index+1}}</view>
<view class="vip-input-wrapper" wx:if="{{item.name}}">
<view class="vip-input-header">{{item.name}}</view>
<input class="vip-input {{errorName.length>0 ? 'inputError' : ''}}" placeholder="请输入{{item.name}}" placeholder-class="input-place" data-type="{{name}}" bindblur="onInputBlur"></input>
<view wx:if="{{errorName.length>0}}" class="vip-input-tips">{{errorName}}</view>
</view>
<view class="vip-input-wrapper" wx:if="{{item.phone}}">
<view class="vip-input-header">{{item.phone}}</view>
<input class="vip-input {{errorPhone.length>0 ? 'inputError' : ''}}" placeholder="请输入{{item.phone}}" placeholder-class="input-place" data-type="{{phone}}" bindblur="onInputBlur"></input>
<view wx:if="{{errorPhone.length>0}}" class="vip-input-tips">{{errorPhone}}</view>
</view>
<view class="vip-input-wrapper" wx:if="{{item.idNum}}">
<view class="vip-input-header">{{item.idNum}}</view>
<input class="vip-input {{errorIdNum.length>0 ? 'inputError' : ''}}" placeholder="请输入{{item.idNum}}" placeholder-class="input-place" data-type="{{idNum}}" bindblur="onInputBlur"></input>
<view wx:if="{{errorIdNum.length>0}}" class="vip-input-tips">{{errorIdNum}}</view>
</view>
</view>
<view class="vip-input-wrapper" wx:if="{{item.phone}}">
<view class="vip-input-header">{{item.phone}}</view>
<input class="vip-input {{errorPhone.length>0 ? 'inputError' : ''}}" placeholder="请输入{{item.phone}}" placeholder-class="input-place" data-type="{{phone}}" bindblur="onInputBlur"></input>
<view wx:if="{{errorPhone.length>0}}" class="vip-input-tips">{{errorPhone}}</view>
</view>
<view class="vip-input-wrapper" wx:if="{{item.idNum}}">
<view class="vip-input-header">{{item.idNum}}</view>
<input class="vip-input {{errorIdNum.length>0 ? 'inputError' : ''}}" placeholder="请输入{{item.idNum}}" placeholder-class="input-place" data-type="{{idNum}}" bindblur="onInputBlur"></input>
<view wx:if="{{errorIdNum.length>0}}" class="vip-input-tips">{{errorIdNum}}</view>
</view>
</view>
</form>
</view>
</form>
</view>
</view>
<view class="tips-wrapper">
<Tips text="付款后一经确认不得退款"></Tips>
<Tips text="付款后一经确认不得退款"></Tips>
</view>
<view class="footer-btn row align-c" wx:if="{{ticketInfo.status !== 0}}">
<view class="new-price">
<text class="new-symbol">￥</text>
<text>3360.00</text>
</view>
<view class="old-price" wx:if="isOld">
<text class="old-symbol">￥</text>
<text>5600.00</text>
</view>
<view class="pay-btn" bindtap="payOrder">立即支付</view>
</view>
<view class="new-price">
<text class="new-symbol">￥</text>
<text>3360.00</text>
</view>
<view class="old-price" wx:if="isOld">
<text class="old-symbol">￥</text>
<text>5600.00</text>
</view>
<view class="pay-btn" bindtap="payOrder">立即支付</view>
</view>
<!-- 底部占位 -->
<Blank></Blank>
pages/pay/order-input/order-input.wxss
/* 理想国 */
.card-wrapper {
position: relative;
width: 670rpx;
height: 356rpx;
margin: 64rpx auto 0;
padding: 32rpx 40rpx;
color: #fff;
background: linear-gradient(140deg, #F4D5C1 0%, #FA99CE 100%);
border-radius: 4rpx;
position: relative;
width: 670rpx;
height: 356rpx;
margin: 64rpx auto 0;
padding: 32rpx 40rpx;
color: #fff;
background: linear-gradient(140deg, #F4D5C1 0%, #FA99CE 100%);
border-radius: 4rpx;
}
.month-bg {
background: linear-gradient(144deg, #B7D5F6 0%, #86B3E3 100%);
}
.once-bg {
background: linear-gradient(47deg, #122F3B 0%, rgba(14, 53, 70, 0) 100%);
}
.card-name, .card-price {
font-size: 42rpx;
......@@ -19,7 +26,6 @@
.price-symbol {
font-size: 26rpx;
}
.card-times {
margin-top: 80rpx;
}
......@@ -35,23 +41,164 @@
.card-left {
font-weight: 500;
}
.card-bg, .card-logo {
position: absolute;
right: 0;
bottom: 0;
}
.card-bg {
width: 366rpx;
height: 356rpx;
z-index: 1;
width: 366rpx;
height: 356rpx;
z-index: 1;
}
.card-logo {
width: 308rpx;
height: 186rpx;
z-index: 2;
}
.once-card-bg {
opacity: .5;
width: 670rpx;
height: 356rpx;
}
.once-card-logo {
bottom: 58rpx;
}
/* spa */
.spa-wrapper,.artFood-store-wrapper {
width: 670rpx;
height: 216rpx;
margin: 64rpx auto 0;
padding: 40rpx 32rpx;
background-color: #F5F6F8;
border-radius: 4rpx;
}
.spa-img, .artFood-store-img, .artFood-goods-img {
width: 140rpx;
height: 136rpx;
}
.spa-info, .artFood-store-info, .active-info-wrapper {
flex: 1;
padding-left: 32rpx;
}
.spa-title, .artFood-store-name {
color: #15191F;
font-size: 30rpx;
line-height: 42rpx;
font-weight: 600;
}
.spa-price {
color: #5DB5DD;
font-size: 30rpx;
}
/* 文创 */
.artFood-top-wrapper {
width: 670rpx;
margin: 64rpx auto 0;
}
.artFood-store-wrapper {
margin-top: 0;
}
.artFood-store-title,.artFood-goods-title {
height: 90rpx;
color: #15191F;
font-size: 34rpx;
font-weight: 600;
}
.artFood-store-time {
color: #656E7B;
font-size: 26rpx;
}
.artFood-bottom-wrapper {
width: 670rpx;
margin: 64rpx auto 0;
}
.artFood-goods-wrapper {
padding: 20rpx 32rpx 0;
background-color: #F5F6F8;
border-radius: 4rpx;
}
.artFood-goods-item {
padding: 20rpx 0 24rpx;
border-bottom: 1px solid #E2E7EF;
}
.artFood-goods-name {
flex: 1;
color: #15191F;
font-size: 26rpx;
font-weight: 600;
line-height: 40rpx;
padding: 20rpx 24rpx 0 32rpx;
}
.artFood-goods-data {
width: 120rpx;
height: 80rpx;
margin-top: 20rpx;
text-align: right;
font-size: 26rpx;
}
.artFood-goods-price {
color: #15191F;
font-weight: 600;
line-height: 40rpx;
}
.artFood-goods-num {
color: #959DA9;
line-height: 40rpx;
}
.artFood-price-symbol {
font-size: 22rpx;
}
.artFood-total-price-wrapper {
margin-top: 24rpx;
height: 60rpx;
font-size: 26rpx;
}
.artFood-total-text {
color: #959DA9;
}
.artFood-total-price {
color: #5DB5DD;
}
.artFood-tips-wrapper {
margin: 40rpx auto 0;
}
/* 活动观影 */
.active-wrapper {
width: 670rpx;
height: 280rpx;
margin: 64rpx auto 0;
padding: 40rpx 32rpx;
background-color: #F5F6F8;
border-radius: 4rpx;
}
.active-img {
width: 150rpx;
height: 200rpx;
}
.active-info {
height: 158rpx;
}
.active-name {
color: #15191F;
font-size: 30rpx;
font-weight: 600;
line-height: 42rpx;
}
.active-date {
margin-top: 16rpx;
color: #656E7B;
font-size: 26rpx;
line-height: 36rpx;
}
.active-price {
color: #5DB5DD;
font-size: 30rpx;
}
/* 购买须知 */
.notice-wrapper {
width: 100%;
height: 100rpx;
......@@ -95,9 +242,7 @@
}
.choose-num-wrapper {
position: relative;
width: 670rpx;
height: 226rpx;
margin: 32rpx auto 0;
}
.choose-num-title {
......@@ -127,18 +272,13 @@
text-align: center;
}
.choose-wraning {
position: absolute;
left: 0;
bottom: 0;
color: #D92B3A;
font-size: 22rpx;
}
.choose-num-total {
position: absolute;
right: 0;
bottom: 0;
color: #15191F;
font-size: 30rpx;
margin-top: 16rpx;
color: #15191F;
font-size: 30rpx;
}
.num-total {
color: #86C5E1;
......@@ -153,6 +293,11 @@
font-size: 34rpx;
font-weight: 600;
}
.vip-info-subTitle {
margin-top: 8rpx;
color: #959DA9;
font-size: 26rpx;
}
.tips-wrapper {
margin-top: 24rpx;
}
......
project.config.json
......@@ -119,8 +119,8 @@
},
{
"id": 7,
"name": "pages/commodity/snacks/snacks",
"pathName": "pages/commodity/snacks/snacks",
"name": "pages/pay/order-input/order-input",
"pathName": "pages/pay/order-input/order-input",
"query": "",
"scene": null
}
......
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 sign in to comment