3 changed files with 205 additions and 0 deletions
-
12src/pages.json
-
90src/pages/write_off/menu/menu.vue
-
103src/pages/write_off/number_of_people/number_of_people.vue
@ -0,0 +1,90 @@ |
|||||
|
<template> |
||||
|
<view class="write-off-menu"> |
||||
|
<view class="wom-section"> |
||||
|
<view class="ws-tit">场地订单核销</view> |
||||
|
<view class="ws-ls"> |
||||
|
<view class="wl-item"> |
||||
|
<image></image> |
||||
|
<view>场地订单核销</view> |
||||
|
</view> |
||||
|
<view class="wl-item"> |
||||
|
<image></image> |
||||
|
<view>场地订单核销记录</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="wom-section"> |
||||
|
<view class="ws-tit">商城订单核销</view> |
||||
|
<view class="ws-ls"> |
||||
|
<view class="wl-item"> |
||||
|
<image></image> |
||||
|
<view>商城订单核销</view> |
||||
|
</view> |
||||
|
<view class="wl-item"> |
||||
|
<image></image> |
||||
|
<view>商城订单核销记录</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="wom-section"> |
||||
|
<view class="ws-tit">现场散客人数</view> |
||||
|
<view class="ws-ls"> |
||||
|
<view class="wl-item"> |
||||
|
<image></image> |
||||
|
<view>现场散客人数查询</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.write-off-menu{ |
||||
|
padding: 60upx 68upx 0upx; |
||||
|
.wom-section{ |
||||
|
margin-bottom: 30upx; |
||||
|
.ws-tit{ |
||||
|
margin-bottom: 20upx; |
||||
|
font-size: 32upx; |
||||
|
font-weight: 500; |
||||
|
line-height: 44upx; |
||||
|
color: #1a1a1a; |
||||
|
} |
||||
|
.ws-ls{ |
||||
|
@include centerFlex(space-between); |
||||
|
flex-wrap: wrap; |
||||
|
.wl-item{ |
||||
|
padding-top: 58upx; |
||||
|
margin-bottom: 32upx; |
||||
|
width: 288upx; |
||||
|
height: 220upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #fff; |
||||
|
>image{ |
||||
|
margin: 0 auto 22upx; |
||||
|
display: block; |
||||
|
width: 60upx; |
||||
|
height: 60upx; |
||||
|
background-color: skyblue; |
||||
|
} |
||||
|
>view{ |
||||
|
text-align: center; |
||||
|
line-height: 40upx; |
||||
|
font-size: 28upx; |
||||
|
color: #9c9c9f; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,103 @@ |
|||||
|
<template> |
||||
|
<view class="number-of-people"> |
||||
|
<view class="nop-store-name"> |
||||
|
<picker> |
||||
|
<view class="nsn-frame"> |
||||
|
<input placeholder="" /> |
||||
|
<image></image> |
||||
|
</view> |
||||
|
</picker> |
||||
|
</view> |
||||
|
<view class="nop-main"> |
||||
|
<view class="nm-date">日期：2020年11月18日</view> |
||||
|
<view class="nm-tit">现场散客人数</view> |
||||
|
<view class="nm-num"></view> |
||||
|
<view class="nm-btn">修改人数</view> |
||||
|
<view class="nm-tip"> |
||||
|
<text>温馨提示：\n\r修改现场人数可能会影响现场灯光开关，请谨慎操作！ 如后台有开启散客开关灯功能的，则散客人数达到阶梯最低X人时，对应灯光会自动开灯;少于X人的已开启的灯会自动关闭。</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
page{ |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.number-of-people{ |
||||
|
.nop-store-name{ |
||||
|
height: 144upx; |
||||
|
@include centerFlex(center); |
||||
|
.nsn-frame{ |
||||
|
padding: 0 20upx; |
||||
|
width: 702upx; |
||||
|
height: 92upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #F2F2F7; |
||||
|
@include centerFlex(space-between); |
||||
|
>input{ |
||||
|
flex-grow: 1; |
||||
|
line-height: 40upx; |
||||
|
font-size: 28upx; |
||||
|
color: #1A1A1A; |
||||
|
} |
||||
|
>image{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 20upx; |
||||
|
width: 28upx; |
||||
|
height: 28upx; |
||||
|
background-color: skyblue; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.nop-main{ |
||||
|
padding: 8upx 30upx 0; |
||||
|
.nm-date{ |
||||
|
margin-bottom: 86upx; |
||||
|
line-height: 44upx; |
||||
|
font-size: 32upx; |
||||
|
color: #1a1a1a; |
||||
|
} |
||||
|
.nm-tit{ |
||||
|
margin-bottom: 48upx; |
||||
|
text-align: center; |
||||
|
font-size: 32upx; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.nm-num{ |
||||
|
margin: 0 auto 180upx; |
||||
|
display: block; |
||||
|
width: 368upx; |
||||
|
height: 368upx; |
||||
|
border-radius: 50%; |
||||
|
background-color: skyblue; |
||||
|
} |
||||
|
.nm-btn{ |
||||
|
margin: 0 auto 106upx; |
||||
|
width: 618upx; |
||||
|
line-height: 112upx; |
||||
|
height: 112upx; |
||||
|
text-align: center; |
||||
|
border-radius: 10upx; |
||||
|
font-size: 38upx; |
||||
|
color: #fff; |
||||
|
background-color: $themeColor; |
||||
|
} |
||||
|
.nm-tip{ |
||||
|
margin-bottom: 30upx; |
||||
|
font-size: 28upx; |
||||
|
line-height: 52upx; |
||||
|
color: #9C9C9F; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue