6 changed files with 484 additions and 23 deletions
@ -0,0 +1,353 @@ |
|||||
|
<template> |
||||
|
<view class="page1"> |
||||
|
<view class="title"> |
||||
|
<view class="title-sreach"> |
||||
|
<view class="back-btn" @tap="back" :style="{'top': menuButtonInfo.top +'px'}"> |
||||
|
<uni-icons type="left" size="28"></uni-icons> |
||||
|
</view> |
||||
|
<view class="title-name" :style="{'padding-top': menuButtonInfo.top +'px'}"> |
||||
|
商家中心 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="shop-title"> |
||||
|
<view class="title1"> |
||||
|
<img src="/static/images/img/shangpintu.png" alt="" /> |
||||
|
</view> |
||||
|
<view class="title2"> |
||||
|
<view class="title22"> |
||||
|
老王的店 |
||||
|
</view> |
||||
|
<view class="title33"> |
||||
|
暂停营业 |
||||
|
<uni-icons type="right" size="12"></uni-icons> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="shop-order"> |
||||
|
<view class="order1"> |
||||
|
待办事项 |
||||
|
</view> |
||||
|
<view class="order2"> |
||||
|
<view class="order22"> |
||||
|
<view class="order33"> |
||||
|
<view class="order44"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="order55"> |
||||
|
待接单 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="order33"> |
||||
|
<view class="order44"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="order55"> |
||||
|
待发货 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="order33"> |
||||
|
<view class="order44"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="order55"> |
||||
|
待商家送达 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="order22"> |
||||
|
<view class="order33"> |
||||
|
<view class="order44"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="order55"> |
||||
|
待顾客自取 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="order33"> |
||||
|
<view class="order44"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="order55"> |
||||
|
待退款/售后 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="order33"> |
||||
|
<view class="order44"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="order55"> |
||||
|
待回复差评 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="shop-order"> |
||||
|
<view class="order1" style="display: flex;"> |
||||
|
<view style="flex: 1;"> |
||||
|
今日实时数据 |
||||
|
</view> |
||||
|
<view> |
||||
|
更多 |
||||
|
<uni-icons type="right" size="12"></uni-icons> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="data2"> |
||||
|
<view class="data22"> |
||||
|
<view class="data222"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="data333"> |
||||
|
今日订单 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="data22"> |
||||
|
<view class="data222"> |
||||
|
0 |
||||
|
</view> |
||||
|
<view class="data333"> |
||||
|
营业额 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="shop-order"> |
||||
|
<view class="order1"> |
||||
|
必备工具 |
||||
|
</view> |
||||
|
<view class="menu2"> |
||||
|
<view class="menu22" @tap="goDetail('sp')"> |
||||
|
<view class="menu33"> |
||||
|
<img src="/static/images/dingdan/dd0.png" alt="" /> |
||||
|
</view> |
||||
|
<view class="menu44"> |
||||
|
商品管理 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="menu22" @tap="goDetail('dp')"> |
||||
|
<view class="menu33"> |
||||
|
<img src="/static/images/dingdan/dd1.png" alt="" /> |
||||
|
</view> |
||||
|
<view class="menu44"> |
||||
|
店铺管理 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="menu22" @tap="goDetail('dd')"> |
||||
|
<view class="menu33"> |
||||
|
<img src="/static/images/dingdan/dd2.png" alt="" /> |
||||
|
</view> |
||||
|
<view class="menu44"> |
||||
|
订单管理 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="menu22" @tap="goDetail('zd')"> |
||||
|
<view class="menu33"> |
||||
|
<img src="/static/images/dingdan/dd3.png" alt="" /> |
||||
|
</view> |
||||
|
<view class="menu44"> |
||||
|
账单结算 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="menu22" @tap="goDetail('pj')"> |
||||
|
<view class="menu33"> |
||||
|
<img src="/static/images/dingdan/dd4.png" alt="" /> |
||||
|
</view> |
||||
|
<view class="menu44"> |
||||
|
顾客评价 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="menu22" @tap="goDetail('hx')"> |
||||
|
<view class="menu33" style="width: 100%;height: 28px;"> |
||||
|
<uni-icons type="scan" size="25"></uni-icons> |
||||
|
</view> |
||||
|
<view class="menu44"> |
||||
|
扫码核销 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
menuButtonInfo: {} |
||||
|
} |
||||
|
}, |
||||
|
onShow() { |
||||
|
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() |
||||
|
}, |
||||
|
onLoad(option) { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
goDetail(type) { |
||||
|
let url = '' |
||||
|
switch (type) { |
||||
|
case 'sp': |
||||
|
url = '/package1/myCenter/goodsList' |
||||
|
break; |
||||
|
case 'dp': |
||||
|
url = '' |
||||
|
break; |
||||
|
case 'dd': |
||||
|
url = '' |
||||
|
break; |
||||
|
case 'zd': |
||||
|
url = '' |
||||
|
break; |
||||
|
case 'pj': |
||||
|
url = '/package1/group/shopEvaluate' |
||||
|
break; |
||||
|
default: |
||||
|
} |
||||
|
uni.navigateTo({ |
||||
|
url: url |
||||
|
}) |
||||
|
}, |
||||
|
back() { |
||||
|
uni.navigateBack() |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
font-size: 24rpx; |
||||
|
background: #F5F8F5; |
||||
|
color: #00231C; |
||||
|
} |
||||
|
|
||||
|
.page1 { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
font-size: 24rpx; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
||||
|
width: 100%; |
||||
|
height: 20%; |
||||
|
} |
||||
|
|
||||
|
.title-sreach { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
height: 200rpx; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.back-btn { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
|
||||
|
.title-name { |
||||
|
padding-top: 55px; |
||||
|
font-size: 36rpx; |
||||
|
font-weight: 700; |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.shop-title { |
||||
|
width: 95%; |
||||
|
margin: -65px auto 0; |
||||
|
padding: 10px; |
||||
|
background: #fff; |
||||
|
border-radius: 10px; |
||||
|
display: flex; |
||||
|
font-size: 14px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.title1 { |
||||
|
width: 35px; |
||||
|
height: 35px; |
||||
|
|
||||
|
img { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
} |
||||
|
.title2{ |
||||
|
flex: 1; |
||||
|
line-height: 35px; |
||||
|
display: flex; |
||||
|
} |
||||
|
.title22{ |
||||
|
flex: 1; |
||||
|
padding-left: 10px; |
||||
|
} |
||||
|
.shop-order{ |
||||
|
width: 95%; |
||||
|
margin: 10px auto 0; |
||||
|
background: #fff; |
||||
|
border-radius: 10px; |
||||
|
padding: 0 10px 0; |
||||
|
} |
||||
|
.order1{ |
||||
|
height: 35px; |
||||
|
line-height: 35px; |
||||
|
font-size: 14px; |
||||
|
font-weight: 700; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
} |
||||
|
.order22{ |
||||
|
display: flex; |
||||
|
height: 50px; |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
.order33{ |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.order44{ |
||||
|
font-size: 14px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
.data2{ |
||||
|
display: flex; |
||||
|
height: 70px; |
||||
|
text-align: center; |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
.data22{ |
||||
|
flex: 1; |
||||
|
} |
||||
|
.data222{ |
||||
|
font-size: 18px; |
||||
|
font-weight: 700; |
||||
|
padding-bottom: 10px; |
||||
|
} |
||||
|
.menu2{ |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
text-align: center; |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
.menu22{ |
||||
|
width: 25%; |
||||
|
height: 60px; |
||||
|
} |
||||
|
.menu33{ |
||||
|
img{ |
||||
|
width: 25px; |
||||
|
height: 25px; |
||||
|
background-size: 100%; |
||||
|
} |
||||
|
} |
||||
|
.menu44{ |
||||
|
height: 20px; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue