APP
/
ox_zhiNengZhuShou
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add style

voice
刘嘉炜 5 years ago
parent
495b066690
commit
fa161a8da5
23 changed files with 832 additions and 109 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
      src/App.vue
  2. 24
      src/pages.json
  3. 2
      src/pages/employee/authority_filter/authority_filter.vue
  4. 2
      src/pages/employee/authority_select/authority_select.vue
  5. 2
      src/pages/employee/change_admin/change_admin.vue
  6. 2
      src/pages/employee/invite_code/invite_code.vue
  7. 2
      src/pages/employee/manage/manage.vue
  8. 98
      src/pages/employee/perfect_info/perfect_info.vue
  9. 126
      src/pages/employee/review_list/review_list.vue
  10. 2
      src/pages/index/index.vue
  11. 2
      src/pages/merchant_info/merchant_info.vue
  12. 2
      src/pages/merchant_login/merchant_login.vue
  13. 138
      src/pages/order_list/order_list.vue
  14. 2
      src/pages/store_list/store_list.vue
  15. 199
      src/pages/write_off/confirm/confirm.vue
  16. 158
      src/pages/write_off/list/list.vue
  17. BIN
      src/static/images/icon/filter.png
  18. BIN
      src/static/images/icon/scan_code_btn.png
  19. BIN
      src/static/images/icon/search.png
  20. BIN
      src/static/images/icon/success_tip.png
  21. BIN
      src/static/images/icon/write_off_fail.png
  22. 0
      src/style/public.scss

2
src/App.vue
View File

@ -35,7 +35,7 @@
.ox-dark-mask{
position: fixed;
left: 0;
top: 0;
top: var(--window-top);
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);

24
src/pages.json
View File

