jufubao-movie 1.0.36-beta7 → 1.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/JfbMovieLineFilmInfo/Attr.js +2 -2
- package/src/components/JfbMovieLineLineSeat/XdOnlineSeat.vue +14 -17
- package/src/components/JfbMovieLineLineSeat/XdOnlineSeatMove.vue +100 -424
- package/src/components/JfbMovieLineSchedule/JfbMovieLineSchedule.vue +15 -64
- package/src/components/JfbMovieTfkFilmList/Api.js +22 -41
- package/src/components/JfbMovieTfkFilmList/Attr.js +30 -620
- package/src/components/JfbMovieTfkFilmList/JfbMovieTfkFilmList.vue +29 -944
- package/src/components/JfbMovieTfkFilmList/Mock.js +9 -4
- package/src/components/JfbMovieTfkFilmRecommend/Api.js +36 -16
- package/src/components/JfbMovieTfkFilmRecommend/Attr.js +29 -527
- package/src/components/JfbMovieTfkFilmRecommend/JfbMovieTfkFilmRecommend.vue +35 -535
- package/src/components/JfbMovieTfkFilmRecommend/Mock.js +9 -2
- package/src/mixins/componentsMixins.js +24 -275
- package/src/components/JfbMovieTfkFilmList/ContentCinema.vue +0 -147
- package/src/components/JfbMovieTfkFilmList/ContentItem.vue +0 -164
- package/src/components/JfbMovieTfkFilmList/XdQueryFilter.vue +0 -87
- package/src/components/JfbMovieTfkFilmList/XdQuerySort.vue +0 -149
- package/src/components/JfbMovieTfkFilmList/XdSwiperDot.vue +0 -234
- package/src/mixins/posterMixins.js +0 -125
|
@@ -25,130 +25,41 @@
|
|
|
25
25
|
@touchmove="touchMove"
|
|
26
26
|
@touchend="touchEnd"
|
|
27
27
|
>
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<view class="xd-online-seat__tips-item">
|
|
33
|
-
<view
|
|
34
|
-
:style="{
|
|
35
|
-
width: seatSize+'px',
|
|
36
|
-
height:seatSize+'px',
|
|
37
|
-
backgroundImage:'url('+ `${areaOhter}use-${areaPriceIndex[area.price]}` +'.png?ver='+ver+')'
|
|
38
|
-
}"
|
|
39
|
-
class="xd-online-seat__bg"
|
|
40
|
-
></view>
|
|
41
|
-
<view v-if="area.price_name" v-html="area.price_name"></view>
|
|
42
|
-
<view>
|
|
43
|
-
<xd-unit :price="area.price" :is-old="false"></xd-unit>
|
|
44
|
-
</view>
|
|
45
|
-
</view>
|
|
46
|
-
</view>
|
|
47
|
-
<view class="AreaPrice">
|
|
48
|
-
<view class="xd-online-seat__tips-item">
|
|
49
|
-
<view
|
|
50
|
-
:style="{
|
|
51
|
-
width: seatSize+'px',
|
|
52
|
-
height:seatSize+'px',
|
|
53
|
-
backgroundImage:'url('+ nomarlOhter+'sold.png?ver='+ver+')'
|
|
54
|
-
}"
|
|
55
|
-
class="xd-online-seat__bg"
|
|
56
|
-
></view>
|
|
57
|
-
<text>已售罄</text>
|
|
58
|
-
</view>
|
|
59
|
-
</view>
|
|
60
|
-
<view class="AreaPrice">
|
|
61
|
-
<view class="xd-online-seat__tips-item">
|
|
62
|
-
<view
|
|
63
|
-
:style="{
|
|
64
|
-
width: seatSize+'px',
|
|
65
|
-
height:seatSize+'px',
|
|
66
|
-
backgroundImage:'url('+ nomarlOhter+'selected.png?ver='+ver+')'
|
|
67
|
-
}"
|
|
68
|
-
class="xd-online-seat__bg"
|
|
69
|
-
></view>
|
|
70
|
-
<text>选中</text>
|
|
71
|
-
</view>
|
|
72
|
-
</view>
|
|
73
|
-
<view class="AreaPrice">
|
|
74
|
-
<view class="xd-online-seat__tips-item">
|
|
75
|
-
<view :style="{ width: seatSize*2 +'px', height:seatSize+'px',display:'flex'}">
|
|
76
|
-
<view
|
|
77
|
-
:style="{
|
|
78
|
-
width: seatSize+'px',
|
|
79
|
-
height:seatSize+'px',
|
|
80
|
-
backgroundImage:'url('+ nomarlOhter+'l-l-use.png?ver='+ver+')'
|
|
81
|
-
}" class="xd-online-seat__bg"></view>
|
|
82
|
-
<view
|
|
83
|
-
:style="{
|
|
84
|
-
width: seatSize+'px',
|
|
85
|
-
height:seatSize+'px',
|
|
86
|
-
backgroundImage:'url('+ nomarlOhter+'l-r-use.png?ver='+ver+')'
|
|
87
|
-
}" class="xd-online-seat__bg"></view>
|
|
88
|
-
</view>
|
|
89
|
-
<text>情侣</text>
|
|
90
|
-
</view>
|
|
91
|
-
</view>
|
|
92
|
-
</scroll-view>
|
|
28
|
+
<view
|
|
29
|
+
class="xd-online-seat__stage"
|
|
30
|
+
>
|
|
31
|
+
<text>{{seathallNames}} 屏幕</text>
|
|
93
32
|
</view>
|
|
94
|
-
|
|
95
|
-
<!--普通排期-->
|
|
96
|
-
<view v-else class="xd-online-seat__tips">
|
|
33
|
+
<view class="xd-online-seat__tips">
|
|
97
34
|
<view class="xd-online-seat__tips-item">
|
|
98
35
|
<view
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
width: seatSize+'px',
|
|
102
|
-
height:seatSize+'px',
|
|
103
|
-
backgroundImage:'url('+ nomarlOhter+'use.png?ver='+ver+')'
|
|
104
|
-
}"
|
|
36
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px;'"
|
|
37
|
+
class="xd-online-seat__unselected"
|
|
105
38
|
></view>
|
|
106
39
|
<span>可选</span>
|
|
107
40
|
</view>
|
|
108
41
|
<view class="xd-online-seat__tips-item">
|
|
109
42
|
<view
|
|
110
|
-
:style="
|
|
111
|
-
|
|
112
|
-
height:seatSize+'px',
|
|
113
|
-
backgroundImage:'url('+ nomarlOhter+'sold.png?ver='+ver+')'
|
|
114
|
-
}"
|
|
115
|
-
class="xd-online-seat__bg"
|
|
43
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px'"
|
|
44
|
+
class="xd-online-seat__disbaled"
|
|
116
45
|
></view>
|
|
117
|
-
<span
|
|
46
|
+
<span>不可选</span>
|
|
118
47
|
</view>
|
|
119
48
|
<view class="xd-online-seat__tips-item">
|
|
120
49
|
<view
|
|
121
|
-
:style="
|
|
122
|
-
|
|
123
|
-
height:seatSize+'px',
|
|
124
|
-
backgroundImage:'url('+ nomarlOhter+'selected.png?ver='+ver+')'
|
|
125
|
-
}"
|
|
126
|
-
class="xd-online-seat__bg"
|
|
50
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px'"
|
|
51
|
+
class="xd-online-seat__selected"
|
|
127
52
|
></view>
|
|
128
53
|
<span>选中</span>
|
|
129
54
|
</view>
|
|
130
55
|
<view class="xd-online-seat__tips-item">
|
|
131
|
-
<view
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
height:seatSize+'px',
|
|
136
|
-
backgroundImage:'url('+ nomarlOhter+'l-l-use.png?ver='+ver+')'
|
|
137
|
-
}" class="xd-online-seat__bg"></view>
|
|
138
|
-
<view
|
|
139
|
-
:style="{
|
|
140
|
-
width: seatSize+'px',
|
|
141
|
-
height:seatSize+'px',
|
|
142
|
-
backgroundImage:'url('+ nomarlOhter+'l-r-use.png?ver='+ver+')'
|
|
143
|
-
}" class="xd-online-seat__bg"></view>
|
|
144
|
-
</view>
|
|
56
|
+
<view
|
|
57
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px'"
|
|
58
|
+
class="xd-online-seat__lovely"
|
|
59
|
+
></view>
|
|
145
60
|
<span>情侣</span>
|
|
146
61
|
</view>
|
|
147
62
|
</view>
|
|
148
|
-
<!--普通排期-->
|
|
149
|
-
<view class="xd-online-seat__stage">
|
|
150
|
-
<text>{{seathallNames}} 屏幕</text>
|
|
151
|
-
</view>
|
|
152
63
|
<view class="xd-online-seat__body">
|
|
153
64
|
<view
|
|
154
65
|
class="xd-online-seat__center-line"
|
|
@@ -164,43 +75,15 @@
|
|
|
164
75
|
v-for="(seat,col) in item"
|
|
165
76
|
:key="col"
|
|
166
77
|
class="xd-online-seat__item"
|
|
167
|
-
:style="
|
|
168
|
-
width:seatSize + 'px',
|
|
169
|
-
height: seatSize + 'px',
|
|
170
|
-
}"
|
|
78
|
+
:style="'width:'+(seatSize)+'px;height:'+(seatSize)+'px; margin-left:2px;'"
|
|
171
79
|
@click="(e)=>{
|
|
172
80
|
handleChooseSeat(e,seat,index,col)
|
|
173
81
|
}"
|
|
174
82
|
>
|
|
175
|
-
|
|
176
|
-
<
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
backgroundImage:'url('+ `${areaLove}${seat.isLove}-${seat.typeStatus}-${areaPriceIndex[seat.price]}` +'.png?ver='+ ver +')'
|
|
180
|
-
}"></view>
|
|
181
|
-
<view v-else class="xd-online-seat__bg" :style="{
|
|
182
|
-
backgroundImage:'url('+ `${areaLove}${seat.isLove}-${seat.typeStatus}` +'.png?ver='+ ver +')'
|
|
183
|
-
}"></view>
|
|
184
|
-
</template>
|
|
185
|
-
|
|
186
|
-
<template v-else>
|
|
187
|
-
<view v-if="seat.typeStatus === 'use'" class='xd-online-seat__bg' :style="{
|
|
188
|
-
backgroundImage:'url('+ `${areaOhter}${seat.typeStatus}-${areaPriceIndex[seat.price]}` +'.png?ver='+ ver +')'
|
|
189
|
-
}"></view>
|
|
190
|
-
<view v-else class='xd-online-seat__bg' :style="{
|
|
191
|
-
backgroundImage:'url('+ `${areaOhter}${seat.typeStatus}` +'.png?ver='+ ver +')'
|
|
192
|
-
}"></view>
|
|
193
|
-
</template>
|
|
194
|
-
</template>
|
|
195
|
-
<!--普通排期-->
|
|
196
|
-
<template v-else>
|
|
197
|
-
<view class="xd-online-seat__bg" v-if="seat.isLove" :style="{
|
|
198
|
-
backgroundImage:'url('+ `${nomarlLove}${seat.isLove}-${seat.typeStatus}` +'.png?ver='+ ver +')'
|
|
199
|
-
}"></view>
|
|
200
|
-
<view v-else class="xd-online-seat__bg" :style="{
|
|
201
|
-
backgroundImage:'url('+ nomarlOhter+seat.typeStatus +'.png?ver='+ver+')'
|
|
202
|
-
}"></view>
|
|
203
|
-
</template>
|
|
83
|
+
<view v-if="seat.type===0" class="xd-online-seat__unselected"></view>
|
|
84
|
+
<view v-if="seat.type===1" class="xd-online-seat__disbaled"></view>
|
|
85
|
+
<view v-if="seat.type===2" class="xd-online-seat__selected"></view>
|
|
86
|
+
<view v-if="seat.type===3" class="xd-online-seat__lovely"></view>
|
|
204
87
|
</view>
|
|
205
88
|
</view>
|
|
206
89
|
</view>
|
|
@@ -219,130 +102,41 @@
|
|
|
219
102
|
@scale="onScale"
|
|
220
103
|
@change="onMove"
|
|
221
104
|
>
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
<view class="xd-online-seat__tips-item">
|
|
227
|
-
<view
|
|
228
|
-
:style="{
|
|
229
|
-
width: seatSize+'px',
|
|
230
|
-
height:seatSize+'px',
|
|
231
|
-
backgroundImage:'url('+ `${areaOhter}use-${areaPriceIndex[area.price]}` +'.png?ver='+ver+')'
|
|
232
|
-
}"
|
|
233
|
-
class="xd-online-seat__bg"
|
|
234
|
-
></view>
|
|
235
|
-
<view v-if="area.price_name" v-html="area.price_name"></view>
|
|
236
|
-
<view>
|
|
237
|
-
<xd-unit :price="area.price" :is-old="false"></xd-unit>
|
|
238
|
-
</view>
|
|
239
|
-
</view>
|
|
240
|
-
</view>
|
|
241
|
-
<view class="AreaPrice">
|
|
242
|
-
<view class="xd-online-seat__tips-item">
|
|
243
|
-
<view
|
|
244
|
-
:style="{
|
|
245
|
-
width: seatSize+'px',
|
|
246
|
-
height:seatSize+'px',
|
|
247
|
-
backgroundImage:'url('+ nomarlOhter+'sold.png?ver='+ver+')'
|
|
248
|
-
}"
|
|
249
|
-
class="xd-online-seat__bg"
|
|
250
|
-
></view>
|
|
251
|
-
<text>已售罄</text>
|
|
252
|
-
</view>
|
|
253
|
-
</view>
|
|
254
|
-
<view class="AreaPrice">
|
|
255
|
-
<view class="xd-online-seat__tips-item">
|
|
256
|
-
<view
|
|
257
|
-
:style="{
|
|
258
|
-
width: seatSize+'px',
|
|
259
|
-
height:seatSize+'px',
|
|
260
|
-
backgroundImage:'url('+ nomarlOhter+'selected.png?ver='+ver+')'
|
|
261
|
-
}"
|
|
262
|
-
class="xd-online-seat__bg"
|
|
263
|
-
></view>
|
|
264
|
-
<text>选中</text>
|
|
265
|
-
</view>
|
|
266
|
-
</view>
|
|
267
|
-
<view class="AreaPrice">
|
|
268
|
-
<view class="xd-online-seat__tips-item">
|
|
269
|
-
<view :style="{ width: seatSize*2 +'px', height:seatSize+'px',display:'flex'}">
|
|
270
|
-
<view
|
|
271
|
-
:style="{
|
|
272
|
-
width: seatSize+'px',
|
|
273
|
-
height:seatSize+'px',
|
|
274
|
-
backgroundImage:'url('+ nomarlOhter+'l-l-use.png?ver='+ver+')'
|
|
275
|
-
}" class="xd-online-seat__bg"></view>
|
|
276
|
-
<view
|
|
277
|
-
:style="{
|
|
278
|
-
width: seatSize+'px',
|
|
279
|
-
height:seatSize+'px',
|
|
280
|
-
backgroundImage:'url('+ nomarlOhter+'l-r-use.png?ver='+ver+')'
|
|
281
|
-
}" class="xd-online-seat__bg"></view>
|
|
282
|
-
</view>
|
|
283
|
-
<text>情侣</text>
|
|
284
|
-
</view>
|
|
285
|
-
</view>
|
|
286
|
-
</scroll-view>
|
|
105
|
+
<view
|
|
106
|
+
class="xd-online-seat__stage"
|
|
107
|
+
>
|
|
108
|
+
<text>{{seathallNames}} 屏幕</text>
|
|
287
109
|
</view>
|
|
288
|
-
|
|
289
|
-
<!--普通排期-->
|
|
290
|
-
<view v-else class="xd-online-seat__tips">
|
|
110
|
+
<view class="xd-online-seat__tips">
|
|
291
111
|
<view class="xd-online-seat__tips-item">
|
|
292
112
|
<view
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
width: seatSize+'px',
|
|
296
|
-
height:seatSize+'px',
|
|
297
|
-
backgroundImage:'url('+ nomarlOhter+'use.png?ver='+ver+')'
|
|
298
|
-
}"
|
|
113
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px;'"
|
|
114
|
+
class="xd-online-seat__unselected"
|
|
299
115
|
></view>
|
|
300
116
|
<span>可选</span>
|
|
301
117
|
</view>
|
|
302
118
|
<view class="xd-online-seat__tips-item">
|
|
303
119
|
<view
|
|
304
|
-
:style="
|
|
305
|
-
|
|
306
|
-
height:seatSize+'px',
|
|
307
|
-
backgroundImage:'url('+ nomarlOhter+'sold.png?ver='+ver+')'
|
|
308
|
-
}"
|
|
309
|
-
class="xd-online-seat__bg"
|
|
120
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px'"
|
|
121
|
+
class="xd-online-seat__disbaled"
|
|
310
122
|
></view>
|
|
311
|
-
<span
|
|
123
|
+
<span>不可选</span>
|
|
312
124
|
</view>
|
|
313
125
|
<view class="xd-online-seat__tips-item">
|
|
314
126
|
<view
|
|
315
|
-
:style="
|
|
316
|
-
|
|
317
|
-
height:seatSize+'px',
|
|
318
|
-
backgroundImage:'url('+ nomarlOhter+'selected.png?ver='+ver+')'
|
|
319
|
-
}"
|
|
320
|
-
class="xd-online-seat__bg"
|
|
127
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px'"
|
|
128
|
+
class="xd-online-seat__selected"
|
|
321
129
|
></view>
|
|
322
130
|
<span>选中</span>
|
|
323
131
|
</view>
|
|
324
132
|
<view class="xd-online-seat__tips-item">
|
|
325
|
-
<view
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
height:seatSize+'px',
|
|
330
|
-
backgroundImage:'url('+ nomarlOhter+'l-l-use.png?ver='+ver+')'
|
|
331
|
-
}" class="xd-online-seat__bg"></view>
|
|
332
|
-
<view
|
|
333
|
-
:style="{
|
|
334
|
-
width: seatSize+'px',
|
|
335
|
-
height:seatSize+'px',
|
|
336
|
-
backgroundImage:'url('+ nomarlOhter+'l-r-use.png?ver='+ver+')'
|
|
337
|
-
}" class="xd-online-seat__bg"></view>
|
|
338
|
-
</view>
|
|
133
|
+
<view
|
|
134
|
+
:style="'width:'+seatSize+'px;height:'+seatSize+'px'"
|
|
135
|
+
class="xd-online-seat__lovely"
|
|
136
|
+
></view>
|
|
339
137
|
<span>情侣</span>
|
|
340
138
|
</view>
|
|
341
139
|
</view>
|
|
342
|
-
<!--普通排期-->
|
|
343
|
-
<view class="xd-online-seat__stage">
|
|
344
|
-
<text>{{seathallNames}} 屏幕</text>
|
|
345
|
-
</view>
|
|
346
140
|
<view class="xd-online-seat__body">
|
|
347
141
|
<view
|
|
348
142
|
class="xd-online-seat__center-line"
|
|
@@ -358,43 +152,15 @@
|
|
|
358
152
|
v-for="(seat,col) in item"
|
|
359
153
|
:key="col"
|
|
360
154
|
class="xd-online-seat__item"
|
|
361
|
-
:style="
|
|
362
|
-
width:seatSize + 'px',
|
|
363
|
-
height: seatSize + 'px',
|
|
364
|
-
}"
|
|
155
|
+
:style="'width:'+(seatSize)+'px;height:'+(seatSize)+'px; margin-left:2px;'"
|
|
365
156
|
@click="(e)=>{
|
|
366
157
|
handleChooseSeat(e,seat,index,col)
|
|
367
158
|
}"
|
|
368
159
|
>
|
|
369
|
-
|
|
370
|
-
<
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
backgroundImage:'url('+ `${areaLove}${seat.isLove}-${seat.typeStatus}-${areaPriceIndex[seat.price]}` +'.png?ver='+ ver +')'
|
|
374
|
-
}"></view>
|
|
375
|
-
<view v-else class="xd-online-seat__bg" :style="{
|
|
376
|
-
backgroundImage:'url('+ `${areaLove}${seat.isLove}-${seat.typeStatus}` +'.png?ver='+ ver +')'
|
|
377
|
-
}"></view>
|
|
378
|
-
</template>
|
|
379
|
-
|
|
380
|
-
<template v-else>
|
|
381
|
-
<view v-if="seat.typeStatus === 'use'" class='xd-online-seat__bg' :style="{
|
|
382
|
-
backgroundImage:'url('+ `${areaOhter}${seat.typeStatus}-${areaPriceIndex[seat.price]}` +'.png?ver='+ ver +')'
|
|
383
|
-
}"></view>
|
|
384
|
-
<view v-else class='xd-online-seat__bg' :style="{
|
|
385
|
-
backgroundImage:'url('+ `${areaOhter}${seat.typeStatus}` +'.png?ver='+ ver +')'
|
|
386
|
-
}"></view>
|
|
387
|
-
</template>
|
|
388
|
-
</template>
|
|
389
|
-
<!--普通排期-->
|
|
390
|
-
<template v-else>
|
|
391
|
-
<view class="xd-online-seat__bg" v-if="seat.isLove" :style="{
|
|
392
|
-
backgroundImage:'url('+ `${nomarlLove}${seat.isLove}-${seat.typeStatus}` +'.png?ver='+ ver +')'
|
|
393
|
-
}"></view>
|
|
394
|
-
<view v-else class="xd-online-seat__bg" :style="{
|
|
395
|
-
backgroundImage:'url('+ nomarlOhter+seat.typeStatus +'.png?ver='+ver+')'
|
|
396
|
-
}"></view>
|
|
397
|
-
</template>
|
|
160
|
+
<view v-if="seat.type===0" class="xd-online-seat__unselected"></view>
|
|
161
|
+
<view v-if="seat.type===1" class="xd-online-seat__disbaled"></view>
|
|
162
|
+
<view v-if="seat.type===2" class="xd-online-seat__selected"></view>
|
|
163
|
+
<view v-if="seat.type===3" class="xd-online-seat__lovely"></view>
|
|
398
164
|
</view>
|
|
399
165
|
</view>
|
|
400
166
|
</view>
|
|
@@ -421,43 +187,25 @@
|
|
|
421
187
|
v-for="(m,mindex) in seatRowList"
|
|
422
188
|
:key="mindex">{{m}}</view>
|
|
423
189
|
</view>
|
|
424
|
-
<view class="preloadIcon">
|
|
425
|
-
<view v-if="isAreaPrice">
|
|
426
|
-
<image :src="`${areaOhter}${img}.png?ver=${ver}`" v-for="(img,index) in preloadIcon" :key="index"></image>
|
|
427
|
-
</view>
|
|
428
|
-
<view v-else>
|
|
429
|
-
<image :src="`${nomarlOhter}${img}.png?ver=${ver}`" v-for="(img,index) in preloadIcon" :key="index"></image>
|
|
430
|
-
</view>
|
|
431
|
-
</view>
|
|
432
190
|
</view>
|
|
433
191
|
</template>
|
|
434
192
|
<script>
|
|
435
193
|
import helper from "@/utils/helper";
|
|
436
194
|
import XdButton from "@/components/XdButton/XdButton";
|
|
437
|
-
import XdUnit from "@/components/XdUnit/XdUnit.vue";
|
|
438
195
|
import {
|
|
439
196
|
getParentsStyle, //获取页面风格单个键值值
|
|
440
197
|
} from '@/utils/xd.base';
|
|
441
198
|
|
|
442
199
|
export default {
|
|
443
200
|
name: 'XdOnlineSeatMove',
|
|
444
|
-
components: {
|
|
445
|
-
XdButton,
|
|
446
|
-
XdUnit
|
|
447
|
-
},
|
|
201
|
+
components: {XdButton},
|
|
448
202
|
props: {
|
|
449
203
|
list: {
|
|
450
|
-
type: Array | Object
|
|
204
|
+
type: Array | Object,
|
|
451
205
|
default() {
|
|
452
206
|
return {};
|
|
453
207
|
}
|
|
454
208
|
},
|
|
455
|
-
areaPrices:{
|
|
456
|
-
type: Array||null,
|
|
457
|
-
default() {
|
|
458
|
-
return [];
|
|
459
|
-
}
|
|
460
|
-
},
|
|
461
209
|
layoutInfo: {
|
|
462
210
|
type: Object,
|
|
463
211
|
default() {
|
|
@@ -499,7 +247,7 @@
|
|
|
499
247
|
stageHeight: 120, //舞台块高度px
|
|
500
248
|
tipsheight: 76, //提示块高度px
|
|
501
249
|
//#endif
|
|
502
|
-
//#
|
|
250
|
+
//#ifndef MP-WEIXIN
|
|
503
251
|
stageHeight: 80, //舞台块高度px
|
|
504
252
|
tipsheight: 76, //提示块高度px
|
|
505
253
|
//#endif
|
|
@@ -525,29 +273,6 @@
|
|
|
525
273
|
seatTotalNumber: 0, //座位总数
|
|
526
274
|
|
|
527
275
|
styleMainColor: '', //插件主题风格样式
|
|
528
|
-
|
|
529
|
-
//分区排期
|
|
530
|
-
isAreaPrice: false,
|
|
531
|
-
ver:5,
|
|
532
|
-
areaPriceIndex:{},
|
|
533
|
-
preloadIcon:['l-r-selected','l-l-selected', 'selected', 'sold', 'l-r-sold','l-l-sold'],
|
|
534
|
-
|
|
535
|
-
//#ifdef MP-WEIXIN
|
|
536
|
-
nomarlLove:'https://img.jufubao.cn/common/seat/normal/l-',
|
|
537
|
-
nomarlOhter:'https://img.jufubao.cn/common/seat/normal/',
|
|
538
|
-
//#endif
|
|
539
|
-
//#ifdef H5
|
|
540
|
-
nomarlLove:'//img.jufubao.cn/common/seat/normal/l-',
|
|
541
|
-
nomarlOhter:'//img.jufubao.cn/common/seat/normal/',
|
|
542
|
-
//#endif
|
|
543
|
-
//#ifdef MP-WEIXIN
|
|
544
|
-
areaLove:'https://img.jufubao.cn/common/seat/area/l-',
|
|
545
|
-
areaOhter:'https://img.jufubao.cn/common/seat/area/',
|
|
546
|
-
//#endif
|
|
547
|
-
//#ifdef H5
|
|
548
|
-
areaLove:'//img.jufubao.cn/common/seat/area/l-',
|
|
549
|
-
areaOhter:'//img.jufubao.cn/common/seat/area/',
|
|
550
|
-
//#endif
|
|
551
276
|
};
|
|
552
277
|
},
|
|
553
278
|
computed: {
|
|
@@ -555,7 +280,7 @@
|
|
|
555
280
|
let height = Math.floor((this.seatSize + this.seatMarginBottom / this.pxNum) * this.seatRow + this.stageHeight / this.pxNum + this.tipsheight / this.pxNum);
|
|
556
281
|
return {
|
|
557
282
|
width: this.boxWidth + 'px',
|
|
558
|
-
height: height +
|
|
283
|
+
height: height + 'px',
|
|
559
284
|
padding: `0 ${this.leftPadding * this.pxNum}rpx ${this.leftPadding * this.pxNum}rpx`
|
|
560
285
|
}
|
|
561
286
|
},
|
|
@@ -579,62 +304,35 @@
|
|
|
579
304
|
},
|
|
580
305
|
},
|
|
581
306
|
async created() {
|
|
582
|
-
|
|
583
|
-
//#ifdef MP-WEIXIN
|
|
584
|
-
// todo
|
|
585
|
-
//#endif
|
|
586
|
-
//#ifdef H5
|
|
587
|
-
let time = null;
|
|
588
|
-
window.addEventListener("scroll", ()=>{
|
|
589
|
-
if(time) clearTimeout(time);
|
|
590
|
-
time = setTimeout(()=>{
|
|
591
|
-
this.setSeatOffset();
|
|
592
|
-
}, 400)
|
|
593
|
-
});
|
|
594
|
-
//#endif
|
|
595
|
-
|
|
307
|
+
console.log('created', this.list);
|
|
596
308
|
this.styleMainColor = await getParentsStyle(this.$parent, '$mainColor');
|
|
597
309
|
this.scale = this.defautScale;
|
|
598
310
|
this.seathallNames = this.hallName;
|
|
599
|
-
this.
|
|
311
|
+
this.seatInitStatus = false;
|
|
312
|
+
this.seatSourceList = helper.cloneDeep(this.list);
|
|
313
|
+
|
|
314
|
+
this.init();
|
|
600
315
|
},
|
|
601
316
|
watch: {
|
|
602
317
|
list(val) {
|
|
603
|
-
this.
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
this.startInit(this.list)
|
|
318
|
+
this.seatInitStatus = false;
|
|
319
|
+
this.seatSourceList = helper.cloneDeep(val);
|
|
320
|
+
this.init()
|
|
607
321
|
},
|
|
608
322
|
hallName(val) {
|
|
609
323
|
this.seathallNames = val;
|
|
610
324
|
},
|
|
611
325
|
stageAllHeight(n, o){
|
|
326
|
+
console.log("watch stageAllHeight", n, o)
|
|
612
327
|
if(n !== o && !n){
|
|
613
328
|
this.setSeatOffset();
|
|
614
329
|
}
|
|
615
330
|
}
|
|
616
331
|
},
|
|
617
332
|
mounted(){
|
|
618
|
-
this.setSeatOffset()
|
|
333
|
+
this.setSeatOffset()
|
|
619
334
|
},
|
|
620
335
|
methods: {
|
|
621
|
-
|
|
622
|
-
startInit(list){
|
|
623
|
-
if(this.list !== null && this.areaPrices !== null) {
|
|
624
|
-
if(this.areaPrices.length > 0) {
|
|
625
|
-
let areaPriceIndex = {};
|
|
626
|
-
this.areaPrices.map((area, index)=>{
|
|
627
|
-
areaPriceIndex[area.price] = index;
|
|
628
|
-
})
|
|
629
|
-
this.areaPriceIndex = areaPriceIndex;
|
|
630
|
-
}
|
|
631
|
-
|
|
632
|
-
this.seatInitStatus = false;
|
|
633
|
-
this.seatSourceList = helper.cloneDeep(list);
|
|
634
|
-
this.isAreaPrice = this.areaPrices.length > 0
|
|
635
|
-
this.init();
|
|
636
|
-
}
|
|
637
|
-
},
|
|
638
336
|
reSelectData(){
|
|
639
337
|
this.totalPrice = 0;
|
|
640
338
|
this.seatSelected = [];
|
|
@@ -647,13 +345,11 @@
|
|
|
647
345
|
},
|
|
648
346
|
|
|
649
347
|
touchMove(e) {
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
// this.scaleStop = true;
|
|
656
|
-
// }
|
|
348
|
+
if (e.touches.length > 1) {
|
|
349
|
+
this.scaleStop = false;
|
|
350
|
+
}else{
|
|
351
|
+
this.scaleStop = true;
|
|
352
|
+
}
|
|
657
353
|
},
|
|
658
354
|
|
|
659
355
|
touchEnd(e) {
|
|
@@ -671,7 +367,7 @@
|
|
|
671
367
|
], this)
|
|
672
368
|
.then(res => {
|
|
673
369
|
let {top, left, width, height} = res['.xd-online-seat__body'];
|
|
674
|
-
|
|
370
|
+
console.log('setSeatOffset',res['.xd-online-seat__body'], this.layoutInfo)
|
|
675
371
|
this.seatOffsetTop = top + (this.layoutInfo.top || 0) * this.$rpxNum;
|
|
676
372
|
this.seatOffsetLeft = left;
|
|
677
373
|
this.seatDom = res['.xd-online-seat__body'];
|
|
@@ -686,12 +382,13 @@
|
|
|
686
382
|
|
|
687
383
|
init() {
|
|
688
384
|
this.systemInfo = getApp().globalData.$systemInfo;
|
|
689
|
-
this.boxWidth = getApp().globalData.$systemInfo.windowWidth - this.leftPadding - 4
|
|
385
|
+
this.boxWidth = getApp().globalData.$systemInfo.windowWidth - this.leftPadding - 4*this.scale;
|
|
690
386
|
this.srceenType = this.$isPortrait;
|
|
691
387
|
this.reSelectData();
|
|
692
388
|
|
|
693
389
|
if (this.seatSourceList && !helper.isEmpty(this.seatSourceList)) {
|
|
694
390
|
this.initData(this.seatSourceList);
|
|
391
|
+
|
|
695
392
|
}
|
|
696
393
|
},
|
|
697
394
|
|
|
@@ -727,48 +424,32 @@
|
|
|
727
424
|
* @desc cell.type -1为非座位，0为可购座位，1为不可购座位, 2为已购座位(平台起作用), 3为情侣座位(LL,LR)，
|
|
728
425
|
*/
|
|
729
426
|
initSeatArray() {
|
|
730
|
-
|
|
731
427
|
this.seatSourceList.map((row, posRow) => {
|
|
732
428
|
row.map((cell, posCell) => {
|
|
429
|
+
|
|
733
430
|
//设置位置
|
|
734
431
|
cell['posRow'] = posRow;
|
|
735
432
|
cell['posCell'] = posCell;
|
|
736
433
|
|
|
737
|
-
|
|
738
434
|
//非座位状态
|
|
739
435
|
if (cell.type === 'G') cell.type = -1;
|
|
740
436
|
|
|
741
|
-
//非地板｜右情侣｜左情侣
|
|
742
|
-
if(!(cell.type === 'G' || cell.type === 'LR' || cell.type === 'LL')){
|
|
743
|
-
cell.type = cell.type + '';
|
|
744
|
-
if(!cell.isLove) cell.isLove = '';
|
|
745
|
-
}
|
|
746
|
-
|
|
747
437
|
//情侣座位状态
|
|
748
438
|
if (cell.type === 'LL') {
|
|
749
439
|
cell.type = 3;
|
|
750
440
|
cell.lovely = 'LL'; //记录左情侣座
|
|
751
|
-
cell.typeStatus = 'use'
|
|
752
|
-
cell.isLove = 'l';
|
|
753
441
|
this.seatTotalNumber++;
|
|
754
442
|
}
|
|
755
443
|
|
|
756
444
|
//记录右情侣座
|
|
757
445
|
if (cell.type === 'LR') {
|
|
758
446
|
cell.lovely = 'LR';
|
|
759
|
-
cell.typeStatus = 'use'
|
|
760
|
-
cell.isLove = 'r';
|
|
761
447
|
}
|
|
762
448
|
|
|
763
449
|
//可选 or 不可购买座位状态
|
|
764
450
|
if (cell.type === '0' || cell.type === 'LR') {
|
|
765
451
|
if (cell.status === 'false') cell.type = 1;
|
|
766
452
|
else cell.type = 0;
|
|
767
|
-
|
|
768
|
-
//status false： 不可以用 true：可用
|
|
769
|
-
if(cell.status === 'false') cell.typeStatus = 'sold'
|
|
770
|
-
else cell.typeStatus = 'use'
|
|
771
|
-
|
|
772
453
|
this.seatTotalNumber++;
|
|
773
454
|
}
|
|
774
455
|
});
|
|
@@ -804,7 +485,6 @@
|
|
|
804
485
|
});
|
|
805
486
|
this.seatRowList = temp;
|
|
806
487
|
this.seatInitStatus = true;
|
|
807
|
-
|
|
808
488
|
},
|
|
809
489
|
|
|
810
490
|
/**
|
|
@@ -857,6 +537,7 @@
|
|
|
857
537
|
totalPrice = this.$xdUniHelper.addFloatNumber(totalPrice, price);
|
|
858
538
|
});
|
|
859
539
|
this.totalPrice = totalPrice;
|
|
540
|
+
console.log(JSON.stringify(this.seatSelected));
|
|
860
541
|
},
|
|
861
542
|
|
|
862
543
|
/**
|
|
@@ -1102,10 +783,11 @@
|
|
|
1102
783
|
* @param posCol
|
|
1103
784
|
*/
|
|
1104
785
|
handleChooseSeat: function (ev, item, posRow, posCol) {
|
|
786
|
+
console.log('handleChooseSeat',ev)
|
|
1105
787
|
|
|
1106
788
|
//如果是不可选，直接返回
|
|
1107
789
|
if (item['type'] === 1 || item['type'] === -1) return;
|
|
1108
|
-
|
|
790
|
+
|
|
1109
791
|
//购买数量大于设定购买数量并且是选择操作
|
|
1110
792
|
if ((item['type'] === 0 || item['type']=== 3)
|
|
1111
793
|
&& this.seatSelected.length >= this.seatMaxBuyNumber
|
|
@@ -1114,26 +796,23 @@
|
|
|
1114
796
|
return;
|
|
1115
797
|
}
|
|
1116
798
|
|
|
1117
|
-
console.warn(`handleChooseSeat:${JSON.stringify(item)}`)
|
|
1118
799
|
|
|
1119
800
|
//选择当前行数据
|
|
1120
801
|
let row = this.$xdUniHelper.cloneDeep(this.seatArray[posRow]);
|
|
1121
802
|
console.log(item, posRow, posCol, item['type']);
|
|
1122
803
|
|
|
1123
804
|
|
|
1124
|
-
|
|
1125
805
|
//取消选择中操作
|
|
1126
806
|
if (item['type'] === 2) {
|
|
1127
807
|
console.log('取消选择中操作', item['type']);
|
|
1128
808
|
item['type'] = 0;
|
|
1129
|
-
|
|
809
|
+
|
|
1130
810
|
|
|
1131
811
|
//左情侣取消
|
|
1132
812
|
if (item['lovely'] === 'LL') {
|
|
1133
813
|
item['type'] = 3;
|
|
1134
814
|
let lovelyseat = row[posCol + 1];
|
|
1135
815
|
lovelyseat['type'] = 0;
|
|
1136
|
-
lovelyseat['typeStatus'] = 'use';
|
|
1137
816
|
this.selectSeat(lovelyseat, '-');
|
|
1138
817
|
}
|
|
1139
818
|
|
|
@@ -1142,7 +821,6 @@
|
|
|
1142
821
|
item['type'] = 0;
|
|
1143
822
|
let lovelyseat = row[posCol - 1];
|
|
1144
823
|
lovelyseat['type'] = 3;
|
|
1145
|
-
lovelyseat['typeStatus'] = 'use';
|
|
1146
824
|
this.selectSeat(lovelyseat, '-');
|
|
1147
825
|
}
|
|
1148
826
|
|
|
@@ -1153,13 +831,11 @@
|
|
|
1153
831
|
else if (item['type'] === 0 || item['type'] === 3) {
|
|
1154
832
|
console.log('选择中操作', item['type'], item.name);
|
|
1155
833
|
item['type'] = 2;
|
|
1156
|
-
item['typeStatus'] = 'selected';
|
|
1157
834
|
this.selectSeat(item, '+');
|
|
1158
835
|
|
|
1159
836
|
//选中左情侣
|
|
1160
837
|
if (item['lovely'] === 'LL') {
|
|
1161
838
|
row[posCol + 1]['type'] = 2;
|
|
1162
|
-
row[posCol + 1]['typeStatus'] = 'selected';
|
|
1163
839
|
this.selectSeat(row[posCol + 1], '+');
|
|
1164
840
|
this.$xdLog.setARMSInfo({
|
|
1165
841
|
LL: item,
|
|
@@ -1171,7 +847,6 @@
|
|
|
1171
847
|
//选中右情侣
|
|
1172
848
|
if (item['lovely'] === 'LR') {
|
|
1173
849
|
row[posCol - 1]['type'] = 2;
|
|
1174
|
-
row[posCol - 1]['typeStatus'] = 'selected';
|
|
1175
850
|
this.selectSeat(row[posCol - 1], '+');
|
|
1176
851
|
this.$xdLog.setARMSInfo({
|
|
1177
852
|
LL: row[posCol - 1],
|
|
@@ -1185,6 +860,7 @@
|
|
|
1185
860
|
//更新座位图数据
|
|
1186
861
|
row.splice(posCol, 1, item);
|
|
1187
862
|
this.seatArray.splice(posRow, 1, row);
|
|
863
|
+
|
|
1188
864
|
},
|
|
1189
865
|
|
|
1190
866
|
}
|
|
@@ -1198,36 +874,39 @@
|
|
|
1198
874
|
box-sizing: border-box;
|
|
1199
875
|
position: relative;
|
|
1200
876
|
|
|
1201
|
-
|
|
1202
|
-
position: absolute;
|
|
1203
|
-
top:-9999px;
|
|
1204
|
-
left: -9000px;
|
|
1205
|
-
width: 100vw;
|
|
1206
|
-
}
|
|
1207
|
-
|
|
1208
|
-
.scroll-view_H {
|
|
1209
|
-
white-space: nowrap;
|
|
1210
|
-
width: 100%;
|
|
1211
|
-
height: 100%;
|
|
877
|
+
/*height: 100vh;*/
|
|
1212
878
|
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
}
|
|
879
|
+
&__disbaled {
|
|
880
|
+
background-image: url(@xd-bg-disbaled);
|
|
881
|
+
background-size: 100%;
|
|
882
|
+
background-position: top left;
|
|
883
|
+
background-repeat: no-repeat;
|
|
884
|
+
font-size: 12px;
|
|
1220
885
|
}
|
|
1221
886
|
|
|
1222
|
-
|
|
887
|
+
&__selected {
|
|
888
|
+
background-image: url(@xd-bg-selected);
|
|
889
|
+
background-size: 100%;
|
|
890
|
+
background-position: top left;
|
|
891
|
+
background-repeat: no-repeat;
|
|
892
|
+
font-size: 12px;
|
|
893
|
+
}
|
|
1223
894
|
|
|
1224
|
-
&
|
|
895
|
+
&__unselected {
|
|
896
|
+
background-image: url(@xd-bg-unselected);
|
|
1225
897
|
background-size: 100%;
|
|
1226
898
|
background-position: top left;
|
|
1227
899
|
background-repeat: no-repeat;
|
|
1228
900
|
font-size: 12px;
|
|
1229
901
|
}
|
|
1230
902
|
|
|
903
|
+
&__lovely {
|
|
904
|
+
background-image: url(@xd-bg-lovely);
|
|
905
|
+
background-size: 100%;
|
|
906
|
+
background-position: top left;
|
|
907
|
+
background-repeat: no-repeat;
|
|
908
|
+
font-size: 12px;
|
|
909
|
+
}
|
|
1231
910
|
|
|
1232
911
|
width: unit(750, rpx);
|
|
1233
912
|
|
|
@@ -1279,20 +958,19 @@
|
|
|
1279
958
|
display: flex;
|
|
1280
959
|
justify-content: center;
|
|
1281
960
|
align-content: center;
|
|
1282
|
-
height: unit(
|
|
1283
|
-
padding: unit(30, rpx)
|
|
961
|
+
height: unit(40, rpx);
|
|
962
|
+
padding: 0 0 unit(30, rpx);
|
|
1284
963
|
|
|
1285
964
|
&-item {
|
|
1286
965
|
font-size: @xd-font-size-base;
|
|
1287
966
|
margin: 0 unit(10, rpx);
|
|
1288
967
|
display: flex;
|
|
1289
968
|
justify-content: center;
|
|
969
|
+
align-content: center;
|
|
1290
970
|
align-items: center;
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
& > text {
|
|
1295
|
-
line-height: 50rpx;
|
|
971
|
+
|
|
972
|
+
*, view {
|
|
973
|
+
margin-right: unit(10, rpx);
|
|
1296
974
|
}
|
|
1297
975
|
}
|
|
1298
976
|
}
|
|
@@ -1311,15 +989,13 @@
|
|
|
1311
989
|
|
|
1312
990
|
&__body {
|
|
1313
991
|
position: relative;
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
992
|
}
|
|
1317
993
|
|
|
1318
994
|
&__center-line {
|
|
1319
995
|
border-left: 1px dashed #e5e5e5;
|
|
1320
996
|
position: absolute;
|
|
1321
997
|
left: 50%;
|
|
1322
|
-
margin-left:
|
|
998
|
+
margin-left: 1px;
|
|
1323
999
|
-webkit-transform: translateX(-50%);
|
|
1324
1000
|
transform: translateX(-50%);
|
|
1325
1001
|
top: unit(-10, rpx)
|