root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

11

master
tianyi 3 weeks ago
parent
990e9a12a3
commit
2d371907f3
1 changed files with 282 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 291
      package1/myCenter/merchantCenter.vue

291
package1/myCenter/merchantCenter.vue
View File

@ -10,7 +10,163 @@
</view> </view>
</view> </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> </view>
</template> </template>
@ -22,12 +178,36 @@
} }
}, },
onShow() { onShow() {
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
}, },
onLoad(option) { onLoad(option) {
}, },
methods: { 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() { back() {
uni.navigateBack() uni.navigateBack()
}, },
@ -43,33 +223,33 @@
background: #F5F8F5; background: #F5F8F5;
color: #00231C; color: #00231C;
} }
.page1 { .page1 {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 24rpx; font-size: 24rpx;
position: relative; position: relative;
} }
.title { .title {
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
width: 100%; width: 100%;
height: 54%; height: 20%;
} }
.title-sreach { .title-sreach {
width: 100%; width: 100%;
display: flex; display: flex;
height: 200rpx; height: 200rpx;
position: relative; position: relative;
} }
.back-btn { .back-btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.title-name { .title-name {
padding-top: 55px; padding-top: 55px;
font-size: 36rpx; font-size: 36rpx;
@ -77,4 +257,97 @@
flex: 1; flex: 1;
text-align: center; 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> </style>
Write Preview
Loading…
Cancel
Save