Commit f51c01b1f35fe05349bc8337c56f764190deea22
1 parent
d56b9207
预约所有页面提交
Showing
31 changed files
with
1823 additions
and
124 deletions
pages/user/Appment_main/Appment_main.js
1 | -var e = getApp(), a = e.globalData.setting, os = a, t = e.request; | 1 | +var e = getApp(), |
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
2 | Page({ | 5 | Page({ |
3 | 6 | ||
4 | /** | 7 | /** |
5 | * 页面的初始数据 | 8 | * 页面的初始数据 |
6 | */ | 9 | */ |
7 | data: { | 10 | data: { |
8 | - iurl: a.imghost, | 11 | + iurl: a.imghost, //服务器网址 |
12 | + store: 0, //是否显示服务门店列表 | ||
13 | + beautician: 0, //是否显示美容师列表 | ||
14 | + beautician_name: "", //选中的美容师名称 | ||
15 | + placeholder: "填写备注",//备注为空的placeholder | ||
16 | + }, | ||
17 | + onclickstore: function() { | ||
18 | + var th = this; | ||
19 | + var store = th.data.store; | ||
20 | + if (store) { | ||
21 | + th.setData({ | ||
22 | + store: 0 | ||
23 | + }) | ||
24 | + } else { | ||
25 | + th.setData({ | ||
26 | + store: 1, | ||
27 | + placeholder:"" | ||
28 | + }) | ||
29 | + } | ||
30 | + }, | ||
31 | + onclickbea: function(e) { | ||
32 | + var th = this; | ||
33 | + var beautician = th.data.beautician; | ||
34 | + var beaname = e.currentTarget.dataset.beaname; | ||
35 | + if (beautician) { | ||
36 | + // 判断是否选择美容师没有的话就把美容师列表收起来 | ||
37 | + if (beaname != undefined) { | ||
38 | + th.setData({ | ||
39 | + beautician: 0, | ||
40 | + beautician_name: beaname, | ||
41 | + placeholder: "填写备注" | ||
42 | + }) | ||
43 | + } else { | ||
44 | + th.setData({ | ||
45 | + beautician: 0, | ||
46 | + placeholder: "填写备注" | ||
47 | + }) | ||
48 | + } | ||
49 | + } else { | ||
50 | + th.setData({ | ||
51 | + beautician: 1, | ||
52 | + placeholder: "" | ||
53 | + }) | ||
54 | + } | ||
9 | }, | 55 | }, |
10 | - | ||
11 | /** | 56 | /** |
12 | * 生命周期函数--监听页面加载 | 57 | * 生命周期函数--监听页面加载 |
13 | */ | 58 | */ |
14 | - onLoad: function (options) { | 59 | + onLoad: function(options) { |
15 | 60 | ||
16 | }, | 61 | }, |
17 | 62 | ||
18 | /** | 63 | /** |
19 | * 生命周期函数--监听页面显示 | 64 | * 生命周期函数--监听页面显示 |
20 | */ | 65 | */ |
21 | - onShow: function () { | 66 | + onShow: function() { |
22 | 67 | ||
23 | } | 68 | } |
24 | }) | 69 | }) |
25 | \ No newline at end of file | 70 | \ No newline at end of file |
pages/user/Appment_main/Appment_main.wxml
@@ -11,12 +11,11 @@ | @@ -11,12 +11,11 @@ | ||
11 | </view> | 11 | </view> |
12 | 12 | ||
13 | <!-- 选择门店 --> | 13 | <!-- 选择门店 --> |
14 | - <view class="flex-vertical-between fs26 select"> | ||
15 | - <input placeholder="选择服务门店" /> | 14 | + <view class="flex-vertical-between fs26 select" bindtap="onclickstore"> |
15 | + <view class="color value ellipsis-1">选择服务门店</view> | ||
16 | <view class="angle">∟</view> | 16 | <view class="angle">∟</view> |
17 | </view> | 17 | </view> |
18 | </view> | 18 | </view> |
19 | - | ||
20 | <!-- 选择美容师 --> | 19 | <!-- 选择美容师 --> |
21 | <view class="flex-vertical mabot"> | 20 | <view class="flex-vertical mabot"> |
22 | <!-- 门店 --> | 21 | <!-- 门店 --> |
@@ -27,11 +26,24 @@ | @@ -27,11 +26,24 @@ | ||
27 | </view> | 26 | </view> |
28 | 27 | ||
29 | <!-- 选择门店 --> | 28 | <!-- 选择门店 --> |
30 | - <view class="flex-vertical-between fs26 Cosmetology"> | ||
31 | - <input placeholder="选择美容师" /> | ||
32 | - <view class="angle">∟</view> | 29 | + <view class="rel fs26"> |
30 | + <view class="flex-vertical-between Cosmetology" bindtap="onclickbea"> | ||
31 | + <view class="color value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view> | ||
32 | + <view class="angle">∟</view> | ||
33 | + </view> | ||
34 | + <!-- 美容师下拉列表 --> | ||
35 | + <view class="beauticians abs" wx:if="{{beautician}}"> | ||
36 | + <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) --> | ||
37 | + <view class="beautician flex-vertical fs26" wx:for="111111" bindtap="onclickbea" data-beaname="钱巧玲"> | ||
38 | + <view>钱巧玲</view> | ||
39 | + </view> | ||
40 | + <view> | ||
41 | + </view> | ||
42 | + </view> | ||
33 | </view> | 43 | </view> |
34 | - <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image> | 44 | + <navigator class="flex-center" url="/pages/user/Cosmetology_list/Cosmetology_list"> |
45 | + <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image> | ||
46 | + </navigator> | ||
35 | </view> | 47 | </view> |
36 | 48 | ||
37 | <!-- 选择时间 --> | 49 | <!-- 选择时间 --> |
@@ -42,10 +54,10 @@ | @@ -42,10 +54,10 @@ | ||
42 | </view> | 54 | </view> |
43 | 55 | ||
44 | <!-- 选择门店 --> | 56 | <!-- 选择门店 --> |
45 | - <view class="flex-vertical-between fs26 select"> | ||
46 | - <input placeholder="选择时间" /> | ||
47 | - <view class="angle">∟</view> | ||
48 | - </view> | 57 | + <navigator class="flex-vertical-between fs26 select" url="/pages/user/beauty_deta/beauty_deta"> |
58 | + <view class="color">选择时间</view> | ||
59 | + <view class="angle angler">∟</view> | ||
60 | + </navigator> | ||
49 | </view> | 61 | </view> |
50 | 62 | ||
51 | <!-- 备注 --> | 63 | <!-- 备注 --> |
@@ -55,16 +67,19 @@ | @@ -55,16 +67,19 @@ | ||
55 | <view>备</view> | 67 | <view>备</view> |
56 | <view>注</view> | 68 | <view>注</view> |
57 | </view> | 69 | </view> |
58 | - <view class="flex"> | ||
59 | - <textarea placeholder="剩余可预约人数10人" placeholder-class="fs26"> | 70 | + <view class="flex fs26"> |
71 | + <textarea disabled="{{store || beautician}}" placeholder="{{placeholder}}" placeholder-class="fs26 color" value=""> | ||
60 | </textarea> | 72 | </textarea> |
61 | </view> | 73 | </view> |
62 | </view> | 74 | </view> |
75 | + <view class="notes flex-level-right fs24 color"> | ||
76 | + <view>注:剩余可预约人数10人</view> | ||
77 | + </view> | ||
63 | 78 | ||
64 | <view class="submitMax flex-space-between fs30"> | 79 | <view class="submitMax flex-space-between fs30"> |
65 | - <view class="appment flex-center"> | 80 | + <navigator class="appment flex-center" url="/pages/user/tment_order_list/tment_order_list"> |
66 | <view>我的预约</view> | 81 | <view>我的预约</view> |
67 | - </view> | 82 | + </navigator> |
68 | <view class="sub_appment flex-center"> | 83 | <view class="sub_appment flex-center"> |
69 | <view>提交预约</view> | 84 | <view>提交预约</view> |
70 | </view> | 85 | </view> |
@@ -76,26 +91,48 @@ | @@ -76,26 +91,48 @@ | ||
76 | <view>预约成功</view> | 91 | <view>预约成功</view> |
77 | </view> | 92 | </view> |
78 | </block> | 93 | </block> |
79 | - | ||
80 | - | ||
81 | - | ||
82 | - | ||
83 | </view> | 94 | </view> |
84 | 95 | ||
96 | +</view> | ||
85 | 97 | ||
86 | - | ||
87 | - | ||
88 | - | ||
89 | - | ||
90 | - | ||
91 | - | ||
92 | - | ||
93 | - | ||
94 | - | ||
95 | - | ||
96 | - | ||
97 | - | ||
98 | - | ||
99 | - | ||
100 | - | ||
101 | -</view> | ||
102 | \ No newline at end of file | 98 | \ No newline at end of file |
99 | +<!-- 门店列表显示 --> | ||
100 | +<view wx:if="{{store}}" class="storeList fixed"> | ||
101 | + <view class="choice flex-vertical-between fs32 storeListpadd"> | ||
102 | + <view>选择服务门店</view> | ||
103 | + <icon bindtap="onclickstore" color="black" size="22" type="cancel"></icon> | ||
104 | + </view> | ||
105 | + <view class="searchbar flex-vertical-between storeListpadd"> | ||
106 | + <input class="inputstore fs28" placeholder="输入要搜索的门店" placeholder-class="fs28" maxlength="16" /> | ||
107 | + <view class="search flex-center"> | ||
108 | + <view class="fs28">搜索</view> | ||
109 | + </view> | ||
110 | + </view> | ||
111 | + <!-- 选择门店 --> | ||
112 | + <view class="stores"> | ||
113 | + <view class="store flex-vertical" wx:for="11111111"> | ||
114 | + <block wx:if="{{false}}"> | ||
115 | + <icon class="icon" type="success" color="red" size="20"></icon> | ||
116 | + </block> | ||
117 | + <block wx:else> | ||
118 | + <view class="circular"></view> | ||
119 | + </block> | ||
120 | + <view class="store_name_dis"> | ||
121 | + <view class="name_dis flex-vertical-between"> | ||
122 | + <view class="store_name fs28 ellipsis-1">泉州开元盛世广场店</view> | ||
123 | + <view class="store_dis flex fs22"> | ||
124 | + <view class="ellipsis-1">距您: 728m</view> | ||
125 | + </view> | ||
126 | + </view> | ||
127 | + <view class="store_address fs24 ellipsis-2">地址:福建省泉州市鲤城区开元盛世广场248-257店面</view> | ||
128 | + </view> | ||
129 | + </view> | ||
130 | + </view> | ||
131 | + <!-- sub --> | ||
132 | + <view class="flex-center fs32"> | ||
133 | + <view class="determine flex-center"> | ||
134 | + <view>确定</view> | ||
135 | + </view> | ||
136 | + </view> | ||
137 | +</view> | ||
138 | +<!-- 蒙尘 --> | ||
139 | +<view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view> | ||
103 | \ No newline at end of file | 140 | \ No newline at end of file |
pages/user/Appment_main/Appment_main.wxss
1 | -.container{ | 1 | +.container { |
2 | border-top: 7rpx solid rgb(245, 245, 245); | 2 | border-top: 7rpx solid rgb(245, 245, 245); |
3 | } | 3 | } |
4 | + | ||
4 | .main { | 5 | .main { |
5 | width: 100%; | 6 | width: 100%; |
6 | height: 305rpx; | 7 | height: 305rpx; |
@@ -11,11 +12,17 @@ | @@ -11,11 +12,17 @@ | ||
11 | margin-right: 15rpx; | 12 | margin-right: 15rpx; |
12 | margin-bottom: 10rpx; | 13 | margin-bottom: 10rpx; |
13 | font-size: 26rpx; | 14 | font-size: 26rpx; |
15 | + color: rgb(142,142,142); | ||
16 | +} | ||
17 | +.angler{ | ||
18 | + transform: rotate(227deg); | ||
19 | + margin-bottom: 0rpx; | ||
14 | } | 20 | } |
15 | 21 | ||
16 | .user { | 22 | .user { |
17 | width: 40rpx; | 23 | width: 40rpx; |
18 | height: 45rpx; | 24 | height: 45rpx; |
25 | + margin-left: 15rpx; | ||
19 | } | 26 | } |
20 | 27 | ||
21 | .Fram { | 28 | .Fram { |
@@ -47,7 +54,7 @@ | @@ -47,7 +54,7 @@ | ||
47 | .appment, .sub_appment { | 54 | .appment, .sub_appment { |
48 | width: 270rpx; | 55 | width: 270rpx; |
49 | height: 55rpx; | 56 | height: 55rpx; |
50 | - border-radius: 25rpx; | 57 | + border-radius: 40rpx; |
51 | } | 58 | } |
52 | 59 | ||
53 | .appment { | 60 | .appment { |
@@ -56,22 +63,25 @@ | @@ -56,22 +63,25 @@ | ||
56 | 63 | ||
57 | .sub_appment { | 64 | .sub_appment { |
58 | background-color: rgb(214, 1, 33); | 65 | background-color: rgb(214, 1, 33); |
59 | - color: rgb(255, 255, 255); | 66 | + color: rgb(255, 255, 255); |
60 | } | 67 | } |
61 | 68 | ||
62 | .head { | 69 | .head { |
63 | - width: 115rpx; | 70 | + width: 112rpx; |
64 | margin-right: 40rpx; | 71 | margin-right: 40rpx; |
72 | + height: 50rpx; | ||
73 | + line-height: 50rpx; | ||
65 | } | 74 | } |
66 | 75 | ||
67 | textarea { | 76 | textarea { |
68 | - width: 435rpx; | 77 | + width: 420rpx; |
69 | background-color: rgb(238, 238, 238); | 78 | background-color: rgb(238, 238, 238); |
70 | border-radius: 10rpx; | 79 | border-radius: 10rpx; |
71 | - height: 115rpx; | 80 | + height: 130rpx; |
72 | padding-left: 40rpx; | 81 | padding-left: 40rpx; |
73 | - padding-top: 20rpx; | ||
74 | - margin-bottom: 60rpx; | 82 | + padding-right: 15rpx; |
83 | + padding-top: 15rpx; | ||
84 | + padding-bottom: 15rpx; | ||
75 | } | 85 | } |
76 | 86 | ||
77 | .mabot { | 87 | .mabot { |
@@ -89,19 +99,163 @@ textarea { | @@ -89,19 +99,163 @@ textarea { | ||
89 | } | 99 | } |
90 | 100 | ||
91 | .Cosmetology { | 101 | .Cosmetology { |
92 | - padding-left: 40rpx; | 102 | + padding-left: 40rpx; |
93 | padding-right: 15rpx; | 103 | padding-right: 15rpx; |
94 | width: 365rpx; | 104 | width: 365rpx; |
95 | background-color: rgb(238, 238, 238); | 105 | background-color: rgb(238, 238, 238); |
96 | height: 50rpx; | 106 | height: 50rpx; |
97 | line-height: 50rpx; | 107 | line-height: 50rpx; |
98 | border-radius: 10rpx; | 108 | border-radius: 10rpx; |
99 | - margin-right: 15rpx; | ||
100 | } | 109 | } |
110 | + | ||
111 | +.beauticians{ | ||
112 | + width: 407rpx; | ||
113 | + z-index: 3; | ||
114 | + top: 45rpx; | ||
115 | + left: 0rpx; | ||
116 | + padding: 0rpx 5rpx; | ||
117 | + border: 2rpx solid rgb(238, 238, 238); | ||
118 | + background-color: rgb(255, 255, 255); | ||
119 | +} | ||
120 | + | ||
121 | +.beautician { | ||
122 | + height: 60rpx; | ||
123 | + border-bottom: 2rpx solid rgb(238, 238, 238); | ||
124 | + padding-left: 25rpx; | ||
125 | +} | ||
126 | +.beaclone{ | ||
127 | + border-bottom: 0rpx; | ||
128 | +} | ||
129 | +.notes { | ||
130 | + margin-top: 15rpx; | ||
131 | + margin-bottom: 60rpx; | ||
132 | + margin-right: 8rpx; | ||
133 | +} | ||
134 | + | ||
135 | +.color { | ||
136 | + color: rgb(172, 172, 172); | ||
137 | +} | ||
138 | + | ||
101 | .submitMax { | 139 | .submitMax { |
102 | margin-top: 50rpx; | 140 | margin-top: 50rpx; |
103 | padding: 0rpx 15rpx; | 141 | padding: 0rpx 15rpx; |
104 | } | 142 | } |
105 | -.Remarks{ | 143 | + |
144 | +.Remarks { | ||
106 | margin-top: 15rpx; | 145 | margin-top: 15rpx; |
146 | +} | ||
147 | + | ||
148 | +/* 蒙尘 */ | ||
149 | + | ||
150 | +.disgraceful { | ||
151 | + position: fixed; | ||
152 | + z-index: 3; | ||
153 | + width: 100%; | ||
154 | + height: 100%; | ||
155 | + top: 0rpx; | ||
156 | + left: 0rpx; | ||
157 | + background-color: rgba(0, 0, 0, 0.4); | ||
158 | +} | ||
159 | + | ||
160 | +.storeList { | ||
161 | + z-index: 4; | ||
162 | + left: 0rpx; | ||
163 | + border-top-left-radius: 25rpx; | ||
164 | + border-top-right-radius: 25rpx; | ||
165 | + background-color: rgb(255, 255, 255); | ||
166 | + width: 100%; | ||
167 | + padding: 45rpx 0rpx; | ||
168 | +} | ||
169 | + | ||
170 | +.storeListpadd { | ||
171 | + padding: 0rpx 31rpx; | ||
172 | +} | ||
173 | + | ||
174 | +.choice { | ||
175 | + margin-bottom: 5rpx; | ||
176 | +} | ||
177 | + | ||
178 | +.inputstore { | ||
179 | + width: 510rpx; | ||
180 | + height: 43rpx; | ||
181 | + line-height: 43rpx; | ||
182 | + border-radius: 30rpx; | ||
183 | + border: 2rpx solid rgb(238, 238, 238); | ||
184 | + padding-left: 30rpx; | ||
185 | +} | ||
186 | + | ||
187 | +.searchbar { | ||
188 | + height: 95rpx; | ||
189 | + border-bottom: 2rpx solid rgb(238, 238, 238); | ||
190 | +} | ||
191 | + | ||
192 | +.search { | ||
193 | + width: 125rpx; | ||
194 | + height: 45rpx; | ||
195 | + line-height: 45rpx; | ||
196 | + background-color: rgb(219, 27, 52); | ||
197 | + border-radius: 30rpx; | ||
198 | + color: rgb(255, 255, 255); | ||
199 | +} | ||
200 | + | ||
201 | +.stores { | ||
202 | + height: 468rpx; | ||
203 | + overflow-y: scroll; | ||
204 | +} | ||
205 | + | ||
206 | +.store { | ||
207 | + margin: 0rpx 16rpx; | ||
208 | + padding-right: 15rpx; | ||
209 | + border-bottom: 2rpx solid rgb(238, 238, 238); | ||
210 | + padding: 20rpx 0rpx; | ||
211 | +} | ||
212 | + | ||
213 | +.icon { | ||
214 | + padding: 0rpx 15rpx; | ||
215 | +} | ||
216 | + | ||
217 | +.circular { | ||
218 | + width: 38rpx; | ||
219 | + height: 38rpx; | ||
220 | + border-radius: 50%; | ||
221 | + border: 2rpx solid rgb(52, 52, 52); | ||
222 | + margin: 0rpx 15rpx; | ||
223 | +} | ||
224 | + | ||
225 | +.store_name_dis { | ||
226 | + width: 90%; | ||
227 | +} | ||
228 | + | ||
229 | +.name_dis { | ||
230 | + margin-bottom: 5rpx; | ||
231 | +} | ||
232 | + | ||
233 | +.store_name { | ||
234 | + max-width: 420rpx; | ||
235 | +} | ||
236 | + | ||
237 | +.store_dis { | ||
238 | + height: 30rpx; | ||
239 | + padding: 5rpx 15rpx; | ||
240 | + background-color: rgb(227, 227, 227); | ||
241 | + border-radius: 25rpx; | ||
242 | + margin-right: 20rpx; | ||
243 | + color: rgb(159, 159, 159); | ||
244 | + max-width: 150rpx; | ||
245 | +} | ||
246 | + | ||
247 | +.store_address { | ||
248 | + color: rgb(159, 159, 159); | ||
249 | +} | ||
250 | + | ||
251 | +.determine { | ||
252 | + background-color: rgb(196, 24, 26); | ||
253 | + width: 500rpx; | ||
254 | + border-radius: 35rpx; | ||
255 | + height: 60rpx; | ||
256 | + color: rgb(255, 255, 255); | ||
257 | + margin: 20rpx 0rpx; | ||
258 | +} | ||
259 | +.value{ | ||
260 | + max-width: 300rpx; | ||
107 | } | 261 | } |
108 | \ No newline at end of file | 262 | \ No newline at end of file |
pages/user/Cosmetology_list/Cosmetology_list.js
1 | -var e = getApp(), a = e.globalData.setting, os = a, t = e.request; | 1 | +var e = getApp(), |
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
2 | Page({ | 5 | Page({ |
3 | 6 | ||
4 | /** | 7 | /** |
@@ -11,56 +14,15 @@ Page({ | @@ -11,56 +14,15 @@ Page({ | ||
11 | /** | 14 | /** |
12 | * 生命周期函数--监听页面加载 | 15 | * 生命周期函数--监听页面加载 |
13 | */ | 16 | */ |
14 | - onLoad: function (options) { | ||
15 | - | ||
16 | - }, | ||
17 | - | ||
18 | - /** | ||
19 | - * 生命周期函数--监听页面初次渲染完成 | ||
20 | - */ | ||
21 | - onReady: function () { | 17 | + onLoad: function(options) { |
22 | 18 | ||
23 | }, | 19 | }, |
24 | 20 | ||
25 | /** | 21 | /** |
26 | * 生命周期函数--监听页面显示 | 22 | * 生命周期函数--监听页面显示 |
27 | */ | 23 | */ |
28 | - onShow: function () { | ||
29 | - | ||
30 | - }, | ||
31 | - | ||
32 | - /** | ||
33 | - * 生命周期函数--监听页面隐藏 | ||
34 | - */ | ||
35 | - onHide: function () { | ||
36 | - | ||
37 | - }, | ||
38 | - | ||
39 | - /** | ||
40 | - * 生命周期函数--监听页面卸载 | ||
41 | - */ | ||
42 | - onUnload: function () { | ||
43 | - | ||
44 | - }, | ||
45 | - | ||
46 | - /** | ||
47 | - * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | - */ | ||
49 | - onPullDownRefresh: function () { | ||
50 | - | ||
51 | - }, | ||
52 | - | ||
53 | - /** | ||
54 | - * 页面上拉触底事件的处理函数 | ||
55 | - */ | ||
56 | - onReachBottom: function () { | 24 | + onShow: function() { |
57 | 25 | ||
58 | }, | 26 | }, |
59 | 27 | ||
60 | - /** | ||
61 | - * 用户点击右上角分享 | ||
62 | - */ | ||
63 | - onShareAppMessage: function () { | ||
64 | - | ||
65 | - } | ||
66 | }) | 28 | }) |
67 | \ No newline at end of file | 29 | \ No newline at end of file |
pages/user/Cosmetology_list/Cosmetology_list.wxml
@@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
2 | <image class="appointment" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image> | 2 | <image class="appointment" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image> |
3 | 3 | ||
4 | <!-- 总预约 --> | 4 | <!-- 总预约 --> |
5 | - <view> | 5 | + <view wx:if="{{true}}"> |
6 | <!-- 当个预约 --> | 6 | <!-- 当个预约 --> |
7 | <view class="single" wx:for="1111"> | 7 | <view class="single" wx:for="1111"> |
8 | <!-- 个人属性 --> | 8 | <!-- 个人属性 --> |
@@ -15,6 +15,7 @@ | @@ -15,6 +15,7 @@ | ||
15 | <!-- 评价星数 --> | 15 | <!-- 评价星数 --> |
16 | <view class="flex" style="margin-top:10rpx;"> | 16 | <view class="flex" style="margin-top:10rpx;"> |
17 | <image class="Stars" src="{{iurl}}/miniapp/images/StarsredCk.png" wx:for="11111"></image> | 17 | <image class="Stars" src="{{iurl}}/miniapp/images/StarsredCk.png" wx:for="11111"></image> |
18 | + <!-- images/StarswhiteUnCk.png//白色星星地址 --> | ||
18 | </view> | 19 | </view> |
19 | <!-- 个人标签 --> | 20 | <!-- 个人标签 --> |
20 | <view class="Label fs22 flex" wx:if="{{true}}"> | 21 | <view class="Label fs22 flex" wx:if="{{true}}"> |
@@ -33,10 +34,10 @@ | @@ -33,10 +34,10 @@ | ||
33 | </view> | 34 | </view> |
34 | 35 | ||
35 | <!-- 预约状态 --> | 36 | <!-- 预约状态 --> |
36 | - <block wx:if="{{false}}"> | ||
37 | - <view class="flex-center gofu go"> | 37 | + <block wx:if="{{true}}"> |
38 | + <navigator class="flex-center gofu go" url="/pages/user/beauty_deta/beauty_deta"> | ||
38 | <view class="fs24">预约</view> | 39 | <view class="fs24">预约</view> |
39 | - </view> | 40 | + </navigator> |
40 | </block> | 41 | </block> |
41 | <block wx:else> | 42 | <block wx:else> |
42 | <view class="flex-center gofu gofull"> | 43 | <view class="flex-center gofu gofull"> |
@@ -55,10 +56,16 @@ | @@ -55,10 +56,16 @@ | ||
55 | </view> | 56 | </view> |
56 | </view> | 57 | </view> |
57 | </view> | 58 | </view> |
58 | - | ||
59 | - | ||
60 | - | ||
61 | - | ||
62 | - | ||
63 | - | 59 | +</view> |
60 | +<!-- 无美容师 --> | ||
61 | +<view class="empty_order" wx:if="{{false}}"> | ||
62 | + <view class="flex-level"> | ||
63 | + <image src="{{iurl}}miniapp/images/yyservice/no_beauty.png"></image> | ||
64 | + </view> | ||
65 | + <view class="flex-level fs30 xc-ash">暂无美容师</view> | ||
66 | + <view class="flex-level"> | ||
67 | + <navigator url="/pages/user/my_service/my_service" bindtap="goto"> | ||
68 | + <view class="flex-center fs28 white">其他项目</view> | ||
69 | + </navigator> | ||
70 | + </view> | ||
64 | </view> | 71 | </view> |
65 | \ No newline at end of file | 72 | \ No newline at end of file |
pages/user/Cosmetology_list/Cosmetology_list.wxss
1 | +page{ | ||
2 | + height: 100%; | ||
3 | + background-color: rgb(238, 238, 238); | ||
4 | +} | ||
5 | +.container{ | ||
6 | + background-color: rgb(255,255,255); | ||
7 | +} | ||
1 | .appointment { | 8 | .appointment { |
2 | width: 100%; | 9 | width: 100%; |
3 | height: 305rpx; | 10 | height: 305rpx; |
@@ -75,3 +82,26 @@ | @@ -75,3 +82,26 @@ | ||
75 | text-indent: 2em; | 82 | text-indent: 2em; |
76 | color: rgb(103, 103, 103); | 83 | color: rgb(103, 103, 103); |
77 | } | 84 | } |
85 | +/* 无订单 */ | ||
86 | +.empty_order image { | ||
87 | + width: 330rpx; | ||
88 | + height: 280rpx; | ||
89 | + margin-top: 120rpx; | ||
90 | +} | ||
91 | + | ||
92 | +.empty_order .xc-ash { | ||
93 | + margin-top: 10rpx; | ||
94 | + font-weight: 600px; | ||
95 | +} | ||
96 | + | ||
97 | +.empty_order navigator { | ||
98 | + margin-top: 60rpx; | ||
99 | + border-radius: 40rpx; | ||
100 | +} | ||
101 | + | ||
102 | +.empty_order navigator view { | ||
103 | + width: 247rpx; | ||
104 | + height: 56rpx; | ||
105 | + background-color: rgb(255, 72, 72); | ||
106 | + border-radius: 40rpx; | ||
107 | +} | ||
78 | \ No newline at end of file | 108 | \ No newline at end of file |
pages/user/beauty_deta/beauty_deta.js
0 → 100644
1 | +var e = getApp(), a = e.globalData.setting, os = a, t = e.request; | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + iurl: a.imghost, | ||
9 | + }, | ||
10 | + | ||
11 | + /** | ||
12 | + * 生命周期函数--监听页面加载 | ||
13 | + */ | ||
14 | + onLoad: function (options) { | ||
15 | + | ||
16 | + }, | ||
17 | + | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面初次渲染完成 | ||
20 | + */ | ||
21 | + onReady: function () { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面显示 | ||
27 | + */ | ||
28 | + onShow: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面隐藏 | ||
34 | + */ | ||
35 | + onHide: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面卸载 | ||
41 | + */ | ||
42 | + onUnload: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | + */ | ||
49 | + onPullDownRefresh: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面上拉触底事件的处理函数 | ||
55 | + */ | ||
56 | + onReachBottom: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 用户点击右上角分享 | ||
62 | + */ | ||
63 | + onShareAppMessage: function () { | ||
64 | + | ||
65 | + } | ||
66 | +}) | ||
0 | \ No newline at end of file | 67 | \ No newline at end of file |
pages/user/beauty_deta/beauty_deta.json
0 → 100644
pages/user/beauty_deta/beauty_deta.wxml
0 → 100644
1 | +<view class="container"> | ||
2 | + <view class="backcolor"></view> | ||
3 | + | ||
4 | + | ||
5 | + <view class="comments"> | ||
6 | + <!-- 个人信息 --> | ||
7 | + <view class="Personal"> | ||
8 | + <view class="name fs36 ellipsis-1">兰陵王</view> | ||
9 | + <image class="head" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image> | ||
10 | + | ||
11 | + <view class="introduce fs26"> | ||
12 | + <block wx:if="{{true}}"> | ||
13 | + 在职业培训、职业技能鉴定与企业用人要求之间建立一-个有效实用的联系,经研究决定,以《职业技能鉴定国家题库操作技能考试手册》的方式,向全社会公布国家题库扬权技能张甲成试题库的全部内容。 | ||
14 | + </block> | ||
15 | + <block wx:else> | ||
16 | + 暂无介绍 | ||
17 | + </block> | ||
18 | + </view> | ||
19 | + </view> | ||
20 | + | ||
21 | + <view> | ||
22 | + <view class="fs36" style="margin-bottom:35rpx;">服务预约</view> | ||
23 | + <scroll-view class="scroll-h fs26 " scroll-x> | ||
24 | + <view class="rel" wx:for="111111" style="display: inline-block;"> | ||
25 | + <view class="scroll-item-h bd {{index==0?'chbd':''}}"> | ||
26 | + <view>今天</view> | ||
27 | + <view>09月10日</view> | ||
28 | + </view> | ||
29 | + <block wx:if="{{index==0}}"> | ||
30 | + <view class="abs box"></view> | ||
31 | + </block> | ||
32 | + </view> | ||
33 | + | ||
34 | + </scroll-view> | ||
35 | + | ||
36 | + <!-- 选择时间 --> | ||
37 | + <view class="Times"> | ||
38 | + <view class="flex-center" wx:for="111110000000" style="display:inline-block;"> | ||
39 | + | ||
40 | + <view class="Time flex-center {{index==0?'chTime':'nochTime'}}"> | ||
41 | + <view> | ||
42 | + <view class="fs26">09:00</view> | ||
43 | + <block wx:if="{{flase}}"> | ||
44 | + <view class="fs24">约满</view> | ||
45 | + </block> | ||
46 | + </view> | ||
47 | + </view> | ||
48 | + </view> | ||
49 | + </view> | ||
50 | + | ||
51 | + <view class="choice flex-center fs32"> | ||
52 | + <view>确定选择</view> | ||
53 | + </view> | ||
54 | + | ||
55 | + </view> | ||
56 | + | ||
57 | + | ||
58 | + | ||
59 | + | ||
60 | + </view> | ||
61 | + | ||
62 | +</view> | ||
0 | \ No newline at end of file | 63 | \ No newline at end of file |
pages/user/beauty_deta/beauty_deta.wxss
0 → 100644
1 | +.container { | ||
2 | + border-top: 7rpx solid rgb(245, 245, 245); | ||
3 | +} | ||
4 | + | ||
5 | +.backcolor { | ||
6 | + position: absolute; | ||
7 | + top: 0rpx; | ||
8 | + left: 0rpx; | ||
9 | + z-index: 0; | ||
10 | + width: 100%; | ||
11 | + height: 270rpx; | ||
12 | + background-color: rgb(214, 1, 33); | ||
13 | +} | ||
14 | + | ||
15 | +.comments { | ||
16 | + position: absolute; | ||
17 | + top: 45rpx; | ||
18 | + left: 0rpx; | ||
19 | + z-index: 1; | ||
20 | + padding: 0rpx 23rpx; | ||
21 | +} | ||
22 | + | ||
23 | +.name { | ||
24 | + font-weight: bold; | ||
25 | + float: left; | ||
26 | + width: 250rpx; | ||
27 | +} | ||
28 | + | ||
29 | +.head { | ||
30 | + width: 130rpx; | ||
31 | + height: 130rpx; | ||
32 | + border-radius: 50%; | ||
33 | + float: right; | ||
34 | + margin: 0rpx 15rpx; | ||
35 | + border: 2rpx solid red; | ||
36 | +} | ||
37 | + | ||
38 | +.introduce { | ||
39 | + margin-top: 90rpx; | ||
40 | + text-indent: 2em; | ||
41 | + color: rgb(102, 102, 102); | ||
42 | +} | ||
43 | + | ||
44 | +.Personal { | ||
45 | + width: 640rpx; | ||
46 | + height: 300rpx; | ||
47 | + background-color: rgb(255, 255, 255); | ||
48 | + border-radius: 5rpx; | ||
49 | + box-shadow: 0rpx 2rpx 2rpx 2rpx rgb(250, 228, 230); | ||
50 | + margin-bottom: 65rpx; | ||
51 | + padding-top: 40rpx; | ||
52 | + padding-left: 35rpx; | ||
53 | + padding-right: 35rpx; | ||
54 | +} | ||
55 | + | ||
56 | +.choice { | ||
57 | + width: 704rpx; | ||
58 | + height: 70rpx; | ||
59 | + background-color: rgb(214, 1, 33); | ||
60 | + color: rgb(255, 255, 255); | ||
61 | +} | ||
62 | + | ||
63 | +.scroll-h { | ||
64 | + white-space: nowrap; | ||
65 | + width: 704rpx; | ||
66 | + margin-bottom: 25rpx; | ||
67 | + overflow: visible; | ||
68 | + height: 125rpx; | ||
69 | + color: transparent; | ||
70 | +} | ||
71 | + | ||
72 | +.scroll-item-h { | ||
73 | + display: inline-block; | ||
74 | + width: 172rpx; | ||
75 | + text-align: center; | ||
76 | + overflow: visible; | ||
77 | + height: 70rpx; | ||
78 | + padding: 15rpx 0rpx; | ||
79 | +} | ||
80 | +::-webkit-scrollbar{ | ||
81 | + width: 0; | ||
82 | + height: 0; | ||
83 | + color: transparent; | ||
84 | +} | ||
85 | +.box { | ||
86 | + width: 0px; | ||
87 | + height: 0px; | ||
88 | + margin-left: 15rpx; | ||
89 | + border-top: 21rpx solid transparent; | ||
90 | + border-right: 21rpx solid transparent; | ||
91 | + border-left: 21rpx solid transparent; | ||
92 | + display: inline-block; | ||
93 | + transform: rotate(180deg); | ||
94 | + border-bottom: 21rpx solid rgb(214, 1, 33); | ||
95 | +} | ||
96 | + | ||
97 | +.bd { | ||
98 | + border: 2rpx solid rgb(238, 238, 238); | ||
99 | + background-color: rgb(255, 255, 255); | ||
100 | + color: rgb(20, 20, 20); | ||
101 | +} | ||
102 | + | ||
103 | +.chbd { | ||
104 | + border: 2rpx solid rgb(214, 1, 33); | ||
105 | + background-color: rgb(214, 1, 33); | ||
106 | + color: rgb(255, 255, 255); | ||
107 | +} | ||
108 | + | ||
109 | +.Times { | ||
110 | + background-color: rgb(238, 243, 247); | ||
111 | + margin-bottom: 30rpx; | ||
112 | + width: 704rpx; | ||
113 | +} | ||
114 | + | ||
115 | +.Time { | ||
116 | + border: 2rpx solid rgb(238, 238, 238); | ||
117 | + width: 172rpx; | ||
118 | + height: 70rpx; | ||
119 | + background-color: rgb(255, 255, 255); | ||
120 | + text-align: center; | ||
121 | + padding-top: 15rpx; | ||
122 | + padding-bottom: 15rpx; | ||
123 | +} | ||
124 | +.chTime{ | ||
125 | + border-color: rgb(214, 1, 33); | ||
126 | +} | ||
127 | +.nochTime{ | ||
128 | + color: rgb(174,177,177); | ||
129 | + background-color: rgb(250,250,250); | ||
130 | +} | ||
131 | +.abs { | ||
132 | + left: 55rpx; | ||
133 | + bottom: -39rpx; | ||
134 | +} |
pages/user/hist_service/hist_service.js
1 | -var e = getApp(), a = e.globalData.setting, os = a, t = e.request; | 1 | +var e = getApp(), |
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
2 | Page({ | 5 | Page({ |
3 | 6 | ||
4 | /** | 7 | /** |
@@ -6,61 +9,100 @@ Page({ | @@ -6,61 +9,100 @@ Page({ | ||
6 | */ | 9 | */ |
7 | data: { | 10 | data: { |
8 | iurl: a.imghost, | 11 | iurl: a.imghost, |
12 | + isPickerShow: false, | ||
13 | + isPickerRender: false, | ||
14 | + startTime: 0, | ||
15 | + endTime: 0, | ||
16 | + pickerConfig: { | ||
17 | + endDate: true, | ||
18 | + column: "", | ||
19 | + dateLimit: true, | ||
20 | + initStartTime: "2019-01-01 12:32:44", | ||
21 | + initEndTime: "2019-12-01 12:32:44", | ||
22 | + limitStartTime: "1917-05-06 12:32:44", | ||
23 | + limitEndTime: "2055-05-06 12:32:44" | ||
24 | + }, | ||
25 | + }, | ||
26 | + pickerShow: function() { | ||
27 | + this.setData({ | ||
28 | + isPickerShow: true, | ||
29 | + isPickerRender: true, | ||
30 | + chartHide: true | ||
31 | + }); | ||
32 | + }, | ||
33 | + pickerHide: function() { | ||
34 | + var th = this; | ||
35 | + th.setData({ | ||
36 | + isPickerShow: false, | ||
37 | + chartHide: false | ||
38 | + }); | ||
39 | + }, | ||
40 | + //--选择时间-- | ||
41 | + setPickerTime: function(val) { | ||
42 | + let data = val.detail, | ||
43 | + gl_data = getApp().globalData, | ||
44 | + th = this; | ||
45 | + th.setData({ | ||
46 | + startTime: data.startTime, | ||
47 | + endTime: data.endTime, | ||
48 | + val: 0, | ||
49 | + distance: 0, | ||
50 | + }); | ||
51 | + console.log("开始" + data.startTime + "结束" + data.endTime, ); | ||
9 | }, | 52 | }, |
10 | - | ||
11 | /** | 53 | /** |
12 | * 生命周期函数--监听页面加载 | 54 | * 生命周期函数--监听页面加载 |
13 | */ | 55 | */ |
14 | - onLoad: function (options) { | 56 | + onLoad: function(options) { |
15 | 57 | ||
16 | }, | 58 | }, |
17 | 59 | ||
18 | /** | 60 | /** |
19 | * 生命周期函数--监听页面初次渲染完成 | 61 | * 生命周期函数--监听页面初次渲染完成 |
20 | */ | 62 | */ |
21 | - onReady: function () { | 63 | + onReady: function() { |
22 | 64 | ||
23 | }, | 65 | }, |
24 | 66 | ||
25 | /** | 67 | /** |
26 | * 生命周期函数--监听页面显示 | 68 | * 生命周期函数--监听页面显示 |
27 | */ | 69 | */ |
28 | - onShow: function () { | 70 | + onShow: function() { |
29 | 71 | ||
30 | }, | 72 | }, |
31 | 73 | ||
32 | /** | 74 | /** |
33 | * 生命周期函数--监听页面隐藏 | 75 | * 生命周期函数--监听页面隐藏 |
34 | */ | 76 | */ |
35 | - onHide: function () { | 77 | + onHide: function() { |
36 | 78 | ||
37 | }, | 79 | }, |
38 | 80 | ||
39 | /** | 81 | /** |
40 | * 生命周期函数--监听页面卸载 | 82 | * 生命周期函数--监听页面卸载 |
41 | */ | 83 | */ |
42 | - onUnload: function () { | 84 | + onUnload: function() { |
43 | 85 | ||
44 | }, | 86 | }, |
45 | 87 | ||
46 | /** | 88 | /** |
47 | * 页面相关事件处理函数--监听用户下拉动作 | 89 | * 页面相关事件处理函数--监听用户下拉动作 |
48 | */ | 90 | */ |
49 | - onPullDownRefresh: function () { | 91 | + onPullDownRefresh: function() { |
50 | 92 | ||
51 | }, | 93 | }, |
52 | 94 | ||
53 | /** | 95 | /** |
54 | * 页面上拉触底事件的处理函数 | 96 | * 页面上拉触底事件的处理函数 |
55 | */ | 97 | */ |
56 | - onReachBottom: function () { | 98 | + onReachBottom: function() { |
57 | 99 | ||
58 | }, | 100 | }, |
59 | 101 | ||
60 | /** | 102 | /** |
61 | * 用户点击右上角分享 | 103 | * 用户点击右上角分享 |
62 | */ | 104 | */ |
63 | - onShareAppMessage: function () { | 105 | + onShareAppMessage: function() { |
64 | 106 | ||
65 | } | 107 | } |
66 | }) | 108 | }) |
67 | \ No newline at end of file | 109 | \ No newline at end of file |
pages/user/hist_service/hist_service.json
pages/user/hist_service/hist_service.wxml
1 | -<view class="container"> | 1 | +<view wx:if="{{true}}" class="{{isPickerRender==true?'container':''}}"> |
2 | <!-- 点击方法 --> | 2 | <!-- 点击方法 --> |
3 | <view class="exption flex-vertical-between fs28"> | 3 | <view class="exption flex-vertical-between fs28"> |
4 | <view class="flex"> | 4 | <view class="flex"> |
@@ -13,8 +13,8 @@ | @@ -13,8 +13,8 @@ | ||
13 | </view> | 13 | </view> |
14 | <view class="flex-center"> | 14 | <view class="flex-center"> |
15 | <view>筛选</view> | 15 | <view>筛选</view> |
16 | - <view bindtap='pickerShow' wx:if="{{false}}" class="box"></view> | ||
17 | - <view bindtap='pickerShow' wx:else class="box"></view> | 16 | + <view bindtap='pickerShow' wx:if="{{true}}" class="box"></view> |
17 | + <!-- <view bindtap='pickerShow' wx:else class="box"></view> --> | ||
18 | </view> | 18 | </view> |
19 | </view> | 19 | </view> |
20 | </view> | 20 | </view> |
@@ -37,5 +37,21 @@ | @@ -37,5 +37,21 @@ | ||
37 | <view class="serState fs32">已服务</view> | 37 | <view class="serState fs32">已服务</view> |
38 | </view> | 38 | </view> |
39 | </view> | 39 | </view> |
40 | +</view> | ||
41 | +<!-- 无历史服务 --> | ||
42 | +<view class="empty_order" wx:if="{{true}}"> | ||
43 | + <view class="flex-level"> | ||
44 | + <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image> | ||
45 | + </view> | ||
46 | + <view class="flex-level fs30 xc-ash">暂无服务记录</view> | ||
47 | + <view class="flex-level"> | ||
48 | + <navigator url="/pages/user/my_service/my_service" bindtap="goto"> | ||
49 | + <view class="flex-center fs28 white">前往使用</view> | ||
50 | + </navigator> | ||
51 | + </view> | ||
52 | +</view> | ||
53 | + | ||
40 | 54 | ||
41 | -</view> | ||
42 | \ No newline at end of file | 55 | \ No newline at end of file |
56 | +<!-- 引用时间主键 --> | ||
57 | +<timePicker pickerShow="{{isPickerShow}}" id="picker" wx:if="{{isPickerRender}}" bind:hidePicker="pickerHide" bind:setPickerTime="setPickerTime" config="{{pickerConfig}}"></timePicker> | ||
58 | +<warn id="warn"></warn> | ||
43 | \ No newline at end of file | 59 | \ No newline at end of file |
pages/user/hist_service/hist_service.wxss
1 | +page { | ||
2 | + height: 100%; | ||
3 | +} | ||
4 | + | ||
1 | .box { | 5 | .box { |
2 | width: 0px; | 6 | width: 0px; |
3 | height: 0px; | 7 | height: 0px; |
@@ -55,3 +59,39 @@ | @@ -55,3 +59,39 @@ | ||
55 | .serState { | 59 | .serState { |
56 | color: rgb(255, 82, 125); | 60 | color: rgb(255, 82, 125); |
57 | } | 61 | } |
62 | + | ||
63 | +.container { | ||
64 | + position: fixed; | ||
65 | + width: 100%; | ||
66 | + top: 0rpx; | ||
67 | +} | ||
68 | + | ||
69 | +/* 无历史服务 */ | ||
70 | + | ||
71 | +.empty_order { | ||
72 | + height: 100%; | ||
73 | + background-color: rgb(238, 238, 238); | ||
74 | +} | ||
75 | + | ||
76 | +.empty_order image { | ||
77 | + width: 329rpx; | ||
78 | + height: 229rpx; | ||
79 | + margin-top: 202rpx; | ||
80 | +} | ||
81 | + | ||
82 | +.empty_order .xc-ash { | ||
83 | + margin-top: 10rpx; | ||
84 | + font-weight: 600px; | ||
85 | +} | ||
86 | + | ||
87 | +.empty_order navigator { | ||
88 | + margin-top: 60rpx; | ||
89 | + border-radius: 40rpx; | ||
90 | +} | ||
91 | + | ||
92 | +.empty_order navigator view { | ||
93 | + width: 247rpx; | ||
94 | + height: 56rpx; | ||
95 | + background-color: rgb(255, 72, 72); | ||
96 | + border-radius: 40rpx; | ||
97 | +} |
pages/user/index/index.wxml
@@ -191,11 +191,12 @@ | @@ -191,11 +191,12 @@ | ||
191 | <image class="xc-center-img " src="{{iurl}}/miniapp/images/add2.png"></image> | 191 | <image class="xc-center-img " src="{{iurl}}/miniapp/images/add2.png"></image> |
192 | <view class="four-level-word">我的地址</view> | 192 | <view class="four-level-word">我的地址</view> |
193 | </view> | 193 | </view> |
194 | - | 194 | + |
195 | + <view class="item t-c" data-url="/pages/user/my_service/my_service" bindtap="goto" > | ||
196 | + <image class="xc-center-img " src="{{iurl}}/miniapp/images/yyservice/myservice.png"></image> | ||
197 | + <view class="four-level-word">我的服务</view> | ||
198 | + </view> | ||
195 | </view> | 199 | </view> |
196 | - | ||
197 | - | ||
198 | - | ||
199 | </view> | 200 | </view> |
200 | </view> | 201 | </view> |
201 | <view style='width:100%;height:73rpx;'> | 202 | <view style='width:100%;height:73rpx;'> |
pages/user/my_service/my_service.js
0 → 100644
1 | +var e = getApp(), | ||
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
5 | +Page({ | ||
6 | + | ||
7 | + /** | ||
8 | + * 页面的初始数据 | ||
9 | + */ | ||
10 | + data: { | ||
11 | + qr_code_object: { | ||
12 | + val: "12121", | ||
13 | + content: "请将二维码展示给核销员,服务更快捷!" | ||
14 | + }, | ||
15 | + iurl: a.imghost, | ||
16 | + service_List: null, //服务项目列表 | ||
17 | + is_service_read: 0, | ||
18 | + curpage: 1, | ||
19 | + total: 0, | ||
20 | + ismore: 0, | ||
21 | + userinfo: null | ||
22 | + }, | ||
23 | + | ||
24 | + /** | ||
25 | + * 生命周期函数--监听页面加载 | ||
26 | + */ | ||
27 | + onLoad: function(options) { | ||
28 | + var userinfo = getApp().globalData.userInfo; | ||
29 | + if (userinfo == null) { | ||
30 | + //界面必须使用warn 做ID,并调用 | ||
31 | + getApp().my_warnning("会员为空", 0, this); | ||
32 | + return false; | ||
33 | + } | ||
34 | + this.setData({ | ||
35 | + userinfo: userinfo | ||
36 | + }); | ||
37 | + }, | ||
38 | + /** | ||
39 | + * 生命周期函数--监听页面显示 | ||
40 | + */ | ||
41 | + onShow: function() { | ||
42 | + var th = this; | ||
43 | + th.query_service(); | ||
44 | + }, | ||
45 | + onReachBottom: function() { | ||
46 | + if (this.data.total <= 8) return; | ||
47 | + if (this.data.ismore) return; | ||
48 | + this.query_service(); | ||
49 | + }, | ||
50 | + //查询服务项目列表 | ||
51 | + query_service: function() { | ||
52 | + var th = this; | ||
53 | + var url = "http://localhost:8022/api/weshop/users/grade/wechat/cash/page"; | ||
54 | + // //获取服务项目 | ||
55 | + // getApp().request.promiseGet("/api/weshop/users/grade/wechat/cash/page", { | ||
56 | + | ||
57 | + // }).then(res => { | ||
58 | + // console.log("11111111111"+res); | ||
59 | + // }) | ||
60 | + wx.request({ | ||
61 | + url: "http://localhost:8022/api/weshop/yy_fuwu_list", | ||
62 | + success: function(res) { | ||
63 | + | ||
64 | + console.log("11111111111" + res.data.data.pageData); | ||
65 | + if (res.data.code == 0) { | ||
66 | + | ||
67 | + // th.data.curpage++; | ||
68 | + // var arr1 = th.data.service_List; | ||
69 | + // var arr2 = res.data.data.pageData; | ||
70 | + // var arr3 = [...arr1, ...arr2]; | ||
71 | + | ||
72 | + // var ismore = 0; | ||
73 | + // if (arr3.length == res.data.data.total) ismore = 1 | ||
74 | + | ||
75 | + // th.setData({ | ||
76 | + // service_List: arr3, | ||
77 | + // total: res.data.data.total, | ||
78 | + // ismore: ismore, | ||
79 | + // is_service_read: 1 | ||
80 | + // }), wx.stopPullDownRefresh(); //停止下拉刷新 | ||
81 | + | ||
82 | + th.setData({ | ||
83 | + service_List: res.data.data.pageData | ||
84 | + }) | ||
85 | + console.log(th.data.service_List.name + "111"); | ||
86 | + } | ||
87 | + } | ||
88 | + }) | ||
89 | + }, | ||
90 | + /*-- 打开服务项目 --*/ | ||
91 | + open_fw: function(e) { | ||
92 | + var th = this; | ||
93 | + var ind = e.currentTarget.dataset.ind; | ||
94 | + var item = this.data.service_List[ind]; | ||
95 | + | ||
96 | + var ewm = "^" + this.data.userinfo.erpvipid + "|" + item.id + "|" + item.type_b + "|" + item.time+ "|TY01|"; | ||
97 | + var tt = th.format_time(1); | ||
98 | + ewm = ewm + tt; | ||
99 | + th.data.qr_code_object.val = ewm; | ||
100 | + th.data.qr_code_object.is_fw = 1; | ||
101 | + console.log(ewm); | ||
102 | + var qc_com = th.selectComponent("#qc_com"); //组件的id | ||
103 | + qc_com.open(th.data.qr_code_object) | ||
104 | + }, | ||
105 | + //图片失败,默认图片 | ||
106 | + bind_bnerr1: function(e) { | ||
107 | + var _errImg = e.target.dataset.errorimg; | ||
108 | + var _Img = e.target.dataset.img; | ||
109 | + if (_Img != undefined) { | ||
110 | + var _errObj = {}; | ||
111 | + _errObj[_errImg] = "/miniapp/images/no_cate_def.png"; | ||
112 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
113 | + } | ||
114 | + }, | ||
115 | + format_time: function(isFull) { | ||
116 | + var d = new Date(); | ||
117 | + var m = d.getMonth() + 1; | ||
118 | + if (m < 10) m = "0" + m; | ||
119 | + var dd = d.getDate(); | ||
120 | + if (dd < 10) dd = "0" + dd; | ||
121 | + var fm = [d.getFullYear(), m, dd].join('-'); | ||
122 | + if (isFull == 1) | ||
123 | + fm = fm + ' ' + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':') | ||
124 | + return fm; | ||
125 | + }, | ||
126 | +}) | ||
0 | \ No newline at end of file | 127 | \ No newline at end of file |
pages/user/my_service/my_service.json
0 → 100644
pages/user/my_service/my_service.wxml
0 → 100644
1 | +<!-- 背景图片 --> | ||
2 | +<view> | ||
3 | + <image class="backimage" src="{{iurl}}/miniapp/images/yyservice/backimage.png" mode="widthFix"></image> | ||
4 | + <navigator class="History fs26" url="/pages/user/hist_service/hist_service">历史服务</navigator> | ||
5 | +</view> | ||
6 | + | ||
7 | +<!-- 预约内容 --> | ||
8 | +<!-- 项目框架 --> | ||
9 | +<view class="Serviceitems" wx:if="{{service_List.length>=0}}"> | ||
10 | + <!-- 单个项目 --> | ||
11 | + <view class="rel" wx:for="{{service_List}}"> | ||
12 | + <view class="abs"> | ||
13 | + <!-- 皇冠log --> | ||
14 | + <block wx:if="{{item.type_b==0}}"> | ||
15 | + <image class="equity_money" src="{{iurl}}/miniapp/images//yyservice/equity.png" lazy-load="true"></image> | ||
16 | + </block> | ||
17 | + <!-- 金钱log --> | ||
18 | + <block wx:if="{{item.type_b==1}}"> | ||
19 | + <image class="equity_money" src="{{iurl}}/miniapp/images/yyservice/money.png" lazy-load="true"></image> | ||
20 | + </block> | ||
21 | + <!-- 礼包log --> | ||
22 | + <block wx:if="{{item.type_b==2}}"> | ||
23 | + <image class="equity_money" src="{{iurl}}/miniapp/images/yyservice/giftpackage.png" lazy-load="true"></image> | ||
24 | + </block> | ||
25 | + </view> | ||
26 | + <view> | ||
27 | + <view class="flex-center"> | ||
28 | + <image class="itemimage" src="{{iurl+item.img}}" lazy-load="true" data-errorimg="service_List[{{index}}].img" binderror="bind_bnerr1" data-img="{{item.img}}"></image> | ||
29 | + </view> | ||
30 | + | ||
31 | + <view class="flex-center itemName"> | ||
32 | + <view class="fs32 Name ellipsis-1">{{item.name}}</view> | ||
33 | + </view> | ||
34 | + | ||
35 | + <view class="flex-center fs24 itemCount"> | ||
36 | + <view>剩余次数:</view> | ||
37 | + <view>{{item.chishu}}</view> | ||
38 | + </view> | ||
39 | + | ||
40 | + <view class="flex-center fs24 itemEffective"> | ||
41 | + <view>有效期至</view> | ||
42 | + <view class="Date">{{item.time}}</view> | ||
43 | + </view> | ||
44 | + | ||
45 | + </view> | ||
46 | + | ||
47 | + <view class="flex-center fs24 functionMax"> | ||
48 | + <view class="flex-level Use" bindtap="open_fw" data-order_sn="111111111111111111111111111" data-ind="{{index}}"> | ||
49 | + <view>立即使用</view> | ||
50 | + </view> | ||
51 | + <!-- 可预约 --> | ||
52 | + <block wx:if="{{item.is_yy}}"> | ||
53 | + <navigator class="flex-level appointment" url="/pages/user/Appment_main/Appment_main"> | ||
54 | + <view>预约</view> | ||
55 | + </navigator> | ||
56 | + </block> | ||
57 | + </view> | ||
58 | + </view> | ||
59 | + | ||
60 | +</view> | ||
61 | +<!-- 无服务项目 --> | ||
62 | +<view wx:if="{{service_List.length>=0 && is_service_read}}"> | ||
63 | + <!-- 遮住 --> | ||
64 | + <view class="cover"></view> | ||
65 | + <!-- 无历史服务 --> | ||
66 | + <view class="empty_order" wx:if="{{true}}"> | ||
67 | + <view class="flex-level"> | ||
68 | + <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image> | ||
69 | + </view> | ||
70 | + <view class="flex-level fs30 xc-ash">暂无服务项目</view> | ||
71 | + <view class="flex-level"> | ||
72 | + <navigator url="/pages/user/my_service/my_service" bindtap="goto"> | ||
73 | + <view class="flex-center fs28 white">回到首页</view> | ||
74 | + </navigator> | ||
75 | + </view> | ||
76 | + </view> | ||
77 | + | ||
78 | +</view> | ||
79 | + | ||
80 | + | ||
81 | +<!-- 弹出框扫描 --> | ||
82 | +<qr_code id="qc_com"></qr_code> | ||
83 | +<warn id="warn"></warn> | ||
0 | \ No newline at end of file | 84 | \ No newline at end of file |
pages/user/my_service/my_service.wxss
0 → 100644
1 | +page { | ||
2 | + overflow-x: scroll; | ||
3 | +} | ||
4 | + | ||
5 | +/* 背景定位 */ | ||
6 | + | ||
7 | +.backimage { | ||
8 | + position: absolute; | ||
9 | + top: 0rpx; | ||
10 | + left: 0rpx; | ||
11 | + z-index: 0; | ||
12 | + width: 100%; | ||
13 | + height: 100%; | ||
14 | +} | ||
15 | + | ||
16 | +/* 历史服务定位 */ | ||
17 | + | ||
18 | +.History { | ||
19 | + position: absolute; | ||
20 | + top: 30rpx; | ||
21 | + right: 20rpx; | ||
22 | + z-index: 1; | ||
23 | + color: rgb(255, 255, 255); | ||
24 | +} | ||
25 | + | ||
26 | +.rel { | ||
27 | + background-color: rgb(255, 255, 255); | ||
28 | + width: 350rpx; | ||
29 | + height: 420rpx; | ||
30 | + border-radius: 20rpx; | ||
31 | + display: inline-block; | ||
32 | + margin-right: 15rpx; | ||
33 | + margin-bottom: 20rpx; | ||
34 | + box-shadow: 0rpx 3rpx 3rpx 3rpx rgb(233, 233, 233); | ||
35 | +} | ||
36 | + | ||
37 | +.abs { | ||
38 | + left: 10rpx; | ||
39 | + top: 10rpx; | ||
40 | +} | ||
41 | + | ||
42 | +.equity_money { | ||
43 | + width: 50rpx; | ||
44 | + height: 55rpx; | ||
45 | +} | ||
46 | + | ||
47 | +.Serviceitems { | ||
48 | + position: relative; | ||
49 | + top: 370rpx; | ||
50 | + left: 0rpx; | ||
51 | + z-index: 2; | ||
52 | + padding-left: 18rpx; | ||
53 | +} | ||
54 | + | ||
55 | +.itemimage { | ||
56 | + width: 120rpx; | ||
57 | + height: 120rpx; | ||
58 | + border-radius: 50%; | ||
59 | + margin-top: 30rpx; | ||
60 | + margin-bottom: 20rpx; | ||
61 | +} | ||
62 | + | ||
63 | +.itemName { | ||
64 | + margin-bottom: 25rpx; | ||
65 | + color: rgb(48, 48, 48); | ||
66 | +} | ||
67 | + | ||
68 | +.itemName .Name { | ||
69 | + max-width: 250rpx; | ||
70 | + text-align: center; | ||
71 | +} | ||
72 | + | ||
73 | +.itemCount { | ||
74 | + margin-bottom: 5rpx; | ||
75 | + color: rgb(177, 177, 177); | ||
76 | +} | ||
77 | + | ||
78 | +.itemEffective { | ||
79 | + margin-bottom: 30rpx; | ||
80 | + color: rgb(177, 177, 177); | ||
81 | +} | ||
82 | + | ||
83 | +.functionMax { | ||
84 | + padding: 0rpx 25rpx; | ||
85 | + color: rgb(254, 255, 255); | ||
86 | +} | ||
87 | + | ||
88 | +.Use { | ||
89 | + width: 170rpx; | ||
90 | + height: 40rpx; | ||
91 | + line-height: 40rpx; | ||
92 | + border-radius: 25rpx; | ||
93 | + background-color: red; | ||
94 | +} | ||
95 | + | ||
96 | +.appointment { | ||
97 | + width: 115rpx; | ||
98 | + height: 40rpx; | ||
99 | + line-height: 40rpx; | ||
100 | + border-radius: 25rpx; | ||
101 | + background-color: #ff9c00; | ||
102 | + margin-left: 20rpx; | ||
103 | +} | ||
104 | + | ||
105 | +.Date { | ||
106 | + margin-left: 10rpx; | ||
107 | +} | ||
108 | +/* 无服务项目 */ | ||
109 | +.cover{ | ||
110 | + position: fixed; | ||
111 | + z-index: 1; | ||
112 | + left: 0rpx; | ||
113 | + top: 390rpx; | ||
114 | + width: 100%; | ||
115 | + height: 200rpx; | ||
116 | + background-color: rgb(255, 255, 255); | ||
117 | +} | ||
118 | +/* 无历史服务 */ | ||
119 | +.empty_order{ | ||
120 | + position: fixed; | ||
121 | + left: 0rpx; | ||
122 | + top: 500rpx; | ||
123 | + z-index: 2; | ||
124 | + width: 100%; | ||
125 | +} | ||
126 | + | ||
127 | +.empty_order image { | ||
128 | + width: 329rpx; | ||
129 | + height: 229rpx; | ||
130 | + margin-top: 80rpx; | ||
131 | +} | ||
132 | + | ||
133 | +.empty_order .xc-ash { | ||
134 | + margin-top: 10rpx; | ||
135 | + font-weight: 600px; | ||
136 | +} | ||
137 | + | ||
138 | +.empty_order navigator { | ||
139 | + margin-top: 60rpx; | ||
140 | + border-radius: 40rpx; | ||
141 | +} | ||
142 | + | ||
143 | +.empty_order navigator view { | ||
144 | + width: 247rpx; | ||
145 | + height: 56rpx; | ||
146 | + background-color: rgb(255, 72, 72); | ||
147 | + border-radius: 40rpx; | ||
148 | +} | ||
0 | \ No newline at end of file | 149 | \ No newline at end of file |
pages/user/tment_details/tment_details.js
0 → 100644
1 | +var e = getApp(), | ||
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
5 | +Page({ | ||
6 | + | ||
7 | + /** | ||
8 | + * 页面的初始数据 | ||
9 | + */ | ||
10 | + data: { | ||
11 | + iurl: a.imghost, | ||
12 | + }, | ||
13 | + | ||
14 | + /** | ||
15 | + * 生命周期函数--监听页面加载 | ||
16 | + */ | ||
17 | + onLoad: function(options) { | ||
18 | + | ||
19 | + }, | ||
20 | + /** | ||
21 | + * 生命周期函数--监听页面显示 | ||
22 | + */ | ||
23 | + onShow: function() { | ||
24 | + | ||
25 | + }, | ||
26 | +}) | ||
0 | \ No newline at end of file | 27 | \ No newline at end of file |
pages/user/tment_details/tment_details.json
0 → 100644
pages/user/tment_details/tment_details.wxml
0 → 100644
1 | +<view class="container"> | ||
2 | + <!-- 预约人的属性 --> | ||
3 | + <view class="Subscriber"> | ||
4 | + <!-- 状态栏 --> | ||
5 | + <view class="statusBar fs32 flex-vertical-between lf"> | ||
6 | + <view>预约状态:</view> | ||
7 | + <view>未服务</view> | ||
8 | + <view wx:if="{{false}}">已服务</view> | ||
9 | + <view wx:if="{{false}}">已过期</view> | ||
10 | + </view> | ||
11 | + <view class="fs30"> | ||
12 | + <view class="items lf"> | ||
13 | + <!-- 预约门店 --> | ||
14 | + <view class="flex-vertical bmt"> | ||
15 | + <view class="name">预约门店:</view> | ||
16 | + <view class="ellipsis-1 value">王者峡谷中路店</view> | ||
17 | + </view> | ||
18 | + | ||
19 | + <!-- 预约项目 --> | ||
20 | + <view class="flex-vertical bmt"> | ||
21 | + <view class="name">预约项目:</view> | ||
22 | + <view class="ellipsis-1 value">王者峡谷中路店</view> | ||
23 | + </view> | ||
24 | + | ||
25 | + <!-- 预约时间 --> | ||
26 | + <view class="flex-vertical bmt"> | ||
27 | + <view class="name">预约时间:</view> | ||
28 | + <view class="date">2018-08-16</view> | ||
29 | + <view>10:00</view> | ||
30 | + </view> | ||
31 | + </view> | ||
32 | + <view class="bt"> | ||
33 | + | ||
34 | + <!-- 美容师 --> | ||
35 | + <view class="flex-vertical bmt"> | ||
36 | + <view class="name flex-vertical-between"> | ||
37 | + <view>美</view> | ||
38 | + <view>容</view> | ||
39 | + <view>师:</view> | ||
40 | + </view> | ||
41 | + <view class="ellipsis-1 value">王者峡谷中路店</view> | ||
42 | + </view> | ||
43 | + <!-- 预约人及联系方式 --> | ||
44 | + <!-- 姓名 --> | ||
45 | + <view class="flex-vertical bmt"> | ||
46 | + <view class="name flex-vertical-between"> | ||
47 | + <view>预</view> | ||
48 | + <view>约</view> | ||
49 | + <view>人:</view> | ||
50 | + </view> | ||
51 | + <view class="ellipsis-1 value">钱巧玲</view> | ||
52 | + </view> | ||
53 | + <!-- 号码 --> | ||
54 | + <view class="flex-vertical"> | ||
55 | + <view class="name flex-vertical-between"> | ||
56 | + <view>手</view> | ||
57 | + <view>机</view> | ||
58 | + <view>人:</view> | ||
59 | + </view> | ||
60 | + <view>18065336494</view> | ||
61 | + </view> | ||
62 | + </view> | ||
63 | + </view> | ||
64 | + | ||
65 | + </view> | ||
66 | + | ||
67 | + <!-- 温馨提示内容 --> | ||
68 | + <view class="Tips fs30 lf rel"> | ||
69 | + <!-- 棒槌 --> | ||
70 | + <view class="Stickl abs"></view> | ||
71 | + <view class="Stickl Stickr abs"></view> | ||
72 | + | ||
73 | + <view class="Cozy flex-center" style="background-image: url({{iurl}}/miniapp/images/yyservice/icon.png);"> | ||
74 | + <view>温馨提示</view> | ||
75 | + </view> | ||
76 | + <view>1.预约成功后需在指定时间前到达;</view> | ||
77 | + <view>2.如有任何问题可致电咨询;</view> | ||
78 | + <view>3.如需退约,需提前取消。</view> | ||
79 | + </view> | ||
80 | + | ||
81 | + <!-- submit栏 --> | ||
82 | + <view class="subs flex-vertical-between fs32"> | ||
83 | + | ||
84 | + <view class="sub lb flex-center"> | ||
85 | + <view>取消预约</view> | ||
86 | + <view wx:if="{{false}}">删除订单</view> | ||
87 | + <view wx:if="{{false}}">更改时间</view> | ||
88 | + </view> | ||
89 | + | ||
90 | + <view class="sub rb flex-center"> | ||
91 | + <view>更改时间</view> | ||
92 | + <view wx:if="{{false}}">重新预约</view> | ||
93 | + <view wx:if="{{false}}">发表评价</view> | ||
94 | + </view> | ||
95 | + | ||
96 | + </view> | ||
97 | +</view> | ||
0 | \ No newline at end of file | 98 | \ No newline at end of file |
pages/user/tment_details/tment_details.wxss
0 → 100644
1 | +page { | ||
2 | + width: 100%; | ||
3 | + height: 100%; | ||
4 | + background-color: rgb(238, 238, 238); | ||
5 | +} | ||
6 | + | ||
7 | +/* 公用 */ | ||
8 | + | ||
9 | +.lf { | ||
10 | + padding: 0rpx 40rpx; | ||
11 | +} | ||
12 | + | ||
13 | +.bt { | ||
14 | + margin: 0rpx 15rpx; | ||
15 | + padding: 0rpx 25rpx; | ||
16 | + border-top: 2rpx dashed rgb(238, 238, 238); | ||
17 | + padding-top: 50rpx; | ||
18 | + padding-bottom: 50rpx; | ||
19 | +} | ||
20 | + | ||
21 | +.bmt { | ||
22 | + margin-bottom: 45rpx; | ||
23 | +} | ||
24 | + | ||
25 | +.name { | ||
26 | + width: 130rpx; | ||
27 | + margin-right: 25rpx; | ||
28 | +} | ||
29 | + | ||
30 | +.value { | ||
31 | + max-width: 450rpx; | ||
32 | +} | ||
33 | + | ||
34 | +/* 公用 */ | ||
35 | + | ||
36 | +.container { | ||
37 | + padding: 0rpx 20rpx; | ||
38 | +} | ||
39 | + | ||
40 | +.Subscriber { | ||
41 | + overflow: hidden; | ||
42 | + width: 100%; | ||
43 | + margin-top: 25rpx; | ||
44 | + background-color: rgb(255, 255, 255); | ||
45 | + border-radius: 10rpx; | ||
46 | +} | ||
47 | + | ||
48 | +.statusBar { | ||
49 | + height: 80rpx; | ||
50 | + background-color: rgb(214, 1, 33); | ||
51 | + color: rgb(255, 255, 255); | ||
52 | +} | ||
53 | + | ||
54 | +.date { | ||
55 | + margin-right: 25rpx; | ||
56 | +} | ||
57 | + | ||
58 | +.items { | ||
59 | + margin: 55rpx 0rpx; | ||
60 | +} | ||
61 | + | ||
62 | +.Tips { | ||
63 | + margin-top: 20rpx; | ||
64 | + padding-top: 35rpx; | ||
65 | + height: 255rpx; | ||
66 | + border-radius: 10rpx; | ||
67 | + background-color: rgb(255, 255, 255); | ||
68 | + margin-bottom: 50rpx; | ||
69 | +} | ||
70 | + | ||
71 | +.Cozy { | ||
72 | + width: 165rpx; | ||
73 | + height: 43rpx; | ||
74 | + margin-bottom: 20rpx; | ||
75 | + color: rgb(255, 255, 255); | ||
76 | + background-size: 100%; | ||
77 | +} | ||
78 | + | ||
79 | +.subs { | ||
80 | + padding: 0rpx 5rpx; | ||
81 | +} | ||
82 | + | ||
83 | +.sub { | ||
84 | + width: 325rpx; | ||
85 | + height: 65rpx; | ||
86 | + border-radius: 30rpx; | ||
87 | + color: rgb(255, 255, 255); | ||
88 | +} | ||
89 | + | ||
90 | +.lb { | ||
91 | + background-color: rgb(153, 153, 153); | ||
92 | +} | ||
93 | + | ||
94 | +.rb { | ||
95 | + background-color: rgb(214, 1, 33); | ||
96 | +} | ||
97 | + | ||
98 | +/* 棒槌 */ | ||
99 | + | ||
100 | +.Stickl { | ||
101 | + width: 39rpx; | ||
102 | + height: 8rpx; | ||
103 | + background-color: rgb(153, 153, 153); | ||
104 | + transform: rotate(270deg); | ||
105 | + border-radius: 8rpx; | ||
106 | + left: 95rpx; | ||
107 | + top: -15rpx; | ||
108 | +} | ||
109 | + | ||
110 | +.Stickr { | ||
111 | + left: 590rpx; | ||
112 | +} |
pages/user/tment_eval/tment_eval.js
0 → 100644
1 | +var e = getApp(), | ||
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
5 | +Page({ | ||
6 | + | ||
7 | + /** | ||
8 | + * 页面的初始数据 | ||
9 | + */ | ||
10 | + data: { | ||
11 | + iurl: a.imghost, | ||
12 | + }, | ||
13 | + | ||
14 | + /** | ||
15 | + * 生命周期函数--监听页面加载 | ||
16 | + */ | ||
17 | + onLoad: function(options) { | ||
18 | + | ||
19 | + }, | ||
20 | + | ||
21 | + /** | ||
22 | + * 生命周期函数--监听页面显示 | ||
23 | + */ | ||
24 | + onShow: function() { | ||
25 | + | ||
26 | + }, | ||
27 | +}) | ||
0 | \ No newline at end of file | 28 | \ No newline at end of file |
pages/user/tment_eval/tment_eval.json
0 → 100644
pages/user/tment_eval/tment_eval.wxml
0 → 100644
1 | +<view class="container"> | ||
2 | + | ||
3 | + <!-- 头像 --> | ||
4 | + <view class="flex-center head"> | ||
5 | + <image class="headimg" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image> | ||
6 | + </view> | ||
7 | + | ||
8 | + <!-- 姓名 --> | ||
9 | + <view class="flex-level item"> | ||
10 | + <view class="itemlf fs32">美容师:</view> | ||
11 | + <view class="itemlr fs30 ellipsis-1">钱巧玲</view> | ||
12 | + </view> | ||
13 | + | ||
14 | + <!-- 项目 --> | ||
15 | + <view class="flex-center item"> | ||
16 | + <view class="itemlf fs32">服务项目:</view> | ||
17 | + <view class="itemlr fs30 ellipsis-1">头部按摩</view> | ||
18 | + </view> | ||
19 | + | ||
20 | + <!-- 时间 --> | ||
21 | + <view class="flex-center"> | ||
22 | + <view class="itemlf fs32">服务时间:</view> | ||
23 | + <view class="itemlr fs30">2019-09-06</view> | ||
24 | + </view> | ||
25 | + <!-- 设置虚线 --> | ||
26 | + | ||
27 | + <view class="flex-center"> | ||
28 | + <view class="starss"> | ||
29 | + <image class="stars" src="{{iurl}}/miniapp/images/StarsredCk.png" wx:for="11111"></image> | ||
30 | + </view> | ||
31 | + </view> | ||
32 | + <view class="tea_labs"> | ||
33 | + <view class="flex-center fs26"> | ||
34 | + <textarea placeholder="写其他意见和建议" placeholder-class="fs24"></textarea> | ||
35 | + </view> | ||
36 | + | ||
37 | + <view class="labels flex fs26"> | ||
38 | + <view class="label checklabel"> | ||
39 | + <view>衣着整洁</view> | ||
40 | + </view> | ||
41 | + <view class="label"> | ||
42 | + <view>穿着专业</view> | ||
43 | + </view> | ||
44 | + <view class="label"> | ||
45 | + <view>准时到达</view> | ||
46 | + </view> | ||
47 | + <view class="label clonri"> | ||
48 | + <view>服务态度好</view> | ||
49 | + </view> | ||
50 | + </view> | ||
51 | + </view> | ||
52 | + | ||
53 | + <view class="feedback flex-center fs28"> | ||
54 | + <view>满意的话请打五星噢,谢谢您的支持!</view> | ||
55 | + </view> | ||
56 | + | ||
57 | + <navigator class="fs32 flex-center"> | ||
58 | + <view class="Submission flex-center"> | ||
59 | + <view>确认提交</view> | ||
60 | + </view> | ||
61 | + </navigator> | ||
62 | + | ||
63 | + <block wx:if="{{false}}"> | ||
64 | + <view class="subSuccess"> | ||
65 | + <view class="flex-center"> | ||
66 | + <image class="Success" src="{{iurl}}/miniapp/images/yyservice/Success.png"></image> | ||
67 | + </view> | ||
68 | + <view class="fs36 flex-center"> | ||
69 | + <view>评论成功</view> | ||
70 | + </view> | ||
71 | + </view> | ||
72 | + </block> | ||
73 | +</view> | ||
0 | \ No newline at end of file | 74 | \ No newline at end of file |
pages/user/tment_eval/tment_eval.wxss
0 → 100644
1 | +.container { | ||
2 | + border-top: 7rpx solid rgb(245, 245, 245); | ||
3 | +} | ||
4 | + | ||
5 | +.head { | ||
6 | + height: 270rpx; | ||
7 | +} | ||
8 | + | ||
9 | +.headimg { | ||
10 | + width: 190rpx; | ||
11 | + height: 190rpx; | ||
12 | + border-radius: 50%; | ||
13 | +} | ||
14 | + | ||
15 | +.item { | ||
16 | + margin-bottom: 20rpx; | ||
17 | +} | ||
18 | + | ||
19 | +.itemlf { | ||
20 | + width: 160rpx; | ||
21 | +} | ||
22 | + | ||
23 | +.itemlr { | ||
24 | + width: 190rpx; | ||
25 | +} | ||
26 | + | ||
27 | +.starss { | ||
28 | + margin-top: 15rpx; | ||
29 | + border-top: 3rpx dashed rgb(203, 203, 203); | ||
30 | + padding-top: 25rpx; | ||
31 | + padding-left: 15rpx; | ||
32 | +} | ||
33 | + | ||
34 | +.stars { | ||
35 | + width: 50rpx; | ||
36 | + height: 50rpx; | ||
37 | + margin-right: 20rpx; | ||
38 | +} | ||
39 | + | ||
40 | +.tea_labs { | ||
41 | + padding: 0rpx 56rpx; | ||
42 | +} | ||
43 | + | ||
44 | +textarea { | ||
45 | + width: 100%; | ||
46 | + height: 280rpx; | ||
47 | + margin-top: 70rpx; | ||
48 | + border: 2rpx solid rgb(203, 203, 203); | ||
49 | + border-radius: 15rpx; | ||
50 | + padding-top: 25rpx; | ||
51 | + padding-left: 30rpx; | ||
52 | + margin-bottom: 32rpx; | ||
53 | + padding-right: 15rpx; | ||
54 | +} | ||
55 | + | ||
56 | +.labels { | ||
57 | + margin-bottom: 55rpx; | ||
58 | +} | ||
59 | + | ||
60 | +.label { | ||
61 | + padding: 0rpx 15rpx; | ||
62 | + height: 48rpx; | ||
63 | + line-height: 48rpx; | ||
64 | + border: 2rpx solid rgb(218, 218, 218); | ||
65 | + color: rgb(152, 152, 152); | ||
66 | + margin-right: 22rpx; | ||
67 | + border-radius: 5rpx; | ||
68 | +} | ||
69 | + | ||
70 | +/* 选择标签的样式 */ | ||
71 | + | ||
72 | +.checklabel { | ||
73 | + border: 2rpx solid rgb(214, 1, 33); | ||
74 | + color: rgb(214, 1, 33); | ||
75 | +} | ||
76 | + | ||
77 | +.feedback { | ||
78 | + color: rgb(152, 152, 152); | ||
79 | + margin-bottom: 90rpx; | ||
80 | +} | ||
81 | + | ||
82 | +.Submission { | ||
83 | + width: 400rpx; | ||
84 | + height: 65rpx; | ||
85 | + border-radius: 30rpx; | ||
86 | + background-color: rgb(214, 1, 33); | ||
87 | + color: rgb(255, 255, 255); | ||
88 | +} | ||
89 | + | ||
90 | +.clonri { | ||
91 | + margin: 0rpx; | ||
92 | +} | ||
93 | + | ||
94 | +.subSuccess { | ||
95 | + position: fixed; | ||
96 | + z-index: 3; | ||
97 | + top: 435rpx; | ||
98 | + left: 66rpx; | ||
99 | + background-color: #a6a6a6a4; | ||
100 | + width: 615rpx; | ||
101 | + height: 315rpx; | ||
102 | + border-radius: 20rpx; | ||
103 | + color: rgb(255, 255, 255); | ||
104 | +} | ||
105 | + | ||
106 | +.Success { | ||
107 | + width: 110rpx; | ||
108 | + height: 110rpx; | ||
109 | + margin-top: 50rpx; | ||
110 | + margin-bottom: 45rpx; | ||
111 | +} |
pages/user/tment_order_list/tment_order_list.js
0 → 100644
1 | +var e = getApp(), | ||
2 | + a = e.globalData.setting, | ||
3 | + os = a, | ||
4 | + t = e.request; | ||
5 | +Page({ | ||
6 | + | ||
7 | + /** | ||
8 | + * 页面的初始数据 | ||
9 | + */ | ||
10 | + data: { | ||
11 | + iurl: a.imghost, | ||
12 | + activeCategoryId: 0, //类别选中下标 | ||
13 | + categories: [{ | ||
14 | + name: "全部", | ||
15 | + id: 0 | ||
16 | + }, { | ||
17 | + name: "未服务", | ||
18 | + id: 1 | ||
19 | + }, { | ||
20 | + name: "已服务", | ||
21 | + id: 2 | ||
22 | + }, { | ||
23 | + name: "已过期", | ||
24 | + id: 3 | ||
25 | + }], | ||
26 | + }, | ||
27 | + | ||
28 | + /** | ||
29 | + * 生命周期函数--监听页面加载 | ||
30 | + */ | ||
31 | + onLoad: function(options) { | ||
32 | + | ||
33 | + }, | ||
34 | + changeTab: function(e) { | ||
35 | + var th = this; | ||
36 | + var id = e.currentTarget.dataset.id; | ||
37 | + th.setData({ | ||
38 | + activeCategoryId: id | ||
39 | + }) | ||
40 | + }, | ||
41 | + | ||
42 | + /** | ||
43 | + * 生命周期函数--监听页面显示 | ||
44 | + */ | ||
45 | + onShow: function() { | ||
46 | + | ||
47 | + }, | ||
48 | + | ||
49 | + /** | ||
50 | + * 页面上拉触底事件的处理函数 | ||
51 | + */ | ||
52 | + onReachBottom: function() { | ||
53 | + | ||
54 | + } | ||
55 | +}) | ||
0 | \ No newline at end of file | 56 | \ No newline at end of file |
pages/user/tment_order_list/tment_order_list.json
0 → 100644
pages/user/tment_order_list/tment_order_list.wxml
0 → 100644
1 | +<view class="container"> | ||
2 | + <!-- 导航栏 --> | ||
3 | + <view class="type-navbar padding flex-vertical fs30"> | ||
4 | + <view class="type-box flex-center {{activeCategoryId==item.id?'chtypebox':''}}" wx:for="{{categories}}"> | ||
5 | + <view data-id="{{item.id}}" bindtap="changeTab">{{item.name}}</view> | ||
6 | + </view> | ||
7 | + </view> | ||
8 | + <view wx:if="{{true}}"> | ||
9 | + <!-- 预约项目 --> | ||
10 | + <view wx:for="1111"> | ||
11 | + <!-- 商品编号和状态 --> | ||
12 | + <view class="Commodity_number flex-vertical-between fs24 padding"> | ||
13 | + <!--商品编号 --> | ||
14 | + <text class="order_number ellipsis-1" selectable='true'>订单编号:MDDER2019061454879342468</text> | ||
15 | + <!-- 商品评价状态 --> | ||
16 | + <view class="flex-center xc-wc"> | ||
17 | + <!-- 订单状态 --> | ||
18 | + <view>已过期</view> | ||
19 | + <view class="flex-center"> | ||
20 | + <view class="lin"></view> | ||
21 | + <image src="{{iurl}}miniapp/images/trash.png" bindtap="deleteOrderData" data-order_id="{{item.order_id}}"></image> | ||
22 | + </view> | ||
23 | + </view> | ||
24 | + </view> | ||
25 | + | ||
26 | + <!-- 项目属性 --> | ||
27 | + <navigator class="items padding flex-vertical" url=""> | ||
28 | + | ||
29 | + <view class="flex-center fs26"> | ||
30 | + <view class="itemimage"> | ||
31 | + <image class="itemimage" src="http://img4.imgtn.bdimg.com/it/u=3313840944,708309586&fm=26&gp=0.jpg"></image> | ||
32 | + </view> | ||
33 | + <!-- 项目内容 --> | ||
34 | + <view class="details"> | ||
35 | + <view class="item flex-vertical"> | ||
36 | + <view class="itemname">预约门店:</view> | ||
37 | + <view class="itemvalue ellipsis-1">王者峡谷中路店</view> | ||
38 | + </view> | ||
39 | + <view class="item flex-vertical"> | ||
40 | + <view class="itemname">预约项目:</view> | ||
41 | + <view class="itemvalue ellipsis-1">头部按摩</view> | ||
42 | + </view> | ||
43 | + <view class="item flex-vertical"> | ||
44 | + <view class="itemname">美容师:</view> | ||
45 | + <view class="itemvalue ellipsis-1">花木兰</view> | ||
46 | + </view> | ||
47 | + <view class="item flex-vertical"> | ||
48 | + <view class="itemname">预约时间:</view> | ||
49 | + <view>2018-08-16 14:00</view> | ||
50 | + </view> | ||
51 | + <view class="item flex-vertical" wx:if="{{true}}"> | ||
52 | + <view class="itemname">服务时间:</view> | ||
53 | + <view>2018-08-16 10:00</view> | ||
54 | + </view> | ||
55 | + </view> | ||
56 | + | ||
57 | + </view> | ||
58 | + </navigator> | ||
59 | + <view class="Unim flex-right-vertical fs26 padding"> | ||
60 | + | ||
61 | + <navigator class="Unimportance flex-level">取消预约</navigator> | ||
62 | + <navigator wx:if="{{false}}" class="Unimportance flex-level">查看详情</navigator> | ||
63 | + | ||
64 | + <navigator class="important Unimportance flex-level">更改时间</navigator> | ||
65 | + <navigator wx:if="{{false}}" class="important Unimportance flex-level">发表评价</navigator> | ||
66 | + <navigator wx:if="{{false}}" class="important Unimportance flex-level">重新预约</navigator> | ||
67 | + | ||
68 | + </view> | ||
69 | + </view> | ||
70 | + <view class="exactly flex-center fs26"> | ||
71 | + <view class="line"></view> | ||
72 | + <view class="exactly_text">到底了</view> | ||
73 | + <view class="line"></view> | ||
74 | + </view> | ||
75 | + </view> | ||
76 | +</view> | ||
77 | + | ||
78 | +<!-- 无预约订单 --> | ||
79 | +<view class="empty_order" wx:if="{{true}}"> | ||
80 | + <view class="flex-level"> | ||
81 | + <image src="{{iurl}}miniapp/images/order/empty_order.png"></image> | ||
82 | + </view> | ||
83 | + <view class="flex-level fs30 xc-ash">暂无预约记录</view> | ||
84 | + <view class="flex-level"> | ||
85 | + <navigator url="/pages/user/my_service/my_service" bindtap="goto"> | ||
86 | + <view class="flex-center fs28 white">立即预约</view> | ||
87 | + </navigator> | ||
88 | + </view> | ||
89 | +</view> | ||
0 | \ No newline at end of file | 90 | \ No newline at end of file |
pages/user/tment_order_list/tment_order_list.wxss
0 → 100644
1 | +page { | ||
2 | + height: 100%; | ||
3 | + background-color: rgb(238, 238, 238); | ||
4 | +} | ||
5 | + | ||
6 | +.container { | ||
7 | + background-color: rgb(255, 255, 255); | ||
8 | +} | ||
9 | + | ||
10 | +.type-navbar { | ||
11 | + border-top: 3rpx solid rgb(221, 221, 221); | ||
12 | + display: flex; | ||
13 | + justify-content: space-between; | ||
14 | +} | ||
15 | + | ||
16 | +.type-box { | ||
17 | + height: 88rpx; | ||
18 | + line-height: 88rpx; | ||
19 | + padding: 0rpx 15rpx; | ||
20 | + border-bottom: 5rpx solid rgb(255, 255, 255); | ||
21 | +} | ||
22 | + | ||
23 | +.chtypebox { | ||
24 | + border-bottom: 5rpx solid rgb(224, 18, 18); | ||
25 | +} | ||
26 | + | ||
27 | +.Commodity_number { | ||
28 | + height: 80rpx; | ||
29 | + border-top: 13rpx solid rgb(245, 245, 245); | ||
30 | +} | ||
31 | + | ||
32 | +.Commodity_number image { | ||
33 | + width: 30rpx; | ||
34 | + height: 32rpx; | ||
35 | +} | ||
36 | + | ||
37 | +.padding { | ||
38 | + padding: 0rpx 27rpx; | ||
39 | +} | ||
40 | + | ||
41 | +.lin { | ||
42 | + border-left: 2rpx solid rgb(211, 29, 54); | ||
43 | + margin-left: 17rpx; | ||
44 | + margin-right: 14rpx; | ||
45 | + height: 40rpx; | ||
46 | +} | ||
47 | + | ||
48 | +.order_number { | ||
49 | + width: 500rpx; | ||
50 | +} | ||
51 | + | ||
52 | +.items { | ||
53 | + border-top: 4rpx solid rgb(245, 245, 245); | ||
54 | + border-bottom: 4rpx solid rgb(245, 245, 245); | ||
55 | + height: 260rpx; | ||
56 | +} | ||
57 | + | ||
58 | +.itemimage { | ||
59 | + width: 190rpx; | ||
60 | + height: 190rpx; | ||
61 | + margin-right: 20rpx; | ||
62 | +} | ||
63 | + | ||
64 | +.details { | ||
65 | + height: 190rpx; | ||
66 | +} | ||
67 | + | ||
68 | +.itemname { | ||
69 | + width: 130rpx; | ||
70 | +} | ||
71 | + | ||
72 | +.itemvalue { | ||
73 | + max-width: 300rpx; | ||
74 | +} | ||
75 | + | ||
76 | +.Unimportance { | ||
77 | + width: 140rpx; | ||
78 | + height: 40rpx; | ||
79 | + line-height: 40rpx; | ||
80 | + border-radius: 8rpx; | ||
81 | + background-color: rgb(255, 255, 255); | ||
82 | + margin-left: 20rpx; | ||
83 | + border: 2rpx solid rgb(191, 191, 191); | ||
84 | +} | ||
85 | + | ||
86 | +.important { | ||
87 | + background-color: rgb(212, 28, 52); | ||
88 | + border: 2rpx solid rgb(212, 28, 52); | ||
89 | + color: rgb(255, 255, 255); | ||
90 | +} | ||
91 | + | ||
92 | +.Unim { | ||
93 | + height: 110rpx; | ||
94 | +} | ||
95 | + | ||
96 | +.exactly { | ||
97 | + height: 80rpx; | ||
98 | + background-color: rgb(245, 245, 245); | ||
99 | +} | ||
100 | + | ||
101 | +.exactly_text { | ||
102 | + margin: 0rpx 15rpx; | ||
103 | +} | ||
104 | + | ||
105 | +.line { | ||
106 | + border-top: 2rpx solid rgb(0, 0, 0); | ||
107 | + width: 130rpx; | ||
108 | +} | ||
109 | + | ||
110 | +/* 无预约 */ | ||
111 | + | ||
112 | +.empty_order image { | ||
113 | + width: 300rpx; | ||
114 | + height: 300rpx; | ||
115 | + margin-top: 202rpx; | ||
116 | +} | ||
117 | + | ||
118 | +.empty_order .xc-ash { | ||
119 | + margin-top: 10rpx; | ||
120 | + font-weight: 600px; | ||
121 | +} | ||
122 | + | ||
123 | +.empty_order navigator { | ||
124 | + margin-top: 60rpx; | ||
125 | + border-radius: 40rpx; | ||
126 | +} | ||
127 | + | ||
128 | +.empty_order navigator view { | ||
129 | + width: 247rpx; | ||
130 | + height: 56rpx; | ||
131 | + background-color: rgb(255, 72, 72); | ||
132 | + border-radius: 40rpx; | ||
133 | +} |