|
|
|
@ -0,0 +1,133 @@ |
|
|
|
<template> |
|
|
|
<view class="write-off-index"> |
|
|
|
<view class="woi-stadium-bar"> |
|
|
|
<picker> |
|
|
|
<view class="wsb-ipt-box"> |
|
|
|
<input class="wib-ipt" type="text" placeholder="请选择场馆" disabled /> |
|
|
|
<image class="wib-img" mode="aspectFit" src="/subpackage/verification/static/images/arrow_c9f.png"></image> |
|
|
|
</view> |
|
|
|
</picker> |
|
|
|
</view> |
|
|
|
<view class="woi-section"> |
|
|
|
<view class="ws-ipt-box"> |
|
|
|
<input class="wib-ipt" type="text" placeholder="请输入券码" /> |
|
|
|
<image class="wib-img" mode="aspectFit" src="/subpackage/verification/static/images/scan.png"></image> |
|
|
|
</view> |
|
|
|
<view class="ws-txt">可输入订场、次卡、年月卡、赛事、商城到店领取商品的验证码/券码进行核销，或点扫码图标进入扫描界面扫码核销。</view> |
|
|
|
<view class="ws-btn">确认</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="woi-btns"> |
|
|
|
<view class="wb-items"> |
|
|
|
<image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab0.png"></image> |
|
|
|
<view class="wi-txt">进场人数异常</view> |
|
|
|
</view> |
|
|
|
<view class="wb-items"> |
|
|
|
<image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab1.png"></image> |
|
|
|
<view class="wi-txt">现场人数</view> |
|
|
|
</view> |
|
|
|
<view class="wb-items"> |
|
|
|
<image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab2.png"></image> |
|
|
|
<view class="wi-txt">核销记录</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
|
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.write-off-index{ |
|
|
|
.woi-stadium-bar{ |
|
|
|
padding: 26upx 0; |
|
|
|
background: #fff; |
|
|
|
@include ctf(center); |
|
|
|
.wsb-ipt-box{ |
|
|
|
padding: 0 20upx; |
|
|
|
width: 702upx; |
|
|
|
height: 92upx; |
|
|
|
border-radius: 10upx; |
|
|
|
background: #F2F2F7; |
|
|
|
@include ctf; |
|
|
|
.wib-ipt{ |
|
|
|
flex-grow: 1; |
|
|
|
height: 100%; |
|
|
|
@include flcw(28upx, 40upx, #333); |
|
|
|
} |
|
|
|
.wib-img{ |
|
|
|
flex-shrink: 0; |
|
|
|
margin-left: 20upx; |
|
|
|
width: 28upx; |
|
|
|
height: 28upx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.woi-section{ |
|
|
|
margin-top: 24upx; |
|
|
|
padding-top: 26upx; |
|
|
|
padding-bottom: 80upx; |
|
|
|
background: #fff; |
|
|
|
.ws-ipt-box{ |
|
|
|
margin: 0 auto; |
|
|
|
padding: 0 20upx; |
|
|
|
width: 702upx; |
|
|
|
height: 92upx; |
|
|
|
background: #F2F2F7; |
|
|
|
border-radius: 10upx; |
|
|
|
@include ctf; |
|
|
|
.wib-ipt{ |
|
|
|
flex-grow: 1; |
|
|
|
height: 100%; |
|
|
|
@include flcw(28upx, 40upx, #333); |
|
|
|
} |
|
|
|
.wib-img{ |
|
|
|
flex-shrink: 0; |
|
|
|
margin-left: 20upx; |
|
|
|
width: 60upx; |
|
|
|
height: 60upx; |
|
|
|
} |
|
|
|
} |
|
|
|
.ws-txt{ |
|
|
|
margin-top: 24upx; |
|
|
|
padding: 0 32upx; |
|
|
|
@include flcw(28upx, 52upx, #333); |
|
|
|
} |
|
|
|
.ws-btn{ |
|
|
|
margin: 22upx auto 0; |
|
|
|
text-align: center; |
|
|
|
width: 240upx; |
|
|
|
border-radius: 10upx; |
|
|
|
background: $mColor; |
|
|
|
@include flcw(32upx, 88upx, #fff); |
|
|
|
} |
|
|
|
} |
|
|
|
.woi-btns{ |
|
|
|
margin-top: 24upx; |
|
|
|
padding: 38upx 24upx; |
|
|
|
background: #fff; |
|
|
|
@include ctf(space-between); |
|
|
|
.wb-items{ |
|
|
|
padding: 18upx 0; |
|
|
|
flex-grow: 0; |
|
|
|
flex-shrink: 0; |
|
|
|
width: 226upx; |
|
|
|
.wi-icon{ |
|
|
|
display: block; |
|
|
|
margin: 0 auto; |
|
|
|
width: 64upx; |
|
|
|
height: 64upx; |
|
|
|
} |
|
|
|
.wi-txt{ |
|
|
|
margin-top: 24upx; |
|
|
|
text-align: center; |
|
|
|
@include flcw(28upx, 40upx, #333); |
|
|
|
@include tHide; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
