|
@@ -3,7 +3,8 @@
|
3
|
3
|
<div class="left">
|
4
|
4
|
<div class="user-info">
|
5
|
5
|
<div class="user-img">
|
6
|
|
- <img :src="userInfo.image" alt />
|
|
6
|
+ <img :src="userInfo.image"
|
|
7
|
+ alt />
|
7
|
8
|
</div>
|
8
|
9
|
<div class="user-span">
|
9
|
10
|
<div class="name">
|
|
@@ -25,7 +26,8 @@
|
25
|
26
|
</div>
|
26
|
27
|
</div>
|
27
|
28
|
<div class="user-record">
|
28
|
|
- <div class="fraction" @click="isPore=true">
|
|
29
|
+ <div class="fraction"
|
|
30
|
+ @click="isPore=true">
|
29
|
31
|
<div class="title">肌肤得分</div>
|
30
|
32
|
<div class="num">{{userInfo.score}}分</div>
|
31
|
33
|
</div>
|
|
@@ -41,7 +43,9 @@
|
41
|
43
|
<div class="lable">
|
42
|
44
|
<div class="lable-title">面诊标签</div>
|
43
|
45
|
<div class="lable-list">
|
44
|
|
- <div v-for="(item,index) in lableList" :key="index" class="lable-info">{{item}}</div>
|
|
46
|
+ <div v-for="(item,index) in lableList"
|
|
47
|
+ :key="index"
|
|
48
|
+ class="lable-info">{{item}}</div>
|
45
|
49
|
</div>
|
46
|
50
|
</div>
|
47
|
51
|
<div class="ps">
|
|
@@ -53,15 +57,14 @@
|
53
|
57
|
<div class="tab-title">执行方案</div>
|
54
|
58
|
</div>
|
55
|
59
|
<div class="programme-list">
|
56
|
|
- <div
|
57
|
|
- :class="['programme-info',item.onSelect?'programme-active':'']"
|
58
|
|
- v-for="(item,index) in programmeList"
|
59
|
|
- :key="index"
|
60
|
|
- @click="onOperation(index)"
|
61
|
|
- >
|
|
60
|
+ <div :class="['programme-info',item.onSelect?'programme-active':'']"
|
|
61
|
+ v-for="(item,index) in programmeList"
|
|
62
|
+ :key="index"
|
|
63
|
+ @click="onOperation(index)">
|
62
|
64
|
<div class="programme-left">
|
63
|
65
|
<div class="programme-img">
|
64
|
|
- <img :src="item.cover_url" alt />
|
|
66
|
+ <img :src="item.cover_url"
|
|
67
|
+ alt />
|
65
|
68
|
</div>
|
66
|
69
|
<div class="programme-tips">
|
67
|
70
|
<div class="tips-title">{{item.name|ellipsis(9)}}</div>
|
|
@@ -82,7 +85,8 @@
|
82
|
85
|
<span>{{item.duration}}</span>
|
83
|
86
|
</div>
|
84
|
87
|
</div>
|
85
|
|
- <div class="operation" v-if="item.onSelect">
|
|
88
|
+ <div class="operation"
|
|
89
|
+ v-if="item.onSelect">
|
86
|
90
|
<div class="edit">编辑</div>
|
87
|
91
|
<div class="delete">删除</div>
|
88
|
92
|
</div>
|
|
@@ -111,10 +115,14 @@
|
111
|
115
|
共
|
112
|
116
|
<span>{{order_data.project_list?order_data.project_list.length:0}}个</span>项目
|
113
|
117
|
</div>
|
114
|
|
- <div v-if="order_data.type!='one'" class="add-project" @click="addProject">添加</div>
|
|
118
|
+ <div v-if="order_data.type!='one'"
|
|
119
|
+ class="add-project"
|
|
120
|
+ @click="addProject">添加</div>
|
115
|
121
|
</div>
|
116
|
122
|
<div class="project-list">
|
117
|
|
- <div class="project-info" v-for="(item,index) in order_data.project_list" :key="index">
|
|
123
|
+ <div class="project-info"
|
|
124
|
+ v-for="(item,index) in order_data.project_list"
|
|
125
|
+ :key="index">
|
118
|
126
|
<div class="project-image">
|
119
|
127
|
<img :src="item.cover_url" />
|
120
|
128
|
</div>
|
|
@@ -129,28 +137,23 @@
|
129
|
137
|
<div class="project-tips">{{item.product_names}}</div>
|
130
|
138
|
<div class="project-zoom">
|
131
|
139
|
<div>
|
132
|
|
- <span
|
133
|
|
- v-if="item.device_name"
|
134
|
|
- >{{item.device_name}}({{item.room}}){{item.use_time}}分钟</span>
|
|
140
|
+ <span v-if="item.device_name">{{item.device_name}}({{item.room}}){{item.use_time}}分钟</span>
|
135
|
141
|
</div>
|
136
|
142
|
<div v-if="order_data.type!='one'">
|
137
|
|
- <img
|
138
|
|
- @click="eidt(item)"
|
139
|
|
- src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/eidt.png"
|
140
|
|
- />
|
141
|
|
- <img
|
142
|
|
- @click="deleteProject(item)"
|
143
|
|
- class="delete"
|
144
|
|
- src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/delete.png"
|
145
|
|
- alt
|
146
|
|
- />
|
|
143
|
+ <img @click="eidt(item)"
|
|
144
|
+ src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/eidt.png" />
|
|
145
|
+ <img @click="deleteProject(item)"
|
|
146
|
+ class="delete"
|
|
147
|
+ src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/delete.png"
|
|
148
|
+ alt />
|
147
|
149
|
</div>
|
148
|
150
|
</div>
|
149
|
151
|
</div>
|
150
|
152
|
</div>
|
151
|
153
|
</div>
|
152
|
154
|
</div>
|
153
|
|
- <div class="cost">
|
|
155
|
+ <div class="cost"
|
|
156
|
+ v-if="!isChange || order_data.project_list.length>0">
|
154
|
157
|
<div class="over-price">
|
155
|
158
|
合计:
|
156
|
159
|
<span class="price-num">
|
|
@@ -160,30 +163,32 @@
|
160
|
163
|
</span>
|
161
|
164
|
</div>
|
162
|
165
|
</div>
|
163
|
|
- <div class="payment" @click="determine">确定订单</div>
|
|
166
|
+ <div class="payment"
|
|
167
|
+ @click="determine">确定订单</div>
|
164
|
168
|
</div>
|
165
|
169
|
<!-- 选择优惠券 -->
|
166
|
170
|
<mine-pupop :show="isCoupun">
|
167
|
171
|
<div class="coupon-block">
|
168
|
|
- <div class="delete-pupop" @click="isCoupun=false">
|
169
|
|
- <img
|
170
|
|
- src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
171
|
|
- alt
|
172
|
|
- />
|
|
172
|
+ <div class="delete-pupop"
|
|
173
|
+ @click="isCoupun=false">
|
|
174
|
+ <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
|
175
|
+ alt />
|
173
|
176
|
</div>
|
174
|
177
|
<div class="coupon-pupop-title">选择优惠券</div>
|
175
|
178
|
<ul class="coupon-lists">
|
176
|
|
- <li class="coupon-info" v-for="item,index in couponList" :key="index">
|
|
179
|
+ <li class="coupon-info"
|
|
180
|
+ v-for="item,index in couponList"
|
|
181
|
+ :key="index">
|
177
|
182
|
<!-- 1: '抵扣券',
|
178
|
183
|
2: '满减券',
|
179
|
184
|
3: '全额减免券',
|
180
|
185
|
4: '项目卡券'-->
|
181
|
|
- <div
|
182
|
|
- class="coupon-tips-text"
|
183
|
|
- >{{item.type==1?'抵扣券':item.type==2?'满减券':item.type==3?'全额减免券':'项目卡券'}}</div>
|
|
186
|
+ <div class="coupon-tips-text">{{item.type==1?'抵扣券':item.type==2?'满减券':item.type==3?'全额减免券':'项目卡券'}}</div>
|
184
|
187
|
<div class="top">
|
185
|
|
- <div v-if="item.type==3" class="discount-over">全免</div>
|
186
|
|
- <div v-else class="discount">
|
|
188
|
+ <div v-if="item.type==3"
|
|
189
|
+ class="discount-over">全免</div>
|
|
190
|
+ <div v-else
|
|
191
|
+ class="discount">
|
187
|
192
|
<div class="price-num">
|
188
|
193
|
<span class="size">¥</span>
|
189
|
194
|
{{item.price}}
|
|
@@ -194,18 +199,21 @@
|
194
|
199
|
<div class="tips-title">{{item.coupon_name}}</div>
|
195
|
200
|
<div class="tips-ts">有效期至{{item.ex_time}}</div>
|
196
|
201
|
</div>
|
197
|
|
- <div class="choice-icon" @click="selectPupop(item,index)">
|
|
202
|
+ <div class="choice-icon"
|
|
203
|
+ @click="selectPupop(item,index)">
|
198
|
204
|
<img :src="item.isSelect?select:unSelect" />
|
199
|
205
|
</div>
|
200
|
206
|
</div>
|
201
|
207
|
<div class="bottom">
|
202
|
|
- <div class="coupon-notes" @click="isOver=!isOver">
|
|
208
|
+ <div class="coupon-notes"
|
|
209
|
+ @click="isOver=!isOver">
|
203
|
210
|
<div class="notes-text min-size">
|
204
|
211
|
<span v-if="!isOver">{{item.coupon_desc |ellipsis(20)}}</span>
|
205
|
212
|
<span v-else>{{item.coupon_desc}}</span>
|
206
|
213
|
</div>
|
207
|
214
|
<div class="notes-icon">
|
208
|
|
- <img :src="isOver?open:unOpen" alt />
|
|
215
|
+ <img :src="isOver?open:unOpen"
|
|
216
|
+ alt />
|
209
|
217
|
</div>
|
210
|
218
|
</div>
|
211
|
219
|
</div>
|
|
@@ -216,136 +224,130 @@
|
216
|
224
|
<!-- 选择项目 -->
|
217
|
225
|
<mine-pupop :show="isProject">
|
218
|
226
|
<div class="project-block">
|
219
|
|
- <div class="delete-pupop" @click="isProject=false">
|
220
|
|
- <img
|
221
|
|
- src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
222
|
|
- alt
|
223
|
|
- />
|
|
227
|
+ <div class="delete-pupop"
|
|
228
|
+ @click="isProject=false">
|
|
229
|
+ <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
|
230
|
+ alt />
|
224
|
231
|
</div>
|
225
|
232
|
<div class="project-pupop-title">选择项目</div>
|
226
|
233
|
<div class="project-select">
|
227
|
|
- <el-select
|
228
|
|
- v-model="projectInfo"
|
229
|
|
- placeholder="请选择项目"
|
230
|
|
- style="width: 295px;"
|
231
|
|
- @change="getProducts"
|
232
|
|
- size="mini"
|
233
|
|
- >
|
234
|
|
- <el-option
|
235
|
|
- v-for="item in projectList"
|
236
|
|
- :key="item.id"
|
237
|
|
- :label="item.name"
|
238
|
|
- :value="item.id"
|
239
|
|
- ></el-option>
|
|
234
|
+ <el-select v-model="classifyInfo"
|
|
235
|
+ placeholder="请选择分类"
|
|
236
|
+ style="width: 295px;"
|
|
237
|
+ @change="getClassify"
|
|
238
|
+ size="mini">
|
|
239
|
+ <el-option v-for="item in classifyList"
|
|
240
|
+ :key="item.id"
|
|
241
|
+ :label="item.name"
|
|
242
|
+ :value="item.id">
|
|
243
|
+ </el-option>
|
|
244
|
+ </el-select>
|
|
245
|
+ </div>
|
|
246
|
+ <div class="project-select">
|
|
247
|
+ <el-select v-model="projectInfo"
|
|
248
|
+ placeholder="请选择项目"
|
|
249
|
+ style="width: 295px;"
|
|
250
|
+ :disabled="classifyInfo.length==0?true:false"
|
|
251
|
+ @change="getProducts"
|
|
252
|
+ size="mini">
|
|
253
|
+ <el-option v-for="item in projectList"
|
|
254
|
+ :key="item.id"
|
|
255
|
+ :label="item.name"
|
|
256
|
+ :value="item.id"></el-option>
|
240
|
257
|
</el-select>
|
241
|
258
|
</div>
|
242
|
259
|
<div class="products-select">
|
243
|
|
- <el-select
|
244
|
|
- v-model="productsInfo"
|
245
|
|
- placeholder="请选择升级产品包"
|
246
|
|
- style="width: 295px;"
|
247
|
|
- :disabled="projectInfo.length==0?true:false"
|
248
|
|
- size="mini"
|
249
|
|
- >
|
250
|
|
- <el-option
|
251
|
|
- v-for="item in productsList"
|
252
|
|
- :key="item.id"
|
253
|
|
- :label="item.name"
|
254
|
|
- :value="item.id"
|
255
|
|
- ></el-option>
|
|
260
|
+ <el-select v-model="productsInfo"
|
|
261
|
+ placeholder="请选择升级产品包"
|
|
262
|
+ style="width: 295px;"
|
|
263
|
+ :disabled="projectInfo.length==0?true:false"
|
|
264
|
+ size="mini">
|
|
265
|
+ <el-option v-for="item in productsList"
|
|
266
|
+ :key="item.id"
|
|
267
|
+ :label="item.name"
|
|
268
|
+ :value="item.id"></el-option>
|
256
|
269
|
</el-select>
|
257
|
270
|
</div>
|
258
|
|
- <div class="products-button" @click="orderUpdate">确定</div>
|
|
271
|
+ <div class="products-button"
|
|
272
|
+ @click="orderUpdate">确定</div>
|
259
|
273
|
</div>
|
260
|
274
|
</mine-pupop>
|
261
|
275
|
<!-- 选择时间 -->
|
262
|
276
|
<mine-pupop :show="isTs">
|
263
|
277
|
<div class="ts-block">
|
264
|
|
- <div class="delete-pupop" @click="isTs=false">
|
265
|
|
- <img
|
266
|
|
- src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
267
|
|
- alt
|
268
|
|
- />
|
|
278
|
+ <div class="delete-pupop"
|
|
279
|
+ @click="isTs=false">
|
|
280
|
+ <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
|
281
|
+ alt />
|
269
|
282
|
</div>
|
270
|
283
|
<div class="ts-pupop-title">选择时间</div>
|
271
|
284
|
<div class="ts-content">
|
272
|
285
|
<ul class="ts-table">
|
273
|
|
- <li
|
274
|
|
- v-for="item,index in tsTableList"
|
275
|
|
- :key="index"
|
276
|
|
- @click="changetsTable(index)"
|
277
|
|
- :class="tsTableIndex==index?'ts-table-active':''"
|
278
|
|
- >
|
|
286
|
+ <li v-for="item,index in tsTableList"
|
|
287
|
+ :key="index"
|
|
288
|
+ @click="changetsTable(index)"
|
|
289
|
+ :class="tsTableIndex==index?'ts-table-active':''">
|
279
|
290
|
<div>{{item.text}}</div>
|
280
|
291
|
<div>{{item.ts}}</div>
|
281
|
292
|
</li>
|
282
|
293
|
</ul>
|
283
|
294
|
<div v-if="tsBodyList.day">
|
284
|
295
|
<div class="time-slot">
|
285
|
|
- <div
|
286
|
|
- class="day"
|
287
|
|
- @click="changeActive(1)"
|
288
|
|
- :style="active==1?'color: #333333;font-weight: 600;':''"
|
289
|
|
- >{{ tsBodyList.day.name}}</div>
|
290
|
|
- <div
|
291
|
|
- class="night"
|
292
|
|
- @click="changeActive(0)"
|
293
|
|
- :style="active==0?'color: #333333;font-weight: 600;':''"
|
294
|
|
- >{{tsBodyList.night.name}}</div>
|
|
296
|
+ <div class="day"
|
|
297
|
+ @click="changeActive(1)"
|
|
298
|
+ :style="active==1?'color: #333333;font-weight: 600;':''">{{ tsBodyList.day.name}}</div>
|
|
299
|
+ <div class="night"
|
|
300
|
+ @click="changeActive(0)"
|
|
301
|
+ :style="active==0?'color: #333333;font-weight: 600;':''">{{tsBodyList.night.name}}</div>
|
295
|
302
|
</div>
|
296
|
|
- <ul class="ts-boty" v-if="active==1">
|
297
|
|
- <li v-for="item,index in tsBodyList.day.list" :key="index">
|
298
|
|
- <div
|
299
|
|
- :style="item.status==0?'color: #D3D3D3;':''"
|
300
|
|
- @click="selectTime(item)"
|
301
|
|
- :class="timeIndexText==item.order_time?'time-active':''"
|
302
|
|
- >{{item.order_time}}</div>
|
|
303
|
+ <ul class="ts-boty"
|
|
304
|
+ v-if="active==1">
|
|
305
|
+ <li v-for="item,index in tsBodyList.day.list"
|
|
306
|
+ :key="index">
|
|
307
|
+ <div :style="item.status==0?'color: #D3D3D3;':''"
|
|
308
|
+ @click="selectTime(item)"
|
|
309
|
+ :class="timeIndexText==item.order_time?'time-active':''">{{item.order_time}}</div>
|
303
|
310
|
</li>
|
304
|
311
|
</ul>
|
305
|
|
- <ul class="ts-boty" v-else>
|
306
|
|
- <li v-for="item,index in tsBodyList.night.list" :key="index">
|
307
|
|
- <div
|
308
|
|
- :style="item.status==0?'color: #D3D3D3;':''"
|
309
|
|
- @click="selectTime(item)"
|
310
|
|
- :class="timeIndexText==item.order_time?'time-active':''"
|
311
|
|
- >{{item.order_time}}</div>
|
|
312
|
+ <ul class="ts-boty"
|
|
313
|
+ v-else>
|
|
314
|
+ <li v-for="item,index in tsBodyList.night.list"
|
|
315
|
+ :key="index">
|
|
316
|
+ <div :style="item.status==0?'color: #D3D3D3;':''"
|
|
317
|
+ @click="selectTime(item)"
|
|
318
|
+ :class="timeIndexText==item.order_time?'time-active':''">{{item.order_time}}</div>
|
312
|
319
|
</li>
|
313
|
320
|
</ul>
|
314
|
321
|
</div>
|
315
|
322
|
</div>
|
316
|
|
- <el-button
|
317
|
|
- class="ts-button"
|
318
|
|
- :style="this.timeIndexText.length == 0?'background: rgb(211, 211, 211);':''"
|
319
|
|
- @click="comfigTs"
|
320
|
|
- >确认</el-button>
|
|
323
|
+ <el-button class="ts-button"
|
|
324
|
+ :style="this.timeIndexText.length == 0?'background: rgb(211, 211, 211);':''"
|
|
325
|
+ @click="comfigTs">确认</el-button>
|
321
|
326
|
</div>
|
322
|
327
|
</mine-pupop>
|
323
|
328
|
<!-- 皮肤状态 -->
|
324
|
329
|
<mine-pupop :show="isPore">
|
325
|
330
|
<div class="pore-block">
|
326
|
|
- <div class="delete-pupop" @click="isPore=false">
|
327
|
|
- <img
|
328
|
|
- src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
329
|
|
- alt
|
330
|
|
- />
|
|
331
|
+ <div class="delete-pupop"
|
|
332
|
+ @click="isPore=false">
|
|
333
|
+ <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
|
|
334
|
+ alt />
|
331
|
335
|
</div>
|
332
|
336
|
<div class="pore-content">
|
333
|
337
|
<ul>
|
334
|
|
- <li class="pore-info" v-for="item,index in poreList" :key="index">
|
|
338
|
+ <li class="pore-info"
|
|
339
|
+ v-for="item,index in poreList"
|
|
340
|
+ :key="index">
|
335
|
341
|
<div class="pore-top">
|
336
|
342
|
<div class="pore-title">
|
337
|
343
|
<div>{{item.name}}</div>
|
338
|
|
- <div
|
339
|
|
- class="pore-medium"
|
340
|
|
- v-if="item.main_item"
|
341
|
|
- >{{item.main_item.name}}{{item.main_item.num}}</div>
|
|
344
|
+ <div class="pore-medium"
|
|
345
|
+ v-if="item.main_item">{{item.main_item.name}}{{item.main_item.num}}</div>
|
342
|
346
|
</div>
|
343
|
347
|
<div class="pore-over">
|
344
|
|
- <div
|
345
|
|
- class="min-size"
|
346
|
|
- v-for="value,index in item.items"
|
347
|
|
- :key="index"
|
348
|
|
- >{{value.name}}{{value.num}}个</div>
|
|
348
|
+ <div class="min-size"
|
|
349
|
+ v-for="value,index in item.items"
|
|
350
|
+ :key="index">{{value.name}}{{value.num}}个</div>
|
349
|
351
|
</div>
|
350
|
352
|
</div>
|
351
|
353
|
<div class="pore-bottom min-size">{{item.suggest | ellipsis(85)}}</div>
|
|
@@ -364,7 +366,7 @@ import api from "../../../server/home";
|
364
|
366
|
|
365
|
367
|
export default {
|
366
|
368
|
components: { minePupop },
|
367
|
|
- data() {
|
|
369
|
+ data () {
|
368
|
370
|
return {
|
369
|
371
|
open:
|
370
|
372
|
"https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/openNotes.png",
|
|
@@ -384,6 +386,8 @@ export default {
|
384
|
386
|
}, //门店
|
385
|
387
|
//项目列表
|
386
|
388
|
projectList: [],
|
|
389
|
+ //项目分类列表
|
|
390
|
+ classifyList: [],
|
387
|
391
|
//升级包列表
|
388
|
392
|
productsList: [],
|
389
|
393
|
//时间列表(头部)
|
|
@@ -409,6 +413,7 @@ export default {
|
409
|
413
|
timeIndexText: "", //当前选择的时间
|
410
|
414
|
weekInfo: "",
|
411
|
415
|
programmeIndex: "",
|
|
416
|
+ classifyInfo: '',
|
412
|
417
|
remarks: "",
|
413
|
418
|
isCoupun: false, //是否展示优惠券弹窗
|
414
|
419
|
isOver: false, //优惠券注释
|
|
@@ -441,16 +446,26 @@ export default {
|
441
|
446
|
watch: {},
|
442
|
447
|
|
443
|
448
|
methods: {
|
444
|
|
- toHome() {
|
|
449
|
+ toHome () {
|
445
|
450
|
this.$router.replace("/home");
|
446
|
451
|
},
|
447
|
|
-
|
448
|
|
- getProjectList() {
|
449
|
|
- api.getProjectList().then(res => {
|
|
452
|
+ getProjectClassify () {
|
|
453
|
+ api.projectClassify().then(res => {
|
|
454
|
+ this.classifyList = res.data.list
|
|
455
|
+ })
|
|
456
|
+ },
|
|
457
|
+ getProjectList (e) {
|
|
458
|
+ api.getProjectList({ id: e }).then(res => {
|
450
|
459
|
this.projectList = res.data.list;
|
451
|
460
|
});
|
452
|
461
|
},
|
453
|
|
- getProducts(e) {
|
|
462
|
+ getClassify (e) {
|
|
463
|
+ this.projectInfo = ''
|
|
464
|
+ console.log(e);
|
|
465
|
+ this.getProjectList(e)
|
|
466
|
+ },
|
|
467
|
+
|
|
468
|
+ getProducts (e) {
|
454
|
469
|
// this.productsInfo = ''
|
455
|
470
|
api.getProducts({ id: e }).then(res => {
|
456
|
471
|
this.productsList = res.data.list;
|
|
@@ -461,7 +476,7 @@ export default {
|
461
|
476
|
});
|
462
|
477
|
});
|
463
|
478
|
},
|
464
|
|
- eidt(item) {
|
|
479
|
+ eidt (item) {
|
465
|
480
|
this.projectInfo = item.id;
|
466
|
481
|
this.productsInfo =
|
467
|
482
|
item.product_ids == "" ? "" : Number(item.product_ids);
|
|
@@ -469,7 +484,7 @@ export default {
|
469
|
484
|
this.isEditProject = true;
|
470
|
485
|
this.isProject = true;
|
471
|
486
|
},
|
472
|
|
- deleteProject(item) {
|
|
487
|
+ deleteProject (item) {
|
473
|
488
|
this.order_data.project_list.forEach((res, index) => {
|
474
|
489
|
if (item.id == res.id) {
|
475
|
490
|
this.order_data.project_list.splice(index, 1);
|
|
@@ -480,14 +495,14 @@ export default {
|
480
|
495
|
}
|
481
|
496
|
});
|
482
|
497
|
},
|
483
|
|
- addProject() {
|
|
498
|
+ addProject () {
|
484
|
499
|
this.projectInfo = "";
|
485
|
500
|
this.productsInfo = "";
|
486
|
501
|
this.isEditProject = false;
|
487
|
502
|
this.isProject = true;
|
488
|
503
|
},
|
489
|
504
|
//新增
|
490
|
|
- orderUpdate() {
|
|
505
|
+ orderUpdate () {
|
491
|
506
|
// 编辑
|
492
|
507
|
if (this.isEditProject) {
|
493
|
508
|
if (this.productsInfo != "") {
|
|
@@ -568,7 +583,7 @@ export default {
|
568
|
583
|
}
|
569
|
584
|
},
|
570
|
585
|
//获取最近七天的时间
|
571
|
|
- getWeekDate() {
|
|
586
|
+ getWeekDate () {
|
572
|
587
|
//获取系统当前时间
|
573
|
588
|
let now = new Date();
|
574
|
589
|
let nowTime = now.getTime();
|
|
@@ -592,7 +607,7 @@ export default {
|
592
|
607
|
this.tsTableList = tsTableList;
|
593
|
608
|
},
|
594
|
609
|
//确定订单&支付
|
595
|
|
- determine() {
|
|
610
|
+ determine () {
|
596
|
611
|
if (this.order_data.project_list == 0) {
|
597
|
612
|
this.$message.error(
|
598
|
613
|
"项目选择不能为空!"
|
|
@@ -606,7 +621,7 @@ export default {
|
606
|
621
|
this.isTs = true;
|
607
|
622
|
},
|
608
|
623
|
//确定时间选择
|
609
|
|
- comfigTs() {
|
|
624
|
+ comfigTs () {
|
610
|
625
|
let that = this;
|
611
|
626
|
if (this.timeIndexText.length == 0) return;
|
612
|
627
|
let order_data = [];
|
|
@@ -637,22 +652,22 @@ export default {
|
637
|
652
|
});
|
638
|
653
|
},
|
639
|
654
|
//计算预约费用
|
640
|
|
- calculationPrice() {
|
|
655
|
+ calculationPrice () {
|
641
|
656
|
this.reservationPrice = 0;
|
642
|
657
|
this.order_data.project_list.forEach(res => {
|
643
|
658
|
this.reservationPrice += Number(res.price);
|
644
|
659
|
});
|
645
|
660
|
},
|
646
|
661
|
|
647
|
|
-
|
648
|
|
- changePayStatus() {
|
|
662
|
+
|
|
663
|
+ changePayStatus () {
|
649
|
664
|
this.PayStatus = false;
|
650
|
665
|
if (this.payStatusInterval) {
|
651
|
666
|
//如果定时器在运行则关闭
|
652
|
667
|
clearInterval(this.payStatusInterval);
|
653
|
668
|
}
|
654
|
669
|
},
|
655
|
|
- payStatus() {
|
|
670
|
+ payStatus () {
|
656
|
671
|
api.payStatus({ id: this.id }).then(res => {
|
657
|
672
|
if (res.data.pay_status == 1) {
|
658
|
673
|
clearInterval(this.payStatusInterval);
|
|
@@ -662,7 +677,7 @@ export default {
|
662
|
677
|
},
|
663
|
678
|
|
664
|
679
|
//数组包含关系
|
665
|
|
- includes(arr1, arr2) {
|
|
680
|
+ includes (arr1, arr2) {
|
666
|
681
|
return arr2.every(val => arr1.includes(val));
|
667
|
682
|
},
|
668
|
683
|
//选中优惠券
|
|
@@ -682,19 +697,19 @@ export default {
|
682
|
697
|
// 3、优惠劵可以给多个项目抵扣,
|
683
|
698
|
// 4、默认抵扣金额最高的
|
684
|
699
|
// 5、优惠劵排序,到期时间倒叙
|
685
|
|
-
|
686
|
|
- changeActive(e) {
|
|
700
|
+
|
|
701
|
+ changeActive (e) {
|
687
|
702
|
this.active = e;
|
688
|
703
|
},
|
689
|
|
- selectTime(item) {
|
|
704
|
+ selectTime (item) {
|
690
|
705
|
if (item.status == 0) return;
|
691
|
706
|
this.timeIndexText = item.order_time;
|
692
|
707
|
},
|
693
|
|
- changetsTable(index) {
|
|
708
|
+ changetsTable (index) {
|
694
|
709
|
this.tsTableIndex = index;
|
695
|
710
|
this.getOrderTime();
|
696
|
711
|
},
|
697
|
|
- getOrderTime() {
|
|
712
|
+ getOrderTime () {
|
698
|
713
|
let ids = "",
|
699
|
714
|
idsList = [];
|
700
|
715
|
this.order_data.project_list.forEach(res => {
|
|
@@ -710,7 +725,7 @@ export default {
|
710
|
725
|
});
|
711
|
726
|
},
|
712
|
727
|
|
713
|
|
- onOperation(index) {
|
|
728
|
+ onOperation (index) {
|
714
|
729
|
if (this.programmeList[index].onSelect) {
|
715
|
730
|
this.$set(
|
716
|
731
|
this.programmeList[index],
|
|
@@ -722,14 +737,14 @@ export default {
|
722
|
737
|
}
|
723
|
738
|
},
|
724
|
739
|
//获取订单折扣类型
|
725
|
|
- getOrderDiscount() {
|
|
740
|
+ getOrderDiscount () {
|
726
|
741
|
api.getOrderDiscount({ id: this.id }).then(res => {
|
727
|
742
|
this.discount = res.data.discount;
|
728
|
743
|
this.getOrderInfo();
|
729
|
744
|
});
|
730
|
745
|
},
|
731
|
746
|
|
732
|
|
- getUserInfo() {
|
|
747
|
+ getUserInfo () {
|
733
|
748
|
let that = this;
|
734
|
749
|
api.getUserInfo().then(res => {
|
735
|
750
|
if (res.code == 200) {
|
|
@@ -739,7 +754,7 @@ export default {
|
739
|
754
|
}
|
740
|
755
|
},
|
741
|
756
|
|
742
|
|
- created() {
|
|
757
|
+ created () {
|
743
|
758
|
this.getUserInfo();
|
744
|
759
|
let data = this.$route.query.data;
|
745
|
760
|
|
|
@@ -747,7 +762,6 @@ export default {
|
747
|
762
|
if (data) {
|
748
|
763
|
this.data = JSON.parse(data);
|
749
|
764
|
}
|
750
|
|
-
|
751
|
765
|
this.userInfo = this.data.user;
|
752
|
766
|
this.lableList = this.data.tags;
|
753
|
767
|
this.remarks = this.data.remark;
|
|
@@ -755,13 +769,13 @@ export default {
|
755
|
769
|
// this.order_data = this.data.order_data;
|
756
|
770
|
this.reservationPrice = 0;
|
757
|
771
|
this.poreList = this.data.detail_list;
|
758
|
|
-
|
759
|
|
- this.getProjectList();
|
|
772
|
+ this.getProjectClassify()
|
|
773
|
+ // this.getProjectList();
|
760
|
774
|
// this.getOrderDiscount()
|
761
|
775
|
},
|
762
|
776
|
|
763
|
|
- mounted() {},
|
764
|
|
- destroyed() {
|
|
777
|
+ mounted () { },
|
|
778
|
+ destroyed () {
|
765
|
779
|
if (this.payStatusInterval) {
|
766
|
780
|
//如果定时器在运行则关闭
|
767
|
781
|
clearInterval(this.payStatusInterval);
|
|
@@ -1037,7 +1051,7 @@ export default {
|
1037
|
1051
|
}
|
1038
|
1052
|
.project-list {
|
1039
|
1053
|
padding-top: 10px;
|
1040
|
|
- height: 250px;
|
|
1054
|
+ height: 220px;
|
1041
|
1055
|
overflow: scroll;
|
1042
|
1056
|
.project-info {
|
1043
|
1057
|
margin-bottom: 10px;
|