当前位置: 首页 > news >正文

odoo打印新解

打印特定区域为 PDF(对话助手样式)

/* 打印区域(仿“上图格式”) */
.print-area{
background:linear-gradient(180deg, var(–panel-2), var(–panel));
border:1px solid var(–border);
border-radius:16px;
padding:20px;
box-shadow:0 6px 24px rgba(0,0,0,.25);
}

.header{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding-bottom:16px;border-bottom:1px solid var(–border);
}
.title{
display:flex;align-items:center;gap:10px;
}
.title .logo{
width:36px;height:36px;border-radius:10px;background:#0d1320;border:1px solid var(–border);
display:flex;align-items:center;justify-content:center;font-weight:700;color:var(–blue)
}
.title h1{margin:0;font-size:18px}
.title small{display:block;color:var(–subtext);font-weight:400}

.selects{display:flex;gap:12px;flex-wrap:wrap}
.select{
background:#0d1320;border:1px solid var(–border);color:var(–text);
padding:8px 10px;border-radius:10px;min-width:180px;
}

.tip{
margin:16px 0 20px;
background:rgba(43,124,255,.12);
border:1px solid rgba(43,124,255,.35);
color:#cfe0ff;
padding:12px 14px;border-radius:12px;
}

.section-title{
margin:10px 0 8px;font-size:15px;color:var(–subtext);
display:flex;align-items:center;gap:8px;
}
.section-title .dot{width:8px;height:8px;border-radius:999px;background:var(–blue)}

.history{
display:flex;flex-direction:column;gap:12px;
margin-top:8px;
}
.card{
background:#0e1423;
border:1px solid var(–border);
border-radius:14px;
padding:14px;
}
.card .meta{
display:flex;gap:10px;align-items:center;color:var(–subtext);font-size:12px;margin-bottom:6px;
}
.badge{
display:inline-flex;align-items:center;gap:6px;
font-size:12px;color:#d1e7ff;background:rgba(43,124,255,.15);
border:1px solid rgba(43,124,255,.35);
padding:4px 8px;border-radius:999px;
}
.qa{
display:grid;grid-template-columns: 92px 1fr;gap:10px;align-items:start;
}
.qa .tag{color:var(–subtext)}
.qa .content{white-space:pre-wrap}
.ok{color:var(–green)}
.kbd{
font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
background:#0b0f1a;border:1px solid var(–border);padding:2px 6px;border-radius:6px;
}

/* 非打印的说明与底栏 */
.hint{color:var(–subtext);margin-top:10px}

/* 打印样式:仅打印 .print-area */
@media print {
body{background:#fff}
body *{visibility:hidden}
.print-area, .print-area *{visibility:visible}
.print-area{position:absolute;inset:0;margin:0;border:none;border-radius:0;box-shadow:none}
.toolbar{display:none !important}
}

系统打印下载 PDF
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/fb7534cd9509413e8b77d1dc5ff914f9.png#pic_center)
http://www.dtcms.com/a/354446.html

相关文章:

  • lesson48:Ubuntu下Python与三大数据库实战:MySQL、MongoDB、Redis全攻略
  • 基于uni-app的iOS应用上架,从打包到分发的全流程
  • 算法题打卡力扣第15题:三数之和(mid)
  • 本地构建的 Docker 镜像迁移到另一台电脑上运行
  • Python自动化测试完整教程:pytest + selenium实战
  • Windows 环境下搭建移动端自动化测试环境(JDK + SDK + Node.js + Appium)
  • 【Rust】 4. 函数与闭包
  • React过渡更新:优化渲染性能的秘密
  • 在Excel和WPS表格中隔一行插入一个空白行
  • HarmonyOS 中的 sharedTransition:实现流畅的页面过渡动画
  • 从数字到价值:ESG评级的深层变革
  • 鸿蒙 5.1 深度解析:ArkUI 4.1 升级与分布式开发新范式
  • Linux 软件编程(十三)网络编程:TCP 并发服务器模型与 IO 多路复用机制、原理epoll
  • 【Windows】netstat命令解析及端口状态解释
  • 【PostgreSQL内核学习:通过 ExprState 提升哈希聚合与子计划执行效率(二)】
  • 现代前端状态管理:从原理到实战(Vue/React全栈方案)
  • 【自记】Python 中,对象的比较运算符(>, ==, <=, >=)对应特定的魔法方法详解
  • H5测试全攻略:要点解析
  • 一个工程多Module的微服务项目,如何在GitLab中配置CI/CD
  • MySQL数据库精研之旅第十三期:吃透用户与权限管理,筑牢数据库安全第一道防线
  • 深入解析Java并发编程与单例模式
  • 详解Log4j组件:工业级Java日志框架
  • Redis实战-点赞的解决方案
  • vue布局
  • LightGBM 在金融逾期天数预测任务中的经验总结
  • 2025年渗透测试面试题总结-36(题目+回答)
  • 2025年渗透测试面试题总结-37(题目+回答)
  • vue3 数据库 内的 字符 显示 换行符
  • LeetCode-238除自身以外数组的乘积
  • 基于单片机步进电机控制电机正反转加减速系统Proteus仿真(含全部资料)