TmOct5/barter-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[...]

Browse Source
This commit is contained in:
张冬雪
2021-09-17 10:01:35 +08:00
parent e9d6eae051 db187bc774
commit b22684ea86
20 changed files with 4241 additions and 896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
components/store-staff/store-staff.vue
View File

@@ -1,25 +1,61 @@
<template>
<view class="staff">
员工啦
<!-- 员工权限工具 -->
<!-- <view class="tool-flex store">
<view class="store-item" @click="$Router.push({name: 'Verification'})">
<image class="icon" src="@/static/icons/tool_icon_00.png" mode="aspectFill"></image>
<view class="title">扫码验证</view>
</view>
<view class="store-item" @click="$Router.push({name: 'GoodsMag'})">
<image class="icon" src="@/static/icons/tool_icon_01.png" mode="aspectFill"></image>
<view class="title">商品权证</view>
</view>
<view class="store-item" @click="$Router.push({name: 'CouponsMag'})">
<image class="icon" src="@/static/icons/tool_icon_02.png" mode="aspectFill"></image>
<view class="title">优惠券管理</view>
</view>
<view class="store-item" @click="$Router.push({name: 'Collection'})">
<image class="icon" src="@/static/icons/tool_icon_03.png" mode="aspectFill"></image>
<view class="title">收款管理</view>
</view>
</view> -->
<!-- 员工权限工具 -->
<view class="tool-flex store">
<!-- manage-scan -->
<view class="store-item" @click="$Router.push({name: 'Verification'})" v-if="toolList.manageScan">
<image class="icon" src="@/static/icons/tool_icon_00.png" mode="aspectFill"></image>
<view class="title">扫码核销</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<!-- manage-goods -->
<view class="store-item" @click="$Router.push({name: 'GoodsMag'})" v-if="toolList.manageGoods">
<image class="icon" src="@/static/icons/tool_icon_01.png" mode="aspectFill"></image>
<view class="title">商品权证</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<!-- manage-employee -->
<view class="store-item" @click="$Router.push({name: 'Employees'})" v-if="toolList.manageEmployee">
<image class="icon" src="@/static/icons/tool_icon_08.png" mode="aspectFill"></image>
<view class="title">员工管理</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<!-- order-shipment -->
<view class="store-item" @click="$Router.push({name: ''})" v-if="toolList.orderShipment">
<image class="icon" src="@/static/icons/tool_icon_04.png" mode="aspectFill"></image>
<view class="title">发货单管理</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<!-- order-refund -->
<view class="store-item" @click="$Router.push({name: ''})" v-if="toolList.orderRefund">
<image class="icon" src="@/static/icons/tool_icon_07.png" mode="aspectFill"></image>
<view class="title">退换货管理</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<!-- manageStore -->
<view class="store-item" @click="$Router.push({name: 'shopLists'})" v-if="toolList.manageStore">
<image class="icon" src="@/static/icons/tool_icon_07.png" mode="aspectFill"></image>
<view class="title">部门/门店</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<!-- manage-coupons -->
<view class="store-item" @click="$Router.push({name: 'CouponsMag'})" v-if="toolList.manageCoupons">
<image class="icon" src="@/static/icons/tool_icon_02.png" mode="aspectFill"></image>
<view class="title">优惠券管理</view>
<image class="arrow" src="@/static/icons/equity_arrow_right.png" mode="aspectFill"></image>
</view>
<view class="store-item">
<image class="icon" src="@/static/icons/tool_icon_06.png" mode="aspectFill"></image>
<view class="title">营销推广码</view>
</view>
</view>
</view>
</template>
@@ -27,46 +63,12 @@
export default {
name:"store-staff",
props:{
// 店铺统计
top: {
type: Object,
default: ()=> {
return {
barter_total: 0,
trading_day : 0,
eb_in : 0,
cash_in : 0
}
}
},
// 店铺概况
middle: {
type: Object,
default: ()=> {
return {
visitors : 0,
clinch : 0,
employees: 0,
sale : 0,
hold : 0,
transfer : 0
}
}
},
// 店铺订单
order: {
type: Object,
default: ()=> {
return {
not_shipped : 0,
already_shipped : 0,
not_pick : 0,
already_pick : 0,
after_sale : 0
}
}
}
}
// 员工数据
toolList: {},
},
created() {
// console.log(this.$props.toolList)
}
}
</script>
@@ -76,7 +78,7 @@
.statistical{
display: flex;
background: $text-price;
padding: $padding ($padding/2) $padding*5;
padding: $padding ($padding/2) $padding*2;
flex-wrap: wrap;
justify-content: space-between;
.item{
@@ -95,15 +97,15 @@
}
// 店铺概况
.general{
margin: -$margin*4 $margin 0 $margin;
margin: -$margin*2 $margin 0 $margin;
.general-box{
background-color: white;
border-radius: $radius/2;
display: flex;
padding: $padding $padding/2;
padding: $padding - 20 $padding/2;
flex-wrap: wrap;
.general-item{
width: 33.33%;
width: 50%;
text-align: center;
padding: $padding/2;
box-sizing: border-box;
@@ -122,27 +124,34 @@
}
// 店铺工具
.tool-flex{
background: white;
border-radius: $radius/2;
padding: $padding/2;
margin: $margin;
display: flex;
flex-wrap: wrap;
margin: $margin*2 $margin $margin;
.store-item{
padding: $padding/2;
text-align: center;
width: 25%;
background: white;
border-radius: $radius/2;
padding: $padding/2;
box-sizing: border-box;
margin-bottom: $margin;
display: flex;
position: relative;
.icon{
width: 68rpx;
height: 68rpx;
width: 54rpx;
height: 54rpx;
margin-right: $margin - 15;
vertical-align: top;
}
.title{
font-size: $title-size-sm;
line-height: 58rpx;
font-size: $title-size-m;
color: $text-gray;
padding-top: $padding/3;
}
.arrow {
width: 38rpx;
height: 38rpx;
filter: brightness(.9);
position: absolute;
right: $padding - 20;
top: $padding - 6;
}
}
.order-item{
position: relative;