yumoqing
fd794616b3
- 展示层重写: 分类=Tab(服务端渲染), 卡片含介绍+真实定价+立即购买按钮, 点击弹购买确认弹窗(purchase_confirm→purchase_realtime 实时记账链路不变) - 定价文案取资源模块 get_product_display_info(含折扣前的资源真实价) - load_path 补注册 purchase_confirm/purchase_realtime/my_subscriptions (此前缺失, 客户点购买会 401)
189 lines
7.6 KiB
XML
189 lines
7.6 KiB
XML
{% set cats_r = get_category_tree(org_id='0') %}
|
|
{% set cats = (cats_r or {}).get('tree', []) if (cats_r or {}).get('success') else [] %}
|
|
{% set userid = get_user() %}
|
|
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "100%",
|
|
"padding": "0",
|
|
"bgcolor": "#f1f5f9"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "TabPanel",
|
|
"options": {
|
|
"css": "filler",
|
|
"width": "100%",
|
|
"height": "100%",
|
|
"tab_pos": "top",
|
|
"items": [
|
|
{% for cat in cats %}
|
|
{% set pr = get_products_by_category(cat.id, org_id='0') %}
|
|
{% set prods = (pr or {}).get('products', []) %}
|
|
{
|
|
"name": "cat_{{cat.id}}",
|
|
"label": {{json.dumps(cat.name or '', ensure_ascii=False)}},
|
|
"content": {
|
|
"widgettype": "VScrollPanel",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "100%"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"padding": "20px 24px",
|
|
"gap": "16px"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "HBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"flexWrap": "wrap",
|
|
"gap": "16px"
|
|
},
|
|
"subwidgets": [
|
|
{% set ns = namespace(first=true) %}
|
|
{% for p in prods %}
|
|
{% if p.get('is_active', true) %}
|
|
{% set disp = get_product_display_info(p.get('id')) %}
|
|
{% set pricing_text = (disp or {}).get('pricing_text', '定价暂不可用') if (disp or {}).get('success') else '定价暂不可用' %}
|
|
{% if not ns.first %},{% endif %}
|
|
{% set ns.first = false %}
|
|
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"css": "card",
|
|
"cwidth": 24,
|
|
"cheight": 15,
|
|
"padding": "20px",
|
|
"bgcolor": "#fff",
|
|
"cursor": "pointer",
|
|
"gap": "8px"
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "click",
|
|
"actiontype": "urlwidget",
|
|
"target": "PopupWindow",
|
|
"popup_options": {
|
|
"title": {{json.dumps('购买 - ' + (p.get('product_name') or ''), ensure_ascii=False)}},
|
|
"cwidth": 40,
|
|
"cheight": 26
|
|
},
|
|
"options": {
|
|
"method": "POST",
|
|
"url": "{{entire_url('/product_management/storefront/api/purchase_confirm.dspy')}}",
|
|
"params": {
|
|
"product_id": {{json.dumps(p.get('id') or '', ensure_ascii=False)}}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Title4",
|
|
"options": {
|
|
"text": {{json.dumps(p.get('product_name') or '', ensure_ascii=False)}},
|
|
"color": "#1e293b"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "VScrollPanel",
|
|
"options": {
|
|
"flex": "1",
|
|
"width": "100%"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": {{json.dumps(p.get('brief_intro') or '暂无介绍', ensure_ascii=False)}},
|
|
"fontSize": "13px",
|
|
"color": "#64748b",
|
|
"wrap": true
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": {{json.dumps(pricing_text, ensure_ascii=False)}},
|
|
"fontSize": "14px",
|
|
"color": "#e74c3c"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "HBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"justifyContent": "flex-end"
|
|
},
|
|
"subwidgets": [
|
|
{% if userid %}
|
|
{
|
|
"widgettype": "Button",
|
|
"options": {
|
|
"label": "立即购买",
|
|
"bgcolor": "#e74c3c",
|
|
"color": "#fff",
|
|
"padding": "8px 24px",
|
|
"borderRadius": "6px"
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "click",
|
|
"actiontype": "urlwidget",
|
|
"target": "PopupWindow",
|
|
"popup_options": {
|
|
"title": {{json.dumps('购买 - ' + (p.get('product_name') or ''), ensure_ascii=False)}},
|
|
"cwidth": 40,
|
|
"cheight": 26
|
|
},
|
|
"options": {
|
|
"method": "POST",
|
|
"url": "{{entire_url('/product_management/storefront/api/purchase_confirm.dspy')}}",
|
|
"params": {
|
|
"product_id": {{json.dumps(p.get('id') or '', ensure_ascii=False)}}
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
{% else %}
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": "登录后购买",
|
|
"fontSize": "13px",
|
|
"color": "#94a3b8"
|
|
}
|
|
}
|
|
{% endif %}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
{% endif %}
|
|
{% endfor %}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}{% if not loop.last %},{% endif %}
|
|
{% endfor %}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|