jufubao-base 1.0.77-beta6 → 1.0.77
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/JfbBaseAfterOrderList/JfbBaseAfterOrderList.vue +44 -101
- package/src/components/JfbBaseCard/JfbBaseCard.vue +65 -75
- package/src/components/JfbBaseCardDisabled/JfbBaseCardDisabled.vue +43 -93
- package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue +92 -161
- package/src/components/JfbBaseCardV2/JfbBaseCardV2.vue +45 -101
- package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue +14 -24
- package/src/components/JfbBaseLogin/Api.js +0 -9
- package/src/components/JfbBaseLogin/Attr.js +6 -29
- package/src/components/JfbBaseLogin/JfbBaseLogin.vue +15 -113
- package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue +0 -3
- package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue +107 -176
- package/src/components/JfbBasePoster/JfbBasePoster.vue +1 -1
- package/src/components/JfbBaseRechargeOrder/JfbBaseRechargeOrder.vue +30 -95
- package/src/components/JfbBaseSuccess/JfbBaseSuccess.vue +0 -3
|
@@ -4,32 +4,6 @@ export default {
|
|
|
4
4
|
style: [],
|
|
5
5
|
advanced: [],
|
|
6
6
|
content: [
|
|
7
|
-
{
|
|
8
|
-
label: 'LOGO文字颜色:',
|
|
9
|
-
ele: 'xd-color',
|
|
10
|
-
valueKey: 'logoTextColor',
|
|
11
|
-
value: '',
|
|
12
|
-
placeholder: '请输入LOGO文字颜色',
|
|
13
|
-
classNmae: 'input80',
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
label: '是否使用体验码功能:',
|
|
17
|
-
ele: 'xd-radio',
|
|
18
|
-
valueKey: 'isPreview',
|
|
19
|
-
value: 'N',
|
|
20
|
-
placeholder: '请选择是否使用体验码功能',
|
|
21
|
-
multiple: false,
|
|
22
|
-
className: 'input80',
|
|
23
|
-
list: [
|
|
24
|
-
{label: '是', value: 'Y'},
|
|
25
|
-
{label: '否', value: 'N'},
|
|
26
|
-
]
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
ele: 'title',
|
|
30
|
-
label: '页面连接设置',
|
|
31
|
-
size: 'small',
|
|
32
|
-
},
|
|
33
7
|
{
|
|
34
8
|
label: '快速授权失败访问地址:', //label
|
|
35
9
|
ele: 'xd-select-pages-path', //package 名称
|
|
@@ -86,9 +60,12 @@ export default {
|
|
|
86
60
|
inline: false,
|
|
87
61
|
},
|
|
88
62
|
{
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
63
|
+
label: 'logo文字颜色:',
|
|
64
|
+
ele: 'xd-color',
|
|
65
|
+
valueKey: 'logoTextColor',
|
|
66
|
+
value: '',
|
|
67
|
+
placeholder: '请输入logo文字颜色',
|
|
68
|
+
classNmae: 'input80',
|
|
92
69
|
},
|
|
93
70
|
{
|
|
94
71
|
label: '隐私政策:',
|
|
@@ -170,25 +170,6 @@
|
|
|
170
170
|
>忘记密码</view
|
|
171
171
|
>
|
|
172
172
|
</view>
|
|
173
|
-
<view class="bottom_btn" :style="prod_bottom" v-if="isPreview === 'Y'">
|
|
174
|
-
<view @click="dialogPreview = true" :style="{
|
|
175
|
-
color: mainColor,
|
|
176
|
-
border: `1px solid ${mainColor}`
|
|
177
|
-
}">进入体验 ></view>
|
|
178
|
-
</view>
|
|
179
|
-
<xd-dailog
|
|
180
|
-
v-if="dialogPreview"
|
|
181
|
-
title="体验码"
|
|
182
|
-
:show.sync="dialogPreview"
|
|
183
|
-
:cancel="false"
|
|
184
|
-
confirm-text="进入体验模式"
|
|
185
|
-
@onBtn="handlePreview"
|
|
186
|
-
@close="previewAccout=''"
|
|
187
|
-
>
|
|
188
|
-
<view class="preview-login">
|
|
189
|
-
<input v-model="previewAccout" type="text" class="preview-login-input" placeholder="请输入体验码">
|
|
190
|
-
</view>
|
|
191
|
-
</xd-dailog>
|
|
192
173
|
</view>
|
|
193
174
|
</view>
|
|
194
175
|
</template>
|
|
@@ -206,7 +187,6 @@ import XdFormCheckbox from "@/components/XdFormCheckbox/XdFormCheckbox";
|
|
|
206
187
|
import XdFormInput from "@/components/XdFormInput/XdFormInput";
|
|
207
188
|
import XdForm from "@/components/XdForm/XdForm";
|
|
208
189
|
import XdFormItem from "@/components/XdFormItem/XdFormItem";
|
|
209
|
-
import XdDailog from "@/components/XdDailog/XdDailog.vue";
|
|
210
190
|
import { Base64 } from "js-base64";
|
|
211
191
|
import { mapState } from "vuex";
|
|
212
192
|
import getServiceUrl from "@/common/getServiceUrl";
|
|
@@ -228,19 +208,15 @@ export default {
|
|
|
228
208
|
XdFormInput,
|
|
229
209
|
XdForm,
|
|
230
210
|
XdFormItem,
|
|
231
|
-
XdDailog
|
|
232
211
|
},
|
|
233
212
|
mixins: [componentsMixins, extsMixins, JfbBaseLoginMixin, privacyMixins],
|
|
234
213
|
data() {
|
|
235
214
|
return {
|
|
236
|
-
//体验模式
|
|
237
|
-
dialogPreview: false,
|
|
238
|
-
previewAccout: '',
|
|
239
|
-
|
|
240
215
|
showStep: 1,
|
|
241
216
|
panel_1_checked: "",
|
|
242
217
|
panel_2_checked: "",
|
|
243
218
|
password: "",
|
|
219
|
+
//todo
|
|
244
220
|
accountLoginType: "phone", //phone: 验证码登录 pwd: 密码登录
|
|
245
221
|
accountForm: {
|
|
246
222
|
phone_number: "", //15801505541
|
|
@@ -279,7 +255,6 @@ export default {
|
|
|
279
255
|
logo: "",
|
|
280
256
|
partnerName: "",
|
|
281
257
|
logoTextColor: "",
|
|
282
|
-
isPreview:'N', //是否启用体验码模式
|
|
283
258
|
};
|
|
284
259
|
},
|
|
285
260
|
computed: {
|
|
@@ -290,9 +265,6 @@ export default {
|
|
|
290
265
|
panelTwoIsChecked() {
|
|
291
266
|
return this.panel_2_checked.includes(1);
|
|
292
267
|
},
|
|
293
|
-
prod_bottom() {
|
|
294
|
-
return this.fixedStyle({ height: 0, zIndex: 111 });
|
|
295
|
-
},
|
|
296
268
|
},
|
|
297
269
|
watch: {
|
|
298
270
|
container(value) {
|
|
@@ -324,46 +296,16 @@ export default {
|
|
|
324
296
|
url: `/pages/content/content?${params}`
|
|
325
297
|
})
|
|
326
298
|
},
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
return new Promise((resolve,reject)=>{
|
|
330
|
-
jfbRootExec("loginExperience", {
|
|
331
|
-
vm: this,
|
|
332
|
-
data: {experience_code},
|
|
333
|
-
}).then(res=>{
|
|
334
|
-
resolve(res)
|
|
335
|
-
}).catch(err=>{
|
|
336
|
-
reject(err)
|
|
337
|
-
})
|
|
338
|
-
})
|
|
339
|
-
},
|
|
340
|
-
|
|
341
|
-
async handlePreview(){
|
|
342
|
-
if(!this.previewAccout) {
|
|
343
|
-
this.$xdAlert({
|
|
344
|
-
content: '请输入体验码',
|
|
345
|
-
type:'error'
|
|
346
|
-
});
|
|
347
|
-
return;
|
|
348
|
-
}
|
|
349
|
-
this.$xdShowLoading({});
|
|
350
|
-
try{
|
|
351
|
-
const res = await this.loginPreview(this.previewAccout);
|
|
352
|
-
if(res) this.jfbAuthorize.setAllToken(res);
|
|
353
|
-
this.toHomeAfterLogin();
|
|
354
|
-
this.$xdHideLoading();
|
|
355
|
-
}catch (e){
|
|
356
|
-
this.$xdHideLoading();
|
|
357
|
-
}
|
|
358
|
-
},
|
|
359
|
-
|
|
360
|
-
|
|
299
|
+
|
|
300
|
+
|
|
361
301
|
onJfbLoad(options) {
|
|
362
302
|
this.redirect_url = options.redirect_url ? Base64.decode(options.redirect_url): '';
|
|
363
303
|
// #ifdef MP-WEIXIN
|
|
364
304
|
this.authWxMpListProviders();
|
|
365
305
|
// #endif
|
|
306
|
+
|
|
366
307
|
this.$xdLog.setProject('JfbBaseLogin', 'JfbBaseLogin.onJfbLoad.start')
|
|
308
|
+
|
|
367
309
|
// #ifdef H5
|
|
368
310
|
try{
|
|
369
311
|
this.authH5ListProviders();
|
|
@@ -371,6 +313,7 @@ export default {
|
|
|
371
313
|
this.$xdLog.setProject('JfbBaseLogin', 'JfbBaseLogin.onJfbLoad.error');
|
|
372
314
|
this.$xdLog.setARMSError(error);
|
|
373
315
|
}
|
|
316
|
+
|
|
374
317
|
//#endif
|
|
375
318
|
|
|
376
319
|
// if (options.isDebug === "1") {
|
|
@@ -411,7 +354,7 @@ export default {
|
|
|
411
354
|
this.phone_number_collect_url = getContainerPropsValue(value, "content.phone_number_collect_url", {value: ''}).value;
|
|
412
355
|
this.forget_pwd_url = getContainerPropsValue(value, "content.forget_pwd_url", {value: ''}).value;
|
|
413
356
|
this.error_callback_url = getContainerPropsValue(value, "content.error_url", {value: ''}).value;
|
|
414
|
-
|
|
357
|
+
|
|
415
358
|
},
|
|
416
359
|
|
|
417
360
|
/**
|
|
@@ -521,22 +464,22 @@ export default {
|
|
|
521
464
|
"62fde99f2583a19c58fd937b",
|
|
522
465
|
"62fde9432583a19c58fd937a",
|
|
523
466
|
];
|
|
524
|
-
|
|
467
|
+
|
|
525
468
|
let { redirect_url, callback_url } = this;
|
|
526
|
-
|
|
469
|
+
|
|
527
470
|
//不同项目直接域名替换
|
|
528
471
|
if (/^(@site_domain@).+$/.test(redirect_url)) {
|
|
529
472
|
redirect_url = redirect_url.replace(/@site_domain@/, location.origin)
|
|
530
473
|
}
|
|
531
|
-
|
|
474
|
+
|
|
532
475
|
try {
|
|
533
476
|
let redirectURL = new URL(redirect_url);
|
|
534
477
|
redirect_url = redirectURL.href;
|
|
535
478
|
} catch (e) {
|
|
536
479
|
redirect_url = location.origin + this.base + redirect_url;
|
|
537
480
|
}
|
|
538
|
-
|
|
539
|
-
|
|
481
|
+
|
|
482
|
+
|
|
540
483
|
let params = {
|
|
541
484
|
providers: providers.join(","),
|
|
542
485
|
callback_url: redirect_url,
|
|
@@ -544,9 +487,9 @@ export default {
|
|
|
544
487
|
phone_number_collect_url: location.origin + this.base + this.phone_number_collect_url,
|
|
545
488
|
error_callback_url: location.origin + this.base + this.error_callback_url,
|
|
546
489
|
};
|
|
547
|
-
|
|
490
|
+
|
|
548
491
|
this.$xdLog.setProject('JfbBaseLogin', 'JfbBaseLogin.onJfbLoad.loading..');
|
|
549
|
-
|
|
492
|
+
|
|
550
493
|
jfbRootExec("listSiteProvider", {
|
|
551
494
|
vm: this,
|
|
552
495
|
data: params,
|
|
@@ -758,7 +701,7 @@ export default {
|
|
|
758
701
|
margin-left: unit(20,rpx) !important;
|
|
759
702
|
}
|
|
760
703
|
}
|
|
761
|
-
|
|
704
|
+
|
|
762
705
|
.form-group {
|
|
763
706
|
padding: 40rpx 70rpx;
|
|
764
707
|
}
|
|
@@ -908,45 +851,4 @@ export default {
|
|
|
908
851
|
.login-pub {
|
|
909
852
|
margin-top: unit(40, rpx);
|
|
910
853
|
}
|
|
911
|
-
.bottom_btn {
|
|
912
|
-
position: fixed;
|
|
913
|
-
width: 100%;
|
|
914
|
-
display:flex;
|
|
915
|
-
justify-content: center;
|
|
916
|
-
align-items: center;
|
|
917
|
-
height: unit(100, rpx);
|
|
918
|
-
background: #ffffff;
|
|
919
|
-
|
|
920
|
-
& > view {
|
|
921
|
-
height: unit(44, rpx);
|
|
922
|
-
line-height: unit(44, rpx);
|
|
923
|
-
width: unit(150, rpx);
|
|
924
|
-
text-align: center;
|
|
925
|
-
cursor: pointer;
|
|
926
|
-
font-size: unit(24, rpx);
|
|
927
|
-
border-radius: unit(12, rpx);
|
|
928
|
-
}
|
|
929
|
-
}
|
|
930
|
-
|
|
931
|
-
.preview-login {
|
|
932
|
-
padding: unit(40, rpx) 0;
|
|
933
|
-
|
|
934
|
-
&-input {
|
|
935
|
-
height: unit(70, rpx);
|
|
936
|
-
border-radius: unit(12, rpx);
|
|
937
|
-
padding: 0 unit(20, rpx);
|
|
938
|
-
text-align: left;
|
|
939
|
-
border: 1px solid #eee;
|
|
940
|
-
background: #F7F7F7;
|
|
941
|
-
color: #666;
|
|
942
|
-
transition: box-shadow 0.5s;
|
|
943
|
-
box-shadow: 0 0 0 rgba(0,0,0,0);
|
|
944
|
-
|
|
945
|
-
&:hover {
|
|
946
|
-
box-shadow: 0 0 unit(10, rpx) rgba(0,0,0,.1);
|
|
947
|
-
}
|
|
948
|
-
}
|
|
949
|
-
}
|
|
950
|
-
|
|
951
|
-
|
|
952
854
|
</style>
|
|
@@ -294,9 +294,6 @@
|
|
|
294
294
|
<view class="jfb-base-order-detail__body-cashier-text">
|
|
295
295
|
{{ info.codes[0].can_read_code }}
|
|
296
296
|
</view>
|
|
297
|
-
<view v-if="info.codes[0].refund_tip_text" style="color:red;font-size:24rpx;text-align:center;margin-top:10rpx">
|
|
298
|
-
{{info.codes[0].refund_tip_text}}
|
|
299
|
-
</view>
|
|
300
297
|
<view
|
|
301
298
|
v-if="info.codes[0].code_end_time"
|
|
302
299
|
class="jfb-base-order-detail__body-cashier-code"
|
|
@@ -29,161 +29,130 @@
|
|
|
29
29
|
></xd-tab>
|
|
30
30
|
</view>
|
|
31
31
|
<view style="height: 100rpx;"></view>
|
|
32
|
-
<view
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
<view
|
|
33
|
+
v-if="orderList && orderList.length > 0"
|
|
34
|
+
class="jfb-base-order-list__body-order"
|
|
35
|
+
:style="{ padding: outMargin }"
|
|
36
|
+
>
|
|
37
|
+
<view
|
|
38
|
+
@click="handleToLink(detailPath, item)"
|
|
39
|
+
class="jfb-base-order-list__body-order-item"
|
|
40
|
+
v-for="item in orderList"
|
|
41
|
+
:key="item.main_order_id"
|
|
42
|
+
:style="{
|
|
43
|
+
background: backgroundColor,
|
|
44
|
+
border: borderBox,
|
|
45
|
+
borderRadius: radius + 'rpx',
|
|
46
|
+
boxShadow: shadowBox,
|
|
47
|
+
marginBottom: padding + 'rpx',
|
|
48
|
+
}"
|
|
35
49
|
>
|
|
36
|
-
<view class="jfb-base-order-list__body-order-item-biz"
|
|
50
|
+
<view class="jfb-base-order-list__body-order-item-biz">
|
|
51
|
+
<xd-font-icon
|
|
52
|
+
v-if="item.biz_code_icon"
|
|
53
|
+
:icon="item.biz_code_icon"
|
|
54
|
+
:size="item['biz_code_icon_size']"
|
|
55
|
+
></xd-font-icon>
|
|
56
|
+
<view :class="{ marginLeft: item.biz_code_icon }">{{
|
|
57
|
+
item.biz_code_name
|
|
58
|
+
}}</view>
|
|
59
|
+
</view>
|
|
37
60
|
<view class="jfb-base-order-list__body-order-item-title">
|
|
38
|
-
<view
|
|
39
|
-
<view
|
|
61
|
+
<view>订单编号:{{ item.main_order_id }}</view>
|
|
62
|
+
<view
|
|
63
|
+
:style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
|
|
64
|
+
>{{ item.status.status_name }}</view>
|
|
40
65
|
</view>
|
|
41
66
|
<view class="order-list">
|
|
42
67
|
<view
|
|
43
|
-
class="jfb-base-order-list__body-order-item-content"
|
|
44
|
-
|
|
68
|
+
class="jfb-base-order-list__body-order-item-content"
|
|
69
|
+
v-for="(Sitem, Sindex) in item.products"
|
|
70
|
+
:key="Sitem.product_id + Sindex"
|
|
71
|
+
v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
|
|
72
|
+
<image
|
|
73
|
+
:src="Sitem.product_thumb"
|
|
74
|
+
style="background: #ffffff"
|
|
75
|
+
mode="aspectFit"
|
|
76
|
+
></image>
|
|
45
77
|
<view class="jfb-base-order-list__body-order-item-content-info">
|
|
46
|
-
<view
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
78
|
+
<view
|
|
79
|
+
class="jfb-base-order-list__body-order-item-content-info-name"
|
|
80
|
+
>{{ Sitem.product_name }}</view
|
|
81
|
+
>
|
|
82
|
+
<view
|
|
83
|
+
v-if="Sitem.product_sku_name"
|
|
84
|
+
class="jfb-base-order-list__body-order-item-content-info-skuname"
|
|
85
|
+
>规格:{{ Sitem.product_sku_name }}</view
|
|
86
|
+
>
|
|
87
|
+
<view
|
|
88
|
+
class="jfb-base-order-list__body-order-item-content-info-price"
|
|
89
|
+
>
|
|
90
|
+
<view :style="{ fontSize: '32rpx', color: mainColor }">
|
|
91
|
+
<xd-unit
|
|
92
|
+
:isOld="false"
|
|
93
|
+
:price="Sitem.sale_price"
|
|
94
|
+
:color="mainColor"
|
|
95
|
+
:fontSize="32"
|
|
96
|
+
v-if="item.biz_code !== 'gift'"
|
|
97
|
+
></xd-unit>
|
|
98
|
+
</view>
|
|
99
|
+
<view class="info-price">
|
|
100
|
+
<text>X</text>
|
|
101
|
+
<text>{{ Sitem.product_num }}</text>
|
|
102
|
+
</view>
|
|
50
103
|
</view>
|
|
51
104
|
</view>
|
|
52
105
|
</view>
|
|
106
|
+
<view
|
|
107
|
+
class="order-list-icon"
|
|
108
|
+
:style="{ bottom: item['isOpen'] ? '-30rpx' : '-54rpx' }"
|
|
109
|
+
v-if="item.products.length > showLen"
|
|
110
|
+
@click.stop="item['isOpen'] = !item['isOpen']"
|
|
111
|
+
>
|
|
112
|
+
<view :style="{ background: backgroundColor }">
|
|
113
|
+
<xd-font-icon
|
|
114
|
+
color="#666"
|
|
115
|
+
:icon="item['isOpen'] ? 'iconshang_up' : 'iconxia_down'"
|
|
116
|
+
size="24"
|
|
117
|
+
></xd-font-icon>
|
|
118
|
+
</view>
|
|
119
|
+
</view>
|
|
53
120
|
</view>
|
|
54
121
|
<view class="jfb-base-order-list__body-order-item-bottom">
|
|
55
|
-
<view
|
|
56
|
-
<view
|
|
122
|
+
<view>下单时间:{{ item.created_time_text }}</view>
|
|
123
|
+
<view v-if="item.biz_code !== 'gift'">
|
|
124
|
+
<text>合计:</text>
|
|
125
|
+
<xd-unit
|
|
126
|
+
:isOld="false"
|
|
127
|
+
:price="item.total_amount"
|
|
128
|
+
:color="mainColor"
|
|
129
|
+
:fontSize="28"
|
|
130
|
+
></xd-unit>
|
|
131
|
+
</view>
|
|
57
132
|
</view>
|
|
58
|
-
</view>
|
|
59
|
-
</view>
|
|
60
|
-
<template v-else>
|
|
61
|
-
<view
|
|
62
|
-
v-if="orderList && orderList.length > 0"
|
|
63
|
-
class="jfb-base-order-list__body-order"
|
|
64
|
-
:style="{ padding: outMargin }"
|
|
65
|
-
>
|
|
66
133
|
<view
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
v-for="item in orderList"
|
|
70
|
-
:key="item.main_order_id"
|
|
71
|
-
:style="{
|
|
72
|
-
background: backgroundColor,
|
|
73
|
-
border: borderBox,
|
|
74
|
-
borderRadius: radius + 'rpx',
|
|
75
|
-
boxShadow: shadowBox,
|
|
76
|
-
marginBottom: padding + 'rpx',
|
|
77
|
-
}"
|
|
134
|
+
class="jfb-base-order-list__body-order-item-pay"
|
|
135
|
+
v-if="item.buttons.length"
|
|
78
136
|
>
|
|
79
|
-
<view
|
|
80
|
-
<xd-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
item.biz_code_name
|
|
87
|
-
}}</view>
|
|
88
|
-
</view>
|
|
89
|
-
<view class="jfb-base-order-list__body-order-item-title">
|
|
90
|
-
<view>订单编号:{{ item.main_order_id }}</view>
|
|
91
|
-
<view
|
|
92
|
-
:style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
|
|
93
|
-
>{{ item.status.status_name }}</view>
|
|
94
|
-
</view>
|
|
95
|
-
<view class="order-list">
|
|
96
|
-
<view
|
|
97
|
-
class="jfb-base-order-list__body-order-item-content"
|
|
98
|
-
v-for="(Sitem, Sindex) in item.products"
|
|
99
|
-
:key="Sitem.product_id + Sindex"
|
|
100
|
-
v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
|
|
101
|
-
<image
|
|
102
|
-
:src="Sitem.product_thumb"
|
|
103
|
-
style="background: #ffffff"
|
|
104
|
-
mode="aspectFit"
|
|
105
|
-
></image>
|
|
106
|
-
<view class="jfb-base-order-list__body-order-item-content-info">
|
|
107
|
-
<view
|
|
108
|
-
class="jfb-base-order-list__body-order-item-content-info-name"
|
|
109
|
-
>{{ Sitem.product_name }}</view
|
|
110
|
-
>
|
|
111
|
-
<view
|
|
112
|
-
v-if="Sitem.product_sku_name"
|
|
113
|
-
class="jfb-base-order-list__body-order-item-content-info-skuname"
|
|
114
|
-
>规格:{{ Sitem.product_sku_name }}</view
|
|
115
|
-
>
|
|
116
|
-
<view
|
|
117
|
-
class="jfb-base-order-list__body-order-item-content-info-price"
|
|
118
|
-
>
|
|
119
|
-
<view :style="{ fontSize: '32rpx', color: mainColor }">
|
|
120
|
-
<xd-unit
|
|
121
|
-
:isOld="false"
|
|
122
|
-
:price="Sitem.sale_price"
|
|
123
|
-
:color="mainColor"
|
|
124
|
-
:fontSize="32"
|
|
125
|
-
v-if="item.biz_code !== 'gift'"
|
|
126
|
-
></xd-unit>
|
|
127
|
-
</view>
|
|
128
|
-
<view class="info-price">
|
|
129
|
-
<text>X</text>
|
|
130
|
-
<text>{{ Sitem.product_num }}</text>
|
|
131
|
-
</view>
|
|
132
|
-
</view>
|
|
133
|
-
</view>
|
|
134
|
-
</view>
|
|
135
|
-
<view
|
|
136
|
-
class="order-list-icon"
|
|
137
|
-
:style="{ bottom: item['isOpen'] ? '-30rpx' : '-54rpx' }"
|
|
138
|
-
v-if="item.products.length > showLen"
|
|
139
|
-
@click.stop="item['isOpen'] = !item['isOpen']"
|
|
140
|
-
>
|
|
141
|
-
<view :style="{ background: backgroundColor }">
|
|
142
|
-
<xd-font-icon
|
|
143
|
-
color="#666"
|
|
144
|
-
:icon="item['isOpen'] ? 'iconshang_up' : 'iconxia_down'"
|
|
145
|
-
size="24"
|
|
146
|
-
></xd-font-icon>
|
|
147
|
-
</view>
|
|
148
|
-
</view>
|
|
149
|
-
</view>
|
|
150
|
-
<view class="jfb-base-order-list__body-order-item-bottom">
|
|
151
|
-
<view>下单时间:{{ item.created_time_text }}</view>
|
|
152
|
-
<view v-if="item.biz_code !== 'gift'">
|
|
153
|
-
<text>合计:</text>
|
|
154
|
-
<xd-unit
|
|
155
|
-
:isOld="false"
|
|
156
|
-
:price="item.total_amount"
|
|
157
|
-
:color="mainColor"
|
|
158
|
-
:fontSize="28"
|
|
159
|
-
></xd-unit>
|
|
160
|
-
</view>
|
|
161
|
-
</view>
|
|
162
|
-
<view
|
|
163
|
-
class="jfb-base-order-list__body-order-item-pay"
|
|
164
|
-
v-if="item.buttons.length"
|
|
165
|
-
>
|
|
166
|
-
<view v-for="(btn,index) in item.buttons" :key="btn.action+index">
|
|
167
|
-
<xd-button
|
|
168
|
-
:type="getBtnType(btn.action)"
|
|
169
|
-
size="mini"
|
|
170
|
-
@click="handleBtnEvent(btn.action, item)"
|
|
171
|
-
>{{ btn.text }}
|
|
172
|
-
</xd-button>
|
|
173
|
-
</view>
|
|
137
|
+
<view v-for="(btn,index) in item.buttons" :key="btn.action+index">
|
|
138
|
+
<xd-button
|
|
139
|
+
:type="getBtnType(btn.action)"
|
|
140
|
+
size="mini"
|
|
141
|
+
@click="handleBtnEvent(btn.action, item)"
|
|
142
|
+
>{{ btn.text }}
|
|
143
|
+
</xd-button>
|
|
174
144
|
</view>
|
|
175
145
|
</view>
|
|
176
146
|
</view>
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
</
|
|
186
|
-
|
|
147
|
+
</view>
|
|
148
|
+
<view v-else class="jfb-base-order-list__body-no">
|
|
149
|
+
<xd-font-icon
|
|
150
|
+
size="120"
|
|
151
|
+
color="#ccc"
|
|
152
|
+
icon="iconzanwudingdan"
|
|
153
|
+
></xd-font-icon>
|
|
154
|
+
<view>暂无订单</view>
|
|
155
|
+
</view>
|
|
187
156
|
</view>
|
|
188
157
|
</view>
|
|
189
158
|
</template>
|
|
@@ -223,7 +192,6 @@ export default {
|
|
|
223
192
|
payPath: "",
|
|
224
193
|
status: null, //全部、已完成、已取消
|
|
225
194
|
initStatus: false,
|
|
226
|
-
loadingList: false,
|
|
227
195
|
|
|
228
196
|
//基础
|
|
229
197
|
radius: 0,
|
|
@@ -422,7 +390,6 @@ export default {
|
|
|
422
390
|
this.$xdShowLoading({});
|
|
423
391
|
let tab = "all";
|
|
424
392
|
if (status) tab = this.tabList[this.tabIndex].status;
|
|
425
|
-
this.loadingList = true;
|
|
426
393
|
jfbRootExec("getBaseOrderList", {
|
|
427
394
|
vm: this,
|
|
428
395
|
data: {
|
|
@@ -432,7 +399,6 @@ export default {
|
|
|
432
399
|
},
|
|
433
400
|
})
|
|
434
401
|
.then((res) => {
|
|
435
|
-
this.loadingList = false;
|
|
436
402
|
this.$xdHideLoading();
|
|
437
403
|
console.log(res.list, "list");
|
|
438
404
|
let list = res.list.map((item) => {
|
|
@@ -541,12 +507,6 @@ export default {
|
|
|
541
507
|
}
|
|
542
508
|
&-order {
|
|
543
509
|
&-item {
|
|
544
|
-
.skeleton-wrap & {
|
|
545
|
-
background-color: #FFFFFF;
|
|
546
|
-
border: 1px solid #EEEEEE;
|
|
547
|
-
border-radius: 10rpx;
|
|
548
|
-
margin: 20rpx;
|
|
549
|
-
}
|
|
550
510
|
&-biz {
|
|
551
511
|
color: #333333;
|
|
552
512
|
font-size: unit(28, rpx);
|
|
@@ -555,12 +515,6 @@ export default {
|
|
|
555
515
|
border-bottom: unit(2, rpx) solid #eee;
|
|
556
516
|
display: flex;
|
|
557
517
|
align-items: center;
|
|
558
|
-
|
|
559
|
-
& > view{
|
|
560
|
-
.skeleton-wrap &{
|
|
561
|
-
.skeleton-item(100rpx, 28rpx);
|
|
562
|
-
}
|
|
563
|
-
}
|
|
564
518
|
}
|
|
565
519
|
|
|
566
520
|
&-title {
|
|
@@ -574,15 +528,9 @@ export default {
|
|
|
574
528
|
|
|
575
529
|
& > view:first-child {
|
|
576
530
|
color: #333;
|
|
577
|
-
.skeleton-wrap &{
|
|
578
|
-
.skeleton-item(300rpx, 28rpx);
|
|
579
|
-
}
|
|
580
531
|
}
|
|
581
532
|
|
|
582
533
|
& > view:nth-child(2) {
|
|
583
|
-
.skeleton-wrap &{
|
|
584
|
-
.skeleton-item(100rpx, 28rpx);
|
|
585
|
-
}
|
|
586
534
|
}
|
|
587
535
|
}
|
|
588
536
|
|
|
@@ -597,9 +545,6 @@ export default {
|
|
|
597
545
|
height: unit(160, rpx);
|
|
598
546
|
border-radius: unit(8, rpx);
|
|
599
547
|
flex-shrink: 0;
|
|
600
|
-
.skeleton-wrap &{
|
|
601
|
-
.skeleton-item(160rpx, 160rpx);
|
|
602
|
-
}
|
|
603
548
|
}
|
|
604
549
|
|
|
605
550
|
&-info {
|
|
@@ -615,10 +560,6 @@ export default {
|
|
|
615
560
|
font-weight: 500;
|
|
616
561
|
.uni-max-cut(1, 64);
|
|
617
562
|
line-height: unit(64, rpx);
|
|
618
|
-
|
|
619
|
-
.skeleton-wrap &{
|
|
620
|
-
.skeleton-item(160rpx, 48rpx);
|
|
621
|
-
}
|
|
622
563
|
}
|
|
623
564
|
|
|
624
565
|
&-skuname {
|
|
@@ -643,10 +584,6 @@ export default {
|
|
|
643
584
|
display: flex;
|
|
644
585
|
justify-content: space-between;
|
|
645
586
|
align-items: center;
|
|
646
|
-
.skeleton-wrap &{
|
|
647
|
-
.skeleton-item(100%, 32rpx);
|
|
648
|
-
margin-top: 20rpx;
|
|
649
|
-
}
|
|
650
587
|
}
|
|
651
588
|
}
|
|
652
589
|
}
|
|
@@ -662,9 +599,6 @@ export default {
|
|
|
662
599
|
|
|
663
600
|
& > view:first-child {
|
|
664
601
|
color: #999;
|
|
665
|
-
.skeleton-wrap &{
|
|
666
|
-
.skeleton-item(300rpx, 28rpx);
|
|
667
|
-
}
|
|
668
602
|
}
|
|
669
603
|
|
|
670
604
|
& > view:nth-child(2) {
|
|
@@ -673,9 +607,6 @@ export default {
|
|
|
673
607
|
& > view {
|
|
674
608
|
margin-left: unit(10, rpx);
|
|
675
609
|
}
|
|
676
|
-
.skeleton-wrap &{
|
|
677
|
-
.skeleton-item(300rpx, 28rpx);
|
|
678
|
-
}
|
|
679
610
|
}
|
|
680
611
|
}
|
|
681
612
|
|