|
@@ -1,5 +1,5 @@
|
1
|
1
|
import { React, useState, useEffect, } from 'react'
|
2
|
|
-import Taro,{ useRouter } from '@tarojs/taro'
|
|
2
|
+import Taro, { useRouter } from '@tarojs/taro'
|
3
|
3
|
import CustomNav from '@/components/CustomNav'
|
4
|
4
|
import Popup from '@/components/Popup'
|
5
|
5
|
import eyes from '@/assets/icons/shopKeeper/小眼睛.png'
|
|
@@ -14,7 +14,7 @@ import hotelBossOFF from '@/assets/icons/UserCenter/hotelBossOFF.png'
|
14
|
14
|
import shopBossON from '@/assets/icons/UserCenter/shopBossON.png'
|
15
|
15
|
import shopBossOFF from '@/assets/icons/UserCenter/shopBossOFF.png'
|
16
|
16
|
import './shopKeeper.less'
|
17
|
|
-import ToggleRole from '@/components/toggleRole/ToggleRole'
|
|
17
|
+import ToggleRole from '@/components/toggleRole/ToggleRole'
|
18
|
18
|
|
19
|
19
|
|
20
|
20
|
export default (props) => {
|
|
@@ -27,7 +27,7 @@ export default (props) => {
|
27
|
27
|
setActiveTab(tabJump - 0)
|
28
|
28
|
}
|
29
|
29
|
}, [tabJump])
|
30
|
|
-
|
|
30
|
+
|
31
|
31
|
const handleTabChange = (e) => {
|
32
|
32
|
const { index } = e.detail
|
33
|
33
|
setActiveTab(index)
|
|
@@ -37,8 +37,8 @@ export default (props) => {
|
37
|
37
|
title: '未核销订单',
|
38
|
38
|
},
|
39
|
39
|
{
|
40
|
|
- title: '已核销订单',
|
41
|
|
- },
|
|
40
|
+ title: '已核销订单',
|
|
41
|
+ },
|
42
|
42
|
]
|
43
|
43
|
|
44
|
44
|
const [showCutover, setShowCutover] = useState(false)
|
|
@@ -53,13 +53,13 @@ export default (props) => {
|
53
|
53
|
<view>
|
54
|
54
|
<CustomNav title='十公里' />
|
55
|
55
|
</view>
|
56
|
|
- <ToggleRole showCutover={showCutover} onClose={onClose} />
|
57
|
|
-
|
|
56
|
+ <ToggleRole showCutover={showCutover} onClose={onClose} role='shop' />
|
|
57
|
+
|
58
|
58
|
<view style={{ padding: '30rpx', height: '100%' }}>
|
59
|
59
|
<scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 120px)' }}>
|
60
|
60
|
<view className='storexx'>
|
61
|
61
|
<view className='storeName'>店名:<text>Yun咖 云里 咖啡店</text></view>
|
62
|
|
- <view onClick={ShowMoldeOn} className='User-info-cutover'>
|
|
62
|
+ <view onClick={ShowMoldeOn} className='User-info-cutover'>
|
63
|
63
|
<image className='User-info-cutover-image' src={cutoverUser} />
|
64
|
64
|
</view>
|
65
|
65
|
<view className='tip'>(计算收入以核销为准)</view>
|
|
@@ -81,12 +81,12 @@ export default (props) => {
|
81
|
81
|
</view>
|
82
|
82
|
</view>
|
83
|
83
|
<view className='search'>
|
84
|
|
- <input className='searchInput' />
|
|
84
|
+ <input className='searchInput' />
|
85
|
85
|
<image className='searchicon' src={iconsearch} />
|
86
|
86
|
<view className="searchword">搜索订单(输入客户手机号码)</view>
|
87
|
87
|
</view>
|
88
|
88
|
<view className='index-tabs'>
|
89
|
|
- <mp-tabs
|
|
89
|
+ <mp-tabs
|
90
|
90
|
tabClass='tabs-Unselected'
|
91
|
91
|
swiperClass='tabs-swiper'
|
92
|
92
|
activeClass='tabs-Selected'
|
|
@@ -96,10 +96,10 @@ export default (props) => {
|
96
|
96
|
activeTab={activeTab}
|
97
|
97
|
>
|
98
|
98
|
</mp-tabs>
|
99
|
|
- </view>
|
100
|
|
-
|
|
99
|
+ </view>
|
|
100
|
+
|
101
|
101
|
<view>
|
102
|
|
- {activeTab === 0&&
|
|
102
|
+ {activeTab === 0 &&
|
103
|
103
|
<view className='orderCard'>
|
104
|
104
|
<view style={{ overflow: 'hidden' }}>
|
105
|
105
|
<view className='orderId'>订单编号:<text>ABC123456789</text></view>
|
|
@@ -117,52 +117,52 @@ export default (props) => {
|
117
|
117
|
<view className='phone'>客户手机:<text>136****9434</text></view>
|
118
|
118
|
<view className='tripTime'>客户行程日期:预计在<text>2021-06-21中下午10:30-16:30</text></view>
|
119
|
119
|
</view>
|
120
|
|
- </view>
|
121
|
|
- }
|
122
|
|
- {activeTab === 1&&
|
123
|
|
- <>
|
124
|
|
- <view className='orderCard'>
|
125
|
|
- <view style={{ overflow: 'hidden' }}>
|
126
|
|
- <view className='orderId'>订单编号:<text>ABC123456789</text></view>
|
127
|
|
- <view className='orderTime'>下单日期:<text>2021-06-22 12:35</text></view>
|
128
|
120
|
</view>
|
129
|
|
- <view className='order'>
|
130
|
|
- <image className='orderImg' src={ms} mode='aspectFit' />
|
131
|
|
- <view className='orderRight'>
|
132
|
|
- <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京,
|
133
|
|
- 新街口又开新店啦...</view>
|
134
|
|
- <view className='price'>合计金额:¥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量:<text>1</text>张</text> </view>
|
135
|
|
- <view>已下单:等待客户上门就餐</view>
|
|
121
|
+ }
|
|
122
|
+ {activeTab === 1 &&
|
|
123
|
+ <>
|
|
124
|
+ <view className='orderCard'>
|
|
125
|
+ <view style={{ overflow: 'hidden' }}>
|
|
126
|
+ <view className='orderId'>订单编号:<text>ABC123456789</text></view>
|
|
127
|
+ <view className='orderTime'>下单日期:<text>2021-06-22 12:35</text></view>
|
|
128
|
+ </view>
|
|
129
|
+ <view className='order'>
|
|
130
|
+ <image className='orderImg' src={ms} mode='aspectFit' />
|
|
131
|
+ <view className='orderRight'>
|
|
132
|
+ <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京,
|
|
133
|
+ 新街口又开新店啦...</view>
|
|
134
|
+ <view className='price'>合计金额:¥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量:<text>1</text>张</text> </view>
|
|
135
|
+ <view>已下单:等待客户上门就餐</view>
|
|
136
|
+ </view>
|
|
137
|
+ <view className='line' />
|
|
138
|
+ <view className='phone'>客户手机:<text>136****9434</text></view>
|
|
139
|
+ <view className='tripTime'>客户行程日期:预计在<text>2021-06-21中下午10:30-16:30</text></view>
|
|
140
|
+ </view>
|
136
|
141
|
</view>
|
137
|
|
- <view className='line' />
|
138
|
|
- <view className='phone'>客户手机:<text>136****9434</text></view>
|
139
|
|
- <view className='tripTime'>客户行程日期:预计在<text>2021-06-21中下午10:30-16:30</text></view>
|
140
|
|
- </view>
|
141
|
|
- </view>
|
142
|
|
- <view className='orderCard'>
|
143
|
|
- <view style={{ overflow: 'hidden' }}>
|
144
|
|
- <view className='orderId'>订单编号:<text>ABC123456789</text></view>
|
145
|
|
- <view className='orderTime'>下单日期:<text>2021-06-22 12:35</text></view>
|
146
|
|
- </view>
|
147
|
|
- <view className='order'>
|
148
|
|
- <image className='orderImg' src={ms} mode='aspectFit' />
|
149
|
|
- <view className='orderRight'>
|
150
|
|
- <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京,
|
151
|
|
- 新街口又开新店啦...</view>
|
152
|
|
- <view className='price'>合计金额:¥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量:<text>1</text>张</text> </view>
|
153
|
|
- <view>已下单:等待客户上门就餐</view>
|
|
142
|
+ <view className='orderCard'>
|
|
143
|
+ <view style={{ overflow: 'hidden' }}>
|
|
144
|
+ <view className='orderId'>订单编号:<text>ABC123456789</text></view>
|
|
145
|
+ <view className='orderTime'>下单日期:<text>2021-06-22 12:35</text></view>
|
|
146
|
+ </view>
|
|
147
|
+ <view className='order'>
|
|
148
|
+ <image className='orderImg' src={ms} mode='aspectFit' />
|
|
149
|
+ <view className='orderRight'>
|
|
150
|
+ <view className='foodName'>【SEOUL.创意韩国料理】火爆全南京,
|
|
151
|
+ 新街口又开新店啦...</view>
|
|
152
|
+ <view className='price'>合计金额:¥<text style={{ fontSize: '24rpx' }}>88</text>元 <text className='pnum'>数量:<text>1</text>张</text> </view>
|
|
153
|
+ <view>已下单:等待客户上门就餐</view>
|
|
154
|
+ </view>
|
|
155
|
+ <view className='line' />
|
|
156
|
+ <view className='phone'>客户手机:<text>136****9434</text></view>
|
|
157
|
+ <view className='tripTime'>客户行程日期:预计在<text>2021-06-21中下午10:30-16:30</text></view>
|
|
158
|
+ </view>
|
154
|
159
|
</view>
|
155
|
|
- <view className='line' />
|
156
|
|
- <view className='phone'>客户手机:<text>136****9434</text></view>
|
157
|
|
- <view className='tripTime'>客户行程日期:预计在<text>2021-06-21中下午10:30-16:30</text></view>
|
158
|
|
- </view>
|
159
|
|
- </view>
|
160
|
|
- </>
|
|
160
|
+ </>
|
161
|
161
|
}
|
162
|
|
- </view>
|
|
162
|
+ </view>
|
163
|
163
|
<view className='botton'>已经到底了~</view>
|
164
|
|
- </scroll-view>
|
165
|
|
- </view>
|
|
164
|
+ </scroll-view>
|
166
|
165
|
</view>
|
|
166
|
+ </view>
|
167
|
167
|
)
|
168
|
168
|
}
|