@ -1,6 +1,30 @@
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/order_list/order_list",
"style": {
"navigationBarTitleText": "订单列表"
}
},
{
"path": "pages/write_off/confirm/confirm",
"style": {
"navigationBarTitleText": "确认订单信息"
}
},
{
"path": "pages/write_off/list/list",
"style": {
"navigationBarTitleText": "扫码核销"
}
},
{
"path": "pages/employee/review_list/review_list",
"style": {
"navigationBarTitleText": "员工管理"
}
},
{
"path": "pages/employee/perfect_info/perfect_info",
"style": {
"navigationBarTitleText": "员工信息"

2
src/pages/employee/authority_filter/authority_filter.vue
View File

@ -30,7 +30,7 @@ export default {
}
</script>
<style lang="scss" scoped>
@import "../../../../style/public.scss";
@import "../../../style/public.scss";
.authoeity-filter{
padding: 62upx 24upx 0;
.af-title{

2
src/pages/employee/authority_select/authority_select.vue
View File

@ -58,7 +58,7 @@ export default {
}
</script>
<style lang="scss" scoped>
@import "../../../../style/public.scss";
@import "../../../style/public.scss";
.as-contetnt{
switch{
transform: scale(.7);

2
src/pages/employee/change_admin/change_admin.vue
View File

@ -21,7 +21,7 @@ export default {
}
</script>
<style lang="scss" scoped>
@import "../../../../style/public.scss";
@import "../../../style/public.scss";
.change-admin{
padding: 62upx 24upx 0;
.ca-title{

2
src/pages/employee/invite_code/invite_code.vue
View File

@ -28,7 +28,7 @@ export default {
</script>
<style lang="scss" scoped>
@import "../../../../style/public.scss";
@import "../../../style/public.scss";
page{
background-color: $themeColor;
}

2
src/pages/employee/manage/manage.vue
View File

@ -75,7 +75,7 @@ export default {
}
</script>
<style lang="scss" scoped>
@import "../../../../style/public.scss";
@import "../../../style/public.scss";
.em-content{
padding-bottom: 96upx;
padding-bottom: calc( 96upx + constant(safe-area-inset-bottom));

98
src/pages/employee/perfect_info/perfect_info.vue
View File

@ -1,13 +1,25 @@
<template>
<view class="perfect-info">
<view class="pi-tip">欧轩智能场馆</view>
<view class="pi-title">邀请你成为员工</view>
<view class="pi-form">
<view>请完成以下信息，成为其员工</view>
<view>
<text>你的姓名</text>
<view><input /></view>
</view>
<view class="pi-content">
<view class="pi-tip">欧轩智能场馆</view>
<view class="pi-title">邀请你成为员工</view>
<view class="pi-form">
<view>请完成以下信息，成为其员工</view>
<view class="pf-line">
<text>你的姓名</text>
<view><input /></view>
</view>
<view class="pf-line">
<text>联系电话</text>
<view><input /></view>
</view>
</view>
<view class="pi-btn" hover-class="hover-active">接受邀请</view>
</view>
<view class="pi-modal">
<image mode="aspectFit" src="/static/images/icon/success_tip.png"></image>
<view>提交成功</view>
<view>请耐心等待管理员审核</view>
</view>
</view>
</template>
@ -19,11 +31,12 @@ export default {
</script>
<style lang="scss">
@import "../../../../style/public.scss";
@import "../../../style/public.scss";
page{
background-color: #fff;
}
.perfect-info{
.pi-content{
padding-top: 104upx;
.pi-tip{
text-align: center;
@ -40,6 +53,7 @@ export default {
color: #1a1a1a;
}
.pi-form{
margin-bottom: 198upx;
padding-left: 74upx;
padding-right: 78upx;
>view:first-child{
@ -48,6 +62,70 @@ export default {
font-size: 28upx;
color: #9c9c9f;
}
.pf-line{
margin-bottom: 20upx;
@include centerFlex(flex-start);
>text{
flex-shrink: 0;
margin-right: 30upx;
line-height: 44upx;
font-size: 32upx;
color: #9c9c9f;
}
>view{
flex-grow: 1;
padding: 0 30upx;
height: 96upx;
border-radius: 10upx;
border: 2upx solid #D8D8D8;
>input{
width: 100%;
height: 100%;
font-size: 32upx;
color: #1a1a1a;
}
}
}
}
.pi-btn{
margin: 0 auto;
width: 500upx;
height: 112upx;
line-height: 112upx;
text-align: center;
border-radius: 10upx;
font-size: 32upx;
color: #fff;
background-color: $themeColor;
}
}
.pi-modal{
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: #fff;
padding-top: 248upx;
>image{
margin: 0 auto 44upx;
display: block;
width: 100upx;
height: 100upx;
&+view{
margin-bottom: 44upx;
text-align: center;
line-height: 60upx;
font-size: 44upx;
color: #1a1a1a;
}
}
view+view{
text-align: center;
line-height: 40upx;
font-size: 28upx;
color: #9c9c9f;
}
}
</style>

126
src/pages/employee/review_list/review_list.vue
View File

@ -0,0 +1,126 @@
<template>
<view class="review-list">
<view class="rl-header">
<view>审核 3 人</view>
<view>
<text>全选</text>
<image mode="aspectFit"></image>
</view>
</view>
<view class="rl-users">
<view class="ru-item" v-for="e in 5" :key="e">
<view>
<image class="ri-icon"></image>
<image class="ri-avatar"></image>
<view>胡雪儿</view>
</view>
<image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
</view>
</view>
<view class="rl-btn" hover-class="hover-active">审核通过</view>
<view class="rl-btn white" hover-class="hover-active">不通过</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss">
@import "../../../style/public.scss";
page{
background-color: #fff;
}
.review-list{
.rl-header{
padding-left: 26upx;
padding-right: 44upx;
height: 132upx;
border-bottom: 2upx solid #D8D8D8;
@include centerFlex(space-between);
>view{
&:first-child{
line-height: 44upx;
font-size: 32upx;
color: #1a1a1a;
}
&+view{
line-height: 40upx;
>text{
margin-right: 20upx;
font-size: 28upx;
color: #9c9c9f;
}
>image{
vertical-align: middle;
width: 40upx;
height: 40upx;
border-radius: 50%;
border: 2upx solid #9c9c9f;
}
}
}
}
.rl-users{
margin-bottom: 100upx;
padding: 0 24upx;
.ru-item{
padding-right: 20upx;
height: 140upx;
border-bottom: 2upx solid #D8D8D8;
@include centerFlex(space-between);
>view{
flex-grow: 1;
@include centerFlex(flex-start);
.ri-icon{
flex-shrink: 0;
width: 40upx;
height: 40upx;
border-radius: 50%;
border: 2upx solid #D8D8D8;
}
.ri-avatar{
flex-shrink: 0;
margin: 0 20upx;
width: 80upx;
height: 80upx;
border-radius: 10upx;
background-color: skyblue;
}
>view{
flex-grow: 1;
line-height: 44upx;
font-size: 32upx;
color: #333;
@include textHide(1);
}
}
>image{
flex-shrink: 0;
margin-left: 20upx;
height: 28upx;
width: 28upx;
}
}
}
.rl-btn{
margin: 0 auto 40upx;
width: 702upx;
height: 112upx;
line-height: 108upx;
text-align: center;
border-radius: 10upx;
border: 2upx solid $themeColor;
font-size: 32upx;
color: #fff;
background-color: $themeColor;
&.white{
background-color: #fff;
color: $themeColor;
}
}
}
</style>

2
src/pages/index/index.vue
View File

@ -117,7 +117,7 @@
</script>
<style lang="scss" scoped>
@import "../../../style/public.scss";
@import "../../style/public.scss";
.index-container{
position: relative;
}

2
src/pages/merchant_info/merchant_info.vue
View File

@ -29,7 +29,7 @@ export default {
}
</script>
<style lang="scss" scoped>
@import "../../../style/public.scss";
@import "../../style/public.scss";
.mi-list{
padding: 24upx;

2
src/pages/merchant_login/merchant_login.vue
View File

@ -13,7 +13,7 @@ export default {
}
</script>
<style lang="scss">
@import "../../../style/public.scss";
@import "../../style/public.scss";
page{
background-color: #fff;
}

138
src/pages/order_list/order_list.vue
View File

@ -0,0 +1,138 @@
<template>
<view class="order-list">
<view class="ol-header">
<view class="oh-cur-store">
<text>当前门店</text>
<picker>
<view class="ocs-store">
<view>全部</view>
<image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
</view>
</picker>
</view>
<view class="oh-ctrl">
<picker>
<view class="oc-period">
<text>2020.08.01-2020.08.27</text>
<view></view>
</view>
</picker>
<view class="oc-bot">
<view>成功交易245笔，退款25笔</view>
<view class="ob-btns">
<image mode="aspectFit" src="/static/images/icon/search.png"></image>
<image mode="aspectFit" src="/static/images/icon/filter.png"></image>
</view>
</view>
</view>
</view>
<view class="ox-dark-mask">
<view class="ol-classify"></view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
@import "../../style/public.scss";
.order-list{
}
.ol-header{
.oh-cur-store{
padding: 0 24upx;
height: 144upx;
background-color: #fff;
@include centerFlex(space-between);
>text{
margin-right: 20upx;
flex-shrink: 0;
line-height: 40upx;
font-size: 28upx;
color: #9c9c9f;
}
>picker{
flex-grow: 1;
.ocs-store{
padding: 0 20upx;
height: 92upx;
border-radius: 10upx;
background-color: #F2F2F7;
@include centerFlex(space-between);
>view{
flex-grow: 1;
font-size: 28upx;
color: #1a1a1a;
@include textHide(1);
}
>image{
margin-left: 10upx;
flex-shrink: 0;
width: 28upx;
height: 28upx;
transform: rotateZ(90deg);
}
}
}
}
.oh-ctrl{
padding: 24upx 40upx 26upx 24upx;
picker{
margin-bottom: 16upx;
}
.oc-period{
@include centerFlex(flex-start);
text{
line-height: 44upx;
font-size: 32upx;
font-weight: 500;
color: #1a1a1a;
}
view{
margin-left: 14upx;
width: 0;
height: 0;
border-left: 10upx solid transparent;
border-right: 10upx solid transparent;
border-top: 10upx solid #1a1a1a;
}
}
.oc-bot{
@include centerFlex(space-between);
>view:first-child{
flex-grow: 1;
line-height: 34upx;
font-size: 24upx;
color: #9c9c9f;
@include textHide(1);
}
.ob-btns{
flex-shrink: 0;
@include centerFlex(flex-end);
>image{
flex-shrink: 0;
margin-left: 40upx;
width: 40upx;
height: 40upx;
}
}
}
}
}
.ol-classify{
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 500upx;
padding-left: 42upx;
background-color: #fff;
}
</style>

2
src/pages/store_list/store_list.vue
View File

@ -23,7 +23,7 @@ export default {
</script>
<style lang="scss" scoped>
@import "../../../style/public.scss";
@import "../../style/public.scss";
.store-list{
view{
line-height: 40upx;

199
src/pages/write_off/confirm/confirm.vue
View File

@ -0,0 +1,199 @@
<template>
<view class="write-off-confirm">
<view class="woc-content">
<view class="wc-info">
<view class="wi-title">欧轩智能羽毛球馆(永泰店)</view>
<view class="wi-detail">
<view class="wd-line">
<view>订单编号：</view>
<view>
<view>20195175645666</view>
</view>
</view>
<view class="wd-line">
<view>用户昵称：</view>
<view>
<view>周大强</view>
</view>
</view>
<view class="wd-line">
<view>支付时间：</view>
<view>
<view>2019-05-17 11:12:50</view>
</view>
</view>
<view class="wd-line">
<view>预定日期：</view>
<view>
<view>2019-05-18 周五</view>
</view>
</view>
<view class="wd-line">
<view>预定场次：</view>
<view>
<view>1号馆 10:00-11:00；11:00-12:00</view>
<view>1号馆 10:00-11:00；11:00-12:00</view>
<view>1号馆 10:00-11:00；11:00-12:00</view>
<view>1号馆 10:00-11:00；11:00-12:00</view>
<view>1号馆 10:00-11:00；11:00-12:00</view>
<view>1号馆 10:00-11:00；11:00-12:00</view>
</view>
</view>
</view>
</view>
<view class="wi-split-line"></view>
<view class="wi-btns">
<view hover-class="hover-active">确认核销</view>
<view class="white" hover-class="hover-active">不核销</view>
</view>
</view>
<view class="woc-fail-modal" v-if="false">
<image mode="aspectFit" src="/static/images/icon/write_off_fail.png"></image>
<view>很抱歉！获取不到二维码订单信息</view>
<view hover-class="hover-active">返回</view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss">
@import "../../../style/public.scss";
page{
background-color: $themeColor;
}
.write-off-confirm{
padding-top: 46upx;
}
.woc-content{
width: 702upx;
margin: 0 auto 46upx;
border-radius: 10upx;
background-color: #fff;
.wc-info{
padding: 20upx 40upx 66upx;
.wi-title{
height: 128upx;
line-height: 126upx;
text-align: center;
font-size: 32upx;
font-weight: 500;
color: #1a1a1a;
border-bottom: 2upx solid #D8D8D8;
}
.wi-detail{
padding-top: 34upx;
.wd-line{
display: flex;
view{
font-size: 28upx;
line-height: 60upx;
}
>view{
&:first-child{
flex-shrink: 0;
color: #9C9C9F;
}
&+view{
flex-grow: 1;
>view{
width: 100%;
color: #1A1A1A;
@include textHide(1);
}
}
}
}
}
}
.wi-split-line{
position: relative;
border-top: 2upx dashed #D8D8D8;
&::before{
content: '';
display: block;
position: absolute;
left: -10upx;
top: -11upx;
width: 20upx;
height: 20upx;
border-radius: 50%;
background-color: $themeColor;
}
&::after{
content: '';
display: block;
position: absolute;
right: -10upx;
top: -11upx;
width: 20upx;
height: 20upx;
border-radius: 50%;
background-color: $themeColor;
}
}
.wi-btns{
height: 450upx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
>view{
height: 112upx;
width: 622upx;
line-height: 108upx;
text-align: center;
border-radius: 10upx;
border: 2upx solid $themeColor;
font-size: 32upx;
color: #fff;
background-color: $themeColor;
&:first-child{
margin-bottom: 24upx;
}
}
.white{
background-color: #fff;
color: $themeColor;
}
}
}
.woc-fail-modal{
position: fixed;
left: 0;
top: var(--window-top);
right: 0;
bottom: 0;
background-color: #fff;
padding-top: 90upx;
>image{
display: block;
margin: 0 auto 86upx;
width: 420upx;
height: 420upx;
&+view{
margin-bottom: 260upx;
text-align: center;
line-height: 40upx;
font-size: 28upx;
color: #9c9c9f;
}
}
view+view{
margin: 0 auto;
width: 280upx;
height: 92upx;
line-height: 88upx;
text-align: center;
border-radius: 46upx;
border: 2upx solid $themeColor;
font-size: 32upx;
color: $themeColor;
}
}
</style>

158
src/pages/write_off/list/list.vue
View File

@ -0,0 +1,158 @@
<template>
<view class="write-off-list">
<view class="wol-btn" hover-class="hover-active">
<image mode="aspectFit" src="/static/images/icon/scan_code_btn.png"></image>
</view>
<view class="wol-bar">今日核销订单(2)</view>
<view class="wol-list">
<view class="wl-item" v-for="e in 9" :key="e">
<view class="wi-header">
<view>欧轩智能羽毛球馆(永泰店)</view>
<view>已使用</view>
</view>
<view class="wi-info">
<view class="wi-line">
<view>订单编号：</view>
<view>
<view>20195175645666 </view>
</view>
</view>
<view class="wi-line">
<view>用户昵称：</view>
<view>
<view>周大强 </view>
</view>
</view>
<view class="wi-line">
<view>支付时间：</view>
<view>
<view>2019-05-17 11:12:50 </view>
</view>
</view>
<view class="wi-line">
<view> 预定日期：</view>
<view>
<view>2019-05-18 周五 </view>
</view>
</view>
<view class="wi-line">
<view>预定场次：</view>
<view>
<view>1号馆 10:00-11:00；11:00-12:00 </view>
<view>1号馆 10:00-11:00；11:00-12:00 </view>
<view>1号馆 10:00-11:00；11:00-12:00 </view>
<view>1号馆 10:00-11:00；11:00-12:00 </view>
<view>1号馆 10:00-11:00；11:00-12:00 </view>
<view>1号馆 10:00-11:00；11:00-12:00 </view>
</view>
</view>
</view>
<view class="wi-total">
<view>核销时间：2019-05-17 11:12:58</view>
<view>共5场次</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
@import "../../../style/public.scss";
.write-off-list{
padding-top: 24upx;
.wol-btn{
margin: 0 auto 24upx;
height: 360upx;
width: 702upx;
border-radius: 10upx;
background-color: #fff;
@include centerFlex(center);
>image{
width: 172upx;
height: 172upx;
}
}
.wol-bar{
margin: 0 auto 24upx;
height: 112upx;
width: 702upx;
border-radius: 10upx;
line-height: 112upx;
text-align: center;
font-size: 32upx;
font-weight: 500;
color: #1a1a1a;
background-color: #fff;
}
.wol-list{
padding: 0 24upx;
.wl-item{
margin-bottom: 24upx;
>view{
padding: 0 20upx;
background-color: #fff;
}
.wi-header{
height: 96upx;
border-bottom: 2upx solid #D8D8D8;
border-radius: 10upx 10upx 0 0;
@include centerFlex(space-between);
>view{
&:first-child{
flex-grow: 1;
line-height: 40upx;
font-size: 28upx;
color: #1a1a1a;
@include textHide(1);
}
&+view{
flex-shrink: 0;
margin-left: 20upx;
line-height: 40upx;
font-size: 28upx;
color: #9c9c9f;
}
}
}
.wi-info{
padding: 20upx;
border-bottom: 2upx solid #D8D8D8;
.wi-line{
display: flex;
view{
line-height: 34upx;
font-size: 24upx;
color: #9c9c9f;
&:first-child{
flex-shrink: 0;
}
&+view{
flex-grow: 1;
>view{
@include textHide(1);
}
}
}
}
}
.wi-total{
height: 90upx;
border-radius: 0 0 10upx 10upx;
@include centerFlex(space-between);
>view{
font-size: 24upx;
color: #1a1a1a;
}
}
}
}
}
</style>

BIN
src/static/images/icon/filter.png
View File

Side by Side

After

Width: 40  |  Height: 40  |  Size: 127 B

BIN
src/static/images/icon/scan_code_btn.png
View File

Side by Side

After

Width: 172  |  Height: 172  |  Size: 932 B

BIN
src/static/images/icon/search.png
View File

Side by Side

After

Width: 40  |  Height: 40  |  Size: 386 B

BIN
src/static/images/icon/success_tip.png
View File

Side by Side

After

Width: 100  |  Height: 102  |  Size: 1005 B

BIN
src/static/images/icon/write_off_fail.png
View File

Side by Side

After

Width: 420  |  Height: 420  |  Size: 9.6 KiB

0
style/public.scss → src/style/public.scss
View File

Write Preview
Loading…
Cancel
Save