ts-glitter 13.8.815 → 13.8.816
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/lowcode/Entry.js +1 -1
- package/lowcode/Entry.ts +1 -1
- package/lowcode/cms-plugin/shopping-finance-setting.js +150 -193
- package/lowcode/cms-plugin/shopping-finance-setting.ts +779 -834
- package/lowcode/cms-plugin/shopping-product-setting.js +4 -1
- package/lowcode/cms-plugin/shopping-product-setting.ts +4 -1
- package/lowcode/jspage/function-page/setting_editor.js +7 -0
- package/lowcode/jspage/function-page/setting_editor.ts +7 -0
- package/lowcode/modules/image-library.js +337 -290
- package/lowcode/modules/image-library.ts +872 -779
- package/lowcode/public-components/footer/footer-01.js +95 -62
- package/lowcode/public-components/footer/footer-01.ts +136 -95
- package/lowcode/public-components/footer/footer-02.js +64 -23
- package/lowcode/public-components/footer/footer-02.ts +78 -26
- package/lowcode/public-components/footer/footer-03.js +64 -23
- package/lowcode/public-components/footer/footer-03.ts +78 -25
- package/package.json +1 -1
- package/src/index.js.map +5 -1
- package/src/services/app.js +26 -9
- package/src/services/app.js.map +1 -1
- package/src/services/app.ts +84 -66
package/lowcode/Entry.js
CHANGED
|
@@ -70,7 +70,7 @@ export class Entry {
|
|
|
70
70
|
}
|
|
71
71
|
window.renderClock = (_a = window.renderClock) !== null && _a !== void 0 ? _a : clockF();
|
|
72
72
|
console.log(`Entry-time:`, window.renderClock.stop());
|
|
73
|
-
glitter.share.editerVersion = 'V_13.8.
|
|
73
|
+
glitter.share.editerVersion = 'V_13.8.816';
|
|
74
74
|
glitter.share.start = new Date();
|
|
75
75
|
const vm = {
|
|
76
76
|
appConfig: [],
|
package/lowcode/Entry.ts
CHANGED
|
@@ -71,7 +71,7 @@ export class Entry {
|
|
|
71
71
|
}
|
|
72
72
|
(window as any).renderClock = (window as any).renderClock ?? clockF();
|
|
73
73
|
console.log(`Entry-time:`, (window as any).renderClock.stop());
|
|
74
|
-
glitter.share.editerVersion = 'V_13.8.
|
|
74
|
+
glitter.share.editerVersion = 'V_13.8.816';
|
|
75
75
|
glitter.share.start = new Date();
|
|
76
76
|
const vm: {
|
|
77
77
|
appConfig: any;
|
|
@@ -43,11 +43,10 @@ export class ShoppingFinanceSetting {
|
|
|
43
43
|
const redDot = html ` <span class="red-dot">*</span>`;
|
|
44
44
|
return BgWidget.container(html `
|
|
45
45
|
${[
|
|
46
|
-
html `
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
</div>`,
|
|
46
|
+
html ` <div class="title-container">
|
|
47
|
+
${BgWidget.title(`金流設定`)}
|
|
48
|
+
<div class="flex-fill"></div>
|
|
49
|
+
</div>`,
|
|
51
50
|
gvc.bindView({
|
|
52
51
|
bind: vm.id,
|
|
53
52
|
view: () => {
|
|
@@ -62,10 +61,9 @@ export class ShoppingFinanceSetting {
|
|
|
62
61
|
cash_on_delivery: false,
|
|
63
62
|
};
|
|
64
63
|
return [
|
|
65
|
-
BgWidget.mainCard(html `
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
${BgWidget.multiCheckboxContainer(gvc, onlinePayArray, keyData.TYPE ? [keyData.TYPE] : [], (data) => {
|
|
64
|
+
BgWidget.mainCard(html ` <div class="tx_700">線上金流</div>
|
|
65
|
+
${BgWidget.grayNote('透過藍新或綠界服務商串接線上付款功能')} ${BgWidget.mbContainer(12)}
|
|
66
|
+
${BgWidget.multiCheckboxContainer(gvc, onlinePayArray, keyData.TYPE ? [keyData.TYPE] : [], (data) => {
|
|
69
67
|
switch (data[0]) {
|
|
70
68
|
case 'newWebPay':
|
|
71
69
|
keyData.TYPE = data[0];
|
|
@@ -82,7 +80,7 @@ export class ShoppingFinanceSetting {
|
|
|
82
80
|
}
|
|
83
81
|
gvc.notifyDataChange(vm.onBoxId);
|
|
84
82
|
}, { single: true, zeroOption: true })}
|
|
85
|
-
|
|
83
|
+
${gvc.bindView({
|
|
86
84
|
bind: vm.onBoxId,
|
|
87
85
|
view: () => {
|
|
88
86
|
const payData = onlinePayArray.find((item) => item.key === keyData.TYPE);
|
|
@@ -201,9 +199,9 @@ export class ShoppingFinanceSetting {
|
|
|
201
199
|
},
|
|
202
200
|
})}`),
|
|
203
201
|
BgWidget.mainCard(html `
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
202
|
+
<div class="tx_700">線下金流</div>
|
|
203
|
+
${BgWidget.grayNote('不執行線上付款，由店家自行與消費者商議付款方式')} ${BgWidget.mbContainer(12)}
|
|
204
|
+
${BgWidget.multiCheckboxContainer(gvc, offlinePayArray, offlinePayArray
|
|
207
205
|
.slice()
|
|
208
206
|
.filter((item) => {
|
|
209
207
|
return keyData.off_line_support[item.key];
|
|
@@ -218,7 +216,7 @@ export class ShoppingFinanceSetting {
|
|
|
218
216
|
});
|
|
219
217
|
gvc.notifyDataChange(vm.offBoxId);
|
|
220
218
|
}, { single: false })}
|
|
221
|
-
|
|
219
|
+
${gvc.bindView({
|
|
222
220
|
bind: vm.offBoxId,
|
|
223
221
|
view: () => {
|
|
224
222
|
const payData = ['atm', 'line'].filter((key) => {
|
|
@@ -228,10 +226,10 @@ export class ShoppingFinanceSetting {
|
|
|
228
226
|
return '';
|
|
229
227
|
}
|
|
230
228
|
return html `
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
229
|
+
${BgWidget.mbContainer(12)}
|
|
230
|
+
<div class="tx_700">付款資訊</div>
|
|
231
|
+
${BgWidget.grayNote('於訂單確認頁面及通知郵件中顯示，告知顧客付款的銀行帳戶或其他付款說明')} ${BgWidget.mbContainer(12)}
|
|
232
|
+
${payData
|
|
235
233
|
.map((key) => {
|
|
236
234
|
if (key === 'atm') {
|
|
237
235
|
return BgWidget.openBoxContainer({
|
|
@@ -255,10 +253,10 @@ export class ShoppingFinanceSetting {
|
|
|
255
253
|
})
|
|
256
254
|
.filter((str) => str.length > 0)
|
|
257
255
|
.join(BgWidget.mbContainer(12))}
|
|
258
|
-
|
|
256
|
+
`;
|
|
259
257
|
},
|
|
260
258
|
})}
|
|
261
|
-
|
|
259
|
+
`),
|
|
262
260
|
].join(BgWidget.mbContainer(24));
|
|
263
261
|
}
|
|
264
262
|
catch (e) {
|
|
@@ -293,13 +291,12 @@ export class ShoppingFinanceSetting {
|
|
|
293
291
|
<div class="update-bar-container">
|
|
294
292
|
${BgWidget.save(gvc.event(() => {
|
|
295
293
|
var _a;
|
|
296
|
-
if (['newWebPay', 'ecPay'].includes((_a = keyData.TYPE) !== null && _a !== void 0 ? _a :
|
|
294
|
+
if (['newWebPay', 'ecPay'].includes((_a = keyData.TYPE) !== null && _a !== void 0 ? _a : '') &&
|
|
297
295
|
!['credit', 'atm', 'web_atm', 'c_code', 'c_bar_code'].some((dd) => {
|
|
298
296
|
return keyData[dd];
|
|
299
297
|
})) {
|
|
300
298
|
dialog.infoMessage({
|
|
301
|
-
text: html `
|
|
302
|
-
<div class="text-center">線上金流需至少選取<br/>一種開通付款方式</div>`,
|
|
299
|
+
text: html ` <div class="text-center">線上金流需至少選取<br />一種開通付款方式</div>`,
|
|
303
300
|
});
|
|
304
301
|
return;
|
|
305
302
|
}
|
|
@@ -322,17 +319,16 @@ export class ShoppingFinanceSetting {
|
|
|
322
319
|
static line_pay(gvc, keyData) {
|
|
323
320
|
var _a;
|
|
324
321
|
const defText = html `<p>您選擇了線下Line Pay付款。請完成付款後，提供證明截圖(圖一)，或是照著(圖二)的流程擷取『付款詳細資訊』並上傳，以便我們核款。 </p>
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
</p> `;
|
|
322
|
+
<p>
|
|
323
|
+
<br /><img src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722924978722-Frame%205078.png" class="fr-fic fr-dii" style="width: 215px;" /> <img
|
|
324
|
+
src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722924973580-Frame%205058.png"
|
|
325
|
+
class="fr-fic fr-dii"
|
|
326
|
+
style="width: 545px;"
|
|
327
|
+
/>
|
|
328
|
+
</p>
|
|
329
|
+
<p>
|
|
330
|
+
<br />
|
|
331
|
+
</p> `;
|
|
336
332
|
keyData.payment_info_line_pay = (_a = keyData.payment_info_line_pay) !== null && _a !== void 0 ? _a : {
|
|
337
333
|
text: '',
|
|
338
334
|
};
|
|
@@ -343,14 +339,13 @@ export class ShoppingFinanceSetting {
|
|
|
343
339
|
view: () => {
|
|
344
340
|
var _a, _b;
|
|
345
341
|
return [
|
|
346
|
-
html `
|
|
347
|
-
<div class="
|
|
348
|
-
|
|
349
|
-
${BgWidget.blueNote('返回預設', gvc.event(() => {
|
|
342
|
+
html ` <div class="d-flex justify-content-between mb-3">
|
|
343
|
+
<div class="tx_normal">付款說明</div>
|
|
344
|
+
${BgWidget.blueNote('返回預設', gvc.event(() => {
|
|
350
345
|
keyData.payment_info_line_pay.text = defText;
|
|
351
346
|
gvc.notifyDataChange(id);
|
|
352
347
|
}))}
|
|
353
|
-
|
|
348
|
+
</div>`,
|
|
354
349
|
EditorElem.richText({
|
|
355
350
|
gvc: gvc,
|
|
356
351
|
def: (_b = (_a = keyData.payment_info_line_pay) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : '',
|
|
@@ -366,9 +361,9 @@ export class ShoppingFinanceSetting {
|
|
|
366
361
|
static atm(gvc, keyData) {
|
|
367
362
|
var _a;
|
|
368
363
|
const defText = html `<p>當日下單匯款，隔日出貨，後天到貨。</p>
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
364
|
+
<p>若有需要統一編號 請提早告知</p>
|
|
365
|
+
<p>------------------------------------------------------------------</p>
|
|
366
|
+
<p>＊採臨櫃匯款者，電匯單上匯款人姓名與聯絡電話請務必填寫。</p> `;
|
|
372
367
|
keyData.payment_info_atm =
|
|
373
368
|
(_a = keyData.payment_info_atm) !== null && _a !== void 0 ? _a : {
|
|
374
369
|
bank_account: '',
|
|
@@ -383,9 +378,8 @@ export class ShoppingFinanceSetting {
|
|
|
383
378
|
view: () => {
|
|
384
379
|
var _a, _b;
|
|
385
380
|
return [
|
|
386
|
-
html `
|
|
387
|
-
|
|
388
|
-
${[
|
|
381
|
+
html ` <div class="row w-100">
|
|
382
|
+
${[
|
|
389
383
|
{
|
|
390
384
|
key: 'bank_code',
|
|
391
385
|
title: '銀行代號',
|
|
@@ -404,32 +398,30 @@ export class ShoppingFinanceSetting {
|
|
|
404
398
|
},
|
|
405
399
|
]
|
|
406
400
|
.map((dd) => {
|
|
407
|
-
return html `
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
onchange="${gvc.event((e, event) => {
|
|
401
|
+
return html ` <div class="col-12 col-md-6 mb-2 pe-0 pe-md-2">
|
|
402
|
+
<div class="w-100 mb-1">
|
|
403
|
+
<span style="color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">${dd.title}</span>
|
|
404
|
+
<span style="color: #E80000; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">*</span>
|
|
405
|
+
</div>
|
|
406
|
+
<input
|
|
407
|
+
class="form-control w-100"
|
|
408
|
+
placeholder="請輸入${dd.title}"
|
|
409
|
+
value="${keyData.payment_info_atm[dd.key]}"
|
|
410
|
+
onchange="${gvc.event((e, event) => {
|
|
418
411
|
keyData.payment_info_atm[dd.key] = e.value;
|
|
419
412
|
})}"
|
|
420
|
-
|
|
421
|
-
|
|
413
|
+
/>
|
|
414
|
+
</div>`;
|
|
422
415
|
})
|
|
423
416
|
.join('')}
|
|
424
|
-
|
|
425
|
-
html `
|
|
426
|
-
<div class="
|
|
427
|
-
|
|
428
|
-
${BgWidget.blueNote('返回預設', gvc.event(() => {
|
|
417
|
+
</div>`,
|
|
418
|
+
html ` <div class="my-2 px-1" style="display:flex;justify-content: space-between;">
|
|
419
|
+
<div class="tx_normal">付款說明</div>
|
|
420
|
+
${BgWidget.blueNote('返回預設', gvc.event(() => {
|
|
429
421
|
keyData.payment_info_atm.text = defText;
|
|
430
422
|
gvc.notifyDataChange(id);
|
|
431
423
|
}))}
|
|
432
|
-
|
|
424
|
+
</div>`,
|
|
433
425
|
``,
|
|
434
426
|
EditorElem.richText({
|
|
435
427
|
gvc: gvc,
|
|
@@ -504,17 +496,15 @@ export class ShoppingFinanceSetting {
|
|
|
504
496
|
gvc,
|
|
505
497
|
tag: 'delivery_alert_info',
|
|
506
498
|
title: '注意事項',
|
|
507
|
-
insideHTML: html `
|
|
508
|
-
|
|
509
|
-
style="white-space: normal;">
|
|
510
|
-
${BgWidget.alertInfo('', [
|
|
499
|
+
insideHTML: html ` <div class="mt-2" style="white-space: normal;">
|
|
500
|
+
${BgWidget.alertInfo('', [
|
|
511
501
|
'1. 僅提供<b>「綠界C2C物流」</b>建立與追蹤',
|
|
512
502
|
'2. 可追蹤四大超商（7-ELEVEN、全家、萊爾富、OK超商）',
|
|
513
503
|
'3. 若無填寫物流追蹤設定，此功能將在結帳時忽略執行',
|
|
514
504
|
'4. 寄件人名稱請設定最多10字元（中文5個字, 英文10個字, 不得含指定特殊符號）',
|
|
515
505
|
'5. 寄件人手機應為09開頭的格式',
|
|
516
506
|
])}
|
|
517
|
-
|
|
507
|
+
</div>`,
|
|
518
508
|
height: document.body.clientWidth > 768 ? 300 : 385,
|
|
519
509
|
}),
|
|
520
510
|
...(() => {
|
|
@@ -649,10 +639,7 @@ export class ShoppingFinanceSetting {
|
|
|
649
639
|
}
|
|
650
640
|
if (CheckInput.isEmpty(vm.delivery.SenderName) || !checkSenderPattern(vm.delivery.SenderName)) {
|
|
651
641
|
dialog.infoMessage({
|
|
652
|
-
text: html `
|
|
653
|
-
<div class="text-center">寄件人名稱請設定最多10字元<br/>（中文5個字,
|
|
654
|
-
英文10個字,<br/>不得含指定特殊符號）
|
|
655
|
-
</div>`,
|
|
642
|
+
text: html ` <div class="text-center">寄件人名稱請設定最多10字元<br />（中文5個字, 英文10個字,<br />不得含指定特殊符號）</div>`,
|
|
656
643
|
});
|
|
657
644
|
resolve(false);
|
|
658
645
|
return;
|
|
@@ -700,12 +687,10 @@ export class ShoppingFinanceSetting {
|
|
|
700
687
|
innerHTML: (gvc) => {
|
|
701
688
|
form = BgWidget.customForm(gvc, [
|
|
702
689
|
{
|
|
703
|
-
title: html `
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
<span class="" style="color:#8D8D8D;font-size: 12px;">當客戶選擇此物流時所需填寫的額外資料</span>
|
|
708
|
-
</div>`,
|
|
690
|
+
title: html ` <div class="tx_normal fw-bolder mt-2 d-flex flex-column" style="margin-bottom: 12px;">
|
|
691
|
+
自訂物流表單
|
|
692
|
+
<span class="" style="color:#8D8D8D;font-size: 12px;">當客戶選擇此物流時所需填寫的額外資料</span>
|
|
693
|
+
</div>`,
|
|
709
694
|
key: `form_delivery_${custom_delivery.id}`,
|
|
710
695
|
no_padding: true,
|
|
711
696
|
},
|
|
@@ -729,8 +714,7 @@ export class ShoppingFinanceSetting {
|
|
|
729
714
|
].join(BgWidget.mbContainer(12));
|
|
730
715
|
},
|
|
731
716
|
divCreate: {},
|
|
732
|
-
onCreate: () => {
|
|
733
|
-
},
|
|
717
|
+
onCreate: () => { },
|
|
734
718
|
};
|
|
735
719
|
})());
|
|
736
720
|
},
|
|
@@ -837,17 +821,17 @@ export class ShoppingFinanceSetting {
|
|
|
837
821
|
}))
|
|
838
822
|
.map((dd) => {
|
|
839
823
|
return html `
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
824
|
+
<div class="col-12 col-md-4 p-0 p-md-2">
|
|
825
|
+
<div
|
|
826
|
+
class="w-100 position-relative main-card"
|
|
827
|
+
style="padding: 24px 32px; background: white; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 18px; display: inline-flex;"
|
|
828
|
+
>
|
|
829
|
+
${(() => {
|
|
846
830
|
if (dd.custom) {
|
|
847
831
|
return html `<i
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
832
|
+
class="fa-solid fa-pencil position-absolute"
|
|
833
|
+
style="cursor:pointer;right:15px;top:15px;"
|
|
834
|
+
onclick="${gvc.event(() => {
|
|
851
835
|
updateCustomShipment({
|
|
852
836
|
function: 'replace',
|
|
853
837
|
data: vm.data.custom_delivery.find((d1) => {
|
|
@@ -855,34 +839,29 @@ export class ShoppingFinanceSetting {
|
|
|
855
839
|
}),
|
|
856
840
|
});
|
|
857
841
|
})}"
|
|
858
|
-
|
|
842
|
+
></i>`;
|
|
859
843
|
}
|
|
860
844
|
else {
|
|
861
845
|
return ``;
|
|
862
846
|
}
|
|
863
847
|
})()}
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
<div class="d-flex align-items-center"
|
|
872
|
-
style="gap:4px;">
|
|
873
|
-
<div class="tx_normal">
|
|
874
|
-
${vm.data.support.find((d1) => {
|
|
848
|
+
<div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 28px; display: inline-flex">
|
|
849
|
+
<div style="min-width: 46px;max-width: 46px;">${dd.type === 'font_awesome' ? dd.src : html ` <img src="${dd.src}" />`}</div>
|
|
850
|
+
<div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
|
|
851
|
+
<div class="tx_normal">${dd.title}</div>
|
|
852
|
+
<div class="d-flex align-items-center" style="gap:4px;">
|
|
853
|
+
<div class="tx_normal">
|
|
854
|
+
${vm.data.support.find((d1) => {
|
|
875
855
|
return dd.value === d1;
|
|
876
856
|
})
|
|
877
857
|
? `開啟`
|
|
878
858
|
: `關閉`}
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
onchange="${gvc.event((e, event) => {
|
|
859
|
+
</div>
|
|
860
|
+
<div class="cursor_pointer form-check form-switch" style="margin-top: 10px;">
|
|
861
|
+
<input
|
|
862
|
+
class="form-check-input"
|
|
863
|
+
type="checkbox"
|
|
864
|
+
onchange="${gvc.event((e, event) => {
|
|
886
865
|
if (vm.data.support.find((d1) => {
|
|
887
866
|
return dd.value === d1;
|
|
888
867
|
})) {
|
|
@@ -895,41 +874,39 @@ export class ShoppingFinanceSetting {
|
|
|
895
874
|
}
|
|
896
875
|
gvc.notifyDataChange(id);
|
|
897
876
|
})}"
|
|
898
|
-
|
|
877
|
+
${vm.data.support.find((d1) => {
|
|
899
878
|
return dd.value === d1;
|
|
900
879
|
})
|
|
901
880
|
? `checked`
|
|
902
881
|
: ``}
|
|
903
|
-
|
|
904
|
-
</div>
|
|
882
|
+
/>
|
|
905
883
|
</div>
|
|
906
884
|
</div>
|
|
907
885
|
</div>
|
|
908
886
|
</div>
|
|
909
887
|
</div>
|
|
910
|
-
|
|
911
|
-
|
|
888
|
+
</div>
|
|
889
|
+
${document.body.clientWidth > 768 ? '' : BgWidget.mbContainer(8)}
|
|
890
|
+
`;
|
|
912
891
|
})
|
|
913
892
|
.concat([
|
|
914
|
-
html `
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
onclick="${gvc.event(() => {
|
|
893
|
+
html ` <div
|
|
894
|
+
class="col-12 col-md-4 p-0 p-md-2"
|
|
895
|
+
style="cursor: pointer;"
|
|
896
|
+
onclick="${gvc.event(() => {
|
|
919
897
|
updateCustomShipment({ function: 'plus' });
|
|
920
898
|
})}"
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
</div>`,
|
|
899
|
+
>
|
|
900
|
+
<div
|
|
901
|
+
class="w-100 main-card"
|
|
902
|
+
style="min-height:121px;padding: 24px; background: white; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; gap: 18px; display: inline-flex"
|
|
903
|
+
>
|
|
904
|
+
<div class="fw-bold" style="align-self: stretch; justify-content: center; align-items: center; gap: 14px; display: inline-flex;color:#4D86DB;">
|
|
905
|
+
<i class="fa-regular fa-circle-plus fs-5"></i>
|
|
906
|
+
<div class="fs-5">新增自訂物流</div>
|
|
907
|
+
</div>
|
|
908
|
+
</div>
|
|
909
|
+
</div>`,
|
|
933
910
|
])
|
|
934
911
|
.join('');
|
|
935
912
|
},
|
|
@@ -975,7 +952,7 @@ export class ShoppingFinanceSetting {
|
|
|
975
952
|
save();
|
|
976
953
|
},
|
|
977
954
|
})}
|
|
978
|
-
</div
|
|
955
|
+
</div>`,
|
|
979
956
|
].join(''))}
|
|
980
957
|
<div style="width: 100%;padding: 14px 16px;background: #FFF; display: flex;justify-content: end;position: fixed;bottom: 0;right: 0;z-index:1;gap:14px;">
|
|
981
958
|
${BgWidget.save(gvc.event(() => __awaiter(this, void 0, void 0, function* () {
|
|
@@ -1049,77 +1026,58 @@ export class ShoppingFinanceSetting {
|
|
|
1049
1026
|
bind: id,
|
|
1050
1027
|
view: () => {
|
|
1051
1028
|
return html `
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
服務商選擇
|
|
1056
|
-
</div>
|
|
1057
|
-
${[
|
|
1029
|
+
<div class="d-flex flex-column" style="gap:18px;">
|
|
1030
|
+
<div class="tx_normal fw-bold">服務商選擇</div>
|
|
1031
|
+
${[
|
|
1058
1032
|
{
|
|
1059
|
-
title: html `
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
style="color:#8D8D8D;font-size: 12px;">透過藍新服務商串接，於商品購買時，自動開立電子發票</span>
|
|
1064
|
-
</div>`,
|
|
1033
|
+
title: html ` <div class="d-flex flex-column">
|
|
1034
|
+
藍新發票
|
|
1035
|
+
<span class="" style="color:#8D8D8D;font-size: 12px;">透過藍新服務商串接，於商品購買時，自動開立電子發票</span>
|
|
1036
|
+
</div>`,
|
|
1065
1037
|
value: 'ezpay',
|
|
1066
1038
|
},
|
|
1067
1039
|
{
|
|
1068
|
-
title: html `
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
style="color:#8D8D8D;font-size: 12px;">透過綠界服務商串接，於商品購買時，自動開立電子發票</span>
|
|
1073
|
-
</div>`,
|
|
1040
|
+
title: html ` <div class="d-flex flex-column">
|
|
1041
|
+
綠界發票
|
|
1042
|
+
<span class="" style="color:#8D8D8D;font-size: 12px;">透過綠界服務商串接，於商品購買時，自動開立電子發票</span>
|
|
1043
|
+
</div>`,
|
|
1074
1044
|
value: 'ecpay',
|
|
1075
1045
|
},
|
|
1076
1046
|
{
|
|
1077
|
-
title: html `
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
style="color:#8D8D8D;font-size: 12px;">顧客需填寫發票資訊，由店家自行開立發票</span>
|
|
1082
|
-
</div>`,
|
|
1047
|
+
title: html ` <div class="d-flex flex-column">
|
|
1048
|
+
線下開立
|
|
1049
|
+
<span class="" style="color:#8D8D8D;font-size: 12px;">顧客需填寫發票資訊，由店家自行開立發票</span>
|
|
1050
|
+
</div>`,
|
|
1083
1051
|
value: 'off_line',
|
|
1084
1052
|
},
|
|
1085
1053
|
{
|
|
1086
|
-
title: html `
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
style="color:#8D8D8D;font-size: 12px;">顧客不需填寫發票資訊，不需開立電子發票</span>
|
|
1091
|
-
</div>`,
|
|
1054
|
+
title: html ` <div class="d-flex flex-column">
|
|
1055
|
+
不開立電子發票
|
|
1056
|
+
<span class="" style="color:#8D8D8D;font-size: 12px;">顧客不需填寫發票資訊，不需開立電子發票</span>
|
|
1057
|
+
</div>`,
|
|
1092
1058
|
value: 'nouse',
|
|
1093
1059
|
},
|
|
1094
1060
|
]
|
|
1095
1061
|
.map((dd) => {
|
|
1096
|
-
return html `
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
style="gap:8px;"
|
|
1103
|
-
onclick="${gvc.event(() => {
|
|
1062
|
+
return html ` <div>
|
|
1063
|
+
${[
|
|
1064
|
+
html ` <div
|
|
1065
|
+
class="d-flex align-items-center cursor_pointer"
|
|
1066
|
+
style="gap:8px;"
|
|
1067
|
+
onclick="${gvc.event(() => {
|
|
1104
1068
|
vm.data.fincial = dd.value;
|
|
1105
1069
|
gvc.notifyDataChange(id);
|
|
1106
1070
|
})}"
|
|
1107
|
-
|
|
1108
|
-
|
|
1071
|
+
>
|
|
1072
|
+
${vm.data.fincial === dd.value
|
|
1109
1073
|
? `<i class="fa-sharp fa-solid fa-circle-dot color39"></i>`
|
|
1110
1074
|
: ` <div class="c_39_checkbox"></div>`}
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
style="">
|
|
1118
|
-
<div class="ms-2 border-end position-absolute h-100"
|
|
1119
|
-
style="left: 0px;"></div>
|
|
1120
|
-
<div class="flex-fill "
|
|
1121
|
-
style="margin-left:30px;max-width: 518px;">
|
|
1122
|
-
${(() => {
|
|
1075
|
+
<div class="tx_normal fw-normal">${dd.title}</div>
|
|
1076
|
+
</div>`,
|
|
1077
|
+
html ` <div class="d-flex position-relative mt-2" style="">
|
|
1078
|
+
<div class="ms-2 border-end position-absolute h-100" style="left: 0px;"></div>
|
|
1079
|
+
<div class="flex-fill " style="margin-left:30px;max-width: 518px;">
|
|
1080
|
+
${(() => {
|
|
1123
1081
|
var _a, _b, _c;
|
|
1124
1082
|
if (vm.data.fincial === 'nouse' ||
|
|
1125
1083
|
vm.data.fincial === 'off_line' ||
|
|
@@ -1200,14 +1158,14 @@ export class ShoppingFinanceSetting {
|
|
|
1200
1158
|
].join(BgWidget.mbContainer(12));
|
|
1201
1159
|
}
|
|
1202
1160
|
})()}
|
|
1203
|
-
|
|
1204
|
-
|
|
1161
|
+
</div>
|
|
1162
|
+
</div>`,
|
|
1205
1163
|
].join('')}
|
|
1206
|
-
|
|
1164
|
+
</div>`;
|
|
1207
1165
|
})
|
|
1208
1166
|
.join('')}
|
|
1209
|
-
|
|
1210
|
-
|
|
1167
|
+
</div>
|
|
1168
|
+
`;
|
|
1211
1169
|
},
|
|
1212
1170
|
divCreate: {
|
|
1213
1171
|
style: ``,
|
|
@@ -1224,15 +1182,14 @@ export class ShoppingFinanceSetting {
|
|
|
1224
1182
|
};
|
|
1225
1183
|
})),
|
|
1226
1184
|
BgWidget.mbContainer(240),
|
|
1227
|
-
html `
|
|
1228
|
-
|
|
1229
|
-
${BgWidget.save(gvc.event(() => {
|
|
1185
|
+
html ` <div class="update-bar-container">
|
|
1186
|
+
${BgWidget.save(gvc.event(() => {
|
|
1230
1187
|
save(() => {
|
|
1231
1188
|
const dialog = new ShareDialog(gvc.glitter);
|
|
1232
1189
|
dialog.successMessage({ text: '設定成功' });
|
|
1233
1190
|
});
|
|
1234
1191
|
}))}
|
|
1235
|
-
|
|
1192
|
+
</div>`,
|
|
1236
1193
|
].join(''))}
|
|
1237
1194
|
`);
|
|
1238
1195
|
},
|