N Nexus UI Component Library
v3.0
陈
由页面以纯 HTML 打开并书写内容。 ========================================================================= -->
辅助工具 / 03

复制 · 打印 · 导出

把结果带走的三条路径:一键复制到剪贴板、按打印样式输出纸质或 PDF、按字段导出结构化数据。三者共用同一套按钮与提示反馈,失败时给出明确原因。

复制到剪贴板

[data-copy]
复制指定内容
订单号NX-2026-1003-0842
支付流水2026100309264173
收货人陈思远 · 138****2041
复制自身文本

按钮不传值时,点击即复制按钮上显示的文字。适合密钥、短链、口令这类「所见即所复制」的场景。

复制成功后右下角弹出提示,并在提示中回显前 30 个字符,便于核对。

复制代码块
curl -X POST https://api.nexus.dev/v2/orders \
  -H "Authorization: Bearer $TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"orderId":"NX-2026-1003-0842"}'
剪贴板可用 非安全上下文(http)下浏览器会禁用剪贴板 API
降级策略

剪贴板 API 不可用时,组件会自动回退到隐藏文本域 + execCommand 方案;两者都失败则提示用户手动选中复制,不会静默失败。

打印

[data-print]
打印样式预览
打印时自动隐藏侧栏、顶栏、操作按钮与提示条
Nexus UI · 销售出库单

单据编号 NX-OUT-20261003-014

创建时间 2026-10-03 09:26
制单人  陈思远
客户名称 杭州云栖贸易有限公司
发货仓库 华东仓(杭州)
收货地址 浙江省杭州市西湖区文三路 258 号
物流方式 顺丰速运 · 特快
商品名称规格数量单价小计
轻量冲锋衣深灰 / L2469.00938.00
防水收纳袋20L / 卡其1129.00129.00
速干短袖白 / M389.00267.00
户外水壶750ml1158.00158.00
本单据由 Nexus UI 自动生成,无需签章即可核对
合计金额
¥ 1,492.00

预览稿使用固定浅色底,打印时不受深色模式影响,避免出现大面积墨色。

打印参数
纸张A4 纵向
页边距12mm / 14mm
页眉页脚保留单据编号与页码
背景图形关闭(保证文字清晰)
分页控制表格行不跨页断开
打印样式规则
@media print {
  .sidebar, .topbar,
  .toasts, .backtop,
  [data-print] { display: none !important; }

  main { margin-left: 0 !important; }
  .tbl tr { break-inside: avoid; }
  .card  { box-shadow: none; border-color: #CCC; }
}

导出

csv / xlsx / pdf
导出配置
选择格式
导出任务记录
近 7 天 · 文件保留 30 天,到期自动清理
任务编号导出内容格式条数状态操作
EXP-1003-014 全部订单 CSV 1,284 生成中 68%
EXP-1003-013 对账明细 · 9 月 XLSX 8,642 已完成
EXP-1002-011 退款申请 PDF 96 已完成
EXP-1001-008 库存快照 CSV 4,208 超出上限
EXP-0930-006 全部订单 XLSX 1,196 已过期
单次导出上限 50,000 行;超过上限请按时间分段导出。 已用配额 3 / 20 次(当日)

分享

link · qrcode · permission
分享链接
二维码
有效期7 天(10-10 09:26 失效)
访问密码8f21
访问次数12 / 50
水印访问者昵称 + 时间戳
分享设置