jufubao-base 1.0.167 → 1.0.169-beta1
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/JfbBaseLogin/Attr.js +1109 -510
- package/src/components/JfbBaseLogin/JfbBaseLogin.vue +364 -63
- package/src/components/JfbBaseSweep/JfbBaseSweep.vue +2 -2
- package/src/components/JfbBaseTfkCardBind/Attr.js +579 -33
- package/src/components/JfbBaseTfkCardBind/JfbBaseTfkCardBind.vue +453 -18
- package/src/components/JfbBaseTfkCardDetail/Api.js +5 -44
- package/src/components/JfbBaseTfkCardDetail/Attr.js +365 -33
- package/src/components/JfbBaseTfkCardDetail/JfbBaseTfkCardDetail.vue +416 -15
- package/src/components/JfbBaseTfkCardDetail/Mock.js +151 -11
- package/src/components/JfbBaseTfkCardLogin/Api.js +19 -34
- package/src/components/JfbBaseTfkCardLogin/Attr.js +602 -33
- package/src/components/JfbBaseTfkCardLogin/JfbBaseTfkCardLogin.vue +582 -17
- package/src/components/JfbBaseTfkCardLogin/Mock.js +721 -11
|
@@ -14,30 +14,267 @@
|
|
|
14
14
|
</view>
|
|
15
15
|
<!-- #endif -->
|
|
16
16
|
<view class="jfb-base-tfk-card-detail__body">
|
|
17
|
-
<view
|
|
17
|
+
<view v-if="curModule === 'main'">
|
|
18
|
+
<view class="card_wrap" :style="cardWrapBoxStyle">
|
|
19
|
+
<view class="ticket_card" :style="cardBoxStyle">
|
|
20
|
+
<view class="card_top">
|
|
21
|
+
<view class="card_point_name">
|
|
22
|
+
<view class="_point">
|
|
23
|
+
<xd-unit
|
|
24
|
+
:unitFontSize="24"
|
|
25
|
+
:fontSize="40"
|
|
26
|
+
:price="cardInfo.card_point"
|
|
27
|
+
:isOld="false"
|
|
28
|
+
:colorNew="cardFontColor"
|
|
29
|
+
:unit="cardInfo.unit || ''"
|
|
30
|
+
></xd-unit>
|
|
31
|
+
</view>
|
|
32
|
+
<view class="_name">{{ cardInfo.card_type_name }}</view>
|
|
33
|
+
</view>
|
|
34
|
+
<view>
|
|
35
|
+
<view class="card_deduct">购买其他物品可抵扣:78.21</view>
|
|
36
|
+
</view>
|
|
37
|
+
</view>
|
|
38
|
+
<view class="card_bottom">
|
|
39
|
+
<view>ID:{{ cardInfo.card_number}}</view>
|
|
40
|
+
<view>{{ cardInfo.end_time }}到期</view>
|
|
41
|
+
</view>
|
|
42
|
+
</view>
|
|
43
|
+
</view>
|
|
44
|
+
<view class="business_login" :style="businessWrapBox">
|
|
45
|
+
<view v-if="showBusinessList === 'Y'">
|
|
46
|
+
<view class="bus_title">进入业务板块</view>
|
|
47
|
+
<view class="bus_list">
|
|
48
|
+
<view class="bus_item" v-for="(item, i) in businessList" :key="i"
|
|
49
|
+
:style="businessItemBox">
|
|
50
|
+
<view class="bus_img">
|
|
51
|
+
<image :src="item.image_url" />
|
|
52
|
+
</view>
|
|
53
|
+
<view class="bus_name">{{item.entry_name}}</view>
|
|
54
|
+
</view>
|
|
55
|
+
</view>
|
|
56
|
+
</view>
|
|
57
|
+
<view v-else>
|
|
58
|
+
<xd-button type="primary">立即使用</xd-button>
|
|
59
|
+
</view>
|
|
60
|
+
</view>
|
|
61
|
+
<view class="list_col_wrap" :style="listColWrapBoxStyle">
|
|
62
|
+
<view class="list_item" :style="listColItemStyle">
|
|
63
|
+
<view class="list_title">使用规则</view>
|
|
64
|
+
<view class="list_icon">
|
|
65
|
+
<xd-font-icon icon="iconxiangyou_xian" size="24"></xd-font-icon>
|
|
66
|
+
</view>
|
|
67
|
+
</view>
|
|
68
|
+
<view class="list_item" :style="listColItemStyle">
|
|
69
|
+
<view class="list_title">提货码</view>
|
|
70
|
+
<view class="list_icon">
|
|
71
|
+
<xd-font-icon icon="iconxiangyou_xian" size="24"></xd-font-icon>
|
|
72
|
+
</view>
|
|
73
|
+
</view>
|
|
74
|
+
</view>
|
|
75
|
+
</view>
|
|
76
|
+
<view v-if="curModule === 'rule'">
|
|
77
|
+
<view class="rule_wrap" :style="ruleDetailBoxStyle">
|
|
78
|
+
使用规则
|
|
79
|
+
</view>
|
|
80
|
+
</view>
|
|
81
|
+
<view v-if="curModule === 'pickup'">
|
|
82
|
+
<view class="code_wrap" :style="codeDetailBoxStyle">
|
|
83
|
+
<view class="code_title">
|
|
84
|
+
<view><xd-font-icon :icon='payPreIcon || "iconsaoma1"' size="54"></xd-font-icon></view>
|
|
85
|
+
<view class="_title">向商家付款</view>
|
|
86
|
+
</view>
|
|
87
|
+
<view class="barcode"></view>
|
|
88
|
+
<view class="qrcode" :style="qrcodeBoxStyle"></view>
|
|
89
|
+
<view class="time_loop">9分59秒后自动刷新</view>
|
|
90
|
+
<view class="refresh_btn">
|
|
91
|
+
<xd-font-icon class="btn_icon" :icon="refreshIcon"></xd-font-icon>
|
|
92
|
+
刷新二维码
|
|
93
|
+
</view>
|
|
94
|
+
</view>
|
|
95
|
+
</view>
|
|
18
96
|
</view>
|
|
19
97
|
</view>
|
|
20
98
|
</template>
|
|
21
99
|
|
|
22
100
|
<script>
|
|
23
101
|
import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
|
|
102
|
+
import XdButton from "@/components/XdButton/XdButton";
|
|
103
|
+
import XdUnit from "@/components/XdUnit/XdUnit";
|
|
24
104
|
import { jfbRootExec } from "@/utils/xd.event";
|
|
25
105
|
import JfbBaseTfkCardDetailMixin from "./JfbBaseTfkCardDetailMixin";
|
|
26
106
|
import { getContainerPropsValue } from "@/utils/xd.base";
|
|
27
107
|
import componentsMixins from "@/mixins/componentsMixins";
|
|
28
108
|
import extsMixins from "@/mixins/extsMixins";
|
|
109
|
+
import getServiceUrl from '@/common/getServiceUrl'
|
|
29
110
|
export default {
|
|
30
111
|
name: "JfbBaseTfkCardDetail",
|
|
31
112
|
components: {
|
|
32
|
-
XdFontIcon
|
|
113
|
+
XdFontIcon,
|
|
114
|
+
XdButton,
|
|
115
|
+
XdUnit,
|
|
33
116
|
},
|
|
34
117
|
mixins: [
|
|
35
118
|
componentsMixins, extsMixins, JfbBaseTfkCardDetailMixin
|
|
36
119
|
],
|
|
37
120
|
data() {
|
|
38
121
|
return {
|
|
122
|
+
curModule: "main",
|
|
123
|
+
card_number: "",
|
|
124
|
+
cardInfo: {},
|
|
125
|
+
businessList: [],
|
|
39
126
|
|
|
127
|
+
showBusinessList: "Y",
|
|
40
128
|
//todo
|
|
129
|
+
cardInfoMargin: {},
|
|
130
|
+
cardInfoPadding: {},
|
|
131
|
+
cardImageUrl: "",
|
|
132
|
+
cardHeight: 260,
|
|
133
|
+
cardRadius: 10,
|
|
134
|
+
bussPadding: {},
|
|
135
|
+
bussMargin: {},
|
|
136
|
+
bussTempMargin: {},
|
|
137
|
+
bussTempBgColor: "",
|
|
138
|
+
listColMargin: {},
|
|
139
|
+
listColPadding: {},
|
|
140
|
+
listColSpace: 0,
|
|
141
|
+
cardFontColor: "",
|
|
142
|
+
ruleDetailMargin: {},
|
|
143
|
+
ruleDetailPadding: {},
|
|
144
|
+
ruleDetailBgColor: "",
|
|
145
|
+
codeDetailMargin: {},
|
|
146
|
+
codeDetailPadding: {},
|
|
147
|
+
codeDetailBgColor: "",
|
|
148
|
+
qrcodeWidth: 300,
|
|
149
|
+
payPreIcon: "",
|
|
150
|
+
refreshIcon: "",
|
|
151
|
+
bussWidth: 100,
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
computed: {
|
|
155
|
+
cardWrapBoxStyle(){
|
|
156
|
+
let padding = `${this.checkValue(this.cardInfoMargin.top, 20)}rpx`;
|
|
157
|
+
padding = `${padding} ${this.checkValue(this.cardInfoMargin.right, 20)}rpx`;
|
|
158
|
+
padding = `${padding} ${this.checkValue(this.cardInfoMargin.bottom, 20)}rpx`;
|
|
159
|
+
padding = `${padding} ${this.checkValue(this.cardInfoMargin.left, 20)}rpx`;
|
|
160
|
+
|
|
161
|
+
return this.styleObjectToString({
|
|
162
|
+
padding: padding,
|
|
163
|
+
})
|
|
164
|
+
},
|
|
165
|
+
businessWrapBox(){
|
|
166
|
+
let margin = `${this.checkValue(this.bussTempMargin.top, 20)}rpx`;
|
|
167
|
+
margin = `${margin} ${this.checkValue(this.bussTempMargin.right, 20)}rpx`;
|
|
168
|
+
margin = `${margin} ${this.checkValue(this.bussTempMargin.bottom, 20)}rpx`;
|
|
169
|
+
margin = `${margin} ${this.checkValue(this.bussTempMargin.left, 20)}rpx`;
|
|
170
|
+
|
|
171
|
+
let padding = `${this.checkValue(this.bussPadding.top, 20)}rpx`;
|
|
172
|
+
padding = `${padding} ${this.checkValue(this.bussPadding.right, 20)}rpx`;
|
|
173
|
+
padding = `${padding} ${this.checkValue(this.bussPadding.bottom, 20)}rpx`;
|
|
174
|
+
padding = `${padding} ${this.checkValue(this.bussPadding.left, 20)}rpx`;
|
|
175
|
+
|
|
176
|
+
return this.styleObjectToString({
|
|
177
|
+
margin: margin,
|
|
178
|
+
padding: padding,
|
|
179
|
+
backgroundColor: this.bussTempBgColor,
|
|
180
|
+
})
|
|
181
|
+
},
|
|
182
|
+
|
|
183
|
+
businessItemBox(){
|
|
184
|
+
let margin = `${this.checkValue(this.bussMargin.top, 20)}rpx`;
|
|
185
|
+
margin = `${margin} ${this.checkValue(this.bussMargin.right, 20)}rpx`;
|
|
186
|
+
margin = `${margin} ${this.checkValue(this.bussMargin.bottom, 20)}rpx`;
|
|
187
|
+
margin = `${margin} ${this.checkValue(this.bussMargin.left, 20)}rpx`;
|
|
188
|
+
return this.styleObjectToString({
|
|
189
|
+
margin: margin,
|
|
190
|
+
width: this.bussWidth + 'rpx'
|
|
191
|
+
})
|
|
192
|
+
},
|
|
193
|
+
cardBoxStyle(){
|
|
194
|
+
let style = {};
|
|
195
|
+
if(this.cardImageUrl) style = {
|
|
196
|
+
backgroundImage: `url(${this.getCardBgImage})`,
|
|
197
|
+
backgroundSize: '100%',
|
|
198
|
+
backgroundRepeat: 'no-repeat',
|
|
199
|
+
}
|
|
200
|
+
let padding = `${this.checkValue(this.cardInfoPadding.top, 20)}rpx`;
|
|
201
|
+
padding = `${padding} ${this.checkValue(this.cardInfoPadding.right, 20)}rpx`;
|
|
202
|
+
padding = `${padding} ${this.checkValue(this.cardInfoPadding.bottom, 20)}rpx`;
|
|
203
|
+
padding = `${padding} ${this.checkValue(this.cardInfoPadding.left, 20)}rpx`;
|
|
204
|
+
style = Object.assign(style, {
|
|
205
|
+
padding: padding,
|
|
206
|
+
height: this.cardHeight + 'rpx',
|
|
207
|
+
borderRadius: this.cardRadius + 'rpx',
|
|
208
|
+
color: this.cardFontColor,
|
|
209
|
+
})
|
|
210
|
+
return this.styleObjectToString(style)
|
|
211
|
+
},
|
|
212
|
+
getCardBgImage(){
|
|
213
|
+
let bg = '';
|
|
214
|
+
if(this.$xdUniHelper.checkVarType(this.cardImageUrl) === 'object'
|
|
215
|
+
|| this.$xdUniHelper.checkVarType(this.cardImageUrl) === 'array'
|
|
216
|
+
) {
|
|
217
|
+
if(!this.$xdUniHelper.isEmpty(this.cardImageUrl)) {
|
|
218
|
+
return getServiceUrl(this.cardImageUrl.url)
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
return bg
|
|
222
|
+
},
|
|
223
|
+
listColWrapBoxStyle(){
|
|
224
|
+
let margin = `${this.checkValue(this.listColMargin.top, 20)}rpx`;
|
|
225
|
+
margin = `${margin} ${this.checkValue(this.listColMargin.right, 20)}rpx`;
|
|
226
|
+
margin = `${margin} ${this.checkValue(this.listColMargin.bottom, 20)}rpx`;
|
|
227
|
+
margin = `${margin} ${this.checkValue(this.listColMargin.left, 20)}rpx`;
|
|
228
|
+
return this.styleObjectToString({
|
|
229
|
+
margin: margin,
|
|
230
|
+
})
|
|
231
|
+
},
|
|
232
|
+
listColItemStyle(){
|
|
233
|
+
let padding = `${this.checkValue(this.listColPadding.top, 20)}rpx`;
|
|
234
|
+
padding = `${padding} ${this.checkValue(this.listColPadding.right, 20)}rpx`;
|
|
235
|
+
padding = `${padding} ${this.checkValue(this.listColPadding.bottom, 20)}rpx`;
|
|
236
|
+
padding = `${padding} ${this.checkValue(this.listColPadding.left, 20)}rpx`;
|
|
237
|
+
return this.styleObjectToString({
|
|
238
|
+
padding,
|
|
239
|
+
marginBottom: this.listColSpace + 'rpx',
|
|
240
|
+
})
|
|
241
|
+
},
|
|
242
|
+
ruleDetailBoxStyle(){
|
|
243
|
+
let padding = `${this.checkValue(this.ruleDetailPadding.top, 20)}rpx`;
|
|
244
|
+
padding = `${padding} ${this.checkValue(this.ruleDetailPadding.right, 20)}rpx`;
|
|
245
|
+
padding = `${padding} ${this.checkValue(this.ruleDetailPadding.bottom, 20)}rpx`;
|
|
246
|
+
padding = `${padding} ${this.checkValue(this.ruleDetailPadding.left, 20)}rpx`;
|
|
247
|
+
let margin = `${this.checkValue(this.ruleDetailMargin.top, 20)}rpx`;
|
|
248
|
+
margin = `${margin} ${this.checkValue(this.ruleDetailMargin.right, 20)}rpx`;
|
|
249
|
+
margin = `${margin} ${this.checkValue(this.ruleDetailMargin.bottom, 20)}rpx`;
|
|
250
|
+
margin = `${margin} ${this.checkValue(this.ruleDetailMargin.left, 20)}rpx`;
|
|
251
|
+
return this.styleObjectToString({
|
|
252
|
+
margin: margin,
|
|
253
|
+
padding: padding,
|
|
254
|
+
backgroundColor: this.ruleDetailBgColor,
|
|
255
|
+
})
|
|
256
|
+
},
|
|
257
|
+
codeDetailBoxStyle(){
|
|
258
|
+
let padding = `${this.checkValue(this.codeDetailPadding.top, 20)}rpx`;
|
|
259
|
+
padding = `${padding} ${this.checkValue(this.codeDetailPadding.right, 20)}rpx`;
|
|
260
|
+
padding = `${padding} ${this.checkValue(this.codeDetailPadding.bottom, 20)}rpx`;
|
|
261
|
+
padding = `${padding} ${this.checkValue(this.codeDetailPadding.left, 20)}rpx`;
|
|
262
|
+
let margin = `${this.checkValue(this.codeDetailMargin.top, 20)}rpx`;
|
|
263
|
+
margin = `${margin} ${this.checkValue(this.codeDetailMargin.right, 20)}rpx`;
|
|
264
|
+
margin = `${margin} ${this.checkValue(this.codeDetailMargin.bottom, 20)}rpx`;
|
|
265
|
+
margin = `${margin} ${this.checkValue(this.codeDetailMargin.left, 20)}rpx`;
|
|
266
|
+
return this.styleObjectToString({
|
|
267
|
+
margin: margin,
|
|
268
|
+
padding: padding,
|
|
269
|
+
backgroundColor: this.codeDetailBgColor,
|
|
270
|
+
})
|
|
271
|
+
},
|
|
272
|
+
qrcodeBoxStyle(){
|
|
273
|
+
|
|
274
|
+
return this.styleObjectToString({
|
|
275
|
+
width: this.qrcodeWidth + 'rpx',
|
|
276
|
+
height: this.qrcodeWidth + 'rpx',
|
|
277
|
+
})
|
|
41
278
|
}
|
|
42
279
|
},
|
|
43
280
|
watch: {
|
|
@@ -53,26 +290,59 @@
|
|
|
53
290
|
},
|
|
54
291
|
methods: {
|
|
55
292
|
onJfbLoad(options) {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
// vm: this,// data: {
|
|
60
|
-
|
|
61
|
-
// account: 'gaoshiyong',// password: '123456789',// type: 3,// ...options
|
|
62
|
-
|
|
63
|
-
// }
|
|
64
|
-
|
|
65
|
-
// }).then().catch()
|
|
293
|
+
this.card_number = options.card_number;
|
|
294
|
+
this.getCardDetail();
|
|
66
295
|
},
|
|
67
296
|
/**
|
|
68
297
|
* @description 监听事件变化
|
|
69
298
|
* @param container {object} 业务组件对象自己
|
|
70
299
|
*/
|
|
71
|
-
init(
|
|
300
|
+
init(value) {
|
|
301
|
+
this.previewCurrent = getContainerPropsValue(value, 'content.previewCurrent', "main");
|
|
302
|
+
this.showBusinessList = getContainerPropsValue(value, 'content.showBusinessList', "Y");
|
|
303
|
+
this.cardInfoMargin = getContainerPropsValue(value, 'content.cardInfoMargin', {top: 20, left: 20, right: 20, bottom: 20});
|
|
304
|
+
this.cardInfoPadding = getContainerPropsValue(value, 'content.cardInfoPadding', {top: 20, left: 20, right: 20, bottom: 20});
|
|
305
|
+
this.cardImageUrl = getContainerPropsValue(value, 'content.cardImageUrl', '');
|
|
306
|
+
this.cardHeight = getContainerPropsValue(value, 'content.cardHeight', 260);
|
|
307
|
+
this.cardRadius = getContainerPropsValue(value, 'content.cardRadius', 16);
|
|
308
|
+
this.bussPadding = getContainerPropsValue(value, 'content.bussPadding', {top: 20, left: 20, right: 20, bottom: 20});
|
|
309
|
+
this.bussMargin = getContainerPropsValue(value, 'content.bussMargin', {top: 20, left: 20, right: 20, bottom: 20});
|
|
310
|
+
this.bussTempMargin = getContainerPropsValue(value, 'content.bussTempMargin', {top: 20, left: 20, right: 20, bottom: 20});
|
|
311
|
+
this.bussTempBgColor = getContainerPropsValue(value, 'content.bussTempBgColor', '#fff');
|
|
312
|
+
this.listColMargin = getContainerPropsValue(value, 'content.listColMargin', {top: 20, left: 20, right: 20, bottom: 20});
|
|
313
|
+
this.listColPadding = getContainerPropsValue(value, 'content.listColPadding', {top: 20, left: 20, right: 20, bottom: 20});
|
|
314
|
+
this.listColSpace = getContainerPropsValue(value, 'content.listColSpace', 10);
|
|
315
|
+
this.cardFontColor = getContainerPropsValue(value, 'content.cardFontColor', '#333');
|
|
316
|
+
this.ruleDetailMargin = getContainerPropsValue(value, 'content.ruleDetailMargin', {top: 20, left: 20, right: 20, bottom: 20});
|
|
317
|
+
this.ruleDetailPadding = getContainerPropsValue(value, 'content.ruleDetailPadding', {top: 20, left: 20, right: 20, bottom: 20});
|
|
318
|
+
this.ruleDetailBgColor = getContainerPropsValue(value, 'content.ruleDetailBgColor', '#fff');
|
|
319
|
+
this.codeDetailMargin = getContainerPropsValue(value, 'content.codeDetailMargin', {top: 20, left: 20, right: 20, bottom: 20});
|
|
320
|
+
this.codeDetailPadding = getContainerPropsValue(value, 'content.codeDetailPadding', {top: 20, left: 20, right: 20, bottom: 20});
|
|
321
|
+
this.codeDetailBgColor = getContainerPropsValue(value, 'content.codeDetailBgColor', '#fff');
|
|
322
|
+
this.qrcodeWidth = getContainerPropsValue(value, 'content.qrcodeWidth', 300);
|
|
323
|
+
this.payPreIcon = getContainerPropsValue(value, 'content.payPreIcon', '');
|
|
324
|
+
this.refreshIcon = getContainerPropsValue(value, 'content.refreshIcon', '');
|
|
325
|
+
this.bussWidth = getContainerPropsValue(value, 'content.bussWidth', 100);
|
|
72
326
|
|
|
73
|
-
|
|
327
|
+
if(this.$configProject.isPreview){
|
|
328
|
+
this.curModule = this.previewCurrent;
|
|
329
|
+
}
|
|
330
|
+
},
|
|
331
|
+
getCardDetail(){
|
|
332
|
+
jfbRootExec("getTfkCardDetail", {
|
|
333
|
+
vm: this,
|
|
334
|
+
data: {
|
|
335
|
+
card_number: this.card_number,
|
|
336
|
+
is_show_entry_settings: this.showBusinessList,
|
|
337
|
+
}
|
|
338
|
+
}).then(res => {
|
|
339
|
+
this.cardInfo = res;
|
|
340
|
+
this.businessList = res.site_entry_settings.map(item => {
|
|
341
|
+
item['image_url'] = getServiceUrl(item.image_url);
|
|
342
|
+
return item;
|
|
343
|
+
})
|
|
74
344
|
|
|
75
|
-
|
|
345
|
+
})
|
|
76
346
|
},
|
|
77
347
|
onJfbScroll(options) {
|
|
78
348
|
console.log('event.onJfbScroll', options)
|
|
@@ -105,7 +375,138 @@
|
|
|
105
375
|
|
|
106
376
|
.jfb-base-tfk-card-detail {
|
|
107
377
|
&__body{
|
|
378
|
+
.ticket_card{
|
|
379
|
+
display: flex;
|
|
380
|
+
flex-direction: column;
|
|
381
|
+
justify-content: space-between;
|
|
382
|
+
.card_top{
|
|
383
|
+
display: flex;
|
|
384
|
+
flex-direction: column;
|
|
385
|
+
.card_point_name{
|
|
386
|
+
display: flex;
|
|
387
|
+
justify-content: space-between;
|
|
388
|
+
align-items: center;
|
|
389
|
+
._point{
|
|
390
|
+
font-size: 40rpx;
|
|
391
|
+
font-weight: bold;
|
|
392
|
+
._unit{
|
|
393
|
+
font-size: 24rpx;
|
|
394
|
+
margin-left: 4rpx;
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
._name{
|
|
398
|
+
font-size: 26rpx;
|
|
399
|
+
}
|
|
400
|
+
}
|
|
401
|
+
.card_deduct{
|
|
402
|
+
font-size: 26rpx;
|
|
403
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
404
|
+
display: inline-block;
|
|
405
|
+
padding: 8rpx 16rpx;
|
|
406
|
+
border-radius: 8rpx;
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
.card_bottom{
|
|
410
|
+
display: flex;
|
|
411
|
+
justify-content: space-between;
|
|
412
|
+
align-items: center;
|
|
413
|
+
font-weight: 400;
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
.business_login{
|
|
417
|
+
.bus_title{
|
|
418
|
+
text-align: center;
|
|
419
|
+
}
|
|
420
|
+
.bus_list{
|
|
421
|
+
display: flex;
|
|
422
|
+
flex-wrap: wrap;
|
|
423
|
+
margin-top: 24rpx;
|
|
424
|
+
.bus_item{
|
|
425
|
+
margin: 0 10rpx;
|
|
426
|
+
display: flex;
|
|
427
|
+
flex-direction: column;
|
|
428
|
+
align-items: center;
|
|
429
|
+
.bus_img{
|
|
430
|
+
width: 76rpx;
|
|
431
|
+
height: 76rpx;
|
|
432
|
+
background-color: #DDD;
|
|
433
|
+
border-radius: 76rpx;
|
|
434
|
+
overflow: hidden;
|
|
435
|
+
image{
|
|
436
|
+
width: 100%;
|
|
437
|
+
height: 100%;
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
.bus_name{
|
|
441
|
+
margin-top: 12rpx;
|
|
442
|
+
font-size: 24rpx;
|
|
443
|
+
color: #242424;
|
|
444
|
+
overflow: hidden;
|
|
445
|
+
text-overflow: ellipsis;
|
|
446
|
+
white-space: nowrap;
|
|
447
|
+
width: 100%;
|
|
448
|
+
text-align: center;
|
|
449
|
+
}
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
.list_col_wrap{
|
|
454
|
+
margin: 40rpx 0;
|
|
108
455
|
|
|
456
|
+
.list_item{
|
|
457
|
+
display: flex;
|
|
458
|
+
align-items: center;
|
|
459
|
+
padding: 10rpx 24rpx;
|
|
460
|
+
background-color: #FFFFFF;
|
|
461
|
+
.list_title{
|
|
462
|
+
flex: 1;
|
|
463
|
+
font-size: 24rpx;
|
|
464
|
+
color: #333333;
|
|
465
|
+
}
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
.code_wrap{
|
|
470
|
+
display: flex;
|
|
471
|
+
flex-direction: column;
|
|
472
|
+
.code_title{
|
|
473
|
+
display: flex;
|
|
474
|
+
align-items: center;
|
|
475
|
+
._title{
|
|
476
|
+
margin-left: 30rpx;
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
.barcode{
|
|
480
|
+
background-color: #EEE;
|
|
481
|
+
height: 100rpx;
|
|
482
|
+
margin-top: 32rpx;
|
|
483
|
+
}
|
|
484
|
+
.qrcode{
|
|
485
|
+
background-color: #EEE;
|
|
486
|
+
height: 100rpx;
|
|
487
|
+
width: 100rpx;
|
|
488
|
+
margin: 40rpx 24rpx;
|
|
489
|
+
align-self: center;
|
|
490
|
+
}
|
|
491
|
+
.time_loop{
|
|
492
|
+
align-self: center;
|
|
493
|
+
}
|
|
494
|
+
.refresh_btn{
|
|
495
|
+
align-self: center;
|
|
496
|
+
border: 1px solid #999999;
|
|
497
|
+
border-radius: 50rpx;
|
|
498
|
+
width: 300rpx;
|
|
499
|
+
height: 80rpx;
|
|
500
|
+
display: flex;
|
|
501
|
+
align-items: center;
|
|
502
|
+
justify-content: center;
|
|
503
|
+
margin-top: 40rpx;
|
|
504
|
+
color: #999999;
|
|
505
|
+
.btn_icon{
|
|
506
|
+
margin-right: 16rpx;
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
}
|
|
109
510
|
}
|
|
110
511
|
}
|
|
111
512
|
</style>
|
|
@@ -1,13 +1,153 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
getTfkCardDetail: {
|
|
5
|
+
card_number: "101001000008485",
|
|
6
|
+
card_point: 87385,
|
|
7
|
+
card_type_name: "聚福宝福",
|
|
8
|
+
end_time: "2025-05-30",
|
|
9
|
+
card_status: "Y",
|
|
10
|
+
card_status_name: "开启",
|
|
11
|
+
card_qrcode:
|
|
12
|
+
"//sandbox-apis.jufubao.cn/common/v1/image/qrcode?code_content=h.161.30ayup33qsjt3vn",
|
|
13
|
+
barcode:
|
|
14
|
+
"//sandbox-apis.jufubao.cn/common/v1/image/barcode?code_content=h.161.30ayup33qsjt3vn",
|
|
15
|
+
card_qrcode_expire: 600,
|
|
16
|
+
unit: "点",
|
|
17
|
+
main_business_code_name: "",
|
|
18
|
+
other_card_point: 0,
|
|
19
|
+
is_exchange: "N",
|
|
20
|
+
exchange_card_type_name: "福券",
|
|
21
|
+
exchange_card_point: 86511,
|
|
22
|
+
card_point_type: 1,
|
|
23
|
+
is_show_qrcode_logo: "Y",
|
|
24
|
+
is_can_unbind: "Y",
|
|
25
|
+
is_can_transfer: "Y",
|
|
26
|
+
site_entry_settings: [
|
|
27
|
+
{
|
|
28
|
+
id: 63,
|
|
29
|
+
business_code: "cake",
|
|
30
|
+
entry_name: "外长",
|
|
31
|
+
image_url: "/uploads/20240425/88ea82ff86ce3afd30a917b0a239d2b0.png",
|
|
32
|
+
redirect_data:
|
|
33
|
+
'{"path":"\\/thirdmall-apiuri\\/v1\\/cake\\/qm\\/index?q=1&c=112345"}',
|
|
34
|
+
custom_redirect_data: '""',
|
|
35
|
+
redirect_type: "URL",
|
|
36
|
+
group_id: "default"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
id: 68,
|
|
40
|
+
business_code: "cake",
|
|
41
|
+
entry_name: "蛋糕",
|
|
42
|
+
image_url: "/uploads/20240619/fe6dad0f393147fe7a2b76bc1e8a636f.png",
|
|
43
|
+
redirect_data:
|
|
44
|
+
'{"dir":"xismalpp","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/cake\\/index","appType":"wxmp","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/xismalpp\\/main\\/cake\\/index","frontPath":"\\/xismalpp\\/main\\/cake\\/index","fixed_business_code":"cake"}',
|
|
45
|
+
custom_redirect_data: '""',
|
|
46
|
+
redirect_type: "INN",
|
|
47
|
+
group_id: "default"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
id: 76,
|
|
51
|
+
business_code: "mall",
|
|
52
|
+
entry_name: "自定义",
|
|
53
|
+
image_url: "/uploads/20240625/f29463609ae7b125d13402b507f2497a.png",
|
|
54
|
+
redirect_data:
|
|
55
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/cake\\/index","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/cake\\/index","frontPath":"\\/apply\\/main\\/cake\\/index","fixed_business_code":""}',
|
|
56
|
+
custom_redirect_data: '""',
|
|
57
|
+
redirect_type: "INN",
|
|
58
|
+
group_id: "default"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
id: 69,
|
|
62
|
+
business_code: "movie",
|
|
63
|
+
entry_name: "电影",
|
|
64
|
+
image_url: "/uploads/20240619/800d5e4ed86f9eb3f626782b4d0a3727.png",
|
|
65
|
+
redirect_data:
|
|
66
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/movie\\/index","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/movie\\/index","frontPath":"\\/apply\\/main\\/movie\\/index","fixed_business_code":""}',
|
|
67
|
+
custom_redirect_data: '""',
|
|
68
|
+
redirect_type: "INN",
|
|
69
|
+
group_id: "default"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
id: 64,
|
|
73
|
+
business_code: "10755f84",
|
|
74
|
+
entry_name: "礼包通兑",
|
|
75
|
+
image_url: "/uploads/20240522/e409ca3b28c6ec29aab406eda30b76ab.png",
|
|
76
|
+
redirect_data:
|
|
77
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/giftpack\\/giftlist","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/giftpack\\/giftlist","frontPath":"\\/apply\\/main\\/giftpack\\/giftlist","fixed_business_code":""}',
|
|
78
|
+
custom_redirect_data: '""',
|
|
79
|
+
redirect_type: "INN",
|
|
80
|
+
group_id: "default"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
id: 24,
|
|
84
|
+
business_code: "gift",
|
|
85
|
+
entry_name: "礼包",
|
|
86
|
+
image_url: "/uploads/20230927/5959ca4f9e0a2967bee659c8b3a624e0.png",
|
|
87
|
+
redirect_data:
|
|
88
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/gift\\/type","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/gift\\/type","frontPath":"\\/apply\\/main\\/gift\\/type","fixed_business_code":""}',
|
|
89
|
+
custom_redirect_data: '""',
|
|
90
|
+
redirect_type: "INN",
|
|
91
|
+
group_id: "default"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
id: 17,
|
|
95
|
+
business_code: "video",
|
|
96
|
+
entry_name: "网络视听",
|
|
97
|
+
image_url: "/uploads/20230927/1ca9647b7ddd9937054792412d3c2367.png",
|
|
98
|
+
redirect_data:
|
|
99
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/video\\/index","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/video\\/index","frontPath":"\\/apply\\/main\\/video\\/index","fixed_business_code":""}',
|
|
100
|
+
custom_redirect_data: '""',
|
|
101
|
+
redirect_type: "INN",
|
|
102
|
+
group_id: "default"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
id: 66,
|
|
106
|
+
business_code: "market",
|
|
107
|
+
entry_name: "商城",
|
|
108
|
+
image_url:
|
|
109
|
+
"/uploads/20240710/c156260ee4d1ebb8cb5eaf88bc0e65e6.pic.jpg.png",
|
|
110
|
+
redirect_data:
|
|
111
|
+
'{"dir":"apply06","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/mall\\/index","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply06\\/main\\/mall\\/index","frontPath":"\\/apply06\\/main\\/mall\\/index","fixed_business_code":""}',
|
|
112
|
+
custom_redirect_data: '""',
|
|
113
|
+
redirect_type: "INN",
|
|
114
|
+
group_id: "default"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
id: 57,
|
|
118
|
+
business_code: "movie",
|
|
119
|
+
entry_name: "在线选座",
|
|
120
|
+
image_url: "/uploads/20230927/74fcb8bf1bf617249eee5f1416533766.png",
|
|
121
|
+
redirect_data:
|
|
122
|
+
'{"dir":"apply06","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/movie\\/index","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply06\\/main\\/movie\\/index","frontPath":"\\/apply06\\/main\\/movie\\/index","fixed_business_code":""}',
|
|
123
|
+
custom_redirect_data: '""',
|
|
124
|
+
redirect_type: "INN",
|
|
125
|
+
group_id: "default"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
id: 16,
|
|
129
|
+
business_code: "play",
|
|
130
|
+
entry_name: "演出",
|
|
131
|
+
image_url: "/uploads/20230927/07e1d76f1850fbadc9a12d7ff2d7689c.png",
|
|
132
|
+
redirect_data:
|
|
133
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/play\\/index","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/play\\/index","frontPath":"\\/apply\\/main\\/play\\/index","fixed_business_code":""}',
|
|
134
|
+
custom_redirect_data: '""',
|
|
135
|
+
redirect_type: "INN",
|
|
136
|
+
group_id: "default"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
id: 61,
|
|
140
|
+
business_code: "v-RcA8Mv-Gpd96_Y_mjIf",
|
|
141
|
+
entry_name: "saas",
|
|
142
|
+
image_url: "/uploads/20240222/8fc21a6e38d32355ab77f5f7824d36e5.png",
|
|
143
|
+
redirect_data:
|
|
144
|
+
'{"dir":"apply","host":"sandbox-website-05.jufubao.cn","path":"\\/main\\/saas\\/login","site_id":"17928cc37788be02","site_url":"https:\\/\\/sandbox-website-05.jufubao.cn\\/apply\\/main\\/saas\\/login","frontPath":"\\/apply\\/main\\/saas\\/login","fixed_business_code":"cake"}',
|
|
145
|
+
custom_redirect_data: '""',
|
|
146
|
+
redirect_type: "INN",
|
|
147
|
+
group_id: "default"
|
|
148
|
+
}
|
|
149
|
+
],
|
|
150
|
+
business_codes: ["movie", "market", "cake", "book", "video"],
|
|
151
|
+
request_id: "16a264d91d55265d"
|
|
152
|
+
}
|
|
153
|
+
};
|