442 lines
20 KiB
HTML
442 lines
20 KiB
HTML
<!-- 渠道订单聚合 — ch-orders.html -->
|
|
<style>
|
|
/* ---- page-private: cho- prefix ---- */
|
|
|
|
/* 统计卡片 */
|
|
.cho-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; }
|
|
.cho-stat-card {
|
|
background: #fff; border-radius: var(--g-radius); border: 1px solid var(--g-border);
|
|
padding: 18px 20px; transition: box-shadow var(--g-transition);
|
|
}
|
|
.cho-stat-card:hover { box-shadow: var(--g-shadow-md); }
|
|
.cho-stat-label { font-size: 13px; color: var(--g-text-muted); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
|
|
.cho-stat-label i { width: 15px; height: 15px; }
|
|
.cho-stat-val { font-size: 26px; font-weight: 700; color: var(--g-text); }
|
|
.cho-stat-trend { font-size: 12px; margin-left: 8px; font-weight: 500; }
|
|
.cho-stat-trend.up { color: var(--g-success); }
|
|
.cho-stat-trend.down { color: var(--g-danger); }
|
|
.cho-stat-card.urgent { border-left: 3px solid var(--g-warning); }
|
|
.cho-stat-card.urgent .cho-stat-val { color: var(--g-warning); }
|
|
|
|
/* 平台pills */
|
|
.cho-platforms { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
|
|
.cho-plat-pill {
|
|
display: inline-flex; align-items: center; gap: 6px; padding: 6px 16px;
|
|
border-radius: 20px; border: 1px solid #d9d9d9; font-size: 13px;
|
|
cursor: pointer; transition: all var(--g-transition); user-select: none; background: #fff;
|
|
}
|
|
.cho-plat-pill:hover { border-color: var(--primary); }
|
|
.cho-plat-pill.active { background: color-mix(in srgb, var(--primary) 8%, #fff); border-color: var(--primary); color: var(--primary); font-weight: 600; }
|
|
.cho-plat-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
|
|
.cho-dot-all { background: var(--primary); }
|
|
.cho-dot-meituan { background: #ffc107; }
|
|
.cho-dot-eleme { background: #2196f3; }
|
|
.cho-dot-mini { background: #722ed1; }
|
|
|
|
/* 工具栏 */
|
|
.cho-toolbar {
|
|
background: #fff; border-radius: var(--g-radius); padding: 12px 16px;
|
|
display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
|
|
border: 1px solid var(--g-border); margin-bottom: 14px;
|
|
}
|
|
.cho-search-wrap { position: relative; width: 200px; }
|
|
.cho-search-wrap .g-input { padding-left: 30px; width: 100%; }
|
|
.cho-search-wrap i { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: var(--g-text-muted); pointer-events: none; }
|
|
.cho-toolbar-right { margin-left: auto; }
|
|
|
|
/* 订单卡片列表 */
|
|
.cho-order-list { display: flex; flex-direction: column; gap: 10px; }
|
|
.cho-order-card {
|
|
background: #fff; border-radius: var(--g-radius); border: 1px solid var(--g-border);
|
|
padding: 16px 20px; transition: box-shadow var(--g-transition); position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.cho-order-card:hover { box-shadow: var(--g-shadow-md); }
|
|
.cho-order-card.cho-urgent { border-left: 3px solid var(--g-warning); }
|
|
.cho-order-row { display: flex; align-items: center; gap: 10px; }
|
|
.cho-order-row + .cho-order-row { margin-top: 10px; }
|
|
.cho-order-no { font-family: 'Cascadia Code', 'Fira Code', monospace; font-size: 13px; color: var(--g-text); font-weight: 600; }
|
|
.cho-order-time { margin-left: auto; font-size: 12px; color: var(--g-text-muted); flex-shrink: 0; }
|
|
.cho-order-items { flex: 1; font-size: 13px; color: var(--g-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
|
|
.cho-order-amount { font-size: 15px; font-weight: 700; color: var(--g-text); margin-left: auto; flex-shrink: 0; }
|
|
.cho-order-customer { font-size: 12px; color: var(--g-text-muted); display: flex; align-items: center; gap: 4px; }
|
|
.cho-order-customer i { width: 13px; height: 13px; }
|
|
.cho-order-addr { font-size: 12px; color: var(--g-text-muted); flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 12px; }
|
|
.cho-order-actions { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
|
|
|
|
/* 已完成/已取消卡片弱化 */
|
|
.cho-order-card.cho-dimmed { opacity: 0.6; }
|
|
.cho-order-card.cho-dimmed:hover { opacity: 0.8; }
|
|
|
|
/* 平台tag自定义色 */
|
|
.cho-tag-meituan { background: #fff8e1; color: #f57f17; }
|
|
.cho-tag-eleme { background: #e3f2fd; color: #1565c0; }
|
|
.cho-tag-mini { background: #f3e5f5; color: #7b1fa2; }
|
|
|
|
/* 抽屉 */
|
|
.cho-drawer { width: 480px; }
|
|
.cho-section { margin-bottom: 22px; }
|
|
.cho-section-hd {
|
|
font-size: 14px; font-weight: 600; color: var(--g-text);
|
|
padding-left: 10px; border-left: 3px solid var(--primary); margin-bottom: 14px;
|
|
}
|
|
.cho-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; font-size: 13px; }
|
|
.cho-info-label { color: var(--g-text-muted); }
|
|
.cho-info-val { color: var(--g-text); }
|
|
.cho-info-full { grid-column: 1 / -1; }
|
|
.cho-prod-table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
|
.cho-prod-table th {
|
|
text-align: left; padding: 8px 10px; font-size: 12px; font-weight: 500;
|
|
color: var(--g-text-muted); background: var(--g-bg-subtle); border-bottom: 1px solid var(--g-border);
|
|
}
|
|
.cho-prod-table td { padding: 8px 10px; border-bottom: 1px solid #f5f5f5; color: var(--g-text); }
|
|
.cho-sum-block { font-size: 13px; padding: 12px 10px 0; display: flex; flex-direction: column; gap: 6px; }
|
|
.cho-sum-row { display: flex; justify-content: space-between; color: var(--g-text-secondary); }
|
|
.cho-sum-total {
|
|
display: flex; justify-content: space-between; font-weight: 600; color: var(--g-text);
|
|
border-top: 1px solid var(--g-border); padding-top: 8px; margin-top: 4px;
|
|
}
|
|
</style>
|
|
|
|
<!-- 顶部统计卡片 -->
|
|
<div class="cho-stats">
|
|
<div class="cho-stat-card">
|
|
<div class="cho-stat-label"><i data-lucide="receipt"></i> 今日总单量</div>
|
|
<div class="cho-stat-val">186 <span class="cho-stat-trend up"><i data-lucide="trending-up" style="width:13px;height:13px;vertical-align:-2px;"></i> +8%</span></div>
|
|
</div>
|
|
<div class="cho-stat-card urgent">
|
|
<div class="cho-stat-label"><i data-lucide="alert-circle"></i> 待接单</div>
|
|
<div class="cho-stat-val">5</div>
|
|
</div>
|
|
<div class="cho-stat-card">
|
|
<div class="cho-stat-label"><i data-lucide="bike"></i> 配送中</div>
|
|
<div class="cho-stat-val">12</div>
|
|
</div>
|
|
<div class="cho-stat-card">
|
|
<div class="cho-stat-label"><i data-lucide="banknote"></i> 今日营收</div>
|
|
<div class="cho-stat-val" style="font-size:22px;">¥12,480</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 平台来源pills -->
|
|
<div class="cho-platforms">
|
|
<div class="cho-plat-pill active" onclick="choSwitchPlatform(event.currentTarget)">
|
|
<span class="cho-plat-dot cho-dot-all"></span> 全部 (186)
|
|
</div>
|
|
<div class="cho-plat-pill" onclick="choSwitchPlatform(event.currentTarget)">
|
|
<span class="cho-plat-dot cho-dot-meituan"></span> 美团外卖 (68)
|
|
</div>
|
|
<div class="cho-plat-pill" onclick="choSwitchPlatform(event.currentTarget)">
|
|
<span class="cho-plat-dot cho-dot-eleme"></span> 饿了么 (52)
|
|
</div>
|
|
<div class="cho-plat-pill" onclick="choSwitchPlatform(event.currentTarget)">
|
|
<span class="cho-plat-dot cho-dot-mini"></span> 自有小程序 (66)
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 工具栏 -->
|
|
<div class="cho-toolbar">
|
|
<select class="g-select" style="width:130px;">
|
|
<option>全部状态</option>
|
|
<option>待接单</option>
|
|
<option>已接单</option>
|
|
<option>配送中</option>
|
|
<option>已完成</option>
|
|
<option>已取消</option>
|
|
</select>
|
|
<select class="g-select" style="width:110px;">
|
|
<option>今天</option>
|
|
<option>昨天</option>
|
|
<option>近7天</option>
|
|
</select>
|
|
<div class="cho-search-wrap">
|
|
<i data-lucide="search" style="width:14px;height:14px;"></i>
|
|
<input class="g-input" placeholder="搜索订单号/手机号">
|
|
</div>
|
|
<div class="cho-toolbar-right">
|
|
<button class="g-btn g-btn-primary"><i data-lucide="check-check" style="width:14px;height:14px;"></i> 批量接单</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 订单卡片列表 -->
|
|
<div class="cho-order-list">
|
|
|
|
<!-- 1. 待接单-美团 -->
|
|
<div class="cho-order-card cho-urgent" onclick="choOpenDrawer('MT20260213001')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#MT20260213001</span>
|
|
<span class="g-tag cho-tag-meituan">美团外卖</span>
|
|
<span class="g-tag g-tag-orange">待接单</span>
|
|
<span class="cho-order-time">12:32:15</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">宫保鸡丁套餐x1、米饭x1 等2件</span>
|
|
<span class="cho-order-amount">¥58.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 张**</span>
|
|
<span class="cho-order-addr">朝阳区建国路88号院3号楼1单元502</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<button class="g-btn g-btn-primary g-btn-sm">接单</button>
|
|
<a class="g-action g-action-danger">拒单</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 2. 待接单-饿了么 -->
|
|
<div class="cho-order-card cho-urgent" onclick="choOpenDrawer('EL20260213002')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#EL20260213002</span>
|
|
<span class="g-tag cho-tag-eleme">饿了么</span>
|
|
<span class="g-tag g-tag-orange">待接单</span>
|
|
<span class="cho-order-time">12:28:40</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">麻辣香锅(中辣)x1、可乐x1 等2件</span>
|
|
<span class="cho-order-amount">¥42.50</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 李**</span>
|
|
<span class="cho-order-addr">海淀区中关村大街1号银谷大厦8层</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<button class="g-btn g-btn-primary g-btn-sm">接单</button>
|
|
<a class="g-action g-action-danger">拒单</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 3. 待接单-小程序 -->
|
|
<div class="cho-order-card cho-urgent" onclick="choOpenDrawer('WX20260213003')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#WX20260213003</span>
|
|
<span class="g-tag cho-tag-mini">小程序</span>
|
|
<span class="g-tag g-tag-orange">待接单</span>
|
|
<span class="cho-order-time">12:25:08</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">牛肉面套餐x1、卤蛋x1 等2件</span>
|
|
<span class="cho-order-amount">¥35.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 王**</span>
|
|
<span class="cho-order-addr">西城区金融街7号英蓝国际金融中心B座</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<button class="g-btn g-btn-primary g-btn-sm">接单</button>
|
|
<a class="g-action g-action-danger">拒单</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 4. 已接单-美团 -->
|
|
<div class="cho-order-card" onclick="choOpenDrawer('MT20260213004')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#MT20260213004</span>
|
|
<span class="g-tag cho-tag-meituan">美团外卖</span>
|
|
<span class="g-tag g-tag-blue">已接单</span>
|
|
<span class="cho-order-time">12:15:30</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">4人聚餐套餐x1、啤酒x4 等5件</span>
|
|
<span class="cho-order-amount">¥126.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 赵**</span>
|
|
<span class="cho-order-addr">朝阳区望京SOHO T1 12层</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<button class="g-btn g-btn-sm"><i data-lucide="phone-call" style="width:13px;height:13px;"></i> 呼叫配送</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 5. 配送中-饿了么 -->
|
|
<div class="cho-order-card" onclick="choOpenDrawer('EL20260213005')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#EL20260213005</span>
|
|
<span class="g-tag cho-tag-eleme">饿了么</span>
|
|
<span class="g-tag g-tag-blue">配送中</span>
|
|
<span class="cho-order-time">11:58:12</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">烤鱼套餐(微辣)x1、凉菜拼盘x1 等3件</span>
|
|
<span class="cho-order-amount">¥68.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 刘**</span>
|
|
<span class="cho-order-addr">丰台区丽泽商务区16号院平安幸福中心</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<a class="g-action">催配送</a>
|
|
<a class="g-action">查看骑手</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 6. 配送中-小程序 -->
|
|
<div class="cho-order-card" onclick="choOpenDrawer('WX20260213006')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#WX20260213006</span>
|
|
<span class="g-tag cho-tag-mini">小程序</span>
|
|
<span class="g-tag g-tag-blue">配送中</span>
|
|
<span class="cho-order-time">11:45:50</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">拿铁咖啡x2、提拉米苏x1 等3件</span>
|
|
<span class="cho-order-amount">¥45.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 陈**</span>
|
|
<span class="cho-order-addr">东城区东直门外大街48号东方银座C座</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<a class="g-action">催配送</a>
|
|
<a class="g-action">查看骑手</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 7. 已完成-美团 -->
|
|
<div class="cho-order-card cho-dimmed" onclick="choOpenDrawer('MT20260213007')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#MT20260213007</span>
|
|
<span class="g-tag cho-tag-meituan">美团外卖</span>
|
|
<span class="g-tag g-tag-green">已完成</span>
|
|
<span class="cho-order-time">11:20:05</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">小龙虾套餐(十三香)x1、啤酒x2 等3件</span>
|
|
<span class="cho-order-amount">¥89.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 孙**</span>
|
|
<span class="cho-order-addr">朝阳区三里屯太古里南区S2栋</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<a class="g-action">查看详情</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 8. 已完成-饿了么 -->
|
|
<div class="cho-order-card cho-dimmed" onclick="choOpenDrawer('EL20260213008')">
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-no">#EL20260213008</span>
|
|
<span class="g-tag cho-tag-eleme">饿了么</span>
|
|
<span class="g-tag g-tag-green">已完成</span>
|
|
<span class="cho-order-time">10:55:30</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-items">蛋炒饭x1、紫菜蛋花汤x1 等2件</span>
|
|
<span class="cho-order-amount">¥32.00</span>
|
|
</div>
|
|
<div class="cho-order-row">
|
|
<span class="cho-order-customer"><i data-lucide="user"></i> 周**</span>
|
|
<span class="cho-order-addr">海淀区五道口华清嘉园12号楼</span>
|
|
<div class="cho-order-actions" onclick="event.stopPropagation()">
|
|
<a class="g-action">查看详情</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 分页 -->
|
|
<div class="g-pagination">
|
|
<span>共 186 条</span>
|
|
<button class="g-page-btn" disabled><</button>
|
|
<button class="g-page-btn active">1</button>
|
|
<button class="g-page-btn">2</button>
|
|
<button class="g-page-btn">3</button>
|
|
<button class="g-page-btn">...</button>
|
|
<button class="g-page-btn">10</button>
|
|
<button class="g-page-btn">></button>
|
|
</div>
|
|
|
|
<!-- 订单详情抽屉 -->
|
|
<div class="g-drawer-mask" id="choDrawerMask" onclick="choCloseDrawer()"></div>
|
|
<div class="g-drawer cho-drawer" id="choDrawer">
|
|
<div class="g-drawer-hd">
|
|
<span class="g-drawer-title" id="choDrawerTitle">订单详情</span>
|
|
<button class="g-drawer-close" onclick="choCloseDrawer()"><i data-lucide="x" style="width:18px;height:18px;"></i></button>
|
|
</div>
|
|
<div class="g-drawer-bd">
|
|
|
|
<!-- 基本信息 -->
|
|
<div class="cho-section">
|
|
<div class="cho-section-hd">基本信息</div>
|
|
<div class="cho-info-grid">
|
|
<div><span class="cho-info-label">订单号：</span><span class="cho-info-val" style="font-family:monospace;">#MT20260213001</span></div>
|
|
<div><span class="cho-info-label">来源平台：</span><span class="g-tag cho-tag-meituan">美团外卖</span></div>
|
|
<div><span class="cho-info-label">订单状态：</span><span class="g-tag g-tag-orange">待接单</span></div>
|
|
<div><span class="cho-info-label">下单时间：</span><span class="cho-info-val">2026-02-13 12:32:15</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 菜品明细 -->
|
|
<div class="cho-section">
|
|
<div class="cho-section-hd">菜品明细</div>
|
|
<table class="cho-prod-table">
|
|
<thead>
|
|
<tr><th>菜品</th><th>数量</th><th>单价</th><th style="text-align:right;">小计</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>宫保鸡丁套餐</td><td>1</td><td>¥45.00</td><td style="text-align:right;">¥45.00</td></tr>
|
|
<tr><td>米饭(加量)</td><td>1</td><td>¥3.00</td><td style="text-align:right;">¥3.00</td></tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="cho-sum-block">
|
|
<div class="cho-sum-row"><span>商品总额</span><span>¥48.00</span></div>
|
|
<div class="cho-sum-row"><span>配送费</span><span>¥5.00</span></div>
|
|
<div class="cho-sum-row"><span>包装费</span><span>¥2.00</span></div>
|
|
<div class="cho-sum-row"><span>优惠减免</span><span style="color:var(--g-danger);">-¥7.00</span></div>
|
|
<div class="cho-sum-total"><span>实付金额</span><span style="color:var(--primary);font-size:15px;">¥58.00</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 收货信息 -->
|
|
<div class="cho-section">
|
|
<div class="cho-section-hd">收货信息</div>
|
|
<div class="cho-info-grid">
|
|
<div><span class="cho-info-label">收货人：</span><span class="cho-info-val">张**</span></div>
|
|
<div><span class="cho-info-label">联系电话：</span><span class="cho-info-val">138****6789</span></div>
|
|
<div class="cho-info-full"><span class="cho-info-label">收货地址：</span><span class="cho-info-val">北京市朝阳区建国路88号院3号楼1单元502</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 配送信息 -->
|
|
<div class="cho-section">
|
|
<div class="cho-section-hd">配送信息</div>
|
|
<div class="cho-info-grid">
|
|
<div><span class="cho-info-label">配送方式：</span><span class="cho-info-val">美团专送</span></div>
|
|
<div><span class="cho-info-label">预计送达：</span><span class="cho-info-val">13:10 前</span></div>
|
|
<div><span class="cho-info-label">骑手姓名：</span><span class="cho-info-val" style="color:var(--g-text-muted);">待分配</span></div>
|
|
<div><span class="cho-info-label">骑手电话：</span><span class="cho-info-val" style="color:var(--g-text-muted);">--</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="g-drawer-ft" id="choDrawerFt">
|
|
<button class="g-btn" onclick="choCloseDrawer()">关闭</button>
|
|
<button class="g-btn g-btn-primary">接单</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
/* 平台pill切换 */
|
|
function choSwitchPlatform(el) {
|
|
document.querySelectorAll('.cho-plat-pill').forEach(function(p) { p.classList.remove('active'); });
|
|
el.classList.add('active');
|
|
}
|
|
|
|
/* 抽屉开关 */
|
|
function choOpenDrawer(orderNo) {
|
|
document.getElementById('choDrawerTitle').textContent = '订单详情 #' + orderNo;
|
|
document.getElementById('choDrawerMask').classList.add('open');
|
|
document.getElementById('choDrawer').classList.add('open');
|
|
if (typeof lucide !== 'undefined') lucide.createIcons();
|
|
}
|
|
function choCloseDrawer() {
|
|
document.getElementById('choDrawerMask').classList.remove('open');
|
|
document.getElementById('choDrawer').classList.remove('open');
|
|
}
|
|
|
|
/* 初始化图标 */
|
|
if (typeof lucide !== 'undefined') { lucide.createIcons(); }
|
|
</script>
